vant 4.9.18 → 4.9.19

package/README.md

@@ -133,6 +133,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | [vscode-common-intellisense](https://github.com/Simon-He95/vscode-common-intellisense) | A VS Code extension that provides better intellisense to Vant developers |
 | [nuxt-vant-mobile](https://github.com/easy-temps/nuxt-vant-mobile) | Nuxt _⁴_ project template based on Vant, out of the box |
 | [mobvue](https://github.com/un-pany/mobvue) | A well-crafted mobile web app template |
+| [novlan1/press-ui](https://github.com/novlan1/press-ui) | Uni APP mobile UI Components based on Vant |
 
 ## Links
 

package/es/dialog/types.d.ts

@@ -29,6 +29,8 @@ export type DialogOptions = {
     confirmButtonColor?: string;
     confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
+    destroyOnClose?: boolean;
+    keyboardEnabled?: boolean;
 };
 export type DialogThemeVars = {
     dialogWidth?: string;

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

@@ -1,8 +1,8 @@
 import { PropType, TeleportProps, type ExtractPropTypes } from 'vue';
-import { FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset } from './types';
+import { FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset, FloatingBubbleGap } from './types';
 export declare const floatingBubbleProps: {
     gap: {
-        type: NumberConstructor;
+        type: PropType<FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -26,7 +26,7 @@ export declare const floatingBubbleProps: {
 export type FloatingBubbleProps = ExtractPropTypes<typeof floatingBubbleProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: PropType<FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: PropType<FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
 }>, {
     offset: FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
-    gap: number;
+    gap: FloatingBubbleGap;
     axis: FloatingBubbleAxis;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/floating-bubble/FloatingBubble.mjs

@@ -1,10 +1,13 @@
 import { Teleport, computed, defineComponent, nextTick, onMounted, ref, watch, onActivated, onDeactivated, createVNode as _createVNode, vShow as _vShow, mergeProps as _mergeProps, withDirectives as _withDirectives } from "vue";
-import { pick, addUnit, closest, createNamespace, makeNumberProp, makeStringProp, windowWidth, windowHeight } from "../utils/index.mjs";
+import { pick, addUnit, closest, createNamespace, isObject, makeStringProp, windowWidth, windowHeight } from "../utils/index.mjs";
 import { useRect, useEventListener } from "@vant/use";
 import { useTouch } from "../composables/use-touch.mjs";
 import Icon from "../icon/index.mjs";
 const floatingBubbleProps = {
-  gap: makeNumberProp(24),
+  gap: {
+    type: [Number, Object],
+    default: 24
+  },
   icon: String,
   axis: makeStringProp("y"),
   magnetic: String,
@@ -38,11 +41,13 @@ var stdin_default = defineComponent({
       width: 0,
       height: 0
     });
+    const gapX = computed(() => isObject(props.gap) ? props.gap.x : props.gap);
+    const gapY = computed(() => isObject(props.gap) ? props.gap.y : props.gap);
     const boundary = computed(() => ({
-      top: props.gap,
-      right: windowWidth.value - state.value.width - props.gap,
-      bottom: windowHeight.value - state.value.height - props.gap,
-      left: props.gap
+      top: gapY.value,
+      right: windowWidth.value - state.value.width - gapX.value,
+      bottom: windowHeight.value - state.value.height - gapY.value,
+      left: gapX.value
     }));
     const dragging = ref(false);
     let initialized = false;
@@ -66,8 +71,8 @@ var stdin_default = defineComponent({
         offset
       } = props;
       state.value = {
-        x: offset.x > -1 ? offset.x : windowWidth.value - width - props.gap,
-        y: offset.y > -1 ? offset.y : windowHeight.value - height - props.gap,
+        x: offset.x > -1 ? offset.x : windowWidth.value - width - gapX.value,
+        y: offset.y > -1 ? offset.y : windowHeight.value - height - gapY.value,
         width,
         height
       };
@@ -135,7 +140,7 @@ var stdin_default = defineComponent({
         initialized = true;
       });
     });
-    watch([windowWidth, windowHeight, () => props.gap, () => props.offset], updateState, {
+    watch([windowWidth, windowHeight, gapX, gapY, () => props.offset], updateState, {
       deep: true
     });
     const show = ref(true);

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

@@ -1,6 +1,6 @@
 export declare const FloatingBubble: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: import("vue").PropType<import("./types").FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -22,7 +22,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: import("vue").PropType<import("./types").FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -49,7 +49,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
 }>, {
     offset: import("./types").FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
-    gap: number;
+    gap: import("./types").FloatingBubbleGap;
     axis: import("./types").FloatingBubbleAxis;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default FloatingBubble;

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

@@ -12,6 +12,10 @@ export type FloatingBubbleOffset = {
     x: number;
     y: number;
 };
+export type FloatingBubbleGap = number | {
+    x: number;
+    y: number;
+};
 export type FloatingBubbleBoundary = {
     top: number;
     right: number;

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.18";
+export const version: "4.9.19";

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.18";
+const version = "4.9.19";
 function install(app) {
   const components = [
     ActionBar,

package/es/overlay/Overlay.mjs

@@ -1,4 +1,4 @@
-import { ref, defineComponent, Teleport, Transition, vShow as _vShow, createVNode as _createVNode, withDirectives as _withDirectives } from "vue";
+import { ref, defineComponent, Teleport, Transition, vShow as _vShow, mergeProps as _mergeProps, createVNode as _createVNode, withDirectives as _withDirectives } from "vue";
 import { isDef, extend, truthProp, numericProp, unknownProp, preventDefault, createNamespace, getZIndexStyle } from "../utils/index.mjs";
 import { useEventListener } from "@vant/use";
 import { useLazyRender } from "../composables/use-lazy-render.mjs";
@@ -15,8 +15,10 @@ const overlayProps = {
 };
 var stdin_default = defineComponent({
   name,
+  inheritAttrs: false,
   props: overlayProps,
   setup(props, {
+    attrs,
     slots
   }) {
     const root = ref();
@@ -32,11 +34,11 @@ var stdin_default = defineComponent({
       if (isDef(props.duration)) {
         style.animationDuration = `${props.duration}s`;
       }
-      return _withDirectives(_createVNode("div", {
+      return _withDirectives(_createVNode("div", _mergeProps({
         "ref": root,
         "style": style,
         "class": [bem(), props.className]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[_vShow, props.show]]);
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[_vShow, props.show]]);
     });
     useEventListener("touchmove", onTouchMove, {
       target: root

package/es/picker/Picker.mjs

@@ -99,7 +99,8 @@ var stdin_default = defineComponent({
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
       nextTick(() => {
-        emit("confirm", params);
+        const params2 = getEventParams();
+        emit("confirm", params2);
       });
       return params;
     };

package/es/picker/utils.mjs

@@ -23,7 +23,7 @@ function findIndexOfEnabledOption(options, index) {
   }
   return 0;
 }
-const isOptionExist = (options, value, fields) => value !== void 0 && !!options.find((option) => option[fields.value] === value);
+const isOptionExist = (options, value, fields) => value !== void 0 && options.some((option) => option[fields.value] === value);
 function findOptionByValue(options, value, fields) {
   const index = options.findIndex((option) => option[fields.value] === value);
   const enabledIndex = findIndexOfEnabledOption(options, index);

package/es/tabbar-item/TabbarItem.mjs

@@ -50,7 +50,7 @@ var stdin_default = defineComponent({
         const config = isObject(to) ? to : {
           path: to
         };
-        return !!$route.matched.find((val) => {
+        return $route.matched.some((val) => {
           const pathMatched = "path" in config && config.path === val.path;
           const nameMatched = "name" in config && config.name === val.name;
           return pathMatched || nameMatched;

package/es/tabs/Tabs.mjs

@@ -162,9 +162,8 @@ var stdin_default = defineComponent({
       }
     };
     const setCurrentIndexByName = (name2, skipScrollIntoView) => {
-      const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
-      const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index, skipScrollIntoView);
+      const index = children.findIndex((tab, index2) => getTabName(tab, index2) === name2);
+      setCurrentIndex(index === -1 ? 0 : index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {

package/es/watermark/Watermark.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, nextTick, onUnmounted, ref, watch, watchEffect, createVNode as _createVNode } from "vue";
+import { defineComponent, onMounted, onUnmounted, ref, watch, watchEffect, createVNode as _createVNode } from "vue";
 import { extend, truthProp, numericProp, createNamespace, getZIndexStyle, makeNumberProp, makeNumericProp, makeStringProp } from "../utils/index.mjs";
 const [name, bem] = createNamespace("watermark");
 const watermarkProps = {
@@ -88,28 +88,25 @@ var stdin_default = defineComponent({
       });
       return URL.createObjectURL(svgBlob);
     };
+    const revokeWatermarkUrl = () => {
+      if (watermarkUrl.value) {
+        URL.revokeObjectURL(watermarkUrl.value);
+      }
+    };
+    const generateWatermarkUrl = () => {
+      if (svgElRef.value) {
+        revokeWatermarkUrl();
+        watermarkUrl.value = makeSvgToBlobUrl(svgElRef.value.innerHTML);
+      }
+    };
     watchEffect(() => {
       if (props.image) {
         makeImageToBase64(props.image);
       }
     });
-    watch(() => [imageBase64.value, props.content, props.textColor, props.height, props.width, props.rotate, props.gapX, props.gapY], () => {
-      nextTick(() => {
-        if (svgElRef.value) {
-          if (watermarkUrl.value) {
-            URL.revokeObjectURL(watermarkUrl.value);
-          }
-          watermarkUrl.value = makeSvgToBlobUrl(svgElRef.value.innerHTML);
-        }
-      });
-    }, {
-      immediate: true
-    });
-    onUnmounted(() => {
-      if (watermarkUrl.value) {
-        URL.revokeObjectURL(watermarkUrl.value);
-      }
-    });
+    watch(() => [imageBase64.value, props.content, props.textColor, props.height, props.width, props.rotate, props.gapX, props.gapY], generateWatermarkUrl);
+    onMounted(generateWatermarkUrl);
+    onUnmounted(revokeWatermarkUrl);
     return () => {
       const style = extend({
         backgroundImage: `url(${watermarkUrl.value})`

package/lib/dialog/types.d.ts

@@ -29,6 +29,8 @@ export type DialogOptions = {
     confirmButtonColor?: string;
     confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
+    destroyOnClose?: boolean;
+    keyboardEnabled?: boolean;
 };
 export type DialogThemeVars = {
     dialogWidth?: string;

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

@@ -1,8 +1,8 @@
 import { PropType, TeleportProps, type ExtractPropTypes } from 'vue';
-import { FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset } from './types';
+import { FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset, FloatingBubbleGap } from './types';
 export declare const floatingBubbleProps: {
     gap: {
-        type: NumberConstructor;
+        type: PropType<FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -26,7 +26,7 @@ export declare const floatingBubbleProps: {
 export type FloatingBubbleProps = ExtractPropTypes<typeof floatingBubbleProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: PropType<FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: PropType<FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
 }>, {
     offset: FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
-    gap: number;
+    gap: FloatingBubbleGap;
     axis: FloatingBubbleAxis;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/floating-bubble/FloatingBubble.js

@@ -37,7 +37,10 @@ var import_use = require("@vant/use");
 var import_use_touch = require("../composables/use-touch");
 var import_icon = __toESM(require("../icon"));
 const floatingBubbleProps = {
-  gap: (0, import_utils.makeNumberProp)(24),
+  gap: {
+    type: [Number, Object],
+    default: 24
+  },
   icon: String,
   axis: (0, import_utils.makeStringProp)("y"),
   magnetic: String,
@@ -71,11 +74,13 @@ var stdin_default = (0, import_vue.defineComponent)({
       width: 0,
       height: 0
     });
+    const gapX = (0, import_vue.computed)(() => (0, import_utils.isObject)(props.gap) ? props.gap.x : props.gap);
+    const gapY = (0, import_vue.computed)(() => (0, import_utils.isObject)(props.gap) ? props.gap.y : props.gap);
     const boundary = (0, import_vue.computed)(() => ({
-      top: props.gap,
-      right: import_utils.windowWidth.value - state.value.width - props.gap,
-      bottom: import_utils.windowHeight.value - state.value.height - props.gap,
-      left: props.gap
+      top: gapY.value,
+      right: import_utils.windowWidth.value - state.value.width - gapX.value,
+      bottom: import_utils.windowHeight.value - state.value.height - gapY.value,
+      left: gapX.value
     }));
     const dragging = (0, import_vue.ref)(false);
     let initialized = false;
@@ -99,8 +104,8 @@ var stdin_default = (0, import_vue.defineComponent)({
         offset
       } = props;
       state.value = {
-        x: offset.x > -1 ? offset.x : import_utils.windowWidth.value - width - props.gap,
-        y: offset.y > -1 ? offset.y : import_utils.windowHeight.value - height - props.gap,
+        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,
         width,
         height
       };
@@ -168,7 +173,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         initialized = true;
       });
     });
-    (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight, () => props.gap, () => props.offset], updateState, {
+    (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight, gapX, gapY, () => props.offset], updateState, {
       deep: true
     });
     const show = (0, import_vue.ref)(true);

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

@@ -1,6 +1,6 @@
 export declare const FloatingBubble: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: import("vue").PropType<import("./types").FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -22,7 +22,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: import("vue").PropType<import("./types").FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -49,7 +49,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
 }>, {
     offset: import("./types").FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
-    gap: number;
+    gap: import("./types").FloatingBubbleGap;
     axis: import("./types").FloatingBubbleAxis;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default FloatingBubble;

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

@@ -12,6 +12,10 @@ export type FloatingBubbleOffset = {
     x: number;
     y: number;
 };
+export type FloatingBubbleGap = number | {
+    x: number;
+    y: number;
+};
 export type FloatingBubbleBoundary = {
     top: number;
     right: number;

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.18";
+export const version: "4.9.19";

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.18";
+const version = "4.9.19";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/overlay/Overlay.js

@@ -38,8 +38,10 @@ const overlayProps = {
 };
 var stdin_default = (0, import_vue.defineComponent)({
   name,
+  inheritAttrs: false,
   props: overlayProps,
   setup(props, {
+    attrs,
     slots
   }) {
     const root = (0, import_vue.ref)();
@@ -55,11 +57,11 @@ var stdin_default = (0, import_vue.defineComponent)({
       if ((0, import_utils.isDef)(props.duration)) {
         style.animationDuration = `${props.duration}s`;
       }
-      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
         "ref": root,
         "style": style,
         "class": [bem(), props.className]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[import_vue.vShow, props.show]]);
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[import_vue.vShow, props.show]]);
     });
     (0, import_use.useEventListener)("touchmove", onTouchMove, {
       target: root

package/lib/picker/Picker.js

@@ -133,7 +133,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
       (0, import_vue.nextTick)(() => {
-        emit("confirm", params);
+        const params2 = getEventParams();
+        emit("confirm", params2);
       });
       return params;
     };

package/lib/picker/utils.js

@@ -55,7 +55,7 @@ function findIndexOfEnabledOption(options, index) {
   }
   return 0;
 }
-const isOptionExist = (options, value, fields) => value !== void 0 && !!options.find((option) => option[fields.value] === value);
+const isOptionExist = (options, value, fields) => value !== void 0 && options.some((option) => option[fields.value] === value);
 function findOptionByValue(options, value, fields) {
   const index = options.findIndex((option) => option[fields.value] === value);
   const enabledIndex = findIndexOfEnabledOption(options, index);

package/lib/tabbar-item/TabbarItem.js

@@ -73,7 +73,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         const config = (0, import_utils.isObject)(to) ? to : {
           path: to
         };
-        return !!$route.matched.find((val) => {
+        return $route.matched.some((val) => {
           const pathMatched = "path" in config && config.path === val.path;
           const nameMatched = "name" in config && config.name === val.name;
           return pathMatched || nameMatched;

package/lib/tabs/Tabs.js

@@ -196,9 +196,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       }
     };
     const setCurrentIndexByName = (name2, skipScrollIntoView) => {
-      const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
-      const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index, skipScrollIntoView);
+      const index = children.findIndex((tab, index2) => getTabName(tab, index2) === name2);
+      setCurrentIndex(index === -1 ? 0 : index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {