vxe-pc-ui 3.15.13 → 3.15.15

package/styles/components/cascader.scss

@@ -1,10 +1,30 @@
 @use '../helpers/baseMixin.scss';
 @use '../helpers/placement.scss';
 
+// 局部变量
+.vxe-cascader,
+.vxe-cascader--panel {
+  --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-default);
+  &.size--medium {
+    --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-medium);
+    --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-medium);
+  }
+  &.size--small {
+    --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-small);
+    --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-small);
+  }
+  &.size--mini {
+    --vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-mini);
+    --vxe-ui-cascader-current-font-size: var(--vxe-ui-layout-padding-mini);
+  }
+}
+
 .vxe-cascader {
   position: relative;
   display: inline-block;
   width: 180px;
+  font-size: var(--vxe-ui-cascader-current-font-size);
   color: var(--vxe-ui-font-color);
   text-align: left;
   --vxe-ui-cascader-chunk-size: 1;
@@ -56,13 +76,14 @@
 }
 
 .vxe-cascader--panel {
+  font-size: var(--vxe-ui-cascader-current-font-size);
   pointer-events: none;
   @include placement.createPlacementPanel(var(--vxe-ui-cascader-node-width));
 }
 
 .vxe-cascader--panel-search {
   display: block;
-  padding: var(--vxe-ui-current-padding);
+  padding: var(--vxe-ui-cascader-current-font-size);
   width: calc(var(--vxe-ui-cascader-node-width) * var(--vxe-ui-cascader-chunk-size));
   .vxe-cascader-search--input {
     width: 100%;
@@ -74,16 +95,21 @@
   display: flex;
   flex-direction: row;
   white-space: nowrap;
+  align-items: center;
+  min-height: 2em;
 }
 .vxe-cascader--total-btns {
-  padding-left: var(--vxe-ui-current-padding);
-  flex-shrink: 0;
+  padding-left: var(--vxe-ui-cascader-current-font-size);
+  flex-grow: 1;
 }
+.vxe-cascader--total-btns,
 .vxe-cascader--oper-btns {
   display: flex;
   flex-direction: row;
-  flex-grow: 1;
-  justify-content: right;
+  align-items: center;
+}
+.vxe-cascader--oper-btns {
+  flex-shrink: 0;
 }
 .vxe-cascader--footer-button,
 .vxe-cascader--selected-btns,
@@ -131,10 +157,6 @@
   @include baseMixin.createRadioIcon();
 }
 
-.vxe-cascader--panel-body {
-  border-top: 1px solid var(--vxe-ui-base-popup-border-color)
-}
-
 .vxe-cascader-chunk--wrapper {
   position: relative;
   display: flex;
@@ -144,7 +166,7 @@
 .vxe-cascader-chunk--item-wrapper {
   flex-shrink: 0;
   border-left: 1px solid var(--vxe-ui-base-popup-border-color);
-  padding: var(--vxe-ui-current-padding) 0;
+  padding: var(--vxe-ui-cascader-current-font-size) 0;
   &:first-child {
     border-left: 0;
   }
@@ -168,7 +190,7 @@
   flex-direction: row;
   height: var(--vxe-ui-cascader-node-height);
   line-height: var(--vxe-ui-cascader-node-height);
-  padding: 0 calc(var(--vxe-ui-current-padding) + 18px) 0 var(--vxe-ui-current-padding);
+  padding: 0 calc(var(--vxe-ui-cascader-current-font-size) + 18px) 0 var(--vxe-ui-cascader-current-font-size);
   cursor: pointer;
   &:hover {
     background-color: var(--vxe-ui-cascader-node-hover-background-color);
@@ -210,26 +232,3 @@
     @include baseMixin.createAnimationTransition(transform, .2s);
   }
 }
-
-.vxe-cascader,
-.vxe-cascader--panel {
-  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-default);
-  &.size--small,
-  &.size--mini {
-    --vxe-ui-current-padding: var(--vxe-ui-layout-padding-half);
-  }
-}
-
-.vxe-cascader,
-.vxe-cascader--panel {
-  font-size: var(--vxe-ui-font-size-default);
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-  }
-}

package/styles/components/checkbox-button.scss

@@ -1,7 +1,10 @@
+@use "sass:map";
+@use "sass:list";
+@use '../helpers/baseMixin.scss';
+@use '../helpers/placement.scss';
+@use '../helpers/themeStatus.scss';
+
 .vxe-checkbox--button {
-  .vxe-checkbox--label {
-    background-color: var(--vxe-ui-layout-background-color);
-  }
   &:first-child {
     .vxe-checkbox--label {
       border-left: 1px solid var(--vxe-ui-input-border-color);
@@ -13,12 +16,6 @@
       border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
     }
   }
-  > input {
-    &:checked+.vxe-checkbox--label {
-      color: #fff;
-      background-color: var(--vxe-ui-font-primary-color);
-    }
-  }
   .vxe-checkbox--label {
     padding: 0 1em;
     line-height: calc(var(--vxe-ui-button-height-default) - 2px);
@@ -27,18 +24,73 @@
     border-color: var(--vxe-ui-input-border-color);
     border-width: 1px 1px 1px 0;
     max-width: 50em;
+    user-select: none;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+}
+
+.vxe-checkbox--button {
   & > input {
-    &:focus {
-      &+.vxe-checkbox--label {
-        border-color: var(--vxe-ui-font-primary-color);
-        box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-color);
+    &:checked+.vxe-checkbox--label {
+      color: #fff;
+      border-color: var(--vxe-ui-font-primary-color);
+      background-color: var(--vxe-ui-font-primary-color);
+      &:not(.is--disabled) {
+        &:hover {
+          background-color: var(--vxe-ui-font-primary-lighten-color);
+          border-color: var(--vxe-ui-font-primary-lighten-color);
+        }
+        &:active {
+          background-color: var(--vxe-ui-font-primary-darken-color);
+          border-color: var(--vxe-ui-font-primary-darken-color);
+        }
+      }
+      &.is--disabled {
+        border-color: var(--vxe-ui-font-primary-disabled-color);
+        background-color: var(--vxe-ui-font-primary-disabled-color);
+      }
+    }
+  }
+}
+
+.vxe-checkbox-group {
+  @for $index from 0 to list.length(themeStatus.$btnThemeList) {
+    $item: list.nth(themeStatus.$btnThemeList, $index + 1);
+    $textColor: map.get($item, textColor);
+    $btnColor: map.get($item, btnColor);
+    &.theme--#{map.get($item, name)} {
+      .vxe-checkbox--button {
+        & > input {
+          &:checked+.vxe-checkbox--label {
+            color: $btnColor;
+            border-color: $textColor;
+            background-color: $textColor;
+            &:not(.is--disabled) {
+              &:hover {
+                color: $btnColor;
+                background-color: map.get($item, btnLightenColor);
+                border-color: map.get($item, btnLightenColor);
+              }
+              &:active {
+                color: $btnColor;
+                background-color: map.get($item, btnDarkenColor);
+                border-color: map.get($item, btnDarkenColor);
+              }
+            }
+            &.is--disabled {
+              border-color: map.get($item, btnDisabledColor);
+              background-color: map.get($item, btnDisabledColor);
+            }
+          }
+        }
       }
     }
   }
+}
+
+.vxe-checkbox--button {
   &.size--medium {
     .vxe-checkbox--label {
       line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
@@ -54,4 +106,4 @@
       line-height: calc(var(--vxe-ui-button-height-mini) - 2px);
     }
   }
-}
+}

package/styles/components/checkbox.scss

@@ -1,5 +1,23 @@
 @use '../helpers/baseMixin.scss';
 
+// 局部变量
+.vxe-checkbox {
+  --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-default);
+  &.size--medium {
+    --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-medium);
+    --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-medium);
+  }
+  &.size--small {
+    --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-small);
+    --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-small);
+  }
+  &.size--mini {
+    --vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-mini);
+    --vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-mini);
+  }
+}
+
 /*checkbox-group*/
 .vxe-checkbox-group {
   display: inline-flex;
@@ -18,9 +36,12 @@
 /*checkbox*/
 .vxe-checkbox {
   display: inline-flex;
+  flex-direction: row;
+  align-items: center;
   vertical-align: middle;
   white-space: nowrap;
   line-height: 1;
+  font-size: var(--vxe-ui-checkbox-current-font-size);
   @include baseMixin.createCheckboxIcon();
   > input {
     &[type="checkbox"] {
@@ -41,7 +62,6 @@
     }
   }
   .vxe-checkbox--label {
-    padding-left: 0.5em;
     vertical-align: middle;
     display: inline-block;
     max-width: 50em;
@@ -51,31 +71,9 @@
   }
 }
 
-.vxe-checkbox {
-  font-size: var(--vxe-ui-font-size-default);
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-  }
-}
-
 .vxe-checkbox--default,
 .vxe-checkbox-group {
-  margin-right: var(--vxe-ui-base-margin-gap-default);
-  &.size--medium {
-    margin-right: var(--vxe-ui-base-margin-gap-medium);
-  }
-  &.size--small {
-    margin-right: var(--vxe-ui-base-margin-gap-small);
-  }
-  &.size--mini {
-    margin-right: var(--vxe-ui-base-margin-gap-mini);
-  }
+  margin-right: var(--vxe-ui-checkbox-current-margin-right);
   &:last-of-type {
     margin-right: 0;
   }

package/styles/components/context-menu.scss

@@ -1,3 +1,17 @@
+// 局部变量
+.vxe-context-menu {
+  --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-default);
+  &.size--medium {
+    --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-medium);
+  }
+  &.size--small {
+    --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-small);
+  }
+  &.size--mini {
+    --vxe-ui-context-menu-current-font-size: var(--vxe-ui-font-size-mini);
+  }
+}
+
 .vxe-context-menu {
   display: none;
   top: 0;
@@ -24,6 +38,7 @@
 .vxe-context-menu--wrapper,
 .vxe-context-menu--children-wrapper {
   padding: 0;
+  font-size: var(--vxe-ui-context-menu-current-font-size);
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   border: 1px solid var(--vxe-ui-base-popup-border-color);
@@ -88,16 +103,3 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
-.vxe-context-menu {
-  font-size: var(--vxe-ui-font-size-default);
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-  }
-}

package/styles/components/form.scss

@@ -5,9 +5,34 @@
   border-color: var(--vxe-ui-font-primary-lighten-color);
 }
 
+// 局部变量
+.vxe-form {
+  --vxe-ui-form-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-form-current-padding: var(--vxe-ui-form-item-padding-default);
+  --vxe-ui-form-current-item-min-height: var(--vxe-ui-form-item-min-height-default);
+  &.size--medium {
+    --vxe-ui-form-current-font-size: var(--vxe-ui-font-size-medium);
+    --vxe-ui-form-current-padding: var(--vxe-ui-form-item-padding-medium);
+    --vxe-ui-form-current-item-min-height: var(--vxe-ui-form-item-min-height-medium);
+    --vxe-ui-form-current-button-height: var(--vxe-ui-button-height-medium)
+  }
+  &.size--small {
+    --vxe-ui-form-current-font-size: var(--vxe-ui-font-size-small);
+    --vxe-ui-form-current-padding: var(--vxe-ui-form-item-padding-small);
+    --vxe-ui-form-current-item-min-height: var(--vxe-ui-form-item-min-height-small);
+    --vxe-ui-form-current-button-height: var(--vxe-ui-button-height-small)
+  }
+  &.size--mini {
+    --vxe-ui-form-current-font-size: var(--vxe-ui-font-size-mini);
+    --vxe-ui-form-current-padding: var(--vxe-ui-form-item-padding-mini);
+    --vxe-ui-form-current-item-min-height: var(--vxe-ui-form-item-min-height-mini);
+    --vxe-ui-form-current-button-height: var(--vxe-ui-button-height-mini)
+  }
+}
+
 .vxe-form {
   position: relative;
-  font-size: var(--vxe-ui-font-size-default);
+  font-size: var(--vxe-ui-form-current-font-size);
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   background-color: var(--vxe-ui-layout-background-color);
@@ -486,69 +511,14 @@
   &.is--padding {
     &.is--vertical {
       & > .vxe-form--item-title {
-        padding: 0 var(--vxe-ui-form-item-padding-default);
+        padding: 0 var(--vxe-ui-form-current-padding);
       }
     }
     & > .vxe-form--item-title {
-      padding: var(--vxe-ui-form-item-padding-default);
+      padding: var(--vxe-ui-form-current-padding);
     }
     & > .vxe-form--item-content {
-      padding: var(--vxe-ui-form-item-padding-default);
-    }
-  }
-  &.size--medium {
-    &.is--padding {
-      &.is--vertical {
-        & > .vxe-form--item-title {
-          padding: 0 var(--vxe-ui-form-item-padding-medium);
-        }
-      }
-      & > .vxe-form--item-title {
-        padding: var(--vxe-ui-form-item-padding-medium);
-      }
-      & > .vxe-form--item-content {
-        padding: var(--vxe-ui-form-item-padding-medium);
-      }
-    }
-  }
-  &.size--small {
-    &.is--padding {
-      &.is--vertical {
-        & > .vxe-form--item-title {
-          padding: 0 var(--vxe-ui-form-item-padding-small);
-        }
-      }
-      & > .vxe-form--item-title {
-        padding: var(--vxe-ui-form-item-padding-small);
-      }
-      & > .vxe-form--item-content {
-        padding: var(--vxe-ui-form-item-padding-small);
-      }
-    }
-  }
-  &.size--mini {
-    &.is--padding {
-      &.is--vertical {
-        & > .vxe-form--item-title {
-          padding: 0 var(--vxe-ui-form-item-padding-mini);
-        }
-      }
-      & > .vxe-form--item-title {
-        padding: var(--vxe-ui-form-item-padding-mini);
-      }
-      & > .vxe-form--item-content {
-        padding: var(--vxe-ui-form-item-padding-mini);
-      }
-    }
-  }
-}
-
-.vxe-form--item {
-  &.is--padding {
-    & > .vxe-form--group-content {
-      &.vxe-form--item-content {
-        padding: 0;
-      }
+      padding: var(--vxe-ui-form-current-padding);
     }
   }
 }
@@ -585,86 +555,45 @@
       align-items: center;
     }
   }
+}
+
+.vxe-form {
   .vxe-form--item {
     &:not(.is--vertical) {
       .vxe-form--item-title {
-        min-height: var(--vxe-ui-form-item-min-height-default);
+        min-height: var(--vxe-ui-form-current-item-min-height);
       }
     }
     .vxe-form--item-content {
-      min-height: var(--vxe-ui-form-item-min-height-default);
+      min-height: var(--vxe-ui-form-current-item-min-height);
     }
   }
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-    .vxe-default-input[type="submit"],
-    .vxe-default-input[type="reset"] {
-      line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
-    }
-    .vxe-default-input,
-    .vxe-default-select {
-      height: var(--vxe-ui-button-height-medium);
-    }
-    .vxe-default-textarea {
-      height: calc(var(--vxe-ui-button-height-medium) * 2);
-    }
-    .vxe-form--item {
-      &:not(.is--vertical) {
-        .vxe-form--item-title {
-          min-height: var(--vxe-ui-form-item-min-height-medium);
-        }
-      }
-      .vxe-form--item-content {
-        min-height: var(--vxe-ui-form-item-min-height-medium);
-      }
-    }
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-    .vxe-default-input[type="submit"],
-    .vxe-default-input[type="reset"] {
-      line-height: calc(var(--vxe-ui-button-height-small) - 2px);
-    }
-    .vxe-default-input,
-    .vxe-default-select {
-      height: var(--vxe-ui-button-height-small);
-    }
-    .vxe-default-textarea {
-      height: calc(var(--vxe-ui-button-height-small) * 2);
-    }
-    .vxe-form--item {
-      &:not(.is--vertical) {
-        .vxe-form--item-title {
-          min-height: var(--vxe-ui-form-item-min-height-small);
-        }
-      }
-      .vxe-form--item-content {
-        min-height: var(--vxe-ui-form-item-min-height-small);
+}
+
+.vxe-form--item {
+  &.is--padding {
+    & > .vxe-form--group-content {
+      &.vxe-form--item-content {
+        padding: 0;
       }
     }
   }
+}
+
+.vxe-form--item {
+  &.size--small,
+  &.size--small,
   &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
     .vxe-default-input[type="submit"],
     .vxe-default-input[type="reset"] {
-      line-height: calc(var(--vxe-ui-button-height-mini) - 2px);
+      line-height: calc(var(--vxe-ui-form-current-button-height) - 2px);
     }
     .vxe-default-input,
     .vxe-default-select {
-      height: var(--vxe-ui-button-height-mini);
+      height: var(--vxe-ui-form-current-button-height);
     }
     .vxe-default-textarea {
-      height: calc(var(--vxe-ui-button-height-mini) * 2);
-    }
-    .vxe-form--item {
-      &:not(.is--vertical) {
-        .vxe-form--item-title {
-          min-height: var(--vxe-ui-form-item-min-height-mini);
-        }
-      }
-      .vxe-form--item-content {
-        min-height: var(--vxe-ui-form-item-min-height-mini);
-      }
+      height: calc(var(--vxe-ui-form-current-button-height) * 2);
     }
   }
 }

package/styles/components/icon-picker.scss

@@ -1,14 +1,35 @@
 @use '../helpers/baseMixin.scss';
 
-// 避免 class 跟 icon 冲突，取名 ico
+// 局部变量
+.vxe-ico-picker,
+.vxe-ico-picker--panel {
+  --vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-default);
+  &.size--medium {
+    --vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-medium);
+  }
+  &.size--small {
+    --vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-small);
+  }
+  &.size--mini {
+    --vxe-ui-ico-picker-current-font-size: var(--vxe-ui-font-size-mini);
+  }
+}
+
+// 避免 class 跟 icon 冲突，所以 icon-picker 取名 ico-picker
 .vxe-ico-picker {
   position: relative;
   display: inline-block;
+  font-size: var(--vxe-ui-ico-picker-current-font-size);
   color: var(--vxe-ui-font-color);
   width: 100px;
   border: 1px solid var(--vxe-ui-input-border-color);
   border-radius: var(--vxe-ui-base-border-radius);
   background-color: var(--vxe-ui-layout-background-color);
+  &.is--disabled {
+    background-color: var(--vxe-ui-input-disabled-background-color);
+    color: var(--vxe-ui-font-disabled-color);
+    cursor: no-drop;
+  }
   &.show--clear {
     &:hover {
       .vxe-ico-picker--clear-icon {
@@ -67,6 +88,15 @@
   }
 }
 
+.vxe-ico-picker--panel-search {
+  display: block;
+  flex-shrink: 0;
+  padding: var(--vxe-ui-layout-padding-default);
+  .vxe-ico-picker-search--input {
+    width: 100%;
+  }
+}
+
 .vxe-ico-picker--readonly {
   color: var(--vxe-ui-font-color);
   display: inline-flex;
@@ -86,10 +116,17 @@
   }
 }
 
+.vxe-ico-picker--all-list {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
 .vxe-ico-picker--list-wrapper {
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: 22.3em;
+  height: var(--vxe-ui-icon-picker-panel-height);
+  max-height: var(--vxe-ui-icon-picker-panel-max-height, var(--vxe-ui-icon-picker-panel-height, 22.3em));
   padding: var(--vxe-ui-layout-padding-qtr);
 }
 .vxe-ico-picker--list {
@@ -99,18 +136,23 @@
 .vxe-ico-picker--item {
   display: flex;
   flex-direction: column;
-  width: 4.8em;
-  padding: 0.2em;
-  border: 1px solid var(--vxe-ui-input-border-color);
-  border-radius: var(--vxe-ui-base-border-radius);
-  margin: var(--vxe-ui-layout-padding-half);
-  cursor: pointer;
-  &:hover {
-    background-color: var(--vxe-ui-base-hover-background-color);
+  min-width: 4.8em;
+  width: var(--vxe-ui-icon-picker-item-width, 4.8em);
+  padding: var(--vxe-ui-layout-padding-half);
+  .vxe-ico-picker--item-inner {
+    padding: 0.2em;
+    border: 1px solid var(--vxe-ui-input-border-color);
+    border-radius: var(--vxe-ui-base-border-radius);
+    cursor: pointer;
+    &:hover {
+      background-color: var(--vxe-ui-base-hover-background-color);
+    }
   }
   &.is--selected {
-    color: var(--vxe-ui-font-primary-color);
-    border-color: var(--vxe-ui-font-primary-color);
+    .vxe-ico-picker--item-inner {
+      color: var(--vxe-ui-font-primary-color);
+      border-color: var(--vxe-ui-font-primary-color);
+    }
   }
 }
 .vxe-ico-picker--item-icon {
@@ -120,7 +162,7 @@
   align-items: center;
   justify-content: center;
   height: 1.5em;
-  font-size: 1.4em;
+  font-size: var(--vxe-ui-icon-picker-panel-icon-font-size);
   & > svg {
     max-width: 1em;
     max-height: 1em;
@@ -155,6 +197,7 @@
   position: absolute;
   left: 0;
   padding: 4px 0;
+  font-size: var(--vxe-ui-ico-picker-current-font-size);
   color: var(--vxe-ui-font-color);
   text-align: left;
   &:not(.is--transfer) {
@@ -196,17 +239,3 @@
     line-height: var(--vxe-ui-input-height-mini);
   }
 }
-
-.vxe-ico-picker,
-.vxe-ico-picker--panel {
-  font-size: var(--vxe-ui-font-size-default);
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-  }
-}