refactor: 去掉 extraCls

src/app/connection/left/item/left_item.ts

@@ -13,13 +13,12 @@ const Widget: WidgetType = {
     return BI.Models.getModel(Model);
   },
   render() {
-    const {title, extraCls, creator, text, id} = this.options;
+    const {title, cls, creator, text, id} = this.options;
     
     return {
       type: LeftRightVerticalAdapt,
-      cls: 'link-item cursor-pointer',
+      cls: `link-item cursor-pointer ${cls}`,
       height: 24,
-      extraCls,
       items: {
         left: [
           {

src/app/connection/left/item/left_item_icon.ts

@@ -63,8 +63,7 @@ const Widget: WidgetType = {
     
     return {
       type: IconButton,
-      cls,
+      cls: `action-icon ${cls}`,
-      extraCls: 'action-icon',
       height: 24,
       width: 26,
       title,

src/app/status/left/left.ts

@@ -32,7 +32,7 @@ const Widget: WidgetType = {
     return BI.map(linkList, (index: number, item: LinkType) => {
       return {
         type: LeftItem,
-        extraCls: item.connectionName === selectTitle ? 'left-item-selected' : '',
+        cls: item.connectionName === selectTitle ? 'left-item-selected' : '',
         title: item.connectionName,
         id: item.connectionId,
         creator: item.creator,

src/app/status/left/left_item.ts

@@ -11,13 +11,12 @@ const Widget: WidgetType = {
     return BI.Models.getModel(Model);
   },
   render() {
-    const {title, extraCls} = this.options;
+    const {title, cls} = this.options;
     
     return {
       type: Left,
-      cls: 'left-item cursor-pointer',
+      cls: `left-item cursor-pointer ${cls}`,
       height: 30,
-      extraCls,
       items: [
         {
           type: TextButton,

src/demo/plugin.tedis.pool.ts

@@ -22,7 +22,6 @@ const WidgetPool = BI.inherit(BI.Widget, {
                     {
                       type: 'bi.label',
                       cls: 'right-status-text',
-                      extraCls: 'card-font1',
                       text: numActive,
                     },
                     {