vant 4.6.6 → 4.6.8

package/lib/button/index.d.ts

@@ -84,11 +84,11 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     tag: keyof HTMLElementTagNameMap;
     round: boolean;
     disabled: boolean;
+    block: boolean;
     size: import("./types").ButtonSize;
+    square: boolean;
     loading: boolean;
-    block: boolean;
     plain: boolean;
-    square: boolean;
     hairline: boolean;
     nativeType: import("./types").ButtonNativeType;
     iconPosition: import("./types").ButtonIconPosition;

package/lib/calendar/Calendar.d.ts

@@ -270,9 +270,9 @@ declare const _default: import("vue").DefineComponent<{
     type: CalendarType;
     position: PopupPosition;
     round: boolean;
+    show: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
-    show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;

package/lib/calendar/index.d.ts

@@ -180,9 +180,9 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     type: import("./types").CalendarType;
     position: import("..").PopupPosition;
     round: boolean;
+    show: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
-    show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;

package/lib/cell/Cell.d.ts

@@ -128,8 +128,8 @@ declare const _default: import("vue").DefineComponent<{
     replace: boolean;
     tag: keyof HTMLElementTagNameMap;
     center: boolean;
-    isLink: boolean;
     border: boolean;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
 }, {}>;

package/lib/cell/index.css

@@ -1 +1 @@
-:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background: var(--van-background-2);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: var(--van-padding-base);--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md)}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}
+:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background: var(--van-background-2);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: var(--van-padding-base);--van-cell-value-color: var(--van-text-color-2);--van-cell-value-font-size: inherit;--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: inherit}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);font-size:var(--van-cell-value-font-size);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}

package/lib/cell/index.d.ts

@@ -64,8 +64,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     replace: boolean;
     tag: keyof HTMLElementTagNameMap;
     center: boolean;
-    isLink: boolean;
     border: boolean;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
 }, {}>>;

package/lib/cell-group/CellGroup.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
 }>>, {
-    border: boolean;
     inset: boolean;
+    border: boolean;
 }, {}>;
 export default _default;

package/lib/cell-group/index.d.ts

@@ -13,8 +13,8 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
         default: true;
     };
 }>>, {
-    border: boolean;
     inset: boolean;
+    border: boolean;
 }, {}>>;
 export default CellGroup;
 export { cellGroupProps } from './CellGroup';

package/lib/checkbox/Checkbox.d.ts

@@ -14,6 +14,10 @@ export declare const checkboxProps: {
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 };
 export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -30,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: PropType<unknown>;
     disabled: BooleanConstructor;
@@ -44,6 +52,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -51,5 +63,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
+    indeterminate: boolean | null;
 }, {}>;
 export default _default;

package/lib/checkbox/Checkbox.js

@@ -41,7 +41,11 @@ var import_Checker = __toESM(require("./Checker"));
 const [name, bem] = (0, import_utils.createNamespace)("checkbox");
 const checkboxProps = (0, import_utils.extend)({}, import_Checker.checkerProps, {
   shape: String,
-  bindGroup: import_utils.truthProp
+  bindGroup: import_utils.truthProp,
+  indeterminate: {
+    type: Boolean,
+    default: null
+  }
 });
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -93,8 +97,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
       } else {
         emit("update:modelValue", newValue);
       }
+      if (props.indeterminate !== null)
+        emit("change", newValue);
     };
-    (0, import_vue2.watch)(() => props.modelValue, (value) => emit("change", value));
+    (0, import_vue2.watch)(() => props.modelValue, (value) => {
+      if (props.indeterminate === null)
+        emit("change", value);
+    });
     (0, import_use_expose.useExpose)({
       toggle,
       props,

package/lib/checkbox/Checker.d.ts

@@ -45,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: PropType<unknown>;
     disabled: BooleanConstructor;
@@ -66,6 +70,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onToggle?: ((...args: any[]) => any) | undefined;
@@ -74,5 +82,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
+    indeterminate: boolean | null;
 }, {}>;
 export default _default;

package/lib/checkbox/Checker.js

@@ -41,7 +41,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
     shape: String,
     parent: Object,
     checked: Boolean,
-    bindGroup: import_utils.truthProp
+    bindGroup: import_utils.truthProp,
+    indeterminate: {
+      type: Boolean,
+      default: null
+    }
   }),
   emits: ["click", "toggle"],
   setup(props, {
@@ -95,14 +99,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
       var _a, _b;
       const {
         bem,
-        checked
+        checked,
+        indeterminate
       } = props;
       const iconSize = props.iconSize || getParentProp("iconSize");
       return (0, import_vue.createVNode)("div", {
         "ref": iconRef,
         "class": bem("icon", [shape.value, {
           disabled: disabled.value,
-          checked
+          checked,
+          indeterminate
         }]),
         "style": shape.value !== "dot" ? {
           fontSize: (0, import_utils.addUnit)(iconSize)
@@ -115,7 +121,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         checked,
         disabled: disabled.value
       }) : shape.value !== "dot" ? (0, import_vue.createVNode)(import_icon.Icon, {
-        "name": "success",
+        "name": indeterminate ? "minus" : "success",
         "style": iconStyle.value
       }, null) : (0, import_vue.createVNode)("div", {
         "class": bem("icon--dot__icon"),

package/lib/checkbox/index.css

@@ -1 +1 @@
-:root{--van-checkbox-size: 20px;--van-checkbox-border-color: var(--van-gray-5);--van-checkbox-duration: var(--van-duration-fast);--van-checkbox-label-margin: var(--van-padding-xs);--van-checkbox-label-color: var(--van-text-color);--van-checkbox-checked-icon-color: var(--van-primary-color);--van-checkbox-disabled-icon-color: var(--van-gray-5);--van-checkbox-disabled-label-color: var(--van-text-color-3);--van-checkbox-disabled-background: var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}
+:root{--van-checkbox-size: 20px;--van-checkbox-border-color: var(--van-gray-5);--van-checkbox-duration: var(--van-duration-fast);--van-checkbox-label-margin: var(--van-padding-xs);--van-checkbox-label-color: var(--van-text-color);--van-checkbox-checked-icon-color: var(--van-primary-color);--van-checkbox-disabled-icon-color: var(--van-gray-5);--van-checkbox-disabled-label-color: var(--van-text-color-3);--van-checkbox-disabled-background: var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--indeterminate .van-icon{display:flex;align-items:center;justify-content:center;color:var(--van-white);border-color:var(--van-checkbox-checked-icon-color);background-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}

package/lib/checkbox/index.d.ts

@@ -12,6 +12,10 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
     disabled: BooleanConstructor;
@@ -26,6 +30,10 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    indeterminate: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -33,6 +41,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     disabled: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
+    indeterminate: boolean | null;
 }, {}>>;
 export default Checkbox;
 export { checkboxProps } from './Checkbox';

package/lib/collapse-item/CollapseItem.d.ts

@@ -122,8 +122,8 @@ declare const _default: import("vue").DefineComponent<{
     tag: keyof HTMLElementTagNameMap;
     center: boolean;
     disabled: boolean;
-    isLink: boolean;
     border: boolean;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
     readonly: boolean;

package/lib/collapse-item/index.d.ts

@@ -80,8 +80,8 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     tag: keyof HTMLElementTagNameMap;
     center: boolean;
     disabled: boolean;
-    isLink: boolean;
     border: boolean;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
     readonly: boolean;

package/lib/config-provider/ConfigProvider.d.ts

@@ -1,6 +1,7 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
 export type ConfigProviderTheme = 'light' | 'dark';
+export type ConfigProviderThemeVarsScope = 'local' | 'global';
 export type ConfigProviderProvide = {
     iconPrefix?: string;
 };
@@ -19,6 +20,10 @@ export declare const configProviderProps: {
     themeVars: ThemeVars;
     themeVarsDark: ThemeVars;
     themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<ConfigProviderThemeVarsScope>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 };
 export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
@@ -35,6 +40,10 @@ declare const _default: import("vue").DefineComponent<{
     themeVars: ThemeVars;
     themeVarsDark: ThemeVars;
     themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<ConfigProviderThemeVarsScope>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
@@ -49,9 +58,14 @@ declare const _default: import("vue").DefineComponent<{
     themeVars: ThemeVars;
     themeVarsDark: ThemeVars;
     themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<ConfigProviderThemeVarsScope>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;
     theme: ConfigProviderTheme;
+    themeVarsScope: ConfigProviderThemeVarsScope;
 }, {}>;
 export default _default;

package/lib/config-provider/ConfigProvider.js

@@ -35,15 +35,32 @@ const configProviderProps = {
   themeVars: Object,
   themeVarsDark: Object,
   themeVarsLight: Object,
+  themeVarsScope: (0, import_utils.makeStringProp)("local"),
   iconPrefix: String
 };
+function insertDash(str) {
+  return str.replace(/([a-zA-Z])(\d)/g, "$1-$2");
+}
 function mapThemeVarsToCSSVars(themeVars) {
   const cssVars = {};
   Object.keys(themeVars).forEach((key) => {
-    cssVars[`--van-${(0, import_utils.kebabCase)(key)}`] = themeVars[key];
+    const formattedKey = insertDash((0, import_utils.kebabCase)(key));
+    cssVars[`--van-${formattedKey}`] = themeVars[key];
   });
   return cssVars;
 }
+function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
+  Object.keys(newStyle).forEach((key) => {
+    if (newStyle[key] !== oldStyle[key]) {
+      document.documentElement.style.setProperty(key, newStyle[key]);
+    }
+  });
+  Object.keys(oldStyle).forEach((key) => {
+    if (!newStyle[key]) {
+      document.documentElement.style.removeProperty(key);
+    }
+  });
+}
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: configProviderProps,
@@ -69,6 +86,22 @@ var stdin_default = (0, import_vue2.defineComponent)({
       (0, import_vue2.onActivated)(addTheme);
       (0, import_vue2.onDeactivated)(removeTheme);
       (0, import_vue2.onBeforeUnmount)(removeTheme);
+      (0, import_vue2.watch)(style, (newStyle, oldStyle) => {
+        if (props.themeVarsScope === "global") {
+          syncThemeVarsOnRoot(newStyle, oldStyle);
+        }
+      });
+      (0, import_vue2.watch)(() => props.themeVarsScope, (newScope, oldScope) => {
+        if (oldScope === "global") {
+          syncThemeVarsOnRoot({}, style.value);
+        }
+        if (newScope === "global") {
+          syncThemeVarsOnRoot(style.value, {});
+        }
+      });
+      if (props.themeVarsScope === "global") {
+        syncThemeVarsOnRoot(style.value, {});
+      }
     }
     (0, import_vue2.provide)(CONFIG_PROVIDER_KEY, props);
     (0, import_vue2.watchEffect)(() => {
@@ -78,7 +111,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     return () => (0, import_vue.createVNode)(props.tag, {
       "class": bem(),
-      "style": style.value
+      "style": props.themeVarsScope === "local" ? style.value : void 0
     }, {
       default: () => {
         var _a;

package/lib/config-provider/index.d.ts

@@ -11,6 +11,10 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
     themeVars: import("./ConfigProvider").ThemeVars;
     themeVarsDark: import("./ConfigProvider").ThemeVars;
     themeVarsLight: import("./ConfigProvider").ThemeVars;
+    themeVarsScope: {
+        type: import("vue").PropType<import("./ConfigProvider").ConfigProviderThemeVarsScope>;
+        default: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
@@ -25,14 +29,19 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
     themeVars: import("./ConfigProvider").ThemeVars;
     themeVarsDark: import("./ConfigProvider").ThemeVars;
     themeVarsLight: import("./ConfigProvider").ThemeVars;
+    themeVarsScope: {
+        type: import("vue").PropType<import("./ConfigProvider").ConfigProviderThemeVarsScope>;
+        default: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;
     theme: import("./ConfigProvider").ConfigProviderTheme;
+    themeVarsScope: import("./ConfigProvider").ConfigProviderThemeVarsScope;
 }, {}>>;
 export default ConfigProvider;
 export { configProviderProps } from './ConfigProvider';
-export type { ConfigProviderProps, ConfigProviderTheme, } from './ConfigProvider';
+export type { ConfigProviderProps, ConfigProviderTheme, ConfigProviderThemeVarsScope, } from './ConfigProvider';
 export type { ConfigProviderThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/config-provider/types.d.ts

@@ -1 +1,61 @@
-export type ConfigProviderThemeVars = import('../action-bar').ActionBarThemeVars & import('../action-bar-button').ActionBarButtonThemeVars & import('../action-bar-icon').ActionBarIconThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../address-edit').AddressEditThemeVars & import('../address-list').AddressListThemeVars & import('../badge').BadgeThemeVars & import('../barrage').BarrageThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../card').CardThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../cell-group').CellGroupThemeVars & import('../checkbox').CheckboxThemeVars & import('../circle').CircleThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../contact-card').ContactCardThemeVars & import('../contact-edit').ContactEditThemeVars & import('../contact-list').ContactListThemeVars & import('../count-down').CountDownThemeVars & import('../coupon').CouponThemeVars & import('../coupon-cell').CouponCellThemeVars & import('../coupon-list').CouponListThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../floating-panel').FloatingPanelThemeVars & import('../grid-item').GridItemThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../pagination').PaginationThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../picker-group').PickerGroupThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../progress').ProgressThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../rate').RateThemeVars & import('../rolling-text').RollingTextThemeVars & import('../search').SearchThemeVars & import('../share-sheet').ShareSheetThemeVars & import('../sidebar').SidebarThemeVars & import('../sidebar-item').SidebarItemThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../slider').SliderThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../submit-bar').SubmitBarThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../toast').ToastThemeVars & import('../tree-select').TreeSelectThemeVars & import('../uploader').UploaderThemeVars & import('../watermark').WatermarkThemeVars;
+type BaseThemeVars = {
+    black?: string;
+    white?: string;
+    gray1?: string;
+    gray2?: string;
+    gray3?: string;
+    gray4?: string;
+    gray5?: string;
+    gray6?: string;
+    gray7?: string;
+    gray8?: string;
+    red?: string;
+    blue?: string;
+    orange?: string;
+    orangeDark?: string;
+    orangeLight?: string;
+    green?: string;
+    gradientRed?: string;
+    gradientOrange?: string;
+    primaryColor?: string;
+    successColor?: string;
+    dangerColor?: string;
+    warningColor?: string;
+    textColor?: string;
+    textColor2?: string;
+    textColor3?: string;
+    activeColor?: string;
+    activeOpacity?: number;
+    disabledOpacity?: number;
+    background?: string;
+    background2?: string;
+    paddingBase?: string;
+    paddingXs?: string;
+    paddingSm?: string;
+    paddingMd?: string;
+    paddingLg?: string;
+    paddingXl?: string;
+    fontSizeXs?: string;
+    fontSizeSm?: string;
+    fontSizeMd?: string;
+    fontSizeLg?: string;
+    fontBold?: number;
+    lineHeightXs?: string;
+    lineHeightSm?: string;
+    lineHeightMd?: string;
+    lineHeightLg?: string;
+    baseFont?: string;
+    priceFont?: string;
+    durationBase?: string;
+    durationFast?: string;
+    easeOut?: string;
+    easeIn?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    radiusSm?: string;
+    radiusMd?: string;
+    radiusLg?: string;
+    radiusMax?: string;
+};
+export type ConfigProviderThemeVars = BaseThemeVars & import('../action-bar').ActionBarThemeVars & import('../action-bar-button').ActionBarButtonThemeVars & import('../action-bar-icon').ActionBarIconThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../address-edit').AddressEditThemeVars & import('../address-list').AddressListThemeVars & import('../badge').BadgeThemeVars & import('../barrage').BarrageThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../card').CardThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../cell-group').CellGroupThemeVars & import('../checkbox').CheckboxThemeVars & import('../circle').CircleThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../contact-card').ContactCardThemeVars & import('../contact-edit').ContactEditThemeVars & import('../contact-list').ContactListThemeVars & import('../count-down').CountDownThemeVars & import('../coupon').CouponThemeVars & import('../coupon-cell').CouponCellThemeVars & import('../coupon-list').CouponListThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../floating-panel').FloatingPanelThemeVars & import('../grid-item').GridItemThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../pagination').PaginationThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../picker-group').PickerGroupThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../progress').ProgressThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../rate').RateThemeVars & import('../rolling-text').RollingTextThemeVars & import('../search').SearchThemeVars & import('../share-sheet').ShareSheetThemeVars & import('../sidebar').SidebarThemeVars & import('../sidebar-item').SidebarItemThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../slider').SliderThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../submit-bar').SubmitBarThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../toast').ToastThemeVars & import('../tree-select').TreeSelectThemeVars & import('../uploader').UploaderThemeVars & import('../watermark').WatermarkThemeVars;
+export {};

package/lib/contact-list/ContactList.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     addText: StringConstructor;
     modelValue: PropType<unknown>;
     defaultTagText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit")[], "select" | "update:modelValue" | "add" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "add" | "update:modelValue" | "edit")[], "select" | "add" | "update:modelValue" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     list: PropType<ContactListItem[]>;
     addText: StringConstructor;
     modelValue: PropType<unknown>;

package/lib/contact-list/index.d.ts

@@ -3,7 +3,7 @@ export declare const ContactList: import("../utils").WithInstall<import("vue").D
     addText: StringConstructor;
     modelValue: import("vue").PropType<unknown>;
     defaultTagText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit")[], "select" | "update:modelValue" | "add" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "add" | "update:modelValue" | "edit")[], "select" | "add" | "update:modelValue" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     list: import("vue").PropType<import("./ContactList").ContactListItem[]>;
     addText: StringConstructor;
     modelValue: import("vue").PropType<unknown>;

package/lib/divider/Divider.d.ts

@@ -36,9 +36,9 @@ declare const _default: import("vue").DefineComponent<{
         default: DividerContentPosition;
     };
 }>>, {
+    dashed: boolean;
     vertical: boolean;
     hairline: boolean;
-    dashed: boolean;
     contentPosition: DividerContentPosition;
 }, {}>;
 export default _default;

package/lib/divider/index.d.ts

@@ -21,9 +21,9 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
         default: import("./Divider").DividerContentPosition;
     };
 }>>, {
+    dashed: boolean;
     vertical: boolean;
     hairline: boolean;
-    dashed: boolean;
     contentPosition: import("./Divider").DividerContentPosition;
 }, {}>>;
 export default Divider;

package/lib/field/Field.d.ts

@@ -344,8 +344,8 @@ declare const _default: import("vue").DefineComponent<{
     center: boolean;
     autofocus: boolean;
     disabled: boolean;
-    isLink: boolean;
     border: boolean;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;

package/lib/field/index.d.ts

@@ -200,8 +200,8 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     center: boolean;
     autofocus: boolean;
     disabled: boolean;
-    isLink: boolean;
     border: boolean;
+    isLink: boolean;
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;

package/lib/grid/Grid.d.ts

@@ -67,8 +67,8 @@ declare const _default: import("vue").DefineComponent<{
     reverse: boolean;
     center: boolean;
     border: boolean;
-    clickable: boolean;
     square: boolean;
+    clickable: boolean;
     columnNum: string | number;
 }, {}>;
 export default _default;

package/lib/grid/index.d.ts

@@ -40,8 +40,8 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
     reverse: boolean;
     center: boolean;
     border: boolean;
-    clickable: boolean;
     square: boolean;
+    clickable: boolean;
     columnNum: string | number;
 }, {}>>;
 export default Grid;

package/lib/image/Image.d.ts

@@ -95,8 +95,8 @@ declare const _default: import("vue").DefineComponent<{
     onError?: ((...args: any[]) => any) | undefined;
 }, {
     round: boolean;
-    showError: boolean;
     block: boolean;
+    showError: boolean;
     lazyLoad: boolean;
     errorIcon: string;
     showLoading: boolean;

package/lib/image/index.d.ts

@@ -61,8 +61,8 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     onError?: ((...args: any[]) => any) | undefined;
 }, {
     round: boolean;
-    showError: boolean;
     block: boolean;
+    showError: boolean;
     lazyLoad: boolean;
     errorIcon: string;
     showLoading: boolean;