vxe-pc-ui 3.16.7 → 3.16.9

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);

package/styles/components/switch.scss

@@ -1,8 +1,35 @@
+// 局部变量
+.vxe-switch {
+  --vxe-ui-switch-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-switch-current-height: var(--vxe-ui-switch-height-default);
+  &.size--xlarge {
+    --vxe-ui-switch-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-switch-current-height: var(--vxe-ui-switch-height-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-switch-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-switch-current-height: var(--vxe-ui-switch-height-large);
+  }
+  &.size--medium {
+    --vxe-ui-switch-current-font-size: var(--vxe-ui-font-size-medium);
+    --vxe-ui-switch-current-height: var(--vxe-ui-switch-height-medium);
+  }
+  &.size--small {
+    --vxe-ui-switch-current-font-size: var(--vxe-ui-font-size-small);
+    --vxe-ui-switch-current-height: var(--vxe-ui-switch-height-small);
+  }
+  &.size--mini {
+    --vxe-ui-switch-current-font-size: var(--vxe-ui-font-size-mini);
+    --vxe-ui-switch-current-height: var(--vxe-ui-switch-height-mini);
+  }
+}
+
 .vxe-switch {
   display: inline-block;
   color: var(--vxe-ui-font-color);
+  font-size: var(--vxe-ui-switch-current-font-size);
   vertical-align: middle;
-  padding: 0.4em;
+  padding: 0.2em;
   user-select: none;
   text-align: center;
   &.is--animat {
@@ -20,7 +47,7 @@
     }
     .vxe-switch--icon {
       left: 100%;
-      transform: translateX(-1.4em);
+      transform: translateY(-50%) translateX(calc(var(--vxe-ui-switch-current-height) * -1));
       color: var(--vxe-primary-color);
     }
   }
@@ -30,8 +57,8 @@
       background-color: var(--vxe-ui-switch-close-background-color);
     }
     .vxe-switch--icon {
-      left: 0.2em;
-      transform: translateX(0);
+      left: 0.25em;
+      transform: translateY(-50%) translateX(0);
       color: var(--vxe-switch-close-background-color);
     }
   }
@@ -84,9 +111,9 @@
   .vxe-switch--button {
     display: block;
     position: relative;
-    height: 1.6em;
+    height: var(--vxe-ui-switch-current-height);
     line-height: 1;
-    min-width: 3.2em;
+    min-width: calc(var(--vxe-ui-switch-current-height) * 2);
     padding: 0 0.6em;
     border-radius: 1em;
     border: 0;
@@ -100,11 +127,12 @@
   }
   .vxe-switch--icon {
     position: absolute;
-    top: 0.2em;
+    top: 50%;
     left: 0;
-    width: 1.2em;
-    height: 1.2em;
+    width: calc(var(--vxe-ui-switch-current-height) - 4px);
+    height: calc(var(--vxe-ui-switch-current-height) - 4px);
     line-height: 1.4em;
+    transform: translateY(-50%);
     text-align: center;
     border-radius: 50%;
     background-color: var(--vxe-ui-switch-icon-background-color);
@@ -113,16 +141,3 @@
     margin-right: 0.25em;
   }
 }
-
-.vxe-switch {
-  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/tag.scss

@@ -1,6 +1,26 @@
 @use "sass:map";
 @use "sass:list";
 
+// 局部变量
+.vxe-tag {
+  --vxe-ui-tag-current-font-size: inherit;
+  &.size--xlarge {
+    --vxe-ui-tag-current-font-size: var(--vxe-ui-font-size-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-tag-current-font-size: var(--vxe-ui-font-size-large);
+  }
+  &.size--medium {
+    --vxe-ui-tag-current-font-size: var(--vxe-ui-font-size-medium);
+  }
+  &.size--small {
+    --vxe-ui-tag-current-font-size: var(--vxe-ui-font-size-small);
+  }
+  &.size--mini {
+    --vxe-ui-tag-current-font-size: var(--vxe-ui-font-size-mini);
+  }
+}
+
 $tagThemeList: (
   (
     name: "primary",
@@ -94,6 +114,7 @@ $tagThemeList: (
   flex-direction: row;
   align-items: center;
   padding: 0.25em 0.5em;
+  font-size: var(--vxe-ui-tag-current-font-size);
   color: var(--vxe-ui-font-color);
   border-radius: var(--vxe-ui-base-border-radius);
   @for $index from 0 to list.length($tagThemeList) {
@@ -117,15 +138,6 @@ $tagThemeList: (
   &.is--round {
     border-radius: 1em;
   }
-  &.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-tag {
     margin-left: 8px;
   }
@@ -170,16 +182,4 @@ $tagThemeList: (
 .vxe-tag--close,
 .vxe-tag--loading {
   user-select: none;
-}
-
-.vxe-tag {
-  &.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/tree.scss

@@ -296,10 +296,12 @@
 }
 
 .vxe-tree--empty-placeholder {
+  color: var(--vxe-ui-input-placeholder-color);
+}
+.vxe-tree--empty-placeholder-content {
   margin-top: 1.4em;
   text-align: center;
   height: var(--vxe-ui-tree-node-height);
-  color: var(--vxe-ui-input-placeholder-color);
 }
 
 .vxe-tree--y-space {

package/styles/components/upload.scss

@@ -4,6 +4,14 @@
 .vxe-upload--more-popup {
   --vxe-ui-upload-current-font-size: var(--vxe-ui-font-size-default);
   --vxe-ui-upload-current-image-wh: var(--vxe-ui-upload-image-wh-default);
+  &.size--xlarge {
+    --vxe-ui-upload-current-font-size: var(--vxe-ui-font-size-xlarge);
+    --vxe-ui-upload-current-image-wh: var(--vxe-ui-upload-image-wh-xlarge);
+  }
+  &.size--large {
+    --vxe-ui-upload-current-font-size: var(--vxe-ui-font-size-large);
+    --vxe-ui-upload-current-image-wh: var(--vxe-ui-upload-image-wh-large);
+  }
   &.size--medium {
     --vxe-ui-upload-current-font-size: var(--vxe-ui-font-size-medium);
     --vxe-ui-upload-current-image-wh: var(--vxe-ui-upload-image-wh-medium);

package/styles/theme/base.scss

@@ -3,6 +3,7 @@
   --vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
   
   /*font size*/
+  --vxe-ui-font-size-xlarge: 18px;
   --vxe-ui-font-size-large: 16px;
   --vxe-ui-font-size-default: 14px;
   --vxe-ui-font-size-medium: 14px;
@@ -15,6 +16,8 @@
 
   /*base*/
   --vxe-ui-base-border-radius: 4px;
+  --vxe-ui-base-margin-gap-xlarge: 10px;
+  --vxe-ui-base-margin-gap-large: 9px;
   --vxe-ui-base-margin-gap-default: 8px;
   --vxe-ui-base-margin-gap-medium: 7px;
   --vxe-ui-base-margin-gap-small: 6px;
@@ -28,12 +31,16 @@
   --vxe-ui-layout-aside-default-width: 300px;
   --vxe-ui-layout-aside-collapse-width: 60px;
 
+  --vxe-ui-layout-padding-xlarge: 10px;
+  --vxe-ui-layout-padding-large: 9px;
   --vxe-ui-layout-padding-default: 8px;
   --vxe-ui-layout-padding-medium: 7px;
   --vxe-ui-layout-padding-small: 6px;
   --vxe-ui-layout-padding-mini: 5px;
 
   /*menu*/
+  --vxe-ui-menu-item-height-xlarge: 52px;
+  --vxe-ui-menu-item-height-large: 48px;
   --vxe-ui-menu-item-height-default: 44px;
   --vxe-ui-menu-item-height-medium: 40px;
   --vxe-ui-menu-item-height-small: 36px;
@@ -43,10 +50,14 @@
 
   /*button*/
   --vxe-ui-button-max-width: 500px;
+  --vxe-ui-button-height-xlarge: 40px;
+  --vxe-ui-button-height-large: 36px;
   --vxe-ui-button-height-default: 34px;
   --vxe-ui-button-height-medium: 32px;
   --vxe-ui-button-height-small: 30px;
   --vxe-ui-button-height-mini: 28px;
+  --vxe-ui-button-round-border-radius-xlarge: 20px;
+  --vxe-ui-button-round-border-radius-large: 18px;
   --vxe-ui-button-round-border-radius-default: 17px;
   --vxe-ui-button-round-border-radius-medium: 16px;
   --vxe-ui-button-round-border-radius-small: 15px;
@@ -65,22 +76,32 @@
   --vxe-ui-input-date-picker-notice-selected-background-color: var(--vxe-ui-input-date-picker-selected-color);
   --vxe-ui-input-date-extra-color: #67c23a;
   --vxe-ui-input-date-extra-important-color: #fd2222;
+  --vxe-ui-input-date-title-height-xlarge: 32px;
+  --vxe-ui-input-date-title-height-large: 31px;
   --vxe-ui-input-date-title-height-default: 30px;
   --vxe-ui-input-date-title-height-medium: 29px;
   --vxe-ui-input-date-title-height-small: 28px;
   --vxe-ui-input-date-title-height-mini: 26px;
+  --vxe-ui-input-date-time-week-row-height-xlarge: 42px;
+  --vxe-ui-input-date-time-week-row-height-large: 40px;
   --vxe-ui-input-date-time-week-row-height-default: 38px;
   --vxe-ui-input-date-time-week-row-height-medium: 36px;
   --vxe-ui-input-date-time-week-row-height-small: 34px;
   --vxe-ui-input-date-time-week-row-height-mini: 32px;
+  --vxe-ui-input-date-month-year-row-height-xlarge: 52px;
+  --vxe-ui-input-date-month-year-row-height-large: 50px;
   --vxe-ui-input-date-month-year-row-height-default: 48px;
   --vxe-ui-input-date-month-year-row-height-medium: 46px;
   --vxe-ui-input-date-month-year-row-height-small: 44px;
   --vxe-ui-input-date-month-year-row-height-mini: 42px;
+  --vxe-ui-input-date-quarter-row-height-xlarge: 64px;
+  --vxe-ui-input-date-quarter-row-height-large: 62px;
   --vxe-ui-input-date-quarter-row-height-default: 60px;
   --vxe-ui-input-date-quarter-row-height-medium: 58px;
   --vxe-ui-input-date-quarter-row-height-small: 56px;
   --vxe-ui-input-date-quarter-row-height-mini: 54px;
+  --vxe-ui-input-height-xlarge: var(--vxe-ui-button-height-xlarge);
+  --vxe-ui-input-height-large: var(--vxe-ui-button-height-large);
   --vxe-ui-input-height-default: var(--vxe-ui-button-height-default);
   --vxe-ui-input-height-medium: var(--vxe-ui-button-height-medium);
   --vxe-ui-input-height-small: var(--vxe-ui-button-height-small);
@@ -104,11 +125,15 @@
   --vxe-ui-tooltip-dark-background-color: #303133;
 
   /*form*/
+  --vxe-ui-form-item-min-height-xlarge: 64px;
+  --vxe-ui-form-item-min-height-large: 60px;
   --vxe-ui-form-item-min-height-default: 56px;
   --vxe-ui-form-item-min-height-medium: 52px;
   --vxe-ui-form-item-min-height-small: 48px;
   --vxe-ui-form-item-min-height-mini: 44px;
   --vxe-ui-form-validate-error-color: var(--vxe-ui-status-error-color);
+  --vxe-ui-form-item-padding-xlarge: 10px;
+  --vxe-ui-form-item-padding-large: 9px;
   --vxe-ui-form-item-padding-default: 8px;
   --vxe-ui-form-item-padding-medium: 7px;
   --vxe-ui-form-item-padding-small: 6px;
@@ -121,6 +146,8 @@
   --vxe-ui-form-design-widget-item-font-size: 0.9em;
 
   /*checkbox*/
+  --vxe-ui-checkbox-font-size-xlarge: 18px;
+  --vxe-ui-checkbox-font-size-large: 16px;
   --vxe-ui-checkbox-font-size-default: 15px;
   --vxe-ui-checkbox-font-size-medium: 14px;
   --vxe-ui-checkbox-font-size-small: 13px;
@@ -136,6 +163,8 @@
   --vxe-ui-checkbox-indeterminate-icon-background-color: #fff;
 
   /*radio*/
+  --vxe-ui-radio-font-size-xlarge: 18px;
+  --vxe-ui-radio-font-size-large: 16px;
   --vxe-ui-radio-font-size-default: 15px;
   --vxe-ui-radio-font-size-medium: 14px;
   --vxe-ui-radio-font-size-small: 13px;
@@ -146,6 +175,8 @@
   --vxe-ui-radio-indeterminate-icon-background-color: #fff;
 
   /*select*/
+  --vxe-ui-select-option-height-xlarge: 36px;
+  --vxe-ui-select-option-height-large: 32px;
   --vxe-ui-select-option-height-default: 30px;
   --vxe-ui-select-option-height-medium: 28px;
   --vxe-ui-select-option-height-small: 26px;
@@ -154,12 +185,20 @@
   --vxe-ui-select-title-color: #909399;
 
   /*pulldown*/
+  --vxe-ui-pulldown-option-height-xlarge: var(--vxe-ui-select-option-height-xlarge);
+  --vxe-ui-pulldown-option-height-large: var(--vxe-ui-select-option-height-large);
   --vxe-ui-pulldown-option-height-default: var(--vxe-ui-select-option-height-default);
   --vxe-ui-pulldown-option-height-medium: var(--vxe-ui-select-option-height-medium);
   --vxe-ui-pulldown-option-height-small: var(--vxe-ui-select-option-height-small);
   --vxe-ui-pulldown-option-height-mini: var(--vxe-ui-select-option-height-mini);
 
   /*switch*/
+  --vxe-ui-switch-height-xlarge: 26px;
+  --vxe-ui-switch-height-large: 24px;
+  --vxe-ui-switch-height-default: 22px;
+  --vxe-ui-switch-height-medium: 20px;
+  --vxe-ui-switch-height-small: 18px;
+  --vxe-ui-switch-height-mini: 16px;
   --vxe-ui-switch-font-color: #fff;
   --vxe-ui-switch-icon-background-color: #fff;
   --vxe-ui-switch-open-background-color: var(--vxe-ui-font-primary-color);
@@ -168,12 +207,16 @@
   /*upload*/
   --vxe-ui-upload-file-button-border-style: dashed;
   --vxe-ui-upload-image-button-border-style: dashed;
+  --vxe-ui-upload-image-wh-xlarge: 148px;
+  --vxe-ui-upload-image-wh-large: 136px;
   --vxe-ui-upload-image-wh-default: 120px;
   --vxe-ui-upload-image-wh-medium: 104px;
   --vxe-ui-upload-image-wh-small: 88px;
   --vxe-ui-upload-image-wh-mini: 72px;
 
   /*card*/
+  --vxe-ui-card-padding-xlarge: 16px;
+  --vxe-ui-card-padding-large: 14px;
   --vxe-ui-card-padding-default: 12px;
   --vxe-ui-card-padding-medium: 10px;
   --vxe-ui-card-padding-small: 8px;
@@ -191,6 +234,8 @@
   --vxe-ui-tree-node-checkbox-checked-color: inherit;
 
   /*tabs*/
+  --vxe-ui-tabs-header-height-xlarge: 46px;
+  --vxe-ui-tabs-header-height-large: 42px;
   --vxe-ui-tabs-header-height-default: 40px;
   --vxe-ui-tabs-header-height-medium: 38px;
   --vxe-ui-tabs-header-height-small: 36px;
@@ -229,6 +274,8 @@
   --vxe-ui-cascader-node-checkbox-checked-color: var(--vxe-ui-font-primary-color);
 
   /*collapse*/
+  --vxe-ui-collapse-min-height-xlarge: 46px;
+  --vxe-ui-collapse-min-height-large: 42px;
   --vxe-ui-collapse-min-height-default: 40px;
   --vxe-ui-collapse-min-height-medium: 38px;
   --vxe-ui-collapse-min-height-small: 36px;

package/types/components/cascader.d.ts

@@ -250,6 +250,7 @@ export interface CascaderInternalData {
   selectCheckboxMaps: Record<string, any>
   treeExpandedMaps: Record<string, boolean>
   treeExpandLazyLoadedMaps: Record<string, boolean>
+  isUpdateMode?: boolean
 }
 
 export interface CascaderMethods {

package/types/components/checkbox-group.d.ts

@@ -38,6 +38,7 @@ export namespace VxeCheckboxGroupPropTypes {
   export type Max = string | number
   export type Disabled = boolean
   export type Readonly = boolean
+  export type Type = 'button' | 'default' | '' | null
   export interface DefaultConfig {
     /**
      * 默认选择模式，默认选中行为只会在初始化时触发一次
@@ -61,6 +62,7 @@ export interface VxeCheckboxGroupProps {
    */
   disabled?: VxeCheckboxGroupPropTypes.Disabled
   readonly?: VxeCheckboxGroupPropTypes.Readonly
+  type?: VxeCheckboxGroupPropTypes.Type
   defaultConfig?: VxeCheckboxGroupPropTypes.DefaultConfig
 }