refactor: 清理不必要的 cursor-pointer， 使用 hover-visible

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

@@ -1,18 +1,4 @@
 @import '../../../../less/index.less';
 .dec-webui-dcm-connection-left-item{
-  &-selected{
+  .hover-visible(link-item-icon);
-    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

@@ -19,7 +19,7 @@ const Widget: WidgetType = {
     
     return {
       type: LeftRightVerticalAdapt,
-      cls: `cursor-pointer`,
+      cls: 'bi-list-item-active',
       height: 24,
       items: {
         left: [

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 ? 'dec-webui-dcm-connection-left-item-selected' : '',
+        selected: item.isSelected,
         title: item.connectionName,
         id: item.connectionId,
         creator: item.creator,

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

@@ -21,7 +21,7 @@ const Widget: WidgetType = {
     
     return {
       type: Vertical,
-      cls: 'bi-border cursor-pointer',
+      cls: 'bi-border',
       width: 120,
       height: 117,
       items: [

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 ? 'dec-webui-dcm-status-left-item-selected' : '',
+        selected: item.connectionName === selectTitle,
         title: item.connectionName,
         id: item.connectionId,
         creator: item.creator,

src/app/status/left/left_item.less

@@ -1,9 +0,0 @@
-@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,4 +1,3 @@
-import './left_item.less';
 import {WidgetType, TextButton, VerticalAdapt} from '@ui';
 import Model from './left.model';
 const className = 'dec.dcm.component.linkStatus.left.item';
@@ -16,7 +15,7 @@ const Widget: WidgetType = {
     
     return {
       type: VerticalAdapt,
-      cls: `left-item cursor-pointer`,
+      cls: 'bi-list-item-active',
       height: 30,
       items: [
         {

src/app/title/item/title_item.ts

@@ -20,7 +20,7 @@ const Widget = BI.inherit(BI.BasicButton, {
     
     return {
       type: Label,
-      cls: 'cursor-pointer bi-font-bold',
+      cls: 'bi-font-bold',
       height: 40,
       hgap: 15,
       text,

src/less/var.less

@@ -1,3 +1,4 @@
 @import "../../node_modules/fineui/src/less/var";
+@import '../../node_modules/fineui/src/less/visual.less';
 @imageUrl: '/img/';
 @image2xUrl: '/img/';