vant 4.6.4-beta.2 → 4.6.5

package/lib/index.d.ts

@@ -105,4 +105,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.6.4-beta.2";
+export const version: "4.6.5";

package/lib/index.js

@@ -224,7 +224,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.6.4-beta.2";
+const version = "4.6.5";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/list/List.d.ts

@@ -1,4 +1,4 @@
-import { type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
 export declare const listProps: {
     error: BooleanConstructor;
@@ -9,9 +9,10 @@ export declare const listProps: {
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -31,9 +32,10 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -51,9 +53,10 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;

package/lib/list/List.js

@@ -35,6 +35,7 @@ const listProps = {
   loading: Boolean,
   disabled: Boolean,
   finished: Boolean,
+  scroller: Object,
   errorText: String,
   direction: (0, import_utils.makeStringProp)("down"),
   loadingText: String,
@@ -54,6 +55,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const placeholder = (0, import_vue2.ref)();
     const tabStatus = (0, import_use_tab_status.useTabStatus)();
     const scrollParent = (0, import_use.useScrollParent)(root);
+    const scroller = (0, import_vue2.computed)(() => props.scroller || scrollParent.value);
     const check = () => {
       (0, import_vue2.nextTick)(() => {
         if (loading.value || props.finished || props.disabled || props.error || // skip check when inside an inactive tab
@@ -64,7 +66,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           direction
         } = props;
         const offset = +props.offset;
-        const scrollParentRect = (0, import_use.useRect)(scrollParent);
+        const scrollParentRect = (0, import_use.useRect)(scroller);
         if (!scrollParentRect.height || (0, import_utils.isHidden)(root)) {
           return;
         }
@@ -140,7 +142,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       check
     });
     (0, import_use.useEventListener)("scroll", check, {
-      target: scrollParent,
+      target: scroller,
       passive: true
     });
     return () => {

package/lib/list/index.d.ts

@@ -8,6 +8,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
     direction: {
         type: import("vue").PropType<import("./types").ListDirection>;
@@ -28,6 +29,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
     direction: {
         type: import("vue").PropType<import("./types").ListDirection>;

package/lib/locale/lang/sr-RS.d.ts

@@ -0,0 +1,63 @@
+declare const _default: {
+    name: string;
+    tel: string;
+    save: string;
+    clear: string;
+    cancel: string;
+    confirm: string;
+    delete: string;
+    loading: string;
+    noCoupon: string;
+    nameEmpty: string;
+    addContact: string;
+    telInvalid: string;
+    vanCalendar: {
+        end: string;
+        start: string;
+        title: string;
+        weekdays: string[];
+        monthTitle: (year: number, month: number) => string;
+        rangePrompt: (maxRange: number) => string;
+    };
+    vanCascader: {
+        select: string;
+    };
+    vanPagination: {
+        prev: string;
+        next: string;
+    };
+    vanPullRefresh: {
+        pulling: string;
+        loosing: string;
+    };
+    vanSubmitBar: {
+        label: string;
+    };
+    vanCoupon: {
+        unlimited: string;
+        discount: (discount: number) => string;
+        condition: (condition: number) => string;
+    };
+    vanCouponCell: {
+        title: string;
+        count: (count: number) => string;
+    };
+    vanCouponList: {
+        exchange: string;
+        close: string;
+        enable: string;
+        disabled: string;
+        placeholder: string;
+    };
+    vanAddressEdit: {
+        area: string;
+        areaEmpty: string;
+        addressEmpty: string;
+        addressDetail: string;
+        defaultAddress: string;
+    };
+    vanAddressList: {
+        add: string;
+    };
+};
+export default _default;

package/lib/locale/lang/sr-RS.js

@@ -0,0 +1,92 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var stdin_default = {
+  name: "Ime i prezime",
+  tel: "Broj telefona",
+  save: "Sa\u010Duvaj",
+  clear: "Prazno",
+  cancel: "Otka\u017Ei",
+  confirm: "Potvrdi",
+  delete: "Brisanje",
+  loading: "U\u010Ditavanje...",
+  noCoupon: "Jo\u0161 nema kupona",
+  nameEmpty: "Molimo unesite ime",
+  addContact: "Dodaj kontakte",
+  telInvalid: "Molimo unesite broj telefona",
+  vanCalendar: {
+    end: "Zavr\u0161etak",
+    start: "Po\u010Detak",
+    title: "Izaberite Datum",
+    weekdays: [
+      "Nedelja",
+      "Ponedeljak",
+      "Utorak",
+      "Sreda",
+      "\u010Cetvrtak",
+      "Petak",
+      "Subota"
+    ],
+    monthTitle: (year, month) => `${year}/${month}`,
+    rangePrompt: (maxRange) => `Izaberite do ${maxRange} dana`
+  },
+  vanCascader: {
+    select: "Molimo izaberite "
+  },
+  vanPagination: {
+    prev: "Prethodna strana",
+    next: "Sledec\u0301a strana"
+  },
+  vanPullRefresh: {
+    pulling: "Prevucite nadole da osve\u017Eite...",
+    loosing: "Otpustite da osve\u017Eite..."
+  },
+  vanSubmitBar: {
+    label: "Ukupno:"
+  },
+  vanCoupon: {
+    unlimited: "No threshold",
+    discount: (discount) => `${discount} puta`,
+    condition: (condition) => `Dostupno za preko ${condition} juana`
+  },
+  vanCouponCell: {
+    title: "Kupon",
+    count: (count) => `Dostupan ${count}`
+  },
+  vanCouponList: {
+    exchange: "Razmeni",
+    close: "Ne koristi",
+    enable: "Iskoristi",
+    disabled: "Nedostupno",
+    placeholder: "Unesite promo kod"
+  },
+  vanAddressEdit: {
+    area: "Region",
+    areaEmpty: "Molimo odaberite region",
+    addressEmpty: "Molimo upi\u0161ite adresu",
+    addressDetail: "Adresa",
+    defaultAddress: "Postavi kao podrazumevanu adresu za isporuku"
+  },
+  vanAddressList: {
+    add: "Dodaj adresu"
+  }
+};

package/lib/text-ellipsis/TextEllipsis.js

@@ -45,7 +45,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const expanded = (0, import_vue2.ref)(false);
     const hasAction = (0, import_vue2.ref)(false);
     const root = (0, import_vue2.ref)();
-    const actionText = (0, import_vue2.computed)(() => expanded.value ? props.expandText : props.collapseText);
+    const actionText = (0, import_vue2.computed)(() => expanded.value ? props.collapseText : props.expandText);
     const pxToNum = (value) => {
       if (!value)
         return 0;
@@ -87,7 +87,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
               }
               return dots + content.slice(right, end);
             }
-            const middle2 = Math.round(left + right >> 1);
+            const middle2 = Math.round((left + right) / 2);
             if (position === "end") {
               container2.innerText = content.slice(0, middle2) + dots + actionText.value;
             } else {
@@ -108,11 +108,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
         };
         const middleTail = (leftPart, rightPart) => {
           if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
-            return content.slice(0, leftPart[1]) + dots + content.slice(rightPart[1], end);
+            return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
           }
-          const leftMiddle = Math.floor(leftPart[0] + leftPart[1] >> 1);
-          const rightMiddle = Math.ceil(rightPart[0] + rightPart[1] >> 1);
-          container2.innerText = props.content.slice(0, leftMiddle) + props.dots + actionText.value + props.dots + props.content.slice(rightMiddle, end);
+          const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+          const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+          container2.innerText = props.content.slice(0, leftMiddle) + props.dots + props.content.slice(rightMiddle, end) + props.expandText;
           if (container2.offsetHeight >= maxHeight2) {
             return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
           }
@@ -147,7 +147,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const renderAction = () => (0, import_vue.createVNode)("span", {
       "class": bem("action"),
       "onClick": onClickAction
-    }, [expanded.value ? props.collapseText : props.expandText]);
+    }, [actionText.value]);
     (0, import_vue2.onMounted)(calcEllipsised);
     (0, import_vue2.watch)(() => [props.content, props.rows, props.position], calcEllipsised);
     (0, import_use.useEventListener)("resize", calcEllipsised);

package/lib/toast/index.d.ts

@@ -79,7 +79,7 @@ export default Toast;
 export { toastProps } from './Toast';
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
 export type { ToastProps } from './Toast';
-export type { ToastType, ToastOptions, ToastPosition, ToastThemeVars, ToastWordBreak, } from './types';
+export type { ToastType, ToastOptions, ToastPosition, ToastThemeVars, ToastWordBreak, ToastWrapperInstance, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanToast: typeof Toast;

package/lib/vant.cjs.js

@@ -9418,7 +9418,8 @@ const dropdownMenuProps = {
   direction: makeStringProp("down"),
   activeColor: String,
   closeOnClickOutside: truthProp,
-  closeOnClickOverlay: truthProp
+  closeOnClickOverlay: truthProp,
+  swipeThreshold: numericProp
 };
 const DROPDOWN_KEY = Symbol(name$K);
 var stdin_default$T = vue.defineComponent({
@@ -9437,6 +9438,7 @@ var stdin_default$T = vue.defineComponent({
     } = use.useChildren(DROPDOWN_KEY);
     const scrollParent = use.useScrollParent(root);
     const opened = vue.computed(() => children.some((item) => item.state.showWrapper));
+    const scrollable = vue.computed(() => props2.swipeThreshold && children.length > +props2.swipeThreshold);
     const barStyle = vue.computed(() => {
       if (opened.value && isDef(props2.zIndex)) {
         return {
@@ -9493,7 +9495,8 @@ var stdin_default$T = vue.defineComponent({
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
         "class": [bem$K("item", {
-          disabled
+          disabled,
+          grow: scrollable.value
         }), {
           [HAPTICS_FEEDBACK]: !disabled
         }],
@@ -9537,7 +9540,8 @@ var stdin_default$T = vue.defineComponent({
         "ref": barRef,
         "style": barStyle.value,
         "class": bem$K("bar", {
-          opened: opened.value
+          opened: opened.value,
+          scrollable: scrollable.value
         })
       }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
@@ -9736,11 +9740,13 @@ const floatingBubbleProps = {
 const [name$I, bem$I] = createNamespace("floating-bubble");
 var stdin_default$R = vue.defineComponent({
   name: name$I,
+  inheritAttrs: false,
   props: floatingBubbleProps,
   emits: ["click", "update:offset", "offsetChange"],
   setup(props2, {
     slots,
-    emit
+    emit,
+    attrs
   }) {
     const rootRef = vue.ref();
     const state = vue.ref({
@@ -9861,7 +9867,7 @@ var stdin_default$R = vue.defineComponent({
       }
     });
     return () => {
-      const Content = vue.withDirectives(vue.createVNode("div", {
+      const Content = vue.withDirectives(vue.createVNode("div", vue.mergeProps({
         "class": bem$I(),
         "ref": rootRef,
         "onTouchstartPassive": onTouchStart,
@@ -9869,7 +9875,7 @@ var stdin_default$R = vue.defineComponent({
         "onTouchcancel": onTouchEnd,
         "onClick": onClick,
         "style": rootStyle.value
-      }, [slots.default ? slots.default() : vue.createVNode(stdin_default$1P, {
+      }, attrs), [slots.default ? slots.default() : vue.createVNode(stdin_default$1P, {
         "name": props2.icon,
         "class": bem$I("icon")
       }, null)]), [[vue.vShow, show.value]]);
@@ -9887,10 +9893,10 @@ const floatingPanelProps = {
   anchors: makeArrayProp(),
   duration: makeNumericProp(0.2),
   contentDraggable: truthProp,
+  lockScroll: Boolean,
   safeAreaInsetBottom: truthProp
 };
 const [name$H, bem$H] = createNamespace("floating-panel");
-const DAMP = 0.2;
 var stdin_default$Q = vue.defineComponent({
   name: name$H,
   props: floatingPanelProps,
@@ -9899,6 +9905,7 @@ var stdin_default$Q = vue.defineComponent({
     emit,
     slots
   }) {
+    const DAMP = 0.2;
     const rootRef = vue.ref();
     const contentRef = vue.ref();
     const height = useSyncPropRef(() => +props2.height, (value) => emit("update:height", value));
@@ -9931,24 +9938,28 @@ var stdin_default$Q = vue.defineComponent({
       return moveY;
     };
     let startY;
+    let maxScroll = -1;
     const touch = useTouch();
     const onTouchstart = (e) => {
       touch.start(e);
       dragging.value = true;
       startY = -height.value;
+      maxScroll = -1;
     };
     const onTouchmove = (e) => {
       var _a;
       touch.move(e);
       const target = e.target;
       if (contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target))) {
+        const {
+          scrollTop
+        } = contentRef.value;
+        maxScroll = Math.max(maxScroll, scrollTop);
         if (!props2.contentDraggable)
           return;
         if (-startY < boundary.value.max) {
-          if (e.cancelable)
-            e.preventDefault();
-          e.stopPropagation();
-        } else if (!(contentRef.value.scrollTop <= 0 && touch.deltaY.value > 0)) {
+          preventDefault(e, true);
+        } else if (!(scrollTop <= 0 && touch.deltaY.value > 0) || maxScroll > 0) {
           return;
         }
       }
@@ -9956,6 +9967,7 @@ var stdin_default$Q = vue.defineComponent({
       height.value = -ease(moveY);
     };
     const onTouchend = () => {
+      maxScroll = -1;
       dragging.value = false;
       height.value = closest(anchors.value, height.value);
       if (height.value !== -startY) {
@@ -9969,7 +9981,7 @@ var stdin_default$Q = vue.defineComponent({
     }, {
       immediate: true
     });
-    useLockScroll(rootRef, () => true);
+    useLockScroll(rootRef, () => props2.lockScroll);
     use.useEventListener("touchmove", onTouchmove, {
       target: rootRef
     });
@@ -10186,7 +10198,8 @@ var stdin_default$N = vue.defineComponent({
     maxZoom: makeRequiredProp(numericProp),
     rootWidth: makeRequiredProp(Number),
     rootHeight: makeRequiredProp(Number),
-    disableZoom: Boolean
+    disableZoom: Boolean,
+    closeOnClickOverlay: Boolean
   },
   emits: ["scale", "close", "longPress"],
   setup(props2, {
@@ -10346,7 +10359,8 @@ var stdin_default$N = vue.defineComponent({
         }
       }
     };
-    const checkTap = () => {
+    const checkTap = (event) => {
+      var _a;
       if (fingerNum > 1) {
         return;
       }
@@ -10363,6 +10377,9 @@ var stdin_default$N = vue.defineComponent({
             doubleTapTimer = null;
             toggleScale();
           } else {
+            if (!props2.closeOnClickOverlay && event.target === ((_a = swipeItem.value) == null ? void 0 : _a.$el)) {
+              return;
+            }
             doubleTapTimer = setTimeout(() => {
               emit("close");
               doubleTapTimer = null;
@@ -10400,7 +10417,7 @@ var stdin_default$N = vue.defineComponent({
         }
       }
       preventDefault(event, stopPropagation2);
-      checkTap();
+      checkTap(event);
       touch.reset();
     };
     const resize = () => {
@@ -10497,6 +10514,7 @@ const imagePreviewProps = {
   startPosition: makeNumericProp(0),
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
+  closeOnClickOverlay: truthProp,
   closeIconPosition: makeStringProp("top-right"),
   teleport: [String, Object]
 };
@@ -10581,6 +10599,7 @@ var stdin_default$M = vue.defineComponent({
         "rootWidth": state.rootWidth,
         "rootHeight": state.rootHeight,
         "disableZoom": state.disableZoom,
+        "closeOnClickOverlay": props2.closeOnClickOverlay,
         "onScale": emitScale,
         "onClose": emitClose,
         "onLongPress": () => emit("longPress", {
@@ -10663,6 +10682,7 @@ const defaultConfig = {
   swipeDuration: 300,
   showIndicators: false,
   closeOnPopstate: true,
+  closeOnClickOverlay: true,
   closeIconPosition: "top-right"
 };
 function initInstance$1() {
@@ -11001,6 +11021,7 @@ const listProps = {
   loading: Boolean,
   disabled: Boolean,
   finished: Boolean,
+  scroller: Object,
   errorText: String,
   direction: makeStringProp("down"),
   loadingText: String,
@@ -11020,6 +11041,7 @@ var stdin_default$J = vue.defineComponent({
     const placeholder = vue.ref();
     const tabStatus = useTabStatus();
     const scrollParent = use.useScrollParent(root);
+    const scroller = vue.computed(() => props2.scroller || scrollParent.value);
     const check = () => {
       vue.nextTick(() => {
         if (loading.value || props2.finished || props2.disabled || props2.error || // skip check when inside an inactive tab
@@ -11030,7 +11052,7 @@ var stdin_default$J = vue.defineComponent({
           direction
         } = props2;
         const offset = +props2.offset;
-        const scrollParentRect = use.useRect(scrollParent);
+        const scrollParentRect = use.useRect(scroller);
         if (!scrollParentRect.height || isHidden(root)) {
           return;
         }
@@ -11106,7 +11128,7 @@ var stdin_default$J = vue.defineComponent({
       check
     });
     use.useEventListener("scroll", check, {
-      target: scrollParent,
+      target: scroller,
       passive: true
     });
     return () => {
@@ -14624,7 +14646,7 @@ var stdin_default$9 = vue.defineComponent({
     const expanded = vue.ref(false);
     const hasAction = vue.ref(false);
     const root = vue.ref();
-    const actionText = vue.computed(() => expanded.value ? props2.expandText : props2.collapseText);
+    const actionText = vue.computed(() => expanded.value ? props2.collapseText : props2.expandText);
     const pxToNum = (value) => {
       if (!value)
         return 0;
@@ -14666,7 +14688,7 @@ var stdin_default$9 = vue.defineComponent({
               }
               return dots + content.slice(right, end);
             }
-            const middle2 = Math.round(left + right >> 1);
+            const middle2 = Math.round((left + right) / 2);
             if (position === "end") {
               container2.innerText = content.slice(0, middle2) + dots + actionText.value;
             } else {
@@ -14687,11 +14709,11 @@ var stdin_default$9 = vue.defineComponent({
         };
         const middleTail = (leftPart, rightPart) => {
           if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
-            return content.slice(0, leftPart[1]) + dots + content.slice(rightPart[1], end);
+            return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
           }
-          const leftMiddle = Math.floor(leftPart[0] + leftPart[1] >> 1);
-          const rightMiddle = Math.ceil(rightPart[0] + rightPart[1] >> 1);
-          container2.innerText = props2.content.slice(0, leftMiddle) + props2.dots + actionText.value + props2.dots + props2.content.slice(rightMiddle, end);
+          const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+          const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+          container2.innerText = props2.content.slice(0, leftMiddle) + props2.dots + props2.content.slice(rightMiddle, end) + props2.expandText;
           if (container2.offsetHeight >= maxHeight2) {
             return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
           }
@@ -14726,7 +14748,7 @@ var stdin_default$9 = vue.defineComponent({
     const renderAction = () => vue.createVNode("span", {
       "class": bem$3("action"),
       "onClick": onClickAction
-    }, [expanded.value ? props2.collapseText : props2.expandText]);
+    }, [actionText.value]);
     vue.onMounted(calcEllipsised);
     vue.watch(() => [props2.content, props2.rows, props2.position], calcEllipsised);
     use.useEventListener("resize", calcEllipsised);
@@ -16387,7 +16409,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.6.4-beta.2";
+const version = "4.6.5";
 function install(app) {
   const components = [
     ActionBar,