vxe-pc-ui 3.16.8 → 3.16.9

package/styles/components/form.scss

@@ -10,6 +10,18 @@
   --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--xlarge {
+    --vxe-ui-form-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-form-current-padding: var(--vxe-ui-form-item-padding-xlarge);
+    --vxe-ui-form-current-item-min-height: var(--vxe-ui-form-item-min-height-xlarge);
+    --vxe-ui-form-current-button-height: var(--vxe-ui-button-height-xlarge)
+  }
+  &.size--large {
+    --vxe-ui-form-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-form-current-padding: var(--vxe-ui-form-item-padding-large);
+    --vxe-ui-form-current-item-min-height: var(--vxe-ui-form-item-min-height-large);
+    --vxe-ui-form-current-button-height: var(--vxe-ui-button-height-large)
+  }
   &.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);
@@ -557,17 +569,15 @@
   }
 }
 
-.vxe-form {
-  .vxe-form--item {
-    &:not(.is--vertical) {
-      .vxe-form--item-title {
-        min-height: var(--vxe-ui-form-current-item-min-height);
-      }
-    }
-    .vxe-form--item-content {
+.vxe-form--item {
+  &:not(.is--vertical) {
+    .vxe-form--item-title {
       min-height: var(--vxe-ui-form-current-item-min-height);
     }
   }
+  .vxe-form--item-content {
+    min-height: var(--vxe-ui-form-current-item-min-height);
+  }
 }
 
 .vxe-form--item {
@@ -581,19 +591,15 @@
 }
 
 .vxe-form--item {
-  &.size--small,
-  &.size--small,
-  &.size--mini {
-    .vxe-default-input[type="submit"],
-    .vxe-default-input[type="reset"] {
-      line-height: calc(var(--vxe-ui-form-current-button-height) - 2px);
-    }
-    .vxe-default-input,
-    .vxe-default-select {
-      height: var(--vxe-ui-form-current-button-height);
-    }
-    .vxe-default-textarea {
-      height: calc(var(--vxe-ui-form-current-button-height) * 2);
-    }
+  .vxe-default-input[type="submit"],
+  .vxe-default-input[type="reset"] {
+    line-height: calc(var(--vxe-ui-form-current-button-height) - 2px);
+  }
+  .vxe-default-input,
+  .vxe-default-select {
+    height: var(--vxe-ui-form-current-button-height);
+  }
+  .vxe-default-textarea {
+    height: calc(var(--vxe-ui-form-current-button-height) * 2);
   }
 }

package/styles/components/icon.scss

@@ -83,6 +83,12 @@ $btnThemeList: (
 }
 
 .vxe-icon {
+  &.size--xlarge {
+    font-size: var(--vxe-ui-font-size-xlarge);
+  }
+  &.size--large {
+    font-size: var(--vxe-ui-font-size-large);
+  }
   &.size--medium {
     font-size: var(--vxe-ui-font-size-medium);
   }

package/styles/components/input.scss

@@ -1,5 +1,32 @@
 @use "sass:list";
 
+// 局部变量
+.vxe-input,
+.vxe-input--panel {
+  --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-default);
+  &.size--xlarge {
+    --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-large);
+  }
+  &.size--medium {
+    --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-medium);
+    --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-medium);
+  }
+  &.size--small {
+    --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-small);
+    --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-small);
+  }
+  &.size--mini {
+    --vxe-ui-input-current-font-size: var(--vxe-ui-font-size-mini);
+    --vxe-ui-input-current-height-default: var(--vxe-ui-input-height-mini);
+  }
+}
+
 .vxe-input--readonly {
   color: var(--vxe-ui-font-color);
   display: inline-flex;
@@ -634,9 +661,9 @@
 }
 
 .vxe-input {
-  font-size: var(--vxe-ui-font-size-default);
-  height: var(--vxe-ui-input-height-default);
-  line-height: var(--vxe-ui-input-height-default);
+  font-size: var(--vxe-ui-input-current-font-size);
+  height: var(--vxe-ui-input-current-height-default);
+  line-height: var(--vxe-ui-input-current-height-default);
   .vxe-input--inner {
     &[type="date"]::-webkit-inner-spin-button,
     &[type="month"]::-webkit-inner-spin-button,
@@ -651,9 +678,6 @@
     }
   }
   &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-    height: var(--vxe-ui-input-height-medium);
-    line-height: var(--vxe-ui-input-height-medium);
     .vxe-input--inner {
       &[type="date"]::-webkit-inner-spin-button,
       &[type="month"]::-webkit-inner-spin-button,
@@ -663,9 +687,6 @@
     }
   }
   &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-    height: var(--vxe-ui-input-height-small);
-    line-height: var(--vxe-ui-input-height-small);
     .vxe-input--inner {
       &[type="date"]::-webkit-inner-spin-button,
       &[type="month"]::-webkit-inner-spin-button,
@@ -675,9 +696,6 @@
     }
   }
   &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-    height: var(--vxe-ui-input-height-mini);
-    line-height: var(--vxe-ui-input-height-mini);
     .vxe-input--inner {
       &[type="date"]::-webkit-inner-spin-button,
       &[type="month"]::-webkit-inner-spin-button,
@@ -689,11 +707,11 @@
 }
 
 @mixin getPanelStyle ($sizeIndex) {
-  $fontSizeList: var(--vxe-ui-font-size-default), var(--vxe-ui-font-size-medium), var(--vxe-ui-font-size-small), var(--vxe-ui-font-size-mini);
-  $timeWeekRowHeightList: var(--vxe-ui-input-date-time-week-row-height-default), var(--vxe-ui-input-date-time-week-row-height-medium), var(--vxe-ui-input-date-time-week-row-height-small), var(--vxe-ui-input-date-time-week-row-height-mini);
-  $monthYearRowHeightList: var(--vxe-ui-input-date-month-year-row-height-default), var(--vxe-ui-input-date-month-year-row-height-medium), var(--vxe-ui-input-date-month-year-row-height-small), var(--vxe-ui-input-date-month-year-row-height-mini);
-  $quarterRowHeightList: var(--vxe-ui-input-date-quarter-row-height-default), var(--vxe-ui-input-date-quarter-row-height-medium), var(--vxe-ui-input-date-quarter-row-height-small), var(--vxe-ui-input-date-quarter-row-height-mini);
-  $titleRowHeightList: var(--vxe-ui-input-date-title-height-default), var(--vxe-ui-input-date-title-height-medium), var(--vxe-ui-input-date-title-height-small), var(--vxe-ui-input-date-title-height-mini);
+  $fontSizeList: var(--vxe-ui-font-size-xlarge), var(--vxe-ui-font-size-large), var(--vxe-ui-font-size-default), var(--vxe-ui-font-size-medium), var(--vxe-ui-font-size-small), var(--vxe-ui-font-size-mini);
+  $timeWeekRowHeightList: var(--vxe-ui-input-date-time-week-row-height-xlarge), var(--vxe-ui-input-date-time-week-row-height-large), var(--vxe-ui-input-date-time-week-row-height-default), var(--vxe-ui-input-date-time-week-row-height-medium), var(--vxe-ui-input-date-time-week-row-height-small), var(--vxe-ui-input-date-time-week-row-height-mini);
+  $monthYearRowHeightList: var(--vxe-ui-input-date-month-year-row-height-xlarge), var(--vxe-ui-input-date-month-year-row-height-large), var(--vxe-ui-input-date-month-year-row-height-default), var(--vxe-ui-input-date-month-year-row-height-medium), var(--vxe-ui-input-date-month-year-row-height-small), var(--vxe-ui-input-date-month-year-row-height-mini);
+  $quarterRowHeightList: var(--vxe-ui-input-date-quarter-row-height-xlarge), var(--vxe-ui-input-date-quarter-row-height-large), var(--vxe-ui-input-date-quarter-row-height-default), var(--vxe-ui-input-date-quarter-row-height-medium), var(--vxe-ui-input-date-quarter-row-height-small), var(--vxe-ui-input-date-quarter-row-height-mini);
+  $titleRowHeightList: var(--vxe-ui-input-date-title-height-xlarge), var(--vxe-ui-input-date-title-height-large), var(--vxe-ui-input-date-title-height-default), var(--vxe-ui-input-date-title-height-medium), var(--vxe-ui-input-date-title-height-small), var(--vxe-ui-input-date-title-height-mini);
   
   font-size: list.nth($fontSizeList, $sizeIndex);
   .vxe-input--panel-wrapper {
@@ -714,13 +732,13 @@
   &.type--quarter,
   &.type--year {
     .vxe-input--panel-wrapper {
-      $widthList: 336px, 336px, 312px, 288px;
+      $widthList: 336px, 336px, 336px, 336px, 312px, 288px;
       width: list.nth($widthList, $sizeIndex);
     }
   }
   &.type--week {
     .vxe-input--panel-wrapper {
-      $widthList: 380px, 380px, 354px, 326px;
+      $widthList: 380px, 380px, 380px, 380px, 354px, 326px;
       width: list.nth($widthList, $sizeIndex);
     }
   }
@@ -728,12 +746,12 @@
     .vxe-input--panel-wrapper {
       display: inline-flex;
       flex-direction: column;
-      $widthList: 170px, 168px, 154px, 146px;
+      $widthList: 170px, 170px, 170px, 168px, 154px, 146px;
     }
   }
   &.type--datetime {
     .vxe-input--panel-left-wrapper {
-      $widthList: 336px, 336px, 312px, 288px;
+      $widthList: 336px, 336px, 336px, 336px, 312px, 288px;
       width: list.nth($widthList, $sizeIndex);
     }
     .vxe-input--panel-left-wrapper,
@@ -773,7 +791,7 @@
   }
   .vxe-input--time-picker-header,
   .vxe-input--date-picker-header {
-    $paddingBottomList: 8px, 7px, 6px, 5px;
+    $paddingBottomList: 10px, 9px, 8px, 7px, 6px, 5px;
     padding-bottom: list.nth($paddingBottomList, $sizeIndex);
   }
   .vxe-input--date-picker-body table,
@@ -781,12 +799,12 @@
     height: calc(list.nth($timeWeekRowHeightList, $sizeIndex) * 6 + list.nth($titleRowHeightList, $sizeIndex));
   }
   .vxe-input--time-picker-body {
-    $ulWidthList: 48px, 48px, 44px, 42px;
+    $ulWidthList: 48px, 48px, 48px, 48px, 44px, 42px;
     & > ul {
       width: list.nth($ulWidthList, $sizeIndex);
       &:before,
       &:after {
-        $heightList: 120px, 120px, 110px, 100px;
+        $heightList: 120px, 120px, 120px, 120px, 110px, 100px;
         height: list.nth($heightList, $sizeIndex);
       }
       & > li {
@@ -833,14 +851,20 @@
 }
 
 .vxe-input--panel {
-  @include getPanelStyle(1);
-  &.size--medium {
+  @include getPanelStyle(3);
+  &.size--xlarge {
+    @include getPanelStyle(1);
+  }
+  &.size--large {
     @include getPanelStyle(2);
   }
+  &.size--medium {
+    @include getPanelStyle(4);
+  }
   &.size--small {
-    @include getPanelStyle(3);
+    @include getPanelStyle(5);
   }
   &.size--mini {
-    @include getPanelStyle(4);
+    @include getPanelStyle(6);
   }
 }

package/styles/components/menu.scss

@@ -5,6 +5,14 @@
 .vxe-menu--collapse-wrapper {
   --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-default);
   --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-default);
+  &.size--xlarge {
+    --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-large);
+  }
   &.size--medium {
     --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-medium);
     --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-medium);

package/styles/components/number-input.scss

@@ -1,6 +1,32 @@
 @use "sass:list";
 @use '../helpers/baseMixin.scss';
 
+// 局部变量
+.vxe-number-input {
+  --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-default);
+  &.size--xlarge {
+    --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-large);
+  }
+  &.size--medium {
+    --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-medium);
+    --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-medium);
+  }
+  &.size--small {
+    --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-small);
+    --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-small);
+  }
+  &.size--mini {
+    --vxe-ui-number-input-current-font-size: var(--vxe-ui-font-size-mini);
+    --vxe-ui-number-input-current-height: var(--vxe-ui-input-height-mini);
+  }
+}
+
 .vxe-number-input--readonly {
   color: var(--vxe-ui-font-color);
   display: inline-flex;
@@ -257,27 +283,7 @@
 }
 
 .vxe-number-input {
-  font-size: var(--vxe-ui-font-size-default);
-  height: var(--vxe-ui-input-height-default);
-  line-height: var(--vxe-ui-input-height-default);
-  .vxe-number-input--input {
-    &[type="number"]::-webkit-inner-spin-button {
-      height: 24px;
-    }
-  }
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-    height: var(--vxe-ui-input-height-medium);
-    line-height: var(--vxe-ui-input-height-medium);
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-    height: var(--vxe-ui-input-height-small);
-    line-height: var(--vxe-ui-input-height-small);
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-    height: var(--vxe-ui-input-height-mini);
-    line-height: var(--vxe-ui-input-height-mini);
-  }
+  font-size: var(--vxe-ui-number-input-current-font-size);
+  height: var(--vxe-ui-number-input-current-height);
+  line-height: var(--vxe-ui-number-input-current-height);
 }

package/styles/components/password-input.scss

@@ -1,5 +1,31 @@
 @use "sass:list";
 
+// 局部变量
+.vxe-password-input {
+  --vxe-ui-password-input-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-password-input-current-height: var(--vxe-ui-input-height-default);
+  &.size--xlarge {
+    --vxe-ui-password-input-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-password-input-current-height: var(--vxe-ui-input-height-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-password-input-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-password-input-current-height: var(--vxe-ui-input-height-large);
+  }
+  &.size--medium {
+    --vxe-ui-password-input-current-font-size: var(--vxe-ui-font-size-medium);
+    --vxe-ui-password-input-current-height: var(--vxe-ui-input-height-medium);
+  }
+  &.size--small {
+    --vxe-ui-password-input-current-font-size: var(--vxe-ui-font-size-small);
+    --vxe-ui-password-input-current-height: var(--vxe-ui-input-height-small);
+  }
+  &.size--mini {
+    --vxe-ui-password-input-current-font-size: var(--vxe-ui-font-size-mini);
+    --vxe-ui-password-input-current-height: var(--vxe-ui-input-height-mini);
+  }
+}
+
 .vxe-password-input--wrapper {
   flex-grow: 1;
   overflow: hidden;
@@ -198,177 +224,7 @@
 }
 
 .vxe-password-input {
-  font-size: var(--vxe-ui-font-size-default);
-  height: var(--vxe-ui-input-height-default);
-  line-height: var(--vxe-ui-input-height-default);
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-    height: var(--vxe-ui-input-height-medium);
-    line-height: var(--vxe-ui-input-height-medium);
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-    height: var(--vxe-ui-input-height-small);
-    line-height: var(--vxe-ui-input-height-small);
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-    height: var(--vxe-ui-input-height-mini);
-    line-height: var(--vxe-ui-input-height-mini);
-  }
-}
-
-@mixin getPanelStyle ($sizeIndex) {
-  $fontSizeList: var(--vxe-ui-font-size-default), var(--vxe-ui-font-size-medium), var(--vxe-ui-font-size-small), var(--vxe-ui-font-size-mini);
-  $timeWeekRowHeightList: var(--vxe-ui-input-date-time-week-row-height-default), var(--vxe-ui-input-date-time-week-row-height-medium), var(--vxe-ui-input-date-time-week-row-height-small), var(--vxe-ui-input-date-time-week-row-height-mini);
-  $monthYearRowHeightList: var(--vxe-ui-input-date-month-year-row-height-default), var(--vxe-ui-input-date-month-year-row-height-medium), var(--vxe-ui-input-date-month-year-row-height-small), var(--vxe-ui-input-date-month-year-row-height-mini);
-  $quarterRowHeightList: var(--vxe-ui-input-date-quarter-row-height-default), var(--vxe-ui-input-date-quarter-row-height-medium), var(--vxe-ui-input-date-quarter-row-height-small), var(--vxe-ui-input-date-quarter-row-height-mini);
-  $titleRowHeightList: var(--vxe-ui-input-date-title-height-default), var(--vxe-ui-input-date-title-height-medium), var(--vxe-ui-input-date-title-height-small), var(--vxe-ui-input-date-title-height-mini);
-  
-  font-size: list.nth($fontSizeList, $sizeIndex);
-  .vxe-password-input--panel-wrapper {
-    max-height: 400px - $sizeIndex * 20;
-  }
-  &.type--date,
-  &.type--time,
-  &.type--week,
-  &.type--month,
-  &.type--quarter,
-  &.type--year {
-    .vxe-password-input--panel-wrapper {
-      padding: 12px - $sizeIndex;
-    }
-  }
-  &.type--date,
-  &.type--month,
-  &.type--quarter,
-  &.type--year {
-    .vxe-password-input--panel-wrapper {
-      $widthList: 336px, 336px, 312px, 288px;
-      width: list.nth($widthList, $sizeIndex);
-    }
-  }
-  &.type--week {
-    .vxe-password-input--panel-wrapper {
-      $widthList: 380px, 380px, 354px, 326px;
-      width: list.nth($widthList, $sizeIndex);
-    }
-  }
-  &.type--time {
-    .vxe-password-input--panel-wrapper {
-      $widthList: 170px, 168px, 154px, 146px;
-      width: list.nth($widthList, $sizeIndex);
-    }
-  }
-  &.type--datetime {
-    .vxe-password-input--panel-left-wrapper {
-      $widthList: 336px, 336px, 312px, 288px;
-      width: list.nth($widthList, $sizeIndex);
-    }
-    .vxe-password-input--panel-left-wrapper,
-    .vxe-password-input--panel-right-wrapper {
-      padding: 12px - $sizeIndex;
-    }
-  }
-  .vxe-password-input--time-picker-title {
-    height: 31px - $sizeIndex;
-    line-height: 31px - $sizeIndex;
-    padding: 0 12px - $sizeIndex;
-  }
-  .vxe-password-input--date-picker-label,
-  .vxe-password-input--date-picker-btn {
-    height: 31px - $sizeIndex;
-    line-height: 31px - $sizeIndex;
-  }
-  .vxe-password-input--date-picker-btn-wrapper {
-    .vxe-password-input--date-picker-btn {
-      margin-left: 9px - $sizeIndex;
-    }
-    .vxe-password-input--date-picker-prev-btn,
-    .vxe-password-input--date-picker-current-btn,
-    .vxe-password-input--date-picker-next-btn {
-      width: 31px - $sizeIndex;
-      border-radius: var(--vxe-ui-base-border-radius);
-      border: 1px solid var(--vxe-ui-input-border-color);
-    }
-  }
-  .vxe-password-input--date-picker-type-wrapper {
-    .vxe-password-input--date-picker-label,
-    .vxe-password-input--date-picker-btn {
-      padding: 0 10px - $sizeIndex;
-    }
-  }
-  .vxe-password-input--time-picker-header,
-  .vxe-password-input--date-picker-header {
-    $paddingBottomList: 8px, 7px, 6px, 5px;
-    padding-bottom: list.nth($paddingBottomList, $sizeIndex);
-  }
-  .vxe-password-input--date-picker-body table,
-  .vxe-password-input--time-picker-body {
-    height: calc(list.nth($timeWeekRowHeightList, $sizeIndex) * 6 + list.nth($titleRowHeightList, $sizeIndex));
-  }
-  .vxe-password-input--time-picker-body {
-    $ulWidthList: 48px, 48px, 44px, 42px;
-    & > ul {
-      width: list.nth($ulWidthList, $sizeIndex);
-      &:before,
-      &:after {
-        $heightList: 120px, 120px, 110px, 100px;
-        height: list.nth($heightList, $sizeIndex);
-      }
-      & > li {
-        height: 26px;
-        padding-left: 10px - $sizeIndex;
-      }
-    }
-    .vxe-password-input--time-picker-minute-list {
-      left: list.nth($ulWidthList, $sizeIndex);
-    }
-    .vxe-password-input--time-picker-second-list {
-      left: calc(list.nth($ulWidthList, $sizeIndex) * 2);
-    }
-  }
-  .vxe-password-input--date-day-view,
-  .vxe-password-input--date-week-view {
-    td {
-      height: list.nth($timeWeekRowHeightList, $sizeIndex);
-    }
-  }
-  .vxe-password-input--date-quarter-view {
-    td {
-      height: list.nth($quarterRowHeightList, $sizeIndex);
-    }
-  }
-  .vxe-password-input--date-month-view,
-  .vxe-password-input--date-year-view {
-    td {
-      height: list.nth($monthYearRowHeightList, $sizeIndex);
-    }
-  }
-  .vxe-password-input--date-picker-body {
-    th {
-      height: list.nth($titleRowHeightList, $sizeIndex);
-    }
-  }
-  .vxe-password-input--time-picker-confirm,
-  .vxe-password-input--date-picker-confirm {
-    height: 31px - $sizeIndex;
-    padding: 0 10px - $sizeIndex;
-  }
-  .vxe-password-input--date-label {
-    line-height: calc(list.nth($fontSizeList, $sizeIndex) + 1px);
-  }
-}
-
-.vxe-password-input--panel {
-  @include getPanelStyle(1);
-  &.size--medium {
-    @include getPanelStyle(2);
-  }
-  &.size--small {
-    @include getPanelStyle(3);
-  }
-  &.size--mini {
-    @include getPanelStyle(4);
-  }
+  font-size: var(--vxe-ui-password-input-current-font-size);
+  height: var(--vxe-ui-password-input-current-height);
+  line-height: var(--vxe-ui-password-input-current-height);
 }

package/styles/components/radio-button.scss

@@ -8,6 +8,12 @@
 // 局部变量
 .vxe-radio--button {
   --vxe-ui-radio--button-current-margin-left: var(--vxe-ui-base-margin-gap-default);
+  &.size--xlarge {
+    --vxe-ui-radio--button-current-margin-left: var(--vxe-ui-base-margin-gap-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-radio--button-current-margin-left: var(--vxe-ui-base-margin-gap-large);
+  }
   &.size--medium {
     --vxe-ui-radio--button-current-margin-left: var(--vxe-ui-base-margin-gap-medium);
   }

package/styles/components/radio.scss

@@ -4,6 +4,14 @@
 .vxe-radio {
   --vxe-ui-radio-current-font-size: var(--vxe-ui-font-size-default);
   --vxe-ui-radio-current-margin-right: var(--vxe-ui-base-margin-gap-default);
+  &.size--xlarge {
+    --vxe-ui-radio-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-radio-current-margin-right: var(--vxe-ui-base-margin-gap-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-radio-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-radio-current-margin-right: var(--vxe-ui-base-margin-gap-large);
+  }
   &.size--medium {
     --vxe-ui-radio-current-font-size: var(--vxe-ui-font-size-medium);
     --vxe-ui-radio-current-margin-right: var(--vxe-ui-base-margin-gap-medium);
@@ -24,6 +32,9 @@
   vertical-align: middle;
   line-height: 1;
   font-size: 0;
+  &.type--button {
+    border-radius: var(--vxe-ui-base-border-radius);
+  }
 }
 
 .vxe-radio--readonly {

package/styles/components/select.scss

@@ -6,6 +6,14 @@
 .vxe-select--panel {
   --vxe-ui-select-current-font-size: var(--vxe-ui-font-size-default);
   --vxe-ui-select-current-option-height: var(--vxe-ui-select-option-height-default);
+  &.size--xlarge {
+    --vxe-ui-select-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-select-current-option-height: var(--vxe-ui-select-option-height-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-select-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-select-current-option-height: var(--vxe-ui-select-option-height-large);
+  }
   &.size--medium {
     --vxe-ui-select-current-font-size: var(--vxe-ui-font-size-medium);
     --vxe-ui-select-current-option-height: var(--vxe-ui-select-option-height-medium);