persagy-vant 0.0.36 → 0.0.38

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

@@ -8,6 +8,7 @@
   --van-material-display-bar-field-label-max-width: @material-detail-field-label-max-width;
   --van-material-display-bar-title-color: @material-detail-title-color;
   --van-material-display-bar-title-font-size: @material-detail-title-font-size;
+  --van-material-display-bar-title-font-weight: @material-detail-title-font-weight;
   --van-material-display-bar-title-line-height: @material-detail-title-line-height;
   --van-material-display-bar-title-gap: @material-detail-title-gap;
   --van-material-display-bar-title-icon-size: @material-detail-title-icon-size;
@@ -51,7 +52,7 @@
     color: var(--van-material-display-bar-title-color);
     font: inherit;
     font-size: var(--van-material-display-bar-title-font-size);
-    font-weight: 400;
+    font-weight: var(--van-material-display-bar-title-font-weight);
     line-height: var(--van-material-display-bar-title-line-height);
     text-align: left;
     background: transparent;

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

@@ -5,6 +5,7 @@
 @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-weight: var(--van-font-weight-bold);
 @material-detail-title-line-height: var(--van-line-height-lg);
 @material-detail-title-gap: 2px;
 @material-detail-title-icon-size: 12px;

package/es/number-keyboard/style/index.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
 import "../../loading/index.css";
 import "../index.css";

package/es/number-keyboard/style/less.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../../loading/index.less";
 import "../index.less";

package/es/object-select/ObjectSelect.mjs

@@ -391,6 +391,15 @@ var stdin_default = defineComponent({
     const expandedSelected = ref(false);
     const searching = ref(false);
     const keyword = ref("");
+    const currentSpecialtyItems = (specialty) => specialtyType.value === 0 ? specialty.deviceItems : specialty.systemItems;
+    const expandOnlySpecialty = () => {
+      if (props.specialties.length === 1) {
+        const [specialty] = props.specialties;
+        expandedSpecialties.value = extend({}, expandedSpecialties.value, {
+          [specialty.id]: true
+        });
+      }
+    };
     const reset = () => {
       view.value = 0;
       specialtyType.value = 0;
@@ -400,6 +409,7 @@ var stdin_default = defineComponent({
       expandedSpecialties.value = {
         "strong-electricity": true
       };
+      expandOnlySpecialty();
     };
     watch(() => props.show, (show) => show && reset(), {
       immediate: true
@@ -467,7 +477,7 @@ var stdin_default = defineComponent({
     const renderSpecialty = (specialty) => {
       var _a;
       const expanded = (_a = expandedSpecialties.value[specialty.id]) != null ? _a : false;
-      const items = specialtyType.value === 0 ? specialty.deviceItems : specialty.systemItems;
+      const items = currentSpecialtyItems(specialty);
       return _createVNode("section", {
         "class": bem("specialty"),
         "key": specialty.id
@@ -555,6 +565,7 @@ var stdin_default = defineComponent({
         "selected": specialtyType.value === 0,
         "onClick": () => {
           specialtyType.value = 0;
+          expandOnlySpecialty();
         }
       }, {
         default: () => [_createTextVNode("\u8BBE\u5907")]
@@ -562,6 +573,7 @@ var stdin_default = defineComponent({
         "selected": specialtyType.value === 1,
         "onClick": () => {
           specialtyType.value = 1;
+          expandOnlySpecialty();
         }
       }, {
         default: () => [_createTextVNode("\u7CFB\u7EDF")]

package/es/picker/style/index.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
 import "../../loading/index.css";
 import "../index.css";

package/es/picker/style/less.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../../loading/index.less";
 import "../index.less";

package/es/progress/Progress.d.ts

@@ -1,10 +1,16 @@
 import { type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
+import type { ProgressSize } from './types';
 declare const progressProps: {
+    size: {
+        type: import("vue").PropType<ProgressSize>;
+        default: ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -20,10 +26,15 @@ declare const progressProps: {
 };
 export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
 declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<ProgressSize>;
+        default: ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -37,10 +48,15 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: Numeric) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<ProgressSize>;
+        default: ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -54,6 +70,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: Numeric) => boolean;
     };
 }>>, {
+    size: ProgressSize;
     inactive: boolean;
     showPivot: boolean;
     percentage: string | number;

package/es/progress/Progress.mjs

@@ -1,11 +1,13 @@
 import { computed, defineComponent, createVNode as _createVNode } from "vue";
-import { addUnit, truthProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { addUnit, truthProp, numericProp, createNamespace, makeStringProp } from "../utils/index.mjs";
 const [name, bem] = createNamespace("progress");
 const progressProps = {
+  size: makeStringProp("default"),
   color: String,
   inactive: Boolean,
   pivotText: String,
   textColor: String,
+  textSize: numericProp,
   showPivot: truthProp,
   pivotColor: String,
   trackColor: String,
@@ -24,6 +26,7 @@ var stdin_default = defineComponent({
     const renderPivot = () => {
       const {
         textColor,
+        textSize,
         pivotText,
         pivotColor,
         percentage
@@ -31,10 +34,8 @@ var stdin_default = defineComponent({
       const text = pivotText != null ? pivotText : `${percentage}%`;
       if (props.showPivot && text) {
         const style = {
-          color: textColor,
-          left: `${+percentage}%`,
-          transform: `translate(-${+percentage}%,-50%)`,
-          background: pivotColor || background.value
+          color: textColor || pivotColor,
+          fontSize: addUnit(textSize)
         };
         return _createVNode("span", {
           "style": style,
@@ -50,7 +51,7 @@ var stdin_default = defineComponent({
         percentage,
         strokeWidth
       } = props;
-      const rootStyle = {
+      const trackStyle = {
         background: trackColor,
         height: addUnit(strokeWidth)
       };
@@ -59,14 +60,18 @@ var stdin_default = defineComponent({
         background: background.value
       };
       return _createVNode("div", {
-        "class": bem(),
-        "style": rootStyle
+        "class": bem({
+          large: props.size === "large"
+        })
+      }, [_createVNode("div", {
+        "class": bem("track"),
+        "style": trackStyle
       }, [_createVNode("span", {
         "class": bem("portion", {
           inactive: props.inactive
         }),
         "style": portionStyle
-      }, null), renderPivot()]);
+      }, null)]), renderPivot()]);
     };
   }
 });

package/es/progress/index.css

@@ -1 +1 @@
-:root{--van-progress-height: 4px;--van-progress-color: var(--van-primary-color);--van-progress-inactive-color: var(--van-gray-5);--van-progress-background-color: var(--van-gray-3);--van-progress-pivot-padding: 0 5px;--van-progress-pivot-text-color: var(--van-white);--van-progress-pivot-font-size: var(--van-font-size-xs);--van-progress-pivot-line-height: 1.6;--van-progress-pivot-background-color: var(--van-primary-color)}.van-progress{position:relative;height:var(--van-progress-height);background:var(--van-progress-background-color);border-radius:var(--van-progress-height)}.van-progress__portion{position:absolute;left:0;width:100%;height:100%;background:var(--van-progress-color);border-radius:inherit;transform-origin:0;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__portion--inactive{background:var(--van-progress-inactive-color)}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all;background:var(--van-progress-pivot-background-color);border-radius:1em;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__pivot--inactive{background:var(--van-progress-inactive-color)}
+:root{--van-progress-height: 6px;--van-progress-large-height: 8px;--van-progress-color: var(--van-primary-color);--van-progress-inactive-color: var(--van-gray-5);--van-progress-background-color: var(--van-gray-2);--van-progress-pivot-padding: 0;--van-progress-pivot-text-color: var(--van-progress-pivot-background-color);--van-progress-pivot-font-size: var(--van-font-size-sm);--van-progress-large-pivot-font-size: var(--van-font-size-md);--van-progress-pivot-line-height: var(--van-line-height-lg);--van-progress-pivot-background-color: var(--van-text-color-2);--van-progress-text-gap: var(--van-padding-sm)}.van-progress{display:flex;align-items:center;gap:var(--van-progress-text-gap)}.van-progress--large{--van-progress-height: var(--van-progress-large-height);--van-progress-pivot-font-size: var(--van-progress-large-pivot-font-size)}.van-progress__track{position:relative;flex:1;height:var(--van-progress-height);overflow:hidden;background:var(--van-progress-background-color);border-radius:var(--van-border-radius-max)}.van-progress__portion{position:absolute;left:0;width:100%;height:100%;background:var(--van-progress-color);border-radius:var(--van-border-radius-max);transform-origin:0;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__portion--inactive{background:var(--van-progress-inactive-color)}.van-progress__pivot{flex:none;box-sizing:border-box;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all}.van-progress__pivot--inactive{color:var(--van-progress-inactive-color)}

package/es/progress/index.d.ts

@@ -1,9 +1,14 @@
 import { ProgressProps } from './Progress';
 export declare const Progress: import("../utils").WithInstall<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<import("./types").ProgressSize>;
+        default: import("./types").ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -17,10 +22,15 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
         validator: (value: import("../utils").Numeric) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<import("./types").ProgressSize>;
+        default: import("./types").ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -34,13 +44,14 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
         validator: (value: import("../utils").Numeric) => boolean;
     };
 }>>, {
+    size: import("./types").ProgressSize;
     inactive: boolean;
     showPivot: boolean;
     percentage: string | number;
 }>>;
 export default Progress;
 export type { ProgressProps };
-export type { ProgressInstance } from './types';
+export type { ProgressInstance, ProgressSize } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanProgress: typeof Progress;

package/es/progress/index.less

@@ -2,21 +2,37 @@
 
 :root {
   --van-progress-height: @progress-height;
+  --van-progress-large-height: @progress-large-height;
   --van-progress-color: @progress-color;
   --van-progress-inactive-color: @progress-inactive-color;
   --van-progress-background-color: @progress-background-color;
   --van-progress-pivot-padding: @progress-pivot-padding;
-  --van-progress-pivot-text-color: @progress-pivot-text-color;
+  --van-progress-pivot-text-color: var(--van-progress-pivot-background-color);
   --van-progress-pivot-font-size: @progress-pivot-font-size;
+  --van-progress-large-pivot-font-size: @progress-large-pivot-font-size;
   --van-progress-pivot-line-height: @progress-pivot-line-height;
   --van-progress-pivot-background-color: @progress-pivot-background-color;
+  --van-progress-text-gap: @progress-text-gap;
 }
 
 .van-progress {
-  position: relative;
-  height: var(--van-progress-height);
-  background: var(--van-progress-background-color);
-  border-radius: var(--van-progress-height);
+  display: flex;
+  align-items: center;
+  gap: var(--van-progress-text-gap);
+
+  &--large {
+    --van-progress-height: var(--van-progress-large-height);
+    --van-progress-pivot-font-size: var(--van-progress-large-pivot-font-size);
+  }
+
+  &__track {
+    position: relative;
+    flex: 1;
+    height: var(--van-progress-height);
+    overflow: hidden;
+    background: var(--van-progress-background-color);
+    border-radius: var(--van-border-radius-max);
+  }
 
   &__portion {
     position: absolute;
@@ -24,7 +40,7 @@
     width: 100%;
     height: 100%;
     background: var(--van-progress-color);
-    border-radius: inherit;
+    border-radius: var(--van-border-radius-max);
     transform-origin: 0;
     transition: all var(--van-animation-duration-base)
       var(--van-animation-timing-function-enter);
@@ -35,23 +51,17 @@
   }
 
   &__pivot {
-    position: absolute;
-    top: 50%;
+    flex: none;
     box-sizing: border-box;
-    min-width: 3.6em;
     padding: var(--van-progress-pivot-padding);
     color: var(--van-progress-pivot-text-color);
     font-size: var(--van-progress-pivot-font-size);
     line-height: var(--van-progress-pivot-line-height);
     text-align: center;
     word-break: keep-all;
-    background: var(--van-progress-pivot-background-color);
-    border-radius: 1em;
-    transition: all var(--van-animation-duration-base)
-      var(--van-animation-timing-function-enter);
 
     &--inactive {
-      background: var(--van-progress-inactive-color);
+      color: var(--van-progress-inactive-color);
     }
   }
 }

package/es/progress/types.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { ProgressProps } from './Progress';
+export declare type ProgressSize = 'default' | 'large';
 export declare type ProgressExpose = {
     resize: () => void;
 };

package/es/progress/var.less

@@ -1,11 +1,14 @@
 @import '../style/var.less';
 
-@progress-height: 4px;
+@progress-height: 6px;
+@progress-large-height: 8px;
 @progress-color: var(--van-primary-color);
 @progress-inactive-color: var(--van-gray-5);
-@progress-background-color: var(--van-gray-3);
-@progress-pivot-padding: 0 5px;
-@progress-pivot-text-color: var(--van-white);
-@progress-pivot-font-size: var(--van-font-size-xs);
-@progress-pivot-line-height: 1.6;
-@progress-pivot-background-color: var(--van-primary-color);
+@progress-background-color: var(--van-gray-2);
+@progress-pivot-padding: 0;
+@progress-pivot-text-color: var(--van-text-color-2);
+@progress-pivot-font-size: var(--van-font-size-sm);
+@progress-large-pivot-font-size: var(--van-font-size-md);
+@progress-pivot-line-height: var(--van-line-height-lg);
+@progress-pivot-background-color: var(--van-text-color-2);
+@progress-text-gap: var(--van-padding-sm);

package/es/pull-refresh/style/index.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
 import "../../loading/index.css";
 import "../index.css";

package/es/pull-refresh/style/less.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../../loading/index.less";
 import "../index.less";

package/es/style/base.css

@@ -1 +1 @@
-:root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-4);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter)}.van-fade-leave-active{animation:var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
+:root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-gradient-gray: linear-gradient(90deg, var(--van-gray-2), rgba(241, 244, 246, 0));--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-4);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter)}.van-fade-leave-active{animation:var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.gradient-gray,.van-gradient-gray{background:var(--van-gradient-gray)}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}

package/es/style/base.less

@@ -26,6 +26,11 @@
   .multi-ellipsis(3);
 }
 
+.gradient-gray,
+.van-gradient-gray {
+  background: var(--van-gradient-gray);
+}
+
 .van-safe-area-top {
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);

package/es/style/css-variables.css

@@ -1 +1 @@
-:root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-4);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}
+:root{--van-black: #1b2129;--van-white: #fff;--van-gray-1: #f7f9fa;--van-gray-2: #f1f4f6;--van-gray-3: #edf1f5;--van-gray-4: #e1e5eb;--van-gray-5: #c4c9cf;--van-gray-6: #8b949e;--van-gray-7: #626c78;--van-gray-8: #2e3742;--van-red: #f55047;--van-orange: #ffb800;--van-orange-dark: #1b2129;--van-orange-light: #fffbe8;--van-green: #3fbe72;--van-blue: #246fe5;--van-blue-900: #1034b2;--van-blue-800: #1241bf;--van-blue-700: #1b4acc;--van-blue-600: #215dd9;--van-blue-500: #246fe5;--van-blue-400: #2481f2;--van-blue-300: #64a6f7;--van-blue-200: #9fc9fb;--van-blue-100: #d9ebff;--van-blue-50: #ebf6ff;--van-green-900: #13753f;--van-green-800: #0f8843;--van-green-700: #0c9b4a;--van-green-600: #15ae55;--van-green-500: #3fbe72;--van-green-400: #69cd90;--van-green-300: #8edbab;--van-green-200: #b6e9c7;--van-green-100: #daf7e1;--van-green-50: #ebffeb;--van-red-900: #b80000;--van-red-800: #c71412;--van-red-700: #d72824;--van-red-600: #e63c35;--van-red-500: #f55047;--van-red-400: #f8766f;--van-red-300: #fa9b96;--van-red-200: #fdc1be;--van-red-100: #ffe6e5;--van-red-50: #fff5f5;--van-orange-900: #cc5300;--van-orange-800: #d96c00;--van-orange-700: #e68600;--van-orange-600: #f29f00;--van-orange-500: #ffb800;--van-orange-400: #ffcc47;--van-orange-300: #ffd873;--van-orange-200: #ffe399;--van-orange-100: #fff0cc;--van-orange-50: #fffbe6;--van-grey-50: #f7f9fa;--van-grey-100: #f1f4f6;--van-grey-200: #e8ecf0;--van-grey-300: #e1e5eb;--van-grey-400: #c4c9cf;--van-grey-500: #8b949e;--van-grey-600: #626c78;--van-grey-700: #424c59;--van-grey-800: #2e3742;--van-grey-900: #1b2129;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-gradient-gray: linear-gradient(90deg, var(--van-gray-2), rgba(241, 244, 246, 0));--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-background-color-black: var(--van-black);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-size-xl: 20px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-line-height-xl: 24px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-4);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}:root.van-theme-dark{--van-text-color: #f1f4f6;--van-text-color-2: #c4c9cf;--van-text-color-3: #8b949e;--van-active-color: #2e3742;--van-background-color: #151a20;--van-background-color-light: #1b2129;--van-border-color: #424c59}

package/es/style/css-variables.less

@@ -81,6 +81,7 @@
   // Gradient Colors
   --van-gradient-red: @gradient-red;
   --van-gradient-orange: @gradient-orange;
+  --van-gradient-gray: @gradient-gray;
 
   // Component Colors
   --van-primary-color: @primary-color;

package/es/style/var.less

@@ -79,6 +79,7 @@
 // Gradient Colors
 @gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
 @gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
+@gradient-gray: linear-gradient(90deg, var(--van-gray-2), rgb(241 244 246 / 0%));
 
 // Component Colors
 @primary-color: var(--van-blue);

package/es/switch/style/index.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
 import "../../loading/index.css";
 import "../index.css";

package/es/switch/style/less.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../../loading/index.less";
 import "../index.less";

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

@@ -27,6 +27,7 @@ declare const titleBarProps: {
         type: BooleanConstructor;
         default: true;
     };
+    required: BooleanConstructor;
 };
 export declare type TitleBarProps = ExtractPropTypes<typeof titleBarProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -56,6 +57,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    required: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue" | "click-action")[], "click" | "change" | "update:modelValue" | "click-action", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
@@ -83,16 +85,18 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    required: BooleanConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onClick-action"?: ((...args: any[]) => any) | undefined;
 }, {
+    required: boolean;
     title: string;
     size: TitleBarSize;
-    modelValue: boolean;
     description: string;
+    modelValue: boolean;
     actionText: string;
     expandable: boolean;
     showArrow: boolean;

package/es/title-bar/TitleBar.mjs

@@ -14,7 +14,8 @@ const titleBarProps = {
   showAction: Boolean,
   size: makeStringProp("default"),
   expandable: Boolean,
-  modelValue: truthProp
+  modelValue: truthProp,
+  required: Boolean
 };
 var stdin_default = defineComponent({
   name,
@@ -51,7 +52,8 @@ var stdin_default = defineComponent({
       return _createVNode("section", {
         "class": bem({
           mini: props.size === "mini",
-          expandable: props.expandable
+          expandable: props.expandable,
+          required: props.required
         })
       }, [_createVNode("div", {
         "class": bem("header"),
@@ -73,7 +75,7 @@ var stdin_default = defineComponent({
         "class": bem("action-divider")
       }, null), _createVNode(Button, {
         "type": "text",
-        "size": "small",
+        "size": "normal",
         "text": props.actionText,
         "onClick": onActionClick
       }, null)])]), props.size !== "mini" && props.showDescription && props.description && _createVNode("span", {

package/es/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-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{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--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}.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}
+: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)}

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

@@ -25,6 +25,7 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    required: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue" | "click-action")[], "click" | "change" | "update:modelValue" | "click-action", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
@@ -52,16 +53,18 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    required: BooleanConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onClick-action"?: ((...args: any[]) => any) | undefined;
 }, {
+    required: boolean;
     title: string;
     size: import("./TitleBar").TitleBarSize;
-    modelValue: boolean;
     description: string;
+    modelValue: boolean;
     actionText: string;
     expandable: boolean;
     showArrow: boolean;