vant 4.9.20 → 4.9.21

package/es/checkbox/Checker.mjs

@@ -50,7 +50,7 @@ var stdin_default = defineComponent({
     const direction = computed(() => getParentProp("direction"));
     const iconStyle = computed(() => {
       const checkedColor = props.checkedColor || getParentProp("checkedColor");
-      if (checkedColor && props.checked && !disabled.value) {
+      if (checkedColor && (props.checked || props.indeterminate) && !disabled.value) {
         return {
           borderColor: checkedColor,
           backgroundColor: checkedColor

package/es/composables/use-tab-status.d.ts

@@ -1,3 +1,6 @@
 import { ComputedRef, InjectionKey } from 'vue';
 export declare const TAB_STATUS_KEY: InjectionKey<ComputedRef<boolean>>;
+export declare const ALL_TAB_STATUS_KEY: InjectionKey<ComputedRef<boolean>>;
 export declare const useTabStatus: () => ComputedRef<boolean> | null;
+export declare const useAllTabStatus: () => ComputedRef<boolean> | null;
+export declare const useProvideTabStatus: (status: ComputedRef<boolean>) => void;

package/es/composables/use-tab-status.mjs

@@ -1,7 +1,22 @@
-import { inject } from "vue";
+import { inject, provide, computed } from "vue";
 const TAB_STATUS_KEY = Symbol();
+const ALL_TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => inject(TAB_STATUS_KEY, null);
+const useAllTabStatus = () => inject(ALL_TAB_STATUS_KEY, null);
+const useProvideTabStatus = (status) => {
+  const allTabStatus = useAllTabStatus();
+  provide(TAB_STATUS_KEY, status);
+  provide(
+    ALL_TAB_STATUS_KEY,
+    computed(() => {
+      return (allTabStatus == null || allTabStatus.value) && status.value;
+    })
+  );
+};
 export {
+  ALL_TAB_STATUS_KEY,
   TAB_STATUS_KEY,
+  useAllTabStatus,
+  useProvideTabStatus,
   useTabStatus
 };

package/es/floating-bubble/FloatingBubble.d.ts

@@ -11,13 +11,7 @@ export declare const floatingBubbleProps: {
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    offset: {
-        type: PropType<FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: PropType<FloatingBubbleOffset>;
     teleport: {
         type: PropType<TeleportProps["to"]>;
         default: string;
@@ -35,13 +29,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    offset: {
-        type: PropType<FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: PropType<FloatingBubbleOffset>;
     teleport: {
         type: PropType<TeleportProps["to"]>;
         default: string;
@@ -57,13 +45,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    offset: {
-        type: PropType<FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: PropType<FloatingBubbleOffset>;
     teleport: {
         type: PropType<TeleportProps["to"]>;
         default: string;
@@ -73,7 +55,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
     onOffsetChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    offset: FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
     gap: FloatingBubbleGap;
     axis: FloatingBubbleAxis;

package/es/floating-bubble/FloatingBubble.mjs

@@ -11,13 +11,7 @@ const floatingBubbleProps = {
   icon: String,
   axis: makeStringProp("y"),
   magnetic: String,
-  offset: {
-    type: Object,
-    default: () => ({
-      x: -1,
-      y: -1
-    })
-  },
+  offset: Object,
   teleport: {
     type: [String, Object],
     default: "body"
@@ -71,8 +65,8 @@ var stdin_default = defineComponent({
         offset
       } = props;
       state.value = {
-        x: offset.x > -1 ? offset.x : windowWidth.value - width - gapX.value,
-        y: offset.y > -1 ? offset.y : windowHeight.value - height - gapY.value,
+        x: offset ? offset.x : windowWidth.value - width - gapX.value,
+        y: offset ? offset.y : windowHeight.value - height - gapY.value,
         width,
         height
       };

package/es/floating-bubble/index.d.ts

@@ -9,13 +9,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
         default: import("./types").FloatingBubbleAxis;
     };
     magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
-    offset: {
-        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: import("vue").PropType<import("./types").FloatingBubbleOffset>;
     teleport: {
         type: import("vue").PropType<import("vue").TeleportProps["to"]>;
         default: string;
@@ -31,13 +25,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
         default: import("./types").FloatingBubbleAxis;
     };
     magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
-    offset: {
-        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: import("vue").PropType<import("./types").FloatingBubbleOffset>;
     teleport: {
         type: import("vue").PropType<import("vue").TeleportProps["to"]>;
         default: string;
@@ -47,7 +35,6 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
     "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
     onOffsetChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    offset: import("./types").FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
     gap: import("./types").FloatingBubbleGap;
     axis: import("./types").FloatingBubbleAxis;

package/es/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.9.20";
+export const version: "4.9.21";

package/es/index.mjs

@@ -99,7 +99,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.9.20";
+const version = "4.9.21";
 function install(app) {
   const components = [
     ActionBar,

package/es/list/List.mjs

@@ -2,7 +2,7 @@ import { ref, watch, computed, nextTick, onUpdated, onMounted, defineComponent,
 import { isHidden, truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useRect, useScrollParent, useEventListener } from "@vant/use";
 import { useExpose } from "../composables/use-expose.mjs";
-import { useTabStatus } from "../composables/use-tab-status.mjs";
+import { useAllTabStatus } from "../composables/use-tab-status.mjs";
 import { Loading } from "../loading/index.mjs";
 const [name, bem, t] = createNamespace("list");
 const listProps = {
@@ -29,7 +29,7 @@ var stdin_default = defineComponent({
     const loading = ref(props.loading);
     const root = ref();
     const placeholder = ref();
-    const tabStatus = useTabStatus();
+    const tabStatus = useAllTabStatus();
     const scrollParent = useScrollParent(root);
     const scroller = computed(() => props.scroller || scrollParent.value);
     const check = () => {

package/es/progress/Progress.mjs

@@ -21,6 +21,7 @@ var stdin_default = defineComponent({
   props: progressProps,
   setup(props) {
     const background = computed(() => props.inactive ? void 0 : props.color);
+    const format = (rate) => Math.min(Math.max(+rate, 0), 100);
     const renderPivot = () => {
       const {
         textColor,
@@ -28,12 +29,13 @@ var stdin_default = defineComponent({
         pivotColor,
         percentage
       } = props;
+      const safePercentage = format(percentage);
       const text = pivotText != null ? pivotText : `${percentage}%`;
       if (props.showPivot && text) {
         const style = {
           color: textColor,
-          left: `${+percentage}%`,
-          transform: `translate(-${+percentage}%,-50%)`,
+          left: `${safePercentage}%`,
+          transform: `translate(-${safePercentage}%,-50%)`,
           background: pivotColor || background.value
         };
         return _createVNode("span", {
@@ -50,12 +52,13 @@ var stdin_default = defineComponent({
         percentage,
         strokeWidth
       } = props;
+      const safePercentage = format(percentage);
       const rootStyle = {
         background: trackColor,
         height: addUnit(strokeWidth)
       };
       const portionStyle = {
-        width: `${percentage}%`,
+        width: `${safePercentage}%`,
         background: background.value
       };
       return _createVNode("div", {

package/es/tab/Tab.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, provide, computed, nextTick, watchEffect, defineComponent, getCurrentInstance, mergeProps as _mergeProps, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
+import { ref, watch, computed, nextTick, watchEffect, defineComponent, getCurrentInstance, mergeProps as _mergeProps, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
 import { normalizeClass, normalizeStyle, stringifyStyle } from "@vue/shared";
 import { pick, extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils/index.mjs";
 import { TABS_KEY } from "../tabs/Tabs.mjs";
@@ -6,7 +6,7 @@ import { doubleRaf, useParent } from "@vant/use";
 import { useId } from "../composables/use-id.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import { routeProps } from "../composables/use-route.mjs";
-import { TAB_STATUS_KEY } from "../composables/use-tab-status.mjs";
+import { useProvideTabStatus } from "../composables/use-tab-status.mjs";
 import { TabTitle } from "./TabTitle.mjs";
 import { SwipeItem } from "../swipe-item/index.mjs";
 const [name, bem] = createNamespace("tab");
@@ -97,7 +97,7 @@ var stdin_default = defineComponent({
       parent.setLine();
       parent.scrollIntoView();
     });
-    provide(TAB_STATUS_KEY, active);
+    useProvideTabStatus(active);
     useExpose({
       id,
       renderTitle

package/es/tab/index.d.ts

@@ -38,6 +38,7 @@ export declare const Tab: import("../utils").WithInstall<import("vue").DefineCom
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Tab;
 export { tabProps } from './Tab';
+export { useTabStatus, useAllTabStatus } from '../composables/use-tab-status';
 export type { TabProps } from './Tab';
 declare module 'vue' {
     interface GlobalComponents {

package/es/tab/index.mjs

@@ -3,8 +3,11 @@ import _Tab from "./Tab.mjs";
 const Tab = withInstall(_Tab);
 var stdin_default = Tab;
 import { tabProps } from "./Tab.mjs";
+import { useTabStatus, useAllTabStatus } from "../composables/use-tab-status.mjs";
 export {
   Tab,
   stdin_default as default,
-  tabProps
+  tabProps,
+  useAllTabStatus,
+  useTabStatus
 };

package/lib/checkbox/Checker.js

@@ -73,7 +73,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const direction = (0, import_vue.computed)(() => getParentProp("direction"));
     const iconStyle = (0, import_vue.computed)(() => {
       const checkedColor = props.checkedColor || getParentProp("checkedColor");
-      if (checkedColor && props.checked && !disabled.value) {
+      if (checkedColor && (props.checked || props.indeterminate) && !disabled.value) {
         return {
           borderColor: checkedColor,
           backgroundColor: checkedColor

package/lib/composables/use-tab-status.d.ts

@@ -1,3 +1,6 @@
 import { ComputedRef, InjectionKey } from 'vue';
 export declare const TAB_STATUS_KEY: InjectionKey<ComputedRef<boolean>>;
+export declare const ALL_TAB_STATUS_KEY: InjectionKey<ComputedRef<boolean>>;
 export declare const useTabStatus: () => ComputedRef<boolean> | null;
+export declare const useAllTabStatus: () => ComputedRef<boolean> | null;
+export declare const useProvideTabStatus: (status: ComputedRef<boolean>) => void;

package/lib/composables/use-tab-status.js

@@ -17,10 +17,25 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
+  ALL_TAB_STATUS_KEY: () => ALL_TAB_STATUS_KEY,
   TAB_STATUS_KEY: () => TAB_STATUS_KEY,
+  useAllTabStatus: () => useAllTabStatus,
+  useProvideTabStatus: () => useProvideTabStatus,
   useTabStatus: () => useTabStatus
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 const TAB_STATUS_KEY = Symbol();
+const ALL_TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => (0, import_vue.inject)(TAB_STATUS_KEY, null);
+const useAllTabStatus = () => (0, import_vue.inject)(ALL_TAB_STATUS_KEY, null);
+const useProvideTabStatus = (status) => {
+  const allTabStatus = useAllTabStatus();
+  (0, import_vue.provide)(TAB_STATUS_KEY, status);
+  (0, import_vue.provide)(
+    ALL_TAB_STATUS_KEY,
+    (0, import_vue.computed)(() => {
+      return (allTabStatus == null || allTabStatus.value) && status.value;
+    })
+  );
+};

package/lib/floating-bubble/FloatingBubble.d.ts

@@ -11,13 +11,7 @@ export declare const floatingBubbleProps: {
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    offset: {
-        type: PropType<FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: PropType<FloatingBubbleOffset>;
     teleport: {
         type: PropType<TeleportProps["to"]>;
         default: string;
@@ -35,13 +29,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    offset: {
-        type: PropType<FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: PropType<FloatingBubbleOffset>;
     teleport: {
         type: PropType<TeleportProps["to"]>;
         default: string;
@@ -57,13 +45,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    offset: {
-        type: PropType<FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: PropType<FloatingBubbleOffset>;
     teleport: {
         type: PropType<TeleportProps["to"]>;
         default: string;
@@ -73,7 +55,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
     onOffsetChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    offset: FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
     gap: FloatingBubbleGap;
     axis: FloatingBubbleAxis;

package/lib/floating-bubble/FloatingBubble.js

@@ -44,13 +44,7 @@ const floatingBubbleProps = {
   icon: String,
   axis: (0, import_utils.makeStringProp)("y"),
   magnetic: String,
-  offset: {
-    type: Object,
-    default: () => ({
-      x: -1,
-      y: -1
-    })
-  },
+  offset: Object,
   teleport: {
     type: [String, Object],
     default: "body"
@@ -104,8 +98,8 @@ var stdin_default = (0, import_vue.defineComponent)({
         offset
       } = props;
       state.value = {
-        x: offset.x > -1 ? offset.x : import_utils.windowWidth.value - width - gapX.value,
-        y: offset.y > -1 ? offset.y : import_utils.windowHeight.value - height - gapY.value,
+        x: offset ? offset.x : import_utils.windowWidth.value - width - gapX.value,
+        y: offset ? offset.y : import_utils.windowHeight.value - height - gapY.value,
         width,
         height
       };

package/lib/floating-bubble/index.d.ts

@@ -9,13 +9,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
         default: import("./types").FloatingBubbleAxis;
     };
     magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
-    offset: {
-        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: import("vue").PropType<import("./types").FloatingBubbleOffset>;
     teleport: {
         type: import("vue").PropType<import("vue").TeleportProps["to"]>;
         default: string;
@@ -31,13 +25,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
         default: import("./types").FloatingBubbleAxis;
     };
     magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
-    offset: {
-        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: import("vue").PropType<import("./types").FloatingBubbleOffset>;
     teleport: {
         type: import("vue").PropType<import("vue").TeleportProps["to"]>;
         default: string;
@@ -47,7 +35,6 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
     "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
     onOffsetChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    offset: import("./types").FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
     gap: import("./types").FloatingBubbleGap;
     axis: import("./types").FloatingBubbleAxis;

package/lib/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.9.20";
+export const version: "4.9.21";

package/lib/index.js

@@ -226,7 +226,7 @@ __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.9.20";
+const version = "4.9.21";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/list/List.js

@@ -52,7 +52,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const loading = (0, import_vue.ref)(props.loading);
     const root = (0, import_vue.ref)();
     const placeholder = (0, import_vue.ref)();
-    const tabStatus = (0, import_use_tab_status.useTabStatus)();
+    const tabStatus = (0, import_use_tab_status.useAllTabStatus)();
     const scrollParent = (0, import_use.useScrollParent)(root);
     const scroller = (0, import_vue.computed)(() => props.scroller || scrollParent.value);
     const check = () => {

package/lib/progress/Progress.js

@@ -44,6 +44,7 @@ var stdin_default = (0, import_vue.defineComponent)({
   props: progressProps,
   setup(props) {
     const background = (0, import_vue.computed)(() => props.inactive ? void 0 : props.color);
+    const format = (rate) => Math.min(Math.max(+rate, 0), 100);
     const renderPivot = () => {
       const {
         textColor,
@@ -51,12 +52,13 @@ var stdin_default = (0, import_vue.defineComponent)({
         pivotColor,
         percentage
       } = props;
+      const safePercentage = format(percentage);
       const text = pivotText != null ? pivotText : `${percentage}%`;
       if (props.showPivot && text) {
         const style = {
           color: textColor,
-          left: `${+percentage}%`,
-          transform: `translate(-${+percentage}%,-50%)`,
+          left: `${safePercentage}%`,
+          transform: `translate(-${safePercentage}%,-50%)`,
           background: pivotColor || background.value
         };
         return (0, import_vue.createVNode)("span", {
@@ -73,12 +75,13 @@ var stdin_default = (0, import_vue.defineComponent)({
         percentage,
         strokeWidth
       } = props;
+      const safePercentage = format(percentage);
       const rootStyle = {
         background: trackColor,
         height: (0, import_utils.addUnit)(strokeWidth)
       };
       const portionStyle = {
-        width: `${percentage}%`,
+        width: `${safePercentage}%`,
         background: background.value
       };
       return (0, import_vue.createVNode)("div", {

package/lib/tab/Tab.js

@@ -120,7 +120,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       parent.setLine();
       parent.scrollIntoView();
     });
-    (0, import_vue.provide)(import_use_tab_status.TAB_STATUS_KEY, active);
+    (0, import_use_tab_status.useProvideTabStatus)(active);
     (0, import_use_expose.useExpose)({
       id,
       renderTitle

package/lib/tab/index.d.ts

@@ -38,6 +38,7 @@ export declare const Tab: import("../utils").WithInstall<import("vue").DefineCom
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Tab;
 export { tabProps } from './Tab';
+export { useTabStatus, useAllTabStatus } from '../composables/use-tab-status';
 export type { TabProps } from './Tab';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/tab/index.js

@@ -29,11 +29,14 @@ var stdin_exports = {};
 __export(stdin_exports, {
   Tab: () => Tab,
   default: () => stdin_default,
-  tabProps: () => import_Tab2.tabProps
+  tabProps: () => import_Tab2.tabProps,
+  useAllTabStatus: () => import_use_tab_status.useAllTabStatus,
+  useTabStatus: () => import_use_tab_status.useTabStatus
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Tab = __toESM(require("./Tab"));
 var import_Tab2 = require("./Tab");
+var import_use_tab_status = require("../composables/use-tab-status");
 const Tab = (0, import_utils.withInstall)(import_Tab.default);
 var stdin_default = Tab;