vant 4.6.5 → 4.6.7

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,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/dropdown-item/DropdownItem.js

@@ -122,7 +122,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       };
       return (0, import_vue.createVNode)(import_cell.Cell, {
         "role": "menuitem",
-        "key": option.value,
+        "key": String(option.value),
         "icon": option.icon,
         "title": option.text,
         "class": bem("option", {

package/lib/dropdown-item/types.d.ts

@@ -1,10 +1,11 @@
 import type { DropdownItemProps } from './DropdownItem';
 import type { VNode, ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
+export type DropdownItemOptionValue = Numeric | boolean;
 export type DropdownItemOption = {
     text: string;
     icon?: string;
-    value: Numeric;
+    value: DropdownItemOptionValue;
 };
 export type DropdownItemExpose = {
     toggle: (show?: boolean, options?: {

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/floating-bubble/FloatingBubble.js

@@ -91,6 +91,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return style;
     });
     const updateState = () => {
+      if (!show.value)
+        return;
       const {
         width,
         height
@@ -166,6 +168,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onClick = (e) => {
       if (touch.isTap.value)
         emit("click", e);
+      else
+        e.stopPropagation();
     };
     (0, import_vue2.onMounted)(() => {
       updateState();
@@ -190,7 +194,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
-        "onClick": onClick,
+        "onClickCapture": onClick,
         "style": rootStyle.value
       }, attrs), [slots.default ? slots.default() : (0, import_vue.createVNode)(import_icon.default, {
         "name": props.icon,

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;