vant 4.6.6 → 4.6.7

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,6 +35,7 @@ const configProviderProps = {
   themeVars: Object,
   themeVarsDark: Object,
   themeVarsLight: Object,
+  themeVarsScope: (0, import_utils.makeStringProp)("local"),
   iconPrefix: String
 };
 function mapThemeVarsToCSSVars(themeVars) {
@@ -44,6 +45,18 @@ function mapThemeVarsToCSSVars(themeVars) {
   });
   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 +82,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 +107,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/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;