vft 0.0.142 → 0.0.144

package/theme-style/src/side-menu.scss

@@ -9,14 +9,15 @@ $name: side-menu;
 }
 
 @include b($name) {
-  @include set-component-css-var($name, $side-menu);
-  background-color: getCompCssVar('bg-color');;
+  background-color: getCompCssVar('bg-color');
   transition: width 0.2s ease;
   display: flex;
   flex-direction: column;
   border-right: getCssVar('menu-border-right');
   position: relative;
 
+  @include set-component-css-var($name, $side-menu);
+
   @include m(fixed) {
     position: fixed;
     left: 0;
@@ -55,12 +56,9 @@ $name: side-menu;
   }
 
   @include e(con) {
-    @include overlay(false);
     overflow-x: hidden;
-  }
 
-  .#{$namespace}-menu {
-    border: none;
+    @include overlay(false);
   }
 
   @include e(drag-bar) {
@@ -73,14 +71,19 @@ $name: side-menu;
     border-top: none;
     border-bottom: none;
     cursor: col-resize;
+
     &:hover {
       background-color: $primary-color;
       box-shadow: getCssVar('box-shadow');
     }
   }
 
+  .#{$namespace}-menu {
+    border: none;
+  }
+
   .icon-sidebar-collapse {
-    @include icon-common($icon-sidebar-collapse)
+    @include icon-common($icon-sidebar-collapse);
   }
 }
 
@@ -88,10 +91,10 @@ $name: side-menu;
   margin-right: getCompCssVar('scroll-mr');
 
   .vft-menu--popup {
-    @include scroll-bar();
-    @include overlay(false);
-
     box-shadow: none;
     max-height: calc(100vh - 200px);
+
+    @include scroll-bar;
+    @include overlay(false);
   }
 }

package/theme-style/src/skeleton-item.scss

@@ -20,10 +20,8 @@
     width: 100%;
   }
 
-
   @include e(circle) {
     border-radius: 50%;
-
     width: getCssVar('skeleton-circle-size');
     height: getCssVar('skeleton-circle-size');
     line-height: getCssVar('skeleton-circle-size');
@@ -37,6 +35,7 @@
 
   @include e(p) {
     width: 100%;
+
     @include when(last) {
       width: 61%;
     }
@@ -76,13 +75,13 @@
 
     svg {
       color: getCssVar('svg-monochrome-grey');
-      fill: currentColor;
+      fill: currentcolor;
       width: 22%;
       height: 22%;
     }
   }
 
   .icon-picture-filled {
-    @include icon-common($icon-picture-filled)
+    @include icon-common($icon-picture-filled);
   }
 }

package/theme-style/src/super-form.scss

@@ -8,6 +8,7 @@ $name: super-form;
     @include e(container) {
       width: 100%;
       display: flex;
+
       @include e(content) {
         flex: 1;
         line-height: 1;
@@ -24,7 +25,7 @@ $name: super-form;
     }
   }
 
-  .is-comp-full-width{
+  .is-comp-full-width {
     .vft-select {
       width: 100%;
     }

package/theme-style/src/switch.scss

@@ -1,5 +1,4 @@
 @use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;
@@ -13,7 +12,6 @@ $switch-height: map.merge(
   ),
   $switch-height
 );
-
 $switch-font-size: () !default;
 $switch-font-size: map.merge(
   (
@@ -23,7 +21,6 @@ $switch-font-size: map.merge(
   ),
   $switch-font-size
 );
-
 $switch-core-border-radius: () !default;
 $switch-core-border-radius: map.merge(
   (
@@ -33,7 +30,6 @@ $switch-core-border-radius: map.merge(
   ),
   $switch-core-border-radius
 );
-
 $switch-core-width: () !default;
 $switch-core-width: map.merge(
   (
@@ -43,7 +39,6 @@ $switch-core-width: map.merge(
   ),
   $switch-core-width
 );
-
 $switch-core-height: () !default;
 $switch-core-height: map.merge(
   (
@@ -53,7 +48,6 @@ $switch-core-height: map.merge(
   ),
   $switch-core-height
 );
-
 $switch-button-size: () !default;
 $switch-button-size: map.merge(
   (
@@ -63,7 +57,6 @@ $switch-button-size: map.merge(
   ),
   $switch-button-size
 );
-
 $switch-content-padding: () !default;
 $switch-content-padding: map.merge(
   (
@@ -79,6 +72,57 @@ $switch-content-padding: map.merge(
 }
 
 @include b(switch) {
+  @each $size in (large, small) {
+    @include m($size) {
+      font-size: map.get($switch-font-size, $size);
+      line-height: map.get($switch-core-height, $size);
+      height: map.get($switch-height, $size);
+
+      @include e(label) {
+        height: map.get($switch-core-height, $size);
+        font-size: map.get($switch-font-size, $size);
+
+        & * {
+          font-size: map.get($switch-font-size, $size);
+        }
+      }
+
+      @include e(core) {
+        min-width: map.get($switch-core-width, $size);
+        height: map.get($switch-core-height, $size);
+        border-radius: map.get($switch-core-border-radius, $size);
+
+        .#{$namespace}-switch__inner {
+          height: map.get($switch-button-size, $size);
+          padding: 0 #{map.get($switch-content-padding, $size)} 0 calc(#{map.get(
+                  $switch-button-size,
+                  $size
+                )} + 2px);
+        }
+
+        .#{$namespace}-switch__action {
+          width: map.get($switch-button-size, $size);
+          height: map.get($switch-button-size, $size);
+        }
+      }
+
+      @include when(checked) {
+        .#{$namespace}-switch__core {
+          .#{$namespace}-switch__action {
+            left: calc(100% - #{map.get($switch-button-size, $size) + 1px});
+          }
+
+          .#{$namespace}-switch__inner {
+            padding: 0 calc(#{map.get($switch-button-size, $size)} + 2px) 0 #{map.get(
+                $switch-content-padding,
+                $size
+              )};
+          }
+        }
+      }
+    }
+  }
+
   display: inline-flex;
   align-items: center;
   position: relative;
@@ -111,9 +155,11 @@ $switch-content-padding: map.merge(
     @include m(left) {
       margin-right: 10px;
     }
+
     @include m(right) {
       margin-left: 10px;
     }
+
     & * {
       line-height: 1;
       font-size: map.get($switch-font-size, 'default');
@@ -170,18 +216,19 @@ $switch-content-padding: map.merge(
       justify-content: center;
       align-items: center;
       overflow: hidden;
+      padding: 0 #{map.get($switch-content-padding, 'default')} 0 calc(#{map.get(
+              $switch-button-size,
+              'default'
+            )} + 2px);
 
       i,
       .is-text {
         font-size: 12px;
         color: getCssVar('color-white');
         user-select: none;
+
         @include line-clamp;
       }
-      padding: 0 #{map.get($switch-content-padding, 'default')} 0 calc(#{map.get(
-              $switch-button-size,
-              'default'
-            )} + 2px);
     }
 
     .#{$namespace}-switch__action {
@@ -246,58 +293,7 @@ $switch-content-padding: map.merge(
     opacity: 0;
   }
 
-  @each $size in (large, small) {
-    @include m($size) {
-      font-size: map.get($switch-font-size, $size);
-      line-height: map.get($switch-core-height, $size);
-      height: map.get($switch-height, $size);
-
-      @include e(label) {
-        height: map.get($switch-core-height, $size);
-        font-size: map.get($switch-font-size, $size);
-
-        & * {
-          font-size: map.get($switch-font-size, $size);
-        }
-      }
-
-      @include e(core) {
-        min-width: map.get($switch-core-width, $size);
-        height: map.get($switch-core-height, $size);
-        border-radius: map.get($switch-core-border-radius, $size);
-
-        .#{$namespace}-switch__inner {
-          height: map.get($switch-button-size, $size);
-          padding: 0 #{map.get($switch-content-padding, $size)} 0 calc(#{map.get(
-                  $switch-button-size,
-                  $size
-                )} + 2px);
-        }
-
-        .#{$namespace}-switch__action {
-          width: map.get($switch-button-size, $size);
-          height: map.get($switch-button-size, $size);
-        }
-      }
-
-      @include when(checked) {
-        .#{$namespace}-switch__core {
-          .#{$namespace}-switch__action {
-            left: calc(100% - #{map.get($switch-button-size, $size) + 1px});
-          }
-
-          .#{$namespace}-switch__inner {
-            padding: 0 calc(#{map.get($switch-button-size, $size)} + 2px) 0 #{map.get(
-                $switch-content-padding,
-                $size
-              )};
-          }
-        }
-      }
-    }
-  }
-
   .icon-loading {
-    @include icon-common($icon-loading)
+    @include icon-common($icon-loading);
   }
 }

package/theme-style/src/table.scss

@@ -13,13 +13,52 @@ $name: table;
   width: 100%;
   min-height: 200px;
 
+  @include m(pager-bottom-right) {
+    margin-top: 10px;
+    justify-content: flex-end;
+
+    .btn-next {
+      margin-right: 0 !important;
+    }
+  }
+
+  @include m(pager-bottom-left) {
+    margin-top: 10px;
+    justify-content: flex-start;
+
+    .btn-prev {
+      margin-left: 0 !important;
+    }
+  }
+
+  @include m(pager-top-right) {
+    margin-bottom: 10px;
+    justify-content: flex-end;
+
+    .btn-next {
+      margin-right: 0 !important;
+    }
+  }
+
+  @include m(pager-top-left) {
+    margin-bottom: 10px;
+    justify-content: flex-start;
+
+    .btn-prev {
+      margin-left: 0 !important;
+    }
+  }
+
   .vxe-grid {
-    &.is--loading:before {
-      top: calc(getCompCssVar('header-height') + getCompCssVar('toolbar-height'));
+    &.is--loading::before {
+      top: calc(
+        getCompCssVar('header-height') + getCompCssVar('toolbar-height')
+      );
       // noinspection CssInvalidPropertyValue
       height: calc(100% - getCompCssVar('header-height') + 42px);
       background-color: rgba(255, 255, 255, 0.9);
     }
+
     .vxe-grid--toolbar-wrapper {
       height: getCompCssVar('toolbar-height');
     }
@@ -42,11 +81,13 @@ $name: table;
           .vxe-cell {
             line-height: getCompCssVar('header-line-height');
             font-size: getCompCssVar('header-text-size');
-            padding: getCompCssVar('header-padding-y') getCompCssVar('header-padding-x');
+            padding: getCompCssVar('header-padding-y')
+              getCompCssVar('header-padding-x');
 
             .vxe-cell--title {
-              @include line-clamp(getCompCssVar('header-line-clamp'));
               white-space: initial;
+
+              @include line-clamp(getCompCssVar('header-line-clamp'));
             }
           }
         }
@@ -58,7 +99,8 @@ $name: table;
 
       // body 下内容
       .vxe-table--body-wrapper {
-        min-height: 36px!important;
+        min-height: 36px !important;
+
         .vxe-body--row {
           transition: getCssVar('transition-bg-color');
 
@@ -123,7 +165,8 @@ $name: table;
   }
 
   .col--seq {
-    padding: 6px 0!important;
+    padding: 6px 0 !important;
+
     .vxe-cell {
       padding: 0;
     }
@@ -138,12 +181,13 @@ $name: table;
       }
     }
   }
+
   .vxe-table--render-default {
     .vxe-body--column.col--ellipsis {
-      height: unset!important;
+      height: unset !important;
 
       > .vxe-cell {
-        max-height: none!important;
+        max-height: none !important;
       }
     }
   }
@@ -156,44 +200,15 @@ $name: table;
         }
       }
     }
+
     .vxe-checkbox--icon {
       font-weight: 100;
     }
   }
 
-  .vxe-buttons--wrapper{
+  .vxe-buttons--wrapper {
     .vft-form-item {
-      margin-bottom: 0!important;
-    }
-  }
-
-  @include m(pager-bottom-right) {
-    margin-top: 10px;
-    justify-content: flex-end;
-    .btn-next {
-      margin-right: 0 !important;
-    }
-  }
-
-  @include m(pager-bottom-left) {
-    margin-top: 10px;
-    justify-content: flex-start;
-    .btn-prev {
-      margin-left: 0 !important;
-    }
-  }
-  @include m(pager-top-right) {
-    margin-bottom: 10px;
-    justify-content: flex-end;
-    .btn-next {
-      margin-right: 0 !important;
-    }
-  }
-  @include m(pager-top-left) {
-    margin-bottom: 10px;
-    justify-content: flex-start;
-    .btn-prev {
-      margin-left: 0 !important;
+      margin-bottom: 0 !important;
     }
   }
 }