chore: ci node 版本20

Author: lzxue

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
     steps:
       - uses: actions/checkout@v4
       - name: Install dependencies
@@ -49,7 +49,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
     steps:
       - uses: actions/checkout@v4
       - name: Install dependencies
@@ -77,7 +77,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
     steps:
       - uses: actions/checkout@v4
       - name: Install dependencies
@@ -104,7 +104,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
     steps:
       - uses: actions/checkout@v4
       - name: Install dependencies

packages/component/src/css/button.less

@@ -1,4 +1,4 @@
-@import 'variables.less';
+@import url('variables.less');
 
 .l7-button-control {
   min-width: @l7-btn-control-size;
@@ -34,9 +34,11 @@
   &.l7-button-control--column {
     height: @l7-btn-column-height;
     flex-direction: column;
+
     .l7-iconfont {
       margin-top: 3px;
     }
+
     .l7-button-control__text {
       margin-top: 3px;
       font-size: 10px;
@@ -48,21 +50,26 @@
     &:hover {
       background-color: @l7-btn-control-bg-hover-color;
     }
+
     &:active {
       background-color: @l7-btn-control-bg-active-color;
     }
   }
+
   &:disabled {
     background-color: @l7-btn-control-disabled-bg-color;
     color: @l7-btn-control-disabled-font-color;
     cursor: not-allowed;
+
     .l7-iconfont {
       fill: @l7-btn-control-disabled-font-color;
       color: @l7-btn-control-disabled-font-color;
     }
+
     &:hover {
       background-color: @l7-btn-control-disabled-bg-color;
     }
+
     &:active {
       background-color: @l7-btn-control-disabled-bg-color;
     }

packages/component/src/css/control.less

@@ -1,4 +1,4 @@
-@import 'variables.less';
+@import url('variables.less');
 
 .l7-control-container {
   font:
@@ -14,7 +14,7 @@
     clear: both;
     color: @l7-control-font-color;
     font-size: @l7-control-font-size;
-    pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+    pointer-events: visiblepainted; /* IE 9-10 doesn't have auto */
     pointer-events: auto;
 
     &.l7-control--hide {
@@ -39,14 +39,17 @@
     position: absolute;
     display: flex;
     justify-content: center;
+
     &.l7-top,
     &.l7-bottom {
       width: 100%;
     }
+
     &.l7-left,
     &.l7-right {
       height: 100%;
     }
+
     .l7-control {
       margin-right: @l7-control-space;
       margin-bottom: @l7-control-space;
@@ -55,19 +58,23 @@
 
   .l7-row {
     flex-direction: row;
+
     &.l7-top {
       align-items: flex-start;
     }
+
     &.l7-bottom {
       align-items: flex-end;
     }
   }
 
   .l7-column {
     flex-direction: column;
+
     &.l7-left {
       align-items: flex-start;
     }
+
     &.l7-right {
       align-items: flex-end;
     }