refactor: 将样式放到组件同级

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

@@ -0,0 +1,18 @@
+@import '../../../../less/index.less';
+.dec-webui-dcm-connection-left-item{
+  &-selected{
+    background-color: @background-color-blue-transparent;
+    .link-title{
+      color: @font-color-highlight;
+    }
+  }
+  &:hover{
+    background-color: @background-color-blue-transparent;
+    .link-item-icon{
+        visibility: visible;
+    }
+  }
+  .link-item-icon{
+    visibility: hidden;
+  }
+}

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

@@ -1,3 +1,4 @@
+import './left_item.less';
 import {WidgetType, Icon, TextButton, LeftRightVerticalAdapt} from '@ui';
 import ItemIcon from './left_item_icon';
 import Model from '../../link_set.model';
@@ -8,6 +9,7 @@ const Widget: WidgetType = {
     title: '',
     id: '',
     creator: '',
+    baseCls: 'dec-webui-dcm-connection-left-item',
   },
   _store() {
     return BI.Models.getModel(Model);
@@ -17,7 +19,7 @@ const Widget: WidgetType = {
     
     return {
       type: LeftRightVerticalAdapt,
-      cls: `link-item cursor-pointer`,
+      cls: `cursor-pointer`,
       height: 24,
       items: {
         left: [

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

@@ -15,6 +15,7 @@ const Widget: WidgetType = {
     if (value === ACTION_DELETE) {
       return {
         type: BubbleCombo,
+        stopPropagation: true,
         direction: 'bottom',
         ref () {
           combo = this;

src/app/connection/left/left.ts

@@ -27,7 +27,7 @@ const Widget: WidgetType = {
     return BI.map(linkList, (index: number, item: LinkType) => {
       return {
         type: LeftItem,
-        cls: item.isSelected ? 'left-item-selected' : '',
+        cls: item.isSelected ? 'dec-webui-dcm-connection-left-item-selected' : '',
         title: item.connectionName,
         id: item.connectionId,
         creator: item.creator,

src/app/connection/more/item/more_link_item.less

@@ -0,0 +1,6 @@
+@import '../../../../less/index.less';
+.dec-webui-dcm-connection-more-link-item{
+  &:hover{
+    border: solid 1px @border-color-highlight;
+  }
+}

src/app/connection/more/item/more_link_item.ts

@@ -1,8 +1,12 @@
+import './more_link_item.less';
 import {WidgetType, Vertical, Img, Label, Layout, Absolute} from '@ui/index';
 import ModelName from './more_link_litem.model';
 
 const className = 'dec.dcm.component.linkSet.morelink.item';
 const Widget: WidgetType = {
+  props: {
+    baseCls: 'dec-webui-dcm-connection-more-link-item',
+  },
   _store() {
     return BI.Models.getModel(ModelName);
   },
@@ -17,7 +21,7 @@ const Widget: WidgetType = {
     
     return {
       type: Vertical,
-      cls: 'dcm-link-more bi-border cursor-pointer',
+      cls: 'bi-border cursor-pointer',
       width: 120,
       height: 117,
       items: [

src/app/connection/right/right.ts

@@ -21,7 +21,6 @@ const Widget: WidgetType = {
   render() {
     return {
       type: ListView,
-      cls: 'dcm-link-form',
       ref(_ref: any) {
         rightContent = _ref;
       },

src/app/status/left/left.ts

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

src/app/status/left/left_item.less

@@ -0,0 +1,9 @@
+@import '../../../less/index.less';
+.dec-webui-dcm-status-left-item{
+  &-selected{
+    background-color: @background-color-blue-transparent;
+    .link-title{
+      color: @font-color-highlight;
+    }
+  }
+}

src/app/status/left/left_item.ts

@@ -1,3 +1,4 @@
+import './left_item.less';
 import {WidgetType, TextButton, VerticalAdapt} from '@ui';
 import Model from './left.model';
 const className = 'dec.dcm.component.linkStatus.left.item';

src/app/status/right/right_card.less

@@ -0,0 +1,9 @@
+@import '../../../less/index.less';
+.dec-webui-dcm-status-right-card{
+  .card-font-success{
+    font-size: @font-size-30;
+  }
+  .card-font-heighlight{
+    font-size: @font-size-30;
+  }
+}

src/app/status/right/right_card.ts

@@ -1,6 +1,10 @@
+import './right_card.less';
 import {WidgetType, Left, Label, Vertical, FloatCenter, CenterAdapt, VerticalAdapt} from '@ui/index';
 const className = 'dec.dcm.component.linkStatus.right.card';
 const Widget: WidgetType = {
+  props: {
+    baseCls: 'dec-webui-dcm-status-right-card',
+  },
   render() {
     const {maxActive, maxIdle, numActive, numIdle} = this.options;
     

src/app/title/title.less

@@ -0,0 +1,7 @@
+@import '../../less/index.less';
+.dec-webui-dcm-title{
+  .title-item-selected{
+    color: @background-color-highlight;
+    border-bottom: solid 2px @border-color-highlight;
+  }
+}

src/app/title/title.ts

@@ -1,9 +1,13 @@
+import './title.less';
 import {WidgetType, IconButton, LeftRightVerticalAdapt} from '@ui/index';
 import TitleItem from './item/title_item';
 import {isDesigner, closeWindow} from '@shared/crud/crud.request';
 import {TAB_LINK_SET, TAB_LINK_POOL} from '@private/constants';
 const className = 'dec.dcm.title';
 const Widget: WidgetType = {
+  props: {
+    baseCls: 'dec-webui-dcm-title',
+  },
   render() {
     const hideCloseButton = isDesigner();
     

src/less/index.less

@@ -2,4 +2,3 @@
 @import "lib/color";
 @import "resource/background";
 @import "resource/font";
-@import "resource/common";

src/less/lib/background.less

@@ -1,4 +1,3 @@
-@background-color-blue-transparent: @color-bi-blue-5;
 @background-resources: "resources.png";
 @background-warning: "warning.png";
 @background-database-selected: "database-selected.png";

src/less/lib/color.less

@@ -1 +1,2 @@
 @import "../../../node_modules/fineui/src/less/lib/colors";
+@background-color-blue-transparent: @color-bi-blue-5;

src/less/resource/common.less

@@ -1,39 +0,0 @@
-.dec-webui-dcm-layout{
-  .title-item-selected{
-    color: @background-color-highlight;
-    border-bottom: solid 2px @border-color-highlight;
-  }
-  .dcm-link-left{
-    .link-item{
-      &:hover{
-        background-color: @background-color-blue-transparent;
-        .link-item-icon{
-            visibility: visible;
-        }
-      }
-      .link-item-icon{
-        visibility: hidden;
-      }
-    }
-    .left-item-selected{
-      background-color: @background-color-blue-transparent;
-      .link-title{
-        color: @font-color-highlight;
-      }
-    }
-  }
-  .dcm-link-form{
-    .card-font-success{
-      font-size: @font-size-30;
-    }
-    .card-font-heighlight{
-      font-size: @font-size-30;
-    }
-  }
-  .dcm-link-more{
-    &:hover{
-      border: solid 1px @border-color-highlight;
-    }
-  }
-}
-