vant 4.9.21 → 4.9.23

package/lib/tabs/index.d.ts

@@ -99,8 +99,8 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     "onUpdate:active"?: ((...args: any[]) => any) | undefined;
 }>, {
     type: import("./types").TabsType;
-    ellipsis: boolean;
     sticky: boolean;
+    ellipsis: boolean;
     border: boolean;
     active: string | number;
     duration: string | number;

package/lib/time-picker/TimePicker.d.ts

@@ -222,8 +222,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     formatter: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;

package/lib/time-picker/TimePicker.js

@@ -118,7 +118,7 @@ var stdin_default = (0, import_vue.defineComponent)({
             return (0, import_utils.genOptions)(+minSecond, +maxSecond, type, formatter, filter, currentValues.value);
           default:
             if (process.env.NODE_ENV !== "production") {
-              throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+              throw new Error(`[Vant] TimePicker: unsupported columns type: ${type}`);
             }
             return [];
         }

package/lib/time-picker/index.d.ts

@@ -143,8 +143,8 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;

package/lib/utils/constant.js

@@ -40,6 +40,6 @@ const BORDER_SURROUND = `${BORDER}--surround`;
 const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
 const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
 const HAPTICS_FEEDBACK = "van-haptics-feedback";
-const FORM_KEY = Symbol("van-form");
+const FORM_KEY = /* @__PURE__ */ Symbol("van-form");
 const LONG_PRESS_START_TIME = 500;
 const TAP_OFFSET = 5;

package/lib/vant.cjs.js

@@ -263,6 +263,7 @@ var stdin_default$1W = {
   tel: "电话",
   save: "保存",
   clear: "清空",
+  undo: "撤销",
   cancel: "取消",
   confirm: "确认",
   delete: "删除",
@@ -391,7 +392,7 @@ const BORDER_SURROUND = `${BORDER}--surround`;
 const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
 const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
 const HAPTICS_FEEDBACK = "van-haptics-feedback";
-const FORM_KEY = Symbol("van-form");
+const FORM_KEY = /* @__PURE__ */ Symbol("van-form");
 const LONG_PRESS_START_TIME = 500;
 const TAP_OFFSET = 5;
 function callInterceptor(interceptor, {
@@ -434,7 +435,7 @@ function closest(arr, target) {
     (pre, cur) => Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur
   );
 }
-const POPUP_TOGGLE_KEY = Symbol();
+const POPUP_TOGGLE_KEY = /* @__PURE__ */ Symbol();
 function onPopupReopen(callback) {
   const popupToggleStatus = vue.inject(POPUP_TOGGLE_KEY, null);
   if (popupToggleStatus) {
@@ -1062,7 +1063,8 @@ const actionBarIconProps = extend({}, routeProps, {
   badge: numericProp,
   iconClass: unknownProp,
   badgeProps: Object,
-  iconPrefix: String
+  iconPrefix: String,
+  disabled: Boolean
 });
 var stdin_default$1M = vue.defineComponent({
   name: name$1D,
@@ -1102,11 +1104,18 @@ var stdin_default$1M = vue.defineComponent({
         "classPrefix": iconPrefix
       }, null);
     };
+    const onClick = () => {
+      if (!props2.disabled) {
+        route2();
+      }
+    };
     return () => vue.createVNode("div", {
       "role": "button",
-      "class": bem$1y(),
-      "tabindex": 0,
-      "onClick": route2
+      "class": bem$1y({
+        disabled: props2.disabled
+      }),
+      "tabindex": props2.disabled ? -1 : 0,
+      "onClick": onClick
     }, [renderIcon(), slots.default ? slots.default() : props2.text]);
   }
 });
@@ -2985,8 +2994,8 @@ var stdin_default$1D = vue.defineComponent({
     })]);
   }
 });
-const TAB_STATUS_KEY = Symbol();
-const ALL_TAB_STATUS_KEY = Symbol();
+const TAB_STATUS_KEY = /* @__PURE__ */ Symbol();
+const ALL_TAB_STATUS_KEY = /* @__PURE__ */ Symbol();
 const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
 const useAllTabStatus = () => vue.inject(ALL_TAB_STATUS_KEY, null);
 const useProvideTabStatus = (status) => {
@@ -4291,10 +4300,11 @@ var stdin_default$1v = vue.defineComponent({
         if (modelValue && getStringLength(modelValue) === +maxlength) {
           return modelValue;
         }
-        const selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
+        let selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
         if (state.focused && selectionEnd) {
           const valueArr = [...value];
           const exceededLength = valueArr.length - +maxlength;
+          selectionEnd = getStringLength(value.slice(0, selectionEnd));
           valueArr.splice(selectionEnd - exceededLength, exceededLength);
           return valueArr.join("");
         }
@@ -4306,7 +4316,7 @@ var stdin_default$1v = vue.defineComponent({
       var _a, _b;
       const originalValue = value;
       value = limitValueLength(value);
-      const limitDiffLen = getStringLength(originalValue) - getStringLength(value);
+      const limitDiffLen = originalValue.length - value.length;
       if (props2.type === "number" || props2.type === "digit") {
         const isNumber = props2.type === "number";
         value = formatNumber(value, isNumber, isNumber);
@@ -4332,7 +4342,7 @@ var stdin_default$1v = vue.defineComponent({
             selectionEnd
           } = inputRef.value;
           const bcoVal = cutString(originalValue, selectionEnd);
-          formatterDiffLen = getStringLength(formatter(bcoVal)) - getStringLength(bcoVal);
+          formatterDiffLen = formatter(bcoVal).length - bcoVal.length;
         }
       }
       if (inputRef.value && inputRef.value.value !== value) {
@@ -4343,7 +4353,7 @@ var stdin_default$1v = vue.defineComponent({
           } = inputRef.value;
           inputRef.value.value = value;
           if (isDef(selectionStart) && isDef(selectionEnd)) {
-            const valueLen = getStringLength(value);
+            const valueLen = value.length;
             if (limitDiffLen) {
               selectionStart -= limitDiffLen;
               selectionEnd -= limitDiffLen;
@@ -10342,6 +10352,8 @@ const floatingPanelProps = {
   height: makeNumericProp(0),
   anchors: makeArrayProp(),
   duration: makeNumericProp(0.3),
+  magnetic: truthProp,
+  draggable: truthProp,
   contentDraggable: truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: truthProp
@@ -10391,6 +10403,7 @@ var stdin_default$R = vue.defineComponent({
     let maxScroll = -1;
     const touch = useTouch();
     const onTouchstart = (e) => {
+      if (!props2.draggable) return;
       touch.start(e);
       dragging.value = true;
       startY = -height.value;
@@ -10398,6 +10411,7 @@ var stdin_default$R = vue.defineComponent({
     };
     const onTouchmove = (e) => {
       var _a;
+      if (!props2.draggable) return;
       touch.move(e);
       const target = e.target;
       if (contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target))) {
@@ -10417,8 +10431,22 @@ var stdin_default$R = vue.defineComponent({
     };
     const onTouchend = () => {
       maxScroll = -1;
+      if (!dragging.value) {
+        return;
+      }
       dragging.value = false;
-      height.value = closest(anchors.value, height.value);
+      if (!props2.draggable) {
+        return;
+      }
+      if (props2.magnetic) {
+        height.value = closest(anchors.value, height.value);
+      } else {
+        const {
+          min,
+          max
+        } = boundary.value;
+        height.value = Math.max(min, Math.min(max, height.value));
+      }
       if (height.value !== -startY) {
         emit("heightChange", {
           height: height.value
@@ -10438,6 +10466,9 @@ var stdin_default$R = vue.defineComponent({
       if (slots.header) {
         return slots.header();
       }
+      if (!props2.draggable) {
+        return null;
+      }
       return vue.createVNode("div", {
         "class": bem$I("header")
       }, [vue.createVNode("div", {
@@ -10457,7 +10488,10 @@ var stdin_default$R = vue.defineComponent({
         "onTouchcancel": onTouchend
       }, [renderHeader(), vue.createVNode("div", {
         "class": bem$I("content"),
-        "ref": contentRef
+        "ref": contentRef,
+        "style": {
+          paddingBottom: addUnit(boundary.value.max - height.value)
+        }
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
     };
   }
@@ -11645,7 +11679,10 @@ const listProps = {
   scroller: Object,
   errorText: String,
   direction: makeStringProp("down"),
-  loadingText: String,
+  loadingText: {
+    type: String,
+    default: ""
+  },
   finishedText: String,
   immediateCheck: truthProp
 };
@@ -11722,7 +11759,7 @@ var stdin_default$J = vue.defineComponent({
       if (loading.value && !props2.finished && !props2.disabled) {
         return vue.createVNode("div", {
           "class": bem$A("loading")
-        }, [slots.loading ? slots.loading() : vue.createVNode(Loading, {
+        }, [slots.loading ? slots.loading() : props2.loadingText != null && vue.createVNode(Loading, {
           "class": bem$A("loading-icon")
         }, {
           default: () => [props2.loadingText || t$7("loading")]
@@ -12858,7 +12895,9 @@ const progressProps = {
 var stdin_default$A = vue.defineComponent({
   name: name$s,
   props: progressProps,
-  setup(props2) {
+  setup(props2, {
+    slots
+  }) {
     const background = vue.computed(() => props2.inactive ? void 0 : props2.color);
     const format2 = (rate) => Math.min(Math.max(+rate, 0), 100);
     const renderPivot = () => {
@@ -12869,8 +12908,8 @@ var stdin_default$A = vue.defineComponent({
         percentage
       } = props2;
       const safePercentage = format2(percentage);
-      const text = pivotText != null ? pivotText : `${percentage}%`;
-      if (props2.showPivot && text) {
+      const text = pivotText != null ? pivotText : `${safePercentage}%`;
+      if (props2.showPivot && (slots.pivot || text)) {
         const style = {
           color: textColor,
           left: `${safePercentage}%`,
@@ -12882,7 +12921,9 @@ var stdin_default$A = vue.defineComponent({
           "class": bem$r("pivot", {
             inactive: props2.inactive
           })
-        }, [text]);
+        }, [slots.pivot ? slots.pivot({
+          percentage: safePercentage
+        }) : text]);
       }
     };
     return () => {
@@ -13522,6 +13563,7 @@ var stdin_default$v = vue.defineComponent({
           "with-message": fieldAttrs.errorMessage
         }),
         "border": false,
+        "labelAlign": "left",
         "onBlur": onBlur,
         "onFocus": onFocus,
         "onClear": onClear,
@@ -13773,6 +13815,8 @@ const signatureProps = {
   type: makeStringProp("png"),
   penColor: makeStringProp("#000"),
   lineWidth: makeNumberProp(3),
+  historySize: makeNumberProp(20),
+  undoButtonText: String,
   clearButtonText: String,
   backgroundColor: makeStringProp(""),
   confirmButtonText: String
@@ -13800,6 +13844,15 @@ var stdin_default$r = vue.defineComponent({
     let canvasWidth = 0;
     let canvasHeight = 0;
     let canvasRect;
+    const history = vue.ref([]);
+    const saveState = () => {
+      if (ctx.value && canvasWidth && canvasHeight) {
+        if (history.value.length >= props2.historySize) {
+          history.value.shift();
+        }
+        history.value.push(ctx.value.getImageData(0, 0, canvasWidth, canvasHeight));
+      }
+    };
     const touchStart = () => {
       if (!ctx.value) {
         return false;
@@ -13826,6 +13879,7 @@ var stdin_default$r = vue.defineComponent({
     };
     const touchEnd = (event) => {
       preventDefault(event);
+      saveState();
       emit("end");
     };
     const isCanvasEmpty = (canvas) => {
@@ -13866,8 +13920,21 @@ var stdin_default$r = vue.defineComponent({
         ctx.value.closePath();
         setCanvasBgColor(ctx.value);
       }
+      history.value = [];
       emit("clear");
     };
+    const undo = () => {
+      if (history.value.length) {
+        history.value.pop();
+        if (ctx.value) {
+          ctx.value.clearRect(0, 0, canvasWidth, canvasHeight);
+          setCanvasBgColor(ctx.value);
+          if (history.value.length) {
+            ctx.value.putImageData(history.value[history.value.length - 1], 0, 0);
+          }
+        }
+      }
+    };
     const initialize = () => {
       var _a, _b, _c;
       if (isRenderCanvas && canvasRef.value) {
@@ -13891,7 +13958,8 @@ var stdin_default$r = vue.defineComponent({
     useExpose({
       resize,
       clear,
-      submit
+      submit,
+      undo
     });
     return () => vue.createVNode("div", {
       "class": bem$i()
@@ -13910,6 +13978,11 @@ var stdin_default$r = vue.defineComponent({
       "onClick": clear
     }, {
       default: () => [props2.clearButtonText || t$2("clear")]
+    }), vue.createVNode(Button, {
+      "size": "small",
+      "onClick": undo
+    }, {
+      default: () => [props2.undoButtonText || t$2("undo")]
     }), vue.createVNode(Button, {
       "type": "primary",
       "size": "small",
@@ -14637,6 +14710,9 @@ var stdin_default$e = vue.defineComponent({
       if (allowEmpty && value === "") {
         return value;
       }
+      if (typeof value === "number" && String(value).includes("e")) {
+        value = value.toFixed(decimalLength ? +decimalLength : 17);
+      }
       value = formatNumber(String(value), !props2.integer);
       value = value === "" ? 0 : +value;
       value = Number.isNaN(value) ? +min : value;
@@ -14948,6 +15024,11 @@ const swipeCellProps = {
   disabled: Boolean,
   leftWidth: numericProp,
   rightWidth: numericProp,
+  threshold: {
+    type: numericProp,
+    default: 0.15,
+    validator: (value) => +value >= 0 && +value <= 1
+  },
   beforeClose: Function,
   stopPropagation: Boolean
 };
@@ -14996,8 +15077,8 @@ var stdin_default$c = vue.defineComponent({
     };
     const toggle = (side) => {
       const offset = Math.abs(state.offset);
-      const THRESHOLD = 0.15;
-      const threshold = opened ? 1 - THRESHOLD : THRESHOLD;
+      const thresholdValue = +props2.threshold;
+      const threshold = opened ? 1 - thresholdValue : thresholdValue;
       const width = side === "left" ? leftWidth.value : rightWidth.value;
       if (width && offset > width * threshold) {
         open(side);
@@ -15547,7 +15628,7 @@ var stdin_default$8 = vue.defineComponent({
             return genOptions(+minSecond, +maxSecond, type, formatter, filter, currentValues.value);
           default:
             if (process.env.NODE_ENV !== "production") {
-              throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+              throw new Error(`[Vant] TimePicker: unsupported columns type: ${type}`);
             }
             return [];
         }
@@ -17110,7 +17191,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.21";
+const version = "4.9.23";
 function install(app) {
   const components = [
     ActionBar,
@@ -17408,6 +17489,7 @@ exports.rollingTextProps = rollingTextProps;
 exports.rowProps = rowProps;
 exports.searchProps = searchProps;
 exports.setDialogDefaultOptions = setDialogDefaultOptions;
+exports.setGlobalZIndex = setGlobalZIndex;
 exports.setNotifyDefaultOptions = setNotifyDefaultOptions;
 exports.setToastDefaultOptions = setToastDefaultOptions;
 exports.shareSheetProps = shareSheetProps;
@@ -17447,6 +17529,7 @@ exports.treeSelectProps = treeSelectProps;
 exports.uploaderProps = uploaderProps;
 exports.useAllTabStatus = useAllTabStatus;
 exports.useCurrentLang = useCurrentLang;
+exports.useGlobalZIndex = useGlobalZIndex;
 exports.useTabStatus = useTabStatus;
 exports.version = version;
 exports.watermarkProps = watermarkProps;