persagy-vant 0.0.40 → 0.0.42

package/lib/material-display-bar/index.less

@@ -4,6 +4,7 @@
   --van-material-display-bar-padding: @material-detail-padding;
   --van-material-display-bar-radius: @material-detail-radius;
   --van-material-display-bar-gap: @material-detail-gap;
+  --van-material-display-bar-bottom-gap: @material-detail-bottom-gap;
   --van-material-display-bar-fields-gap: @material-detail-fields-gap;
   --van-material-display-bar-field-label-max-width: @material-detail-field-label-max-width;
   --van-material-display-bar-title-color: @material-detail-title-color;
@@ -128,7 +129,7 @@
     margin: 0 var(--van-padding-md);
   }
 
-  &__bottom { display: flex; flex-direction: column; gap: var(--van-material-display-bar-gap); }
+  &__bottom { display: flex; flex-direction: column; gap: var(--van-material-display-bar-bottom-gap); }
 
   &__swipe-cell {
     overflow: hidden;

package/lib/material-display-bar/var.less

@@ -1,10 +1,11 @@
 @material-detail-padding: 10px var(--van-padding-md);
 @material-detail-radius: var(--van-border-radius-lg);
-@material-detail-gap: 4px;
+@material-detail-gap: 6px;
+@material-detail-bottom-gap: 2px;
 @material-detail-fields-gap: 0;
 @material-detail-field-label-max-width: 120px;
 @material-detail-title-color: var(--van-gray-8);
-@material-detail-title-font-size: var(--van-font-size-md);
+@material-detail-title-font-size: 15px;
 @material-detail-title-font-weight: var(--van-font-weight-bold);
 @material-detail-title-line-height: var(--van-line-height-lg);
 @material-detail-title-gap: 2px;

package/lib/notice-bar/index.css

@@ -1 +1 @@
-:root{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-blue-700);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background-color: var(--van-blue-100);--van-notice-bar-border-radius: var(--van-border-radius-lg);--van-notice-bar-round-margin: 0 var(--van-padding-md);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background-color)}.van-notice-bar--round{margin:var(--van-notice-bar-round-margin);border-radius:var(--van-notice-bar-border-radius)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}
+:root{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-blue-700);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background-color: var(--van-blue-100);--van-notice-bar-border-radius: var(--van-border-radius-lg);--van-notice-bar-round-margin: 0 var(--van-padding-md);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background-color)}.van-notice-bar--round{margin:var(--van-notice-bar-round-margin);border-radius:var(--van-notice-bar-border-radius)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{align-items:flex-start;height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__left-icon,.van-notice-bar--wrapable .van-notice-bar__right-icon{display:flex;align-items:center;height:var(--van-notice-bar-line-height);line-height:var(--van-notice-bar-line-height)}.van-notice-bar--wrapable .van-notice-bar__right-icon{justify-content:flex-end}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}

package/lib/notice-bar/index.less

@@ -61,10 +61,23 @@
   }
 
   &--wrapable {
+    align-items: flex-start;
     height: auto;
     padding: var(--van-notice-bar-wrapable-padding);
 
     .van-notice-bar {
+      &__left-icon,
+      &__right-icon {
+        display: flex;
+        align-items: center;
+        height: var(--van-notice-bar-line-height);
+        line-height: var(--van-notice-bar-line-height);
+      }
+
+      &__right-icon {
+        justify-content: flex-end;
+      }
+
       &__wrap {
         height: auto;
       }

package/lib/stepper/Stepper.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
-export declare type StepperTheme = 'default' | 'round';
+export declare type StepperTheme = 'default' | 'round' | 'round-outline';
 declare const stepperProps: {
     min: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/stepper/index.css

@@ -1 +1 @@
-:root{--van-stepper-background-color: var(--van-active-color);--van-stepper-button-icon-color: var(--van-text-color);--van-stepper-button-disabled-color: var(--van-background-color);--van-stepper-button-disabled-icon-color: var(--van-gray-5);--van-stepper-button-round-theme-color: var(--van-primary-color);--van-stepper-input-width: 32px;--van-stepper-input-height: 28px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: normal;--van-stepper-input-text-color: var(--van-text-color);--van-stepper-input-disabled-text-color: var(--van-text-color-3);--van-stepper-input-disabled-background-color: var(--van-active-color);--van-stepper-border-radius: var(--van-border-radius-md)}.van-stepper{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:var(--van-stepper-input-height);height:var(--van-stepper-input-height);margin:0;padding:0;color:var(--van-stepper-button-icon-color);vertical-align:middle;background:var(--van-stepper-background-color);border:0}.van-stepper__minus:before,.van-stepper__plus:before{width:50%;height:1px}.van-stepper__minus:after,.van-stepper__plus:after{width:1px;height:50%}.van-stepper__minus:before,.van-stepper__plus:before,.van-stepper__minus:after,.van-stepper__plus:after{position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);content:""}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:var(--van-stepper-button-disabled-icon-color);background-color:var(--van-stepper-button-disabled-color);cursor:not-allowed}.van-stepper__minus{border-radius:var(--van-stepper-border-radius) 0 0 var(--van-stepper-border-radius)}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:0 var(--van-stepper-border-radius) var(--van-stepper-border-radius) 0}.van-stepper__input{box-sizing:border-box;width:var(--van-stepper-input-width);height:var(--van-stepper-input-height);margin:0 2px;padding:0;color:var(--van-stepper-input-text-color);font-size:var(--van-stepper-input-font-size);line-height:var(--van-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--van-stepper-background-color);border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:var(--van-stepper-input-disabled-text-color);background-color:var(--van-stepper-input-disabled-background-color);-webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);opacity:1}.van-stepper__input:-moz-read-only{cursor:default}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__plus,.van-stepper--round .van-stepper__minus{border-radius:100%}.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.van-stepper--round .van-stepper__plus{color:var(--van-white);background:var(--van-stepper-button-round-theme-color)}.van-stepper--round .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background-color:var(--van-background-color-light);border:1px solid var(--van-stepper-button-round-theme-color)}
+:root{--van-stepper-background-color: var(--van-active-color);--van-stepper-button-icon-color: var(--van-text-color);--van-stepper-button-disabled-color: var(--van-background-color);--van-stepper-button-disabled-icon-color: var(--van-gray-5);--van-stepper-button-round-theme-color: var(--van-primary-color);--van-stepper-input-width: 32px;--van-stepper-input-height: 28px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: normal;--van-stepper-input-text-color: var(--van-text-color);--van-stepper-input-disabled-text-color: var(--van-text-color-3);--van-stepper-input-disabled-background-color: var(--van-active-color);--van-stepper-border-radius: var(--van-border-radius-md)}.van-stepper{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:var(--van-stepper-input-height);height:var(--van-stepper-input-height);margin:0;padding:0;color:var(--van-stepper-button-icon-color);vertical-align:middle;background:var(--van-stepper-background-color);border:0}.van-stepper__minus:before,.van-stepper__plus:before{width:50%;height:1px}.van-stepper__minus:after,.van-stepper__plus:after{width:1px;height:50%}.van-stepper__minus:before,.van-stepper__plus:before,.van-stepper__minus:after,.van-stepper__plus:after{position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);content:""}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:var(--van-stepper-button-disabled-icon-color);background-color:var(--van-stepper-button-disabled-color);cursor:not-allowed}.van-stepper__minus{border-radius:var(--van-stepper-border-radius) 0 0 var(--van-stepper-border-radius)}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:0 var(--van-stepper-border-radius) var(--van-stepper-border-radius) 0}.van-stepper__input{box-sizing:border-box;width:var(--van-stepper-input-width);height:var(--van-stepper-input-height);margin:0 2px;padding:0;color:var(--van-stepper-input-text-color);font-size:var(--van-stepper-input-font-size);line-height:var(--van-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--van-stepper-background-color);border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:var(--van-stepper-input-disabled-text-color);background-color:var(--van-stepper-input-disabled-background-color);-webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);opacity:1}.van-stepper__input:-moz-read-only{cursor:default}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__plus,.van-stepper--round .van-stepper__minus{border-radius:100%}.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.van-stepper--round .van-stepper__plus{color:var(--van-white);background:var(--van-stepper-button-round-theme-color)}.van-stepper--round .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background-color:var(--van-background-color-light);border:1px solid var(--van-stepper-button-round-theme-color)}.van-stepper--round-outline .van-stepper__input{background-color:transparent}.van-stepper--round-outline .van-stepper__plus,.van-stepper--round-outline .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background:var(--van-background-color-light);border:1px solid var(--van-stepper-button-round-theme-color);border-radius:100%}.van-stepper--round-outline .van-stepper__plus--disabled,.van-stepper--round-outline .van-stepper__minus--disabled{opacity:.3;cursor:not-allowed}

package/lib/stepper/index.less

@@ -130,4 +130,23 @@
       border: 1px solid var(--van-stepper-button-round-theme-color);
     }
   }
+
+  &--round-outline {
+    .van-stepper__input {
+      background-color: transparent;
+    }
+
+    .van-stepper__plus,
+    .van-stepper__minus {
+      color: var(--van-stepper-button-round-theme-color);
+      background: var(--van-background-color-light);
+      border: 1px solid var(--van-stepper-button-round-theme-color);
+      border-radius: 100%;
+
+      &--disabled {
+        opacity: 0.3;
+        cursor: not-allowed;
+      }
+    }
+  }
 }

package/lib/tabs/Tabs.js

@@ -62,7 +62,7 @@ var import_icon = require("../icon");
 var import_action_sheet = require("../action-sheet");
 var import_TabsTitle = __toESM(require("./TabsTitle"));
 var import_TabsContent = __toESM(require("./TabsContent"));
-const [name, bem] = (0, import_utils.createNamespace)("tabs");
+const [name, bem, t] = (0, import_utils.createNamespace)("tabs");
 const tabsProps = {
   type: (0, import_utils.makeStringProp)("line"),
   color: String,
@@ -378,8 +378,9 @@ var stdin_default = (0, import_vue.defineComponent)({
         "name": "ellipsis"
       }, null)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots), props.more && (0, import_vue.createVNode)(import_action_sheet.ActionSheet, {
         "show": props.showMore,
-        "title": props.moreTitle,
+        "title": props.moreTitle || t("moreTitle"),
         "actions": moreActions.value,
+        "class": bem("more-panel"),
         "closeOnClickAction": true,
         "onUpdate:show": (show) => emit("update:showMore", show),
         "onSelect": onSelectMore

package/lib/tabs/index.css

@@ -1 +1 @@
-:root{--van-tab-text-color: var(--van-gray-7);--van-tab-active-text-color: var(--van-text-color);--van-tab-disabled-text-color: var(--van-text-color-3);--van-tab-font-size: var(--van-font-size-md);--van-tab-line-height: var(--van-line-height-md);--van-tabs-default-color: var(--van-primary-color);--van-tabs-line-height: 44px;--van-tabs-card-height: 30px;--van-tabs-nav-background-color: var(--van-background-color-light);--van-tabs-bottom-bar-width: 40px;--van-tabs-bottom-bar-height: 3px;--van-tabs-bottom-bar-color: var(--van-primary-color);--van-tabs-card-active-background-color: var(--van-gray-2);--van-tabs-card-border-color: var(--van-gray-5);--van-tabs-card-gray-background-color: var(--van-gray-1);--van-tabs-card-gray-active-background-color: var(--van-white);--van-tabs-card-gray-active-shadow: 0 2px 5px rgba(27, 33, 41, .1);--van-tabs-filter-background-color: var(--van-gray-2);--van-tabs-filter-active-background-color: var(--van-blue-100);--van-tabs-filter-border-radius: var(--van-border-radius-lg);--van-tabs-more-width: 44px;--van-tabs-more-icon-size: 18px}.van-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-weight-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab--grow{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tab--shrink{flex:none;padding:0 var(--van-padding-xs)}.van-tab--card{position:relative;z-index:1;height:var(--van-tabs-card-height);margin-right:-1px;padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7);border:var(--van-border-width-base) solid var(--van-tabs-card-border-color);background:var(--van-white)}.van-tab--card:first-child{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-tab--card:last-child{margin-right:0;border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-tab--card.van-tab--active{z-index:2;color:var(--van-tabs-default-color);border-color:var(--van-tabs-default-color);background-color:var(--van-tabs-card-active-background-color)}.van-tab--card.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab__badge{display:inline-flex;align-items:center;gap:4px}.van-tab__badge .van-badge--fixed{position:static;transform:none}.van-tab--card-gray{height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7)}.van-tab--card-gray.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-card-gray-active-background-color);box-shadow:var(--van-tabs-card-gray-active-shadow);border-radius:var(--van-border-radius-md)}.van-tab--card-gray.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter{flex:none;min-height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-sm);color:var(--van-gray-8);background:var(--van-tabs-filter-background-color);border-radius:var(--van-tabs-filter-border-radius)}.van-tab--filter.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-filter-active-background-color)}.van-tabs{position:relative}.van-tabs__wrap{position:relative;overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__nav{position:relative;display:flex;background:var(--van-tabs-nav-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__nav--complete::-webkit-scrollbar{display:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--shrink,.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:0;border-radius:var(--van-border-radius-md);overflow:hidden;isolation:isolate}.van-tabs__nav--card.van-tabs__nav--shrink{display:inline-flex}.van-tabs__nav--card-gray{box-sizing:border-box;height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));margin:0 var(--van-padding-md);padding:var(--van-padding-base);background:var(--van-tabs-card-gray-background-color);border-radius:var(--van-border-radius-md);overflow:hidden}.van-tabs__nav--filter{box-sizing:border-box;min-height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));padding:var(--van-padding-xs) var(--van-padding-md);gap:6px}.van-tabs__nav--more{padding-right:var(--van-tabs-more-width)}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs__more{position:absolute;top:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--van-tabs-more-width);padding:0;color:var(--van-tab-text-color);font:inherit;font-size:var(--van-tabs-more-icon-size);background:linear-gradient(270deg,var(--van-tabs-nav-background-color) 70%,transparent);border:0}.van-tabs__more:active{opacity:var(--van-active-opacity)}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}.van-tabs--card-gray{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card-gray>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter .van-tabs__more{top:var(--van-padding-xs)}
+:root{--van-tab-text-color: var(--van-gray-7);--van-tab-active-text-color: var(--van-text-color);--van-tab-disabled-text-color: var(--van-text-color-3);--van-tab-font-size: var(--van-font-size-md);--van-tab-line-height: var(--van-line-height-md);--van-tabs-default-color: var(--van-primary-color);--van-tabs-line-height: 44px;--van-tabs-card-height: 30px;--van-tabs-card-border-radius: 8px;--van-tabs-nav-background-color: var(--van-background-color-light);--van-tabs-bottom-bar-width: 40px;--van-tabs-bottom-bar-height: 3px;--van-tabs-bottom-bar-color: var(--van-primary-color);--van-tabs-card-active-background-color: var(--van-gray-2);--van-tabs-card-border-color: var(--van-gray-5);--van-tabs-card-gray-background-color: var(--van-gray-1);--van-tabs-card-gray-active-background-color: var(--van-white);--van-tabs-card-gray-active-shadow: 0 2px 5px rgba(27, 33, 41, .1);--van-tabs-filter-background-color: var(--van-gray-2);--van-tabs-filter-active-background-color: var(--van-blue-100);--van-tabs-filter-border-radius: var(--van-border-radius-lg);--van-tabs-more-width: 44px;--van-tabs-more-icon-size: 18px}.van-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-weight-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab--grow{flex:1 0 auto;padding:0 var(--van-padding-sm)}.van-tab--shrink{flex:none;padding:0 var(--van-padding-xs)}.van-tab--card{position:relative;z-index:1;height:var(--van-tabs-card-height);margin-right:-1px;padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7);border:var(--van-border-width-base) solid var(--van-tabs-card-border-color);background:var(--van-white)}.van-tab--card:first-child{border-radius:var(--van-tabs-card-border-radius) 0 0 var(--van-tabs-card-border-radius)}.van-tab--card:last-child{margin-right:0;border-radius:0 var(--van-tabs-card-border-radius) var(--van-tabs-card-border-radius) 0}.van-tab--card.van-tab--active{z-index:2;color:var(--van-tabs-default-color);border-color:var(--van-tabs-default-color);background-color:var(--van-tabs-card-active-background-color)}.van-tab--card.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab__badge{display:inline-flex;align-items:center;gap:4px}.van-tab__badge .van-badge--fixed{position:static;transform:none}.van-tab--card-gray{height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-md);color:var(--van-gray-7)}.van-tab--card-gray.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-card-gray-active-background-color);box-shadow:var(--van-tabs-card-gray-active-shadow);border-radius:var(--van-tabs-card-border-radius)}.van-tab--card-gray.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter{flex:none;min-height:var(--van-tabs-card-height);padding:var(--van-padding-base) var(--van-padding-sm);color:var(--van-gray-8);background:var(--van-tabs-filter-background-color);border-radius:var(--van-tabs-filter-border-radius)}.van-tab--filter.van-tab--disabled{color:var(--van-gray-4);opacity:1}.van-tab--filter.van-tab--active{color:var(--van-tabs-default-color);background:var(--van-tabs-filter-active-background-color)}.van-tabs{position:relative}.van-tabs__wrap{position:relative;overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__nav{position:relative;display:flex;background:var(--van-tabs-nav-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__nav--complete::-webkit-scrollbar{display:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--shrink,.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:0;border-radius:var(--van-tabs-card-border-radius);overflow:hidden;isolation:isolate}.van-tabs__nav--card.van-tabs__nav--shrink{display:inline-flex}.van-tabs__nav--card-gray{box-sizing:border-box;height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));margin:0 var(--van-padding-md);padding:var(--van-padding-base);background:var(--van-tabs-card-gray-background-color);border-radius:var(--van-tabs-card-border-radius);overflow:hidden}.van-tabs__nav--filter{box-sizing:border-box;min-height:calc(var(--van-tabs-card-height) + var(--van-padding-xs));padding:var(--van-padding-xs) var(--van-padding-md);gap:6px}.van-tabs__nav--more{padding-right:var(--van-tabs-more-width)}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height)}.van-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs__more{position:absolute;top:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--van-tabs-more-width);padding:0;color:var(--van-tab-text-color);font:inherit;font-size:var(--van-tabs-more-icon-size);background:linear-gradient(270deg,var(--van-tabs-nav-background-color) 70%,transparent);border:0}.van-tabs__more:active{opacity:var(--van-active-opacity)}.van-tabs__more-panel{height:auto}.van-tabs__more-panel .van-action-sheet__content{flex:0 1 auto;min-height:0}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}.van-tabs--card-gray{box-sizing:border-box;padding-top:var(--van-padding-xs);background:var(--van-white)}.van-tabs--card-gray>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter>.van-tabs__wrap{height:calc(var(--van-tabs-card-height) + var(--van-padding-xs))}.van-tabs--filter .van-tabs__more{top:var(--van-padding-xs)}

package/lib/tabs/index.less

@@ -9,6 +9,7 @@
   --van-tabs-default-color: @tabs-default-color;
   --van-tabs-line-height: @tabs-line-height;
   --van-tabs-card-height: @tabs-card-height;
+  --van-tabs-card-border-radius: @tabs-card-border-radius;
   --van-tabs-nav-background-color: @tabs-nav-background-color;
   --van-tabs-bottom-bar-width: @tabs-bottom-bar-width;
   --van-tabs-bottom-bar-height: @tabs-bottom-bar-height;
@@ -69,12 +70,12 @@
     background: var(--van-white);
 
     &:first-child {
-      border-radius: var(--van-border-radius-md) 0 0 var(--van-border-radius-md);
+      border-radius: var(--van-tabs-card-border-radius) 0 0 var(--van-tabs-card-border-radius);
     }
 
     &:last-child {
       margin-right: 0;
-      border-radius: 0 var(--van-border-radius-md) var(--van-border-radius-md) 0;
+      border-radius: 0 var(--van-tabs-card-border-radius) var(--van-tabs-card-border-radius) 0;
     }
 
     &.van-tab--active {
@@ -119,7 +120,7 @@
       color: var(--van-tabs-default-color);
       background: var(--van-tabs-card-gray-active-background-color);
       box-shadow: var(--van-tabs-card-gray-active-shadow);
-      border-radius: var(--van-border-radius-md);
+      border-radius: var(--van-tabs-card-border-radius);
     }
 
     &.van-tab--disabled {
@@ -198,7 +199,7 @@
       height: var(--van-tabs-card-height);
       margin: 0 var(--van-padding-md);
       border: 0;
-      border-radius: var(--van-border-radius-md);
+      border-radius: var(--van-tabs-card-border-radius);
       overflow: hidden;
       isolation: isolate;
     }
@@ -213,7 +214,7 @@
       margin: 0 var(--van-padding-md);
       padding: var(--van-padding-base);
       background: var(--van-tabs-card-gray-background-color);
-      border-radius: var(--van-border-radius-md);
+      border-radius: var(--van-tabs-card-border-radius);
       overflow: hidden;
     }
 
@@ -280,6 +281,15 @@
     }
   }
 
+  &__more-panel {
+    height: auto;
+
+    .van-action-sheet__content {
+      flex: 0 1 auto;
+      min-height: 0;
+    }
+  }
+
   &--line {
     .van-tabs__wrap {
       height: var(--van-tabs-line-height);

package/lib/tabs/var.less

@@ -8,6 +8,7 @@
 @tabs-default-color: var(--van-primary-color);
 @tabs-line-height: 44px;
 @tabs-card-height: 30px;
+@tabs-card-border-radius: 8px;
 @tabs-nav-background-color: var(--van-background-color-light);
 @tabs-bottom-bar-width: 40px;
 @tabs-bottom-bar-height: 3px;

package/lib/title-bar/TitleBar.d.ts

@@ -1,5 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare type TitleBarSize = 'default' | 'mini';
+export declare type TitleBarBottomGap = '4' | '8' | '12';
 declare const titleBarProps: {
     title: {
         type: import("vue").PropType<string>;
@@ -11,8 +12,17 @@ declare const titleBarProps: {
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -22,6 +32,10 @@ declare const titleBarProps: {
         type: import("vue").PropType<TitleBarSize>;
         default: TitleBarSize;
     };
+    bottomGap: {
+        type: import("vue").PropType<TitleBarBottomGap>;
+        default: TitleBarBottomGap;
+    };
     expandable: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -41,8 +55,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -52,6 +75,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<TitleBarSize>;
         default: TitleBarSize;
     };
+    bottomGap: {
+        type: import("vue").PropType<TitleBarBottomGap>;
+        default: TitleBarBottomGap;
+    };
     expandable: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -69,8 +96,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -80,6 +116,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<TitleBarSize>;
         default: TitleBarSize;
     };
+    bottomGap: {
+        type: import("vue").PropType<TitleBarBottomGap>;
+        default: TitleBarBottomGap;
+    };
     expandable: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -96,12 +136,16 @@ declare const _default: import("vue").DefineComponent<{
     title: string;
     size: TitleBarSize;
     description: string;
+    rightIcon: string;
     showIcon: boolean;
+    showRightIcon: boolean;
     modelValue: boolean;
     showArrow: boolean;
     actionText: string;
     expandable: boolean;
+    showExpandIcon: boolean;
     showAction: boolean;
     showDescription: boolean;
+    bottomGap: TitleBarBottomGap;
 }>;
 export default _default;

package/lib/title-bar/TitleBar.js

@@ -30,11 +30,15 @@ const titleBarProps = {
   description: (0, import_utils.makeStringProp)(""),
   icon: String,
   showIcon: Boolean,
+  rightIcon: (0, import_utils.makeStringProp)("cross"),
+  showRightIcon: Boolean,
   showDescription: Boolean,
   showArrow: Boolean,
+  showExpandIcon: import_utils.truthProp,
   actionText: (0, import_utils.makeStringProp)("\u64CD\u4F5C"),
   showAction: Boolean,
   size: (0, import_utils.makeStringProp)("default"),
+  bottomGap: (0, import_utils.makeStringProp)("4"),
   expandable: Boolean,
   modelValue: import_utils.truthProp,
   required: Boolean
@@ -74,6 +78,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       return (0, import_vue.createVNode)("section", {
         "class": bem({
           mini: props.size === "mini",
+          [`bottom-gap-${props.bottomGap}`]: true,
           expandable: props.expandable,
           required: props.required
         })
@@ -102,11 +107,14 @@ var stdin_default = (0, import_vue.defineComponent)({
         "onClick": onActionClick
       }, null)])]), props.size !== "mini" && props.showDescription && props.description && (0, import_vue.createVNode)("span", {
         "class": bem("description")
-      }, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props.description])]), (props.showArrow || props.expandable) && (0, import_vue.createVNode)(import_icon.Icon, {
+      }, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props.description])]), (props.showArrow || props.expandable && props.showExpandIcon) && (0, import_vue.createVNode)(import_icon.Icon, {
         "name": "arrow-up",
         "class": bem("arrow", {
           expanded: props.expandable && props.modelValue
         })
+      }, null), props.showRightIcon && (0, import_vue.createVNode)(import_icon.Icon, {
+        "name": props.rightIcon,
+        "class": bem("right-icon")
       }, null)]), (!props.expandable || props.modelValue) && ((_c = slots.default) == null ? void 0 : _c.call(slots))]);
     };
   }

package/lib/title-bar/index.css

@@ -1 +1 @@
-:root{--van-title-bar-padding: 12px var(--van-padding-md) 4px;--van-title-bar-gap: 4px;--van-title-bar-title-color: var(--van-gray-8);--van-title-bar-description-color: var(--van-gray-6);--van-title-bar-required-color: var(--van-danger-color);--van-title-bar-action-divider-before-gap: 8px;--van-title-bar-action-divider-after-gap: 2px;--van-title-bar-action-divider-color: var(--van-gray-4);--van-title-bar-action-divider-height: 12px;--van-title-bar-action-padding: 0 8px}.van-title-bar{color:var(--van-title-bar-title-color)}.van-title-bar__header{display:flex;align-items:flex-start;width:100%;padding:var(--van-title-bar-padding);color:inherit;font:inherit;text-align:left;background:transparent;border:0}.van-title-bar--required .van-title-bar__header{position:relative;overflow:visible}.van-title-bar--required .van-title-bar__header:before{position:absolute;top:12px;left:var(--van-padding-xs);color:var(--van-title-bar-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);content:"*"}.van-title-bar--expandable .van-title-bar__header{cursor:pointer}.van-title-bar--expandable .van-title-bar__header:active{background:var(--van-active-color)}.van-title-bar__icon{flex:none;margin:3px 4px 0 0;font-size:16px}.van-title-bar__text{display:flex;flex:1;flex-direction:column;min-width:0}.van-title-bar__title-row{display:flex;align-items:center;min-width:0}.van-title-bar__text strong{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__description{overflow:hidden;color:var(--van-title-bar-description-color);font-size:var(--van-font-size-sm);font-weight:400;line-height:var(--van-line-height-md);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__action{display:flex;flex:none;align-items:center;margin-left:var(--van-title-bar-action-divider-before-gap)}.van-title-bar__action-divider{width:1px;height:var(--van-title-bar-action-divider-height);margin-right:var(--van-title-bar-action-divider-after-gap);background:var(--van-title-bar-action-divider-color)}.van-title-bar__action .van-button{flex:none;height:var(--van-line-height-lg);padding:var(--van-title-bar-action-padding);font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg)}.van-title-bar__arrow{flex:none;margin:4px 0 0 8px;color:var(--van-gray-6);font-size:14px;transition:transform var(--van-animation-duration-fast);transform:rotate(180deg)}.van-title-bar__arrow--expanded{transform:rotate(0)}.van-title-bar--mini .van-title-bar__header{padding-top:12px;padding-bottom:4px}.van-title-bar--mini .van-title-bar__text strong{font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--mini .van-title-bar__icon{margin-top:3px;font-size:14px}.van-title-bar--mini .van-title-bar__arrow{margin-top:3px}.van-title-bar--mini .van-title-bar__action .van-button{height:var(--van-line-height-md);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}
+:root{--van-title-bar-padding: 12px var(--van-padding-md) 8px;--van-title-bar-gap: 4px;--van-title-bar-bottom-gap: 4px;--van-title-bar-title-color: var(--van-gray-8);--van-title-bar-description-color: var(--van-gray-6);--van-title-bar-required-color: var(--van-danger-color);--van-title-bar-action-divider-before-gap: 8px;--van-title-bar-action-divider-after-gap: 2px;--van-title-bar-action-divider-color: var(--van-gray-4);--van-title-bar-action-divider-height: 12px;--van-title-bar-action-padding: 0 8px}.van-title-bar{margin-bottom:var(--van-title-bar-bottom-gap);color:var(--van-title-bar-title-color)}.van-title-bar__header{display:flex;box-sizing:border-box;align-items:flex-start;width:100%;padding:var(--van-title-bar-padding);color:inherit;font:inherit;text-align:left;background:transparent;border:0}.van-title-bar--required .van-title-bar__header{position:relative;overflow:visible}.van-title-bar--required .van-title-bar__header:before{position:absolute;top:12px;left:var(--van-padding-xs);color:var(--van-title-bar-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);content:"*"}.van-title-bar--expandable .van-title-bar__header{cursor:pointer}.van-title-bar--expandable .van-title-bar__header:active{background:var(--van-active-color)}.van-title-bar__icon{flex:none;margin:3px 4px 0 0;font-size:16px}.van-title-bar__text{display:flex;flex:1;flex-direction:column;min-width:0}.van-title-bar__title-row{display:flex;align-items:center;min-width:0}.van-title-bar__text strong{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__description{overflow:hidden;color:var(--van-title-bar-description-color);font-size:var(--van-font-size-sm);font-weight:400;line-height:var(--van-line-height-md);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__action{display:flex;flex:none;align-items:center;margin-left:var(--van-title-bar-action-divider-before-gap)}.van-title-bar__action-divider{width:1px;height:var(--van-title-bar-action-divider-height);margin-right:var(--van-title-bar-action-divider-after-gap);background:var(--van-title-bar-action-divider-color)}.van-title-bar__action .van-button{flex:none;height:var(--van-line-height-lg);padding:var(--van-title-bar-action-padding);font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg)}.van-title-bar__arrow{flex:none;margin:4px 8px 0 0;color:var(--van-gray-6);font-size:14px;transition:transform var(--van-animation-duration-fast);transform:rotate(180deg)}.van-title-bar__arrow--expanded{transform:rotate(0)}.van-title-bar__right-icon{flex:none;width:16px;height:16px;margin:3px 0 0 8px;color:var(--van-gray-7);font-size:16px;line-height:16px}.van-title-bar--mini .van-title-bar__header{padding-top:12px;padding-bottom:8px}.van-title-bar--mini .van-title-bar__text strong{font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--mini .van-title-bar__icon{margin-top:3px;font-size:14px}.van-title-bar--mini .van-title-bar__arrow{margin-top:3px}.van-title-bar--mini .van-title-bar__right-icon{width:12px;height:12px;margin-top:3px;font-size:12px;line-height:12px}.van-title-bar--mini .van-title-bar__action .van-button{height:var(--van-line-height-md);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--bottom-gap-4{margin-bottom:4px}.van-title-bar--bottom-gap-8{margin-bottom:8px}.van-title-bar--bottom-gap-12{margin-bottom:12px}

package/lib/title-bar/index.d.ts

@@ -9,8 +9,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -20,6 +29,10 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
         default: import("./TitleBar").TitleBarSize;
     };
+    bottomGap: {
+        type: import("vue").PropType<import("./TitleBar").TitleBarBottomGap>;
+        default: import("./TitleBar").TitleBarBottomGap;
+    };
     expandable: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -37,8 +50,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -48,6 +70,10 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
         default: import("./TitleBar").TitleBarSize;
     };
+    bottomGap: {
+        type: import("vue").PropType<import("./TitleBar").TitleBarBottomGap>;
+        default: import("./TitleBar").TitleBarBottomGap;
+    };
     expandable: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -64,13 +90,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     title: string;
     size: import("./TitleBar").TitleBarSize;
     description: string;
+    rightIcon: string;
     showIcon: boolean;
+    showRightIcon: boolean;
     modelValue: boolean;
     showArrow: boolean;
     actionText: string;
     expandable: boolean;
+    showExpandIcon: boolean;
     showAction: boolean;
     showDescription: boolean;
+    bottomGap: import("./TitleBar").TitleBarBottomGap;
 }>>;
 export default TitleBar;
 export type { TitleBarProps, TitleBarSize } from './TitleBar';

package/lib/title-bar/index.less

@@ -3,6 +3,7 @@
 :root {
   --van-title-bar-padding: @title-bar-padding;
   --van-title-bar-gap: @title-bar-gap;
+  --van-title-bar-bottom-gap: @title-bar-bottom-gap;
   --van-title-bar-title-color: @title-bar-title-color;
   --van-title-bar-description-color: @title-bar-description-color;
   --van-title-bar-required-color: @title-bar-required-color;
@@ -14,9 +15,10 @@
 }
 
 .van-title-bar {
+  margin-bottom: var(--van-title-bar-bottom-gap);
   color: var(--van-title-bar-title-color);
 
-  &__header { display: flex; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
+  &__header { display: flex; box-sizing: border-box; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
   &--required &__header { position: relative; overflow: visible; }
   &--required &__header::before { position: absolute; top: 12px; left: var(--van-padding-xs); color: var(--van-title-bar-required-color); font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); content: '*'; }
   &--expandable &__header { cursor: pointer; &:active { background: var(--van-active-color); } }
@@ -28,11 +30,16 @@
   &__action { display: flex; flex: none; align-items: center; margin-left: var(--van-title-bar-action-divider-before-gap); }
   &__action-divider { width: 1px; height: var(--van-title-bar-action-divider-height); margin-right: var(--van-title-bar-action-divider-after-gap); background: var(--van-title-bar-action-divider-color); }
   &__action .van-button { flex: none; height: var(--van-line-height-lg); padding: var(--van-title-bar-action-padding); font-size: var(--van-font-size-md); font-weight: var(--van-font-weight-bold); line-height: var(--van-line-height-lg); }
-  &__arrow { flex: none; margin: 4px 0 0 8px; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
+  &__arrow { flex: none; margin: 4px 8px 0 0; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
   &__arrow--expanded { transform: rotate(0); }
-  &--mini &__header { padding-top: 12px; padding-bottom: 4px; }
+  &__right-icon { flex: none; width: 16px; height: 16px; margin: 3px 0 0 8px; color: var(--van-gray-7); font-size: 16px; line-height: 16px; }
+  &--mini &__header { padding-top: 12px; padding-bottom: 8px; }
   &--mini &__text strong { font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
   &--mini &__icon { margin-top: 3px; font-size: 14px; }
   &--mini &__arrow { margin-top: 3px; }
+  &--mini &__right-icon { width: 12px; height: 12px; margin-top: 3px; font-size: 12px; line-height: 12px; }
   &--mini &__action .van-button { height: var(--van-line-height-md); font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
+  &--bottom-gap-4 { margin-bottom: 4px; }
+  &--bottom-gap-8 { margin-bottom: 8px; }
+  &--bottom-gap-12 { margin-bottom: 12px; }
 }

package/lib/title-bar/var.less

@@ -1,7 +1,8 @@
 @import '../style/var.less';
 
-@title-bar-padding: 12px var(--van-padding-md) 4px;
+@title-bar-padding: 12px var(--van-padding-md) 8px;
 @title-bar-gap: 4px;
+@title-bar-bottom-gap: 4px;
 @title-bar-title-color: var(--van-gray-8);
 @title-bar-description-color: var(--van-gray-6);
 @title-bar-required-color: var(--van-danger-color);

package/lib/tree-select/TreeSelect.d.ts

@@ -25,6 +25,7 @@ declare const treeSelectProps: {
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;
@@ -48,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;
@@ -69,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;

package/lib/tree-select/TreeSelect.js

@@ -47,6 +47,7 @@ const treeSelectProps = {
   cascade: Boolean,
   selectableParent: Boolean,
   showParentSelect: Boolean,
+  showSelectLevels: Array,
   showDivider: import_utils.truthProp
 };
 var stdin_default = (0, import_vue.defineComponent)({
@@ -61,6 +62,13 @@ var stdin_default = (0, import_vue.defineComponent)({
     const expandedKeys = (0, import_vue.computed)(() => props.expandedKeys);
     const isExpanded = (id) => expandedKeys.value.includes(id);
     const isSelected = (id) => selectedKeys.value.includes(id);
+    const isSelectionVisible = (hasChildren, level) => {
+      var _a;
+      const configuredVisibility = (_a = props.showSelectLevels) == null ? void 0 : _a[level];
+      if (configuredVisibility !== void 0)
+        return configuredVisibility;
+      return !hasChildren || props.selectableParent || props.showParentSelect;
+    };
     const getNodeStyle = (level) => ({
       paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`,
       "--van-tree-select-divider-left": `calc(var(--van-padding-md) + ${level * 16}px)`
@@ -124,6 +132,14 @@ var stdin_default = (0, import_vue.defineComponent)({
       var _a;
       const hasChildren = !!((_a = item.children) == null ? void 0 : _a.length);
       const expanded = isExpanded(item.id);
+      const renderTitle = () => {
+        var _a2;
+        return ((_a2 = slots.title) == null ? void 0 : _a2.call(slots, {
+          item,
+          level,
+          hasChildren
+        })) || item.text;
+      };
       if (!hasChildren && slots.leaf) {
         return (0, import_vue.createVNode)("div", {
           "key": item.id,
@@ -136,7 +152,7 @@ var stdin_default = (0, import_vue.defineComponent)({
           level
         })]);
       }
-      const selectable = item.selectable !== false && (!hasChildren || props.selectableParent || props.showParentSelect);
+      const selectable = item.selectable !== false && isSelectionVisible(hasChildren, level);
       const selectionState = getSelectionState(item);
       return (0, import_vue.createVNode)("div", {
         "key": item.id,
@@ -165,7 +181,7 @@ var stdin_default = (0, import_vue.defineComponent)({
           "class": bem("arrow", {
             expanded
           })
-        }, null), (0, import_vue.createVNode)("span", null, [item.text])]) : (0, import_vue.createVNode)("span", null, [item.text])]
+        }, null), (0, import_vue.createVNode)("span", null, [renderTitle()])]) : (0, import_vue.createVNode)("span", null, [renderTitle()])]
       }, selectable && selectionState === "indeterminate" ? {
         "right-select": () => (0, import_vue.createVNode)("button", {
           "type": "button",

package/lib/tree-select/index.d.ts

@@ -15,6 +15,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: import("vue").PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;
@@ -36,6 +37,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: import("vue").PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;