KERNEL-13232 feat: 复选树的连接线之类的不再用图片了

src/less/base/tree/ztree.less

@@ -190,6 +190,30 @@
   }
 }
 
+.ztree.solid li span.button.bottom_docu {
+  background: none;
+  position: relative;
+
+  &:before {
+    position: absolute;
+    top: 0;
+    left: -1px;
+    width: 50%;
+    height: 50%;
+    border-right: 1px solid @border-color-dark-gray-line;
+    content: '';
+  }
+
+  &:after {
+    position: absolute;
+    top: 0;
+    right: 1px;
+    height: 50%;
+    width: 50%;
+    border-bottom: 1px solid @border-color-dark-gray-line;
+    content: '';
+  }
+}
 
 .ztree li span.button.chk {
   position: relative;

src/less/resource/background.less

@@ -43,6 +43,7 @@
   .ztree li span.button.root_open {
     .image2xPath(@icon-tree-expand-type1-theme-dark);
   }
+
   .ztree.solid li span.button.root_open {
     .image2xPath(@icon-tree-solid-expand-type1-theme-dark);
   }
@@ -60,6 +61,7 @@
   .ztree li span.button.root_close {
     .image2xPath(@icon-tree-collapse-type1-theme-dark);
   }
+
   .ztree.solid li span.button.root_close {
     .image2xPath(@icon-tree-solid-collapse-type1-theme-dark);
   }
@@ -70,15 +72,16 @@
 }
 
 .ztree.solid li span.button.roots_open {
-  .image2xPath(@icon-tree-solid-expand-type2);
+  .image2xPath(@icon-tree-solid-expand-type1);
 }
 
 .bi-theme-dark {
   .ztree li span.button.roots_open {
     .image2xPath(@icon-tree-expand-type2-theme-dark);
   }
+
   .ztree.solid li span.button.roots_open {
-    .image2xPath(@icon-tree-solid-expand-type2-theme-dark);
+    .image2xPath(@icon-tree-solid-expand-type1-theme-dark);
   }
 }
 
@@ -87,15 +90,16 @@
 }
 
 .ztree.solid li span.button.roots_close {
-  .image2xPath(@icon-tree-solid-collapse-type2);
+  .image2xPath(@icon-tree-solid-collapse-type1);
 }
 
 .bi-theme-dark {
   .ztree li span.button.roots_close {
     .image2xPath(@icon-tree-collapse-type2-theme-dark);
   }
+
   .ztree.solid li span.button.roots_close {
-    .image2xPath(@icon-tree-solid-collapse-type2-theme-dark);
+    .image2xPath(@icon-tree-solid-collapse-type1-theme-dark);
   }
 }
 
@@ -104,15 +108,16 @@
 }
 
 .ztree.solid li span.button.center_open {
-  .image2xPath(@icon-tree-solid-expand-type3);
+  .image2xPath(@icon-tree-solid-expand-type1);
 }
 
 .bi-theme-dark {
   .ztree li span.button.center_open {
     .image2xPath(@icon-tree-expand-type3-theme-dark);
   }
+
   .ztree.solid li span.button.center_open {
-    .image2xPath(@icon-tree-solid-expand-type3-theme-dark);
+    .image2xPath(@icon-tree-solid-expand-type1-theme-dark);
   }
 }
 
@@ -121,15 +126,16 @@
 }
 
 .ztree.solid li span.button.center_close {
-  .image2xPath(@icon-tree-solid-collapse-type3);
+  .image2xPath(@icon-tree-solid-collapse-type1);
 }
 
 .bi-theme-dark {
   .ztree li span.button.center_close {
     .image2xPath(@icon-tree-collapse-type3-theme-dark);
   }
+
   .ztree.solid li span.button.center_close {
-    .image2xPath(@icon-tree-solid-collapse-type3-theme-dark);
+    .image2xPath(@icon-tree-solid-collapse-type1-theme-dark);
   }
 }
 
@@ -138,15 +144,16 @@
 }
 
 .ztree.solid li span.button.bottom_open {
-  .image2xPath(@icon-tree-solid-expand-type4);
+  .image2xPath(@icon-tree-solid-expand-type1);
 }
 
 .bi-theme-dark {
   .ztree li span.button.bottom_open {
     .image2xPath(@icon-tree-expand-type4-theme-dark);
   }
+
   .ztree.solid li span.button.bottom_open {
-    .image2xPath(@icon-tree-solid-expand-type4-theme-dark);
+    .image2xPath(@icon-tree-solid-expand-type1-theme-dark);
   }
 }
 
@@ -155,15 +162,16 @@
 }
 
 .ztree.solid li span.button.bottom_close {
-  .image2xPath(@icon-tree-solid-collapse-type4);
+  .image2xPath(@icon-tree-solid-collapse-type1);
 }
 
 .bi-theme-dark {
   .ztree li span.button.bottom_close {
     .image2xPath(@icon-tree-collapse-type4-theme-dark);
   }
+
   .ztree.solid li span.button.bottom_close {
-    .image2xPath(@icon-tree-solid-collapse-type4-theme-dark);
+    .image2xPath(@icon-tree-solid-collapse-type1-theme-dark);
   }
 }
 
@@ -179,6 +187,7 @@
   .ztree li span.button.roots_docu {
     .image2xPath(@icon-tree-vertical-line-2-theme-dark);
   }
+
   .ztree.solid li span.button.roots_docu {
     .image2xPath(@icon-tree-solid-vertical-line-2-theme-dark);
   }
@@ -196,6 +205,7 @@
   .ztree li span.button.center_docu {
     .image2xPath(@icon-tree-vertical-line-3-theme-dark);
   }
+
   .ztree.solid li span.button.center_docu {
     .image2xPath(@icon-tree-solid-vertical-line-3-theme-dark);
   }
@@ -205,14 +215,12 @@
   .image2xPath(@icon-tree-vertical-line-4);
 }
 
-.ztree.solid li span.button.bottom_docu {
-  .image2xPath(@icon-tree-solid-vertical-line-4);
-}
 
 .bi-theme-dark {
   .ztree li span.button.bottom_docu {
     .image2xPath(@icon-tree-vertical-line-4-theme-dark);
   }
+
   .ztree.solid li span.button.bottom_docu {
     .image2xPath(@icon-tree-solid-vertical-line-4-theme-dark);
   }
@@ -335,43 +343,43 @@
 }
 
 .auto-color-background {
-  &.hack{
+  &.hack {
     .imagePath(@background-auto-color);
   }
 }
 
 .auto-color-normal-background {
-  &.hack{
+  &.hack {
     .imagePath(@background-auto-color-normal);
   }
 }
 
 .auto-color-normal-disabled-background {
-  &.hack{
+  &.hack {
     .imagePath(@background-auto-color-disabled);
   }
 }
 
 .auto-color-square-normal-background {
-  &.hack{
+  &.hack {
     .imagePath(@background-auto-color-square-normal);
   }
 }
 
 .auto-color-no-square-normal-background {
-  &.hack{
+  &.hack {
     .imagePath(@background-auto-color-no-square-normal);
   }
 }
 
 .trans-color-background {
-  &.hack{
+  &.hack {
     .imagePath(@background-trans-color);
   }
 }
 
 .trans-color-disabled-background {
-  &.hack{
+  &.hack {
     .imagePath(@background-trans-color-disabled);
   }
 }