KERNEL-13158 feat: 下拉树和列表树等比缩放

src/less/base/tree/ztree.less

@@ -1,5 +1,10 @@
 @import "../../index.less";
 
+.use-scale(@property, @pix) {
+    @{property} : @pix; //不支持css变量的浏览器
+    @{property} : calc(var(--css-scale, 1) * @pix);
+}
+
 .ztree * {
   padding: 0;
   margin: 0;
@@ -50,7 +55,7 @@
   &:before {
     border-left: 1px solid @border-color-dark-gray-line;
     height: 100%;
-    left: 14px;
+    .use-scale(left, 14px);
     margin-top: 0;
   }
 }
@@ -113,7 +118,8 @@
 }
 
 .ztree.solid li a {
-  height: 30px;
+  //height: 30px;
+  .use-scale(height, 30px);
 }
 
 .ztree li a.curSelectedNode {
@@ -163,7 +169,8 @@
 }
 
 .ztree.solid li span {
-  line-height: 30px;
+  //line-height: 30px;
+  .use-scale(line-height, 30px);
 }
 
 .ztree li span.icon {
@@ -218,8 +225,8 @@
 
 .ztree li span.button.chk {
   position: relative;
-  width: 14px;
-  height: 14px;
+  .use-scale(width, 14px);
+  .use-scale(height, 14px);
   margin: 0 3px 0 0;
   cursor: auto
 }
@@ -302,8 +309,10 @@
 }
 
 .ztree.solid li span.button.switch {
-  width: 30px;
-  height: 30px
+  .use-scale(width, 30px);
+  .use-scale(height, 30px);
+  //width: 30px;
+  //height: 30px;
 }
 
 .ztree li span.button.switch.noline_open {