vant 4.9.19 → 4.9.21

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/share-sheet/ShareSheet.d.ts

@@ -24,6 +24,7 @@ export declare const shareSheetProps: {
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -71,6 +72,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -116,6 +118,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

package/lib/share-sheet/index.d.ts

@@ -16,6 +16,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
@@ -61,6 +62,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayProps: import("vue").PropType<Partial<import("..").OverlayProps>>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;

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;

package/lib/vant.cjs.js

@@ -1128,6 +1128,8 @@ const popupSharedProps = {
   lazyRender: truthProp,
   // callback function before close
   beforeClose: Function,
+  // overlay props
+  overlayProps: Object,
   // overlay custom style
   overlayStyle: Object,
   // overlay custom class name
@@ -1397,15 +1399,16 @@ var stdin_default$1K = vue.defineComponent({
     };
     const renderOverlay = () => {
       if (props2.overlay) {
-        return vue.createVNode(Overlay, vue.mergeProps({
-          "show": props2.show,
-          "class": props2.overlayClass,
-          "zIndex": zIndex.value,
-          "duration": props2.duration,
-          "customStyle": props2.overlayStyle,
-          "role": props2.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props2.closeOnClickOverlay ? 0 : void 0
-        }, useScopeId(), {
+        const overlayProps2 = extend({
+          show: props2.show,
+          class: props2.overlayClass,
+          zIndex: zIndex.value,
+          duration: props2.duration,
+          customStyle: props2.overlayStyle,
+          role: props2.closeOnClickOverlay ? "button" : void 0,
+          tabindex: props2.closeOnClickOverlay ? 0 : void 0
+        }, props2.overlayProps);
+        return vue.createVNode(Overlay, vue.mergeProps(overlayProps2, useScopeId(), {
           "onClick": onClickOverlay
         }), {
           default: slots["overlay-content"]
@@ -2983,7 +2986,19 @@ var stdin_default$1D = vue.defineComponent({
   }
 });
 const TAB_STATUS_KEY = Symbol();
+const ALL_TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
+const useAllTabStatus = () => vue.inject(ALL_TAB_STATUS_KEY, null);
+const useProvideTabStatus = (status) => {
+  const allTabStatus = useAllTabStatus();
+  vue.provide(TAB_STATUS_KEY, status);
+  vue.provide(
+    ALL_TAB_STATUS_KEY,
+    vue.computed(() => {
+      return (allTabStatus == null || allTabStatus.value) && status.value;
+    })
+  );
+};
 const [name$1s, bem$1o] = createNamespace("tab");
 const TabTitle = vue.defineComponent({
   name: name$1s,
@@ -3230,7 +3245,7 @@ var stdin_default$1B = vue.defineComponent({
       parent.setLine();
       parent.scrollIntoView();
     });
-    vue.provide(TAB_STATUS_KEY, active);
+    useProvideTabStatus(active);
     useExpose({
       id,
       renderTitle
@@ -3509,13 +3524,14 @@ var stdin_default$1z = vue.defineComponent({
         }), pick(slots, pickerToolbarSlots));
       }
     };
-    vue.watch(currentColumns, (columns) => {
+    const resetSelectedValues = (columns) => {
       columns.forEach((options, index) => {
         if (options.length && !isOptionExist(options, selectedValues.value[index], fields.value)) {
           setValue(index, getFirstEnabledOption(options)[fields.value.value]);
         }
       });
-    }, {
+    };
+    vue.watch(currentColumns, (columns) => resetSelectedValues(columns), {
       immediate: true
     });
     let lastEmittedModelValue;
@@ -3524,6 +3540,9 @@ var stdin_default$1z = vue.defineComponent({
         selectedValues.value = newValues.slice(0);
         lastEmittedModelValue = newValues.slice(0);
       }
+      if (props2.modelValue.length === 0) {
+        resetSelectedValues(currentColumns.value);
+      }
     }, {
       deep: true
     });
@@ -5550,7 +5569,7 @@ var stdin_default$1n = vue.defineComponent({
     const direction = vue.computed(() => getParentProp("direction"));
     const iconStyle = vue.computed(() => {
       const checkedColor = props2.checkedColor || getParentProp("checkedColor");
-      if (checkedColor && props2.checked && !disabled.value) {
+      if (checkedColor && (props2.checked || props2.indeterminate) && !disabled.value) {
         return {
           borderColor: checkedColor,
           backgroundColor: checkedColor
@@ -6295,7 +6314,7 @@ var stdin_default$1h = vue.defineComponent({
       deep: true
     });
     const rootStyle = vue.ref({});
-    vue.onMounted(() => __async(this, null, function* () {
+    vue.onMounted(() => __async(null, null, function* () {
       var _a;
       rootStyle.value["--move-distance"] = `-${(_a = barrageWrapper.value) == null ? void 0 : _a.offsetWidth}px`;
       yield vue.nextTick();
@@ -7323,7 +7342,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo"),
   crossorigin: String,
-  referrerpolicy: String
+  referrerpolicy: String,
+  decoding: String
 };
 var stdin_default$1c = vue.defineComponent({
   name: name$13,
@@ -7403,6 +7423,7 @@ var stdin_default$1c = vue.defineComponent({
       const attrs = {
         alt: props2.alt,
         class: bem$12("img"),
+        decoding: props2.decoding,
         style: {
           objectFit: props2.fit,
           objectPosition: props2.position
@@ -9927,12 +9948,14 @@ var stdin_default$U = vue.defineComponent({
       }, [item.renderTitle()])])]);
     };
     useExpose({
-      close
+      close,
+      opened
     });
     linkChildren({
       id,
       props: props2,
       offset,
+      opened,
       updateOffset
     });
     use.useClickAway(root, onClickAway);
@@ -10108,6 +10131,9 @@ var stdin_default$T = vue.defineComponent({
         "role": "menu",
         "class": bem$K("content"),
         "overlay": overlay,
+        "overlayProps": {
+          duration: state.transition && !parent.opened.value ? duration : 0
+        },
         "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
         "lazyRender": props2.lazyRender,
@@ -10155,13 +10181,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"
@@ -10215,8 +10235,8 @@ var stdin_default$S = vue.defineComponent({
         offset
       } = props2;
       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
       };
@@ -11640,7 +11660,7 @@ var stdin_default$J = vue.defineComponent({
     const loading = vue.ref(props2.loading);
     const root = vue.ref();
     const placeholder = vue.ref();
-    const tabStatus = useTabStatus();
+    const tabStatus = useAllTabStatus();
     const scrollParent = use.useScrollParent(root);
     const scroller = vue.computed(() => props2.scroller || scrollParent.value);
     const check = () => {
@@ -12840,6 +12860,7 @@ var stdin_default$A = vue.defineComponent({
   props: progressProps,
   setup(props2) {
     const background = vue.computed(() => props2.inactive ? void 0 : props2.color);
+    const format2 = (rate) => Math.min(Math.max(+rate, 0), 100);
     const renderPivot = () => {
       const {
         textColor,
@@ -12847,12 +12868,13 @@ var stdin_default$A = vue.defineComponent({
         pivotColor,
         percentage
       } = props2;
+      const safePercentage = format2(percentage);
       const text = pivotText != null ? pivotText : `${percentage}%`;
       if (props2.showPivot && text) {
         const style = {
           color: textColor,
-          left: `${+percentage}%`,
-          transform: `translate(-${+percentage}%,-50%)`,
+          left: `${safePercentage}%`,
+          transform: `translate(-${safePercentage}%,-50%)`,
           background: pivotColor || background.value
         };
         return vue.createVNode("span", {
@@ -12869,12 +12891,13 @@ var stdin_default$A = vue.defineComponent({
         percentage,
         strokeWidth
       } = props2;
+      const safePercentage = format2(percentage);
       const rootStyle = {
         background: trackColor,
         height: addUnit(strokeWidth)
       };
       const portionStyle = {
-        width: `${percentage}%`,
+        width: `${safePercentage}%`,
         background: background.value
       };
       return vue.createVNode("div", {
@@ -16201,7 +16224,10 @@ var stdin_default$4 = vue.defineComponent({
         makeImageToBase64(props2.image);
       }
     });
-    vue.watch(() => [imageBase64.value, props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    vue.watch(() => [props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    vue.watch(imageBase64, () => {
+      vue.nextTick(generateWatermarkUrl);
+    });
     vue.onMounted(generateWatermarkUrl);
     vue.onUnmounted(revokeWatermarkUrl);
     return () => {
@@ -17084,7 +17110,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.19";
+const version = "4.9.21";
 function install(app) {
   const components = [
     ActionBar,
@@ -17419,6 +17445,8 @@ exports.timePickerProps = timePickerProps;
 exports.toastProps = toastProps;
 exports.treeSelectProps = treeSelectProps;
 exports.uploaderProps = uploaderProps;
+exports.useAllTabStatus = useAllTabStatus;
 exports.useCurrentLang = useCurrentLang;
+exports.useTabStatus = useTabStatus;
 exports.version = version;
 exports.watermarkProps = watermarkProps;

package/lib/vant.es.js

@@ -1126,6 +1126,8 @@ const popupSharedProps = {
   lazyRender: truthProp,
   // callback function before close
   beforeClose: Function,
+  // overlay props
+  overlayProps: Object,
   // overlay custom style
   overlayStyle: Object,
   // overlay custom class name
@@ -1395,15 +1397,16 @@ var stdin_default$1K = defineComponent({
     };
     const renderOverlay = () => {
       if (props2.overlay) {
-        return createVNode(Overlay, mergeProps({
-          "show": props2.show,
-          "class": props2.overlayClass,
-          "zIndex": zIndex.value,
-          "duration": props2.duration,
-          "customStyle": props2.overlayStyle,
-          "role": props2.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props2.closeOnClickOverlay ? 0 : void 0
-        }, useScopeId(), {
+        const overlayProps2 = extend({
+          show: props2.show,
+          class: props2.overlayClass,
+          zIndex: zIndex.value,
+          duration: props2.duration,
+          customStyle: props2.overlayStyle,
+          role: props2.closeOnClickOverlay ? "button" : void 0,
+          tabindex: props2.closeOnClickOverlay ? 0 : void 0
+        }, props2.overlayProps);
+        return createVNode(Overlay, mergeProps(overlayProps2, useScopeId(), {
           "onClick": onClickOverlay
         }), {
           default: slots["overlay-content"]
@@ -2981,7 +2984,19 @@ var stdin_default$1D = defineComponent({
   }
 });
 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;
+    })
+  );
+};
 const [name$1s, bem$1o] = createNamespace("tab");
 const TabTitle = defineComponent({
   name: name$1s,
@@ -3228,7 +3243,7 @@ var stdin_default$1B = defineComponent({
       parent.setLine();
       parent.scrollIntoView();
     });
-    provide(TAB_STATUS_KEY, active);
+    useProvideTabStatus(active);
     useExpose({
       id,
       renderTitle
@@ -3507,13 +3522,14 @@ var stdin_default$1z = defineComponent({
         }), pick(slots, pickerToolbarSlots));
       }
     };
-    watch(currentColumns, (columns) => {
+    const resetSelectedValues = (columns) => {
       columns.forEach((options, index) => {
         if (options.length && !isOptionExist(options, selectedValues.value[index], fields.value)) {
           setValue(index, getFirstEnabledOption(options)[fields.value.value]);
         }
       });
-    }, {
+    };
+    watch(currentColumns, (columns) => resetSelectedValues(columns), {
       immediate: true
     });
     let lastEmittedModelValue;
@@ -3522,6 +3538,9 @@ var stdin_default$1z = defineComponent({
         selectedValues.value = newValues.slice(0);
         lastEmittedModelValue = newValues.slice(0);
       }
+      if (props2.modelValue.length === 0) {
+        resetSelectedValues(currentColumns.value);
+      }
     }, {
       deep: true
     });
@@ -5548,7 +5567,7 @@ var stdin_default$1n = defineComponent({
     const direction = computed(() => getParentProp("direction"));
     const iconStyle = computed(() => {
       const checkedColor = props2.checkedColor || getParentProp("checkedColor");
-      if (checkedColor && props2.checked && !disabled.value) {
+      if (checkedColor && (props2.checked || props2.indeterminate) && !disabled.value) {
         return {
           borderColor: checkedColor,
           backgroundColor: checkedColor
@@ -6293,7 +6312,7 @@ var stdin_default$1h = defineComponent({
       deep: true
     });
     const rootStyle = ref({});
-    onMounted(() => __async(this, null, function* () {
+    onMounted(() => __async(null, null, function* () {
       var _a;
       rootStyle.value["--move-distance"] = `-${(_a = barrageWrapper.value) == null ? void 0 : _a.offsetWidth}px`;
       yield nextTick();
@@ -7321,7 +7340,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo"),
   crossorigin: String,
-  referrerpolicy: String
+  referrerpolicy: String,
+  decoding: String
 };
 var stdin_default$1c = defineComponent({
   name: name$13,
@@ -7401,6 +7421,7 @@ var stdin_default$1c = defineComponent({
       const attrs = {
         alt: props2.alt,
         class: bem$12("img"),
+        decoding: props2.decoding,
         style: {
           objectFit: props2.fit,
           objectPosition: props2.position
@@ -9925,12 +9946,14 @@ var stdin_default$U = defineComponent({
       }, [item.renderTitle()])])]);
     };
     useExpose({
-      close
+      close,
+      opened
     });
     linkChildren({
       id,
       props: props2,
       offset,
+      opened,
       updateOffset
     });
     useClickAway(root, onClickAway);
@@ -10106,6 +10129,9 @@ var stdin_default$T = defineComponent({
         "role": "menu",
         "class": bem$K("content"),
         "overlay": overlay,
+        "overlayProps": {
+          duration: state.transition && !parent.opened.value ? duration : 0
+        },
         "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
         "lazyRender": props2.lazyRender,
@@ -10153,13 +10179,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"
@@ -10213,8 +10233,8 @@ var stdin_default$S = defineComponent({
         offset
       } = props2;
       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
       };
@@ -11638,7 +11658,7 @@ var stdin_default$J = defineComponent({
     const loading = ref(props2.loading);
     const root = ref();
     const placeholder = ref();
-    const tabStatus = useTabStatus();
+    const tabStatus = useAllTabStatus();
     const scrollParent = useScrollParent(root);
     const scroller = computed(() => props2.scroller || scrollParent.value);
     const check = () => {
@@ -12838,6 +12858,7 @@ var stdin_default$A = defineComponent({
   props: progressProps,
   setup(props2) {
     const background = computed(() => props2.inactive ? void 0 : props2.color);
+    const format2 = (rate) => Math.min(Math.max(+rate, 0), 100);
     const renderPivot = () => {
       const {
         textColor,
@@ -12845,12 +12866,13 @@ var stdin_default$A = defineComponent({
         pivotColor,
         percentage
       } = props2;
+      const safePercentage = format2(percentage);
       const text = pivotText != null ? pivotText : `${percentage}%`;
       if (props2.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", {
@@ -12867,12 +12889,13 @@ var stdin_default$A = defineComponent({
         percentage,
         strokeWidth
       } = props2;
+      const safePercentage = format2(percentage);
       const rootStyle = {
         background: trackColor,
         height: addUnit(strokeWidth)
       };
       const portionStyle = {
-        width: `${percentage}%`,
+        width: `${safePercentage}%`,
         background: background.value
       };
       return createVNode("div", {
@@ -16199,7 +16222,10 @@ var stdin_default$4 = defineComponent({
         makeImageToBase64(props2.image);
       }
     });
-    watch(() => [imageBase64.value, props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    watch(() => [props2.content, props2.textColor, props2.height, props2.width, props2.rotate, props2.gapX, props2.gapY], generateWatermarkUrl);
+    watch(imageBase64, () => {
+      nextTick(generateWatermarkUrl);
+    });
     onMounted(generateWatermarkUrl);
     onUnmounted(revokeWatermarkUrl);
     return () => {
@@ -17082,7 +17108,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.19";
+const version = "4.9.21";
 function install(app) {
   const components = [
     ActionBar,
@@ -17418,7 +17444,9 @@ export {
   toastProps,
   treeSelectProps,
   uploaderProps,
+  useAllTabStatus,
   useCurrentLang,
+  useTabStatus,
   version,
   watermarkProps
 };