vant 4.9.21 → 4.9.23

package/lib/vant.js

@@ -66,7 +66,7 @@
     type: String,
     default: defaultVal
   });
-  const inBrowser = "undefined" != typeof window;
+  const inBrowser = "u" > typeof window;
   function raf(fn) {
     return inBrowser ? requestAnimationFrame(fn) : -1;
   }
@@ -617,6 +617,7 @@
     tel: "电话",
     save: "保存",
     clear: "清空",
+    undo: "撤销",
     cancel: "取消",
     confirm: "确认",
     delete: "删除",
@@ -745,7 +746,7 @@
   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, {
@@ -788,7 +789,7 @@
       (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) {
@@ -1416,7 +1417,8 @@
     badge: numericProp,
     iconClass: unknownProp,
     badgeProps: Object,
-    iconPrefix: String
+    iconPrefix: String,
+    disabled: Boolean
   });
   var stdin_default$1M = vue.defineComponent({
     name: name$1D,
@@ -1456,11 +1458,18 @@
           "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]);
     }
   });
@@ -2353,7 +2362,7 @@
     return propRef;
   };
   /**
-  * @vue/shared v3.5.17
+  * @vue/shared v3.5.31
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3418,8 +3427,8 @@
       })]);
     }
   });
-  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) => {
@@ -4718,10 +4727,11 @@
           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("");
           }
@@ -4733,7 +4743,7 @@
         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);
@@ -4759,7 +4769,7 @@
               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) {
@@ -4770,7 +4780,7 @@
             } = 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;
@@ -10743,6 +10753,8 @@
     height: makeNumericProp(0),
     anchors: makeArrayProp(),
     duration: makeNumericProp(0.3),
+    magnetic: truthProp,
+    draggable: truthProp,
     contentDraggable: truthProp,
     lockScroll: Boolean,
     safeAreaInsetBottom: truthProp
@@ -10792,6 +10804,7 @@
       let maxScroll = -1;
       const touch = useTouch();
       const onTouchstart = (e) => {
+        if (!props2.draggable) return;
         touch.start(e);
         dragging.value = true;
         startY = -height.value;
@@ -10799,6 +10812,7 @@
       };
       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))) {
@@ -10818,8 +10832,22 @@
       };
       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
@@ -10839,6 +10867,9 @@
         if (slots.header) {
           return slots.header();
         }
+        if (!props2.draggable) {
+          return null;
+        }
         return vue.createVNode("div", {
           "class": bem$I("header")
         }, [vue.createVNode("div", {
@@ -10858,7 +10889,10 @@
           "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)])]);
       };
     }
@@ -12040,7 +12074,10 @@
     scroller: Object,
     errorText: String,
     direction: makeStringProp("down"),
-    loadingText: String,
+    loadingText: {
+      type: String,
+      default: ""
+    },
     finishedText: String,
     immediateCheck: truthProp
   };
@@ -12117,7 +12154,7 @@
         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")]
@@ -13065,7 +13102,7 @@
     return node instanceof OwnElement || node instanceof HTMLElement;
   }
   function isShadowRoot(node) {
-    if ("undefined" == typeof ShadowRoot) return false;
+    if ("u" < typeof ShadowRoot) return false;
     var OwnElement = getWindow(node).ShadowRoot;
     return node instanceof OwnElement || node instanceof ShadowRoot;
   }
@@ -13560,7 +13597,7 @@
     }
     return offsets;
   }
-  function popperOffsets_popperOffsets(_ref) {
+  function popperOffsets(_ref) {
     var state = _ref.state, name2 = _ref.name;
     state.modifiersData[name2] = computeOffsets({
       reference: state.rects.reference,
@@ -13568,11 +13605,11 @@
       placement: state.placement
     });
   }
-  const popperOffsets = {
+  const modifiers_popperOffsets = {
     name: "popperOffsets",
     enabled: true,
     phase: "read",
-    fn: popperOffsets_popperOffsets,
+    fn: popperOffsets,
     data: {}
   };
   var unsetSides = {
@@ -13649,7 +13686,7 @@
     }
     return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
   }
-  function computeStyles_computeStyles(_ref5) {
+  function computeStyles(_ref5) {
     var state = _ref5.state, options = _ref5.options;
     var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = void 0 === _options$gpuAccelerat ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = void 0 === _options$adaptive ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = void 0 === _options$roundOffsets ? true : _options$roundOffsets;
     var commonStyles = {
@@ -13676,11 +13713,11 @@
       "data-popper-placement": state.placement
     });
   }
-  const computeStyles = {
+  const modifiers_computeStyles = {
     name: "computeStyles",
     enabled: true,
     phase: "beforeWrite",
-    fn: computeStyles_computeStyles,
+    fn: computeStyles,
     data: {}
   };
   function applyStyles(_ref) {
@@ -13744,8 +13781,8 @@
   };
   var popper_lite_defaultModifiers = [
     eventListeners,
-    popperOffsets,
-    computeStyles,
+    modifiers_popperOffsets,
+    modifiers_computeStyles,
     modifiers_applyStyles
   ];
   var popper_lite_createPopper = /* @__PURE__ */ popperGenerator({
@@ -14004,7 +14041,9 @@
   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 = () => {
@@ -14015,8 +14054,8 @@
           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}%`,
@@ -14028,7 +14067,9 @@
             "class": bem$r("pivot", {
               inactive: props2.inactive
             })
-          }, [text]);
+          }, [slots.pivot ? slots.pivot({
+            percentage: safePercentage
+          }) : text]);
         }
       };
       return () => {
@@ -14668,6 +14709,7 @@
             "with-message": fieldAttrs.errorMessage
           }),
           "border": false,
+          "labelAlign": "left",
           "onBlur": onBlur,
           "onFocus": onFocus,
           "onClear": onClear,
@@ -14916,6 +14958,8 @@
     type: makeStringProp("png"),
     penColor: makeStringProp("#000"),
     lineWidth: makeNumberProp(3),
+    historySize: makeNumberProp(20),
+    undoButtonText: String,
     clearButtonText: String,
     backgroundColor: makeStringProp(""),
     confirmButtonText: String
@@ -14943,6 +14987,15 @@
       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;
@@ -14969,6 +15022,7 @@
       };
       const touchEnd = (event) => {
         preventDefault(event);
+        saveState();
         emit("end");
       };
       const isCanvasEmpty = (canvas) => {
@@ -15009,8 +15063,21 @@
           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) {
@@ -15034,7 +15101,8 @@
       useExpose({
         resize,
         clear,
-        submit
+        submit,
+        undo
       });
       return () => vue.createVNode("div", {
         "class": bem$i()
@@ -15053,6 +15121,11 @@
         "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",
@@ -15777,6 +15850,9 @@
         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;
@@ -16088,6 +16164,11 @@
     disabled: Boolean,
     leftWidth: numericProp,
     rightWidth: numericProp,
+    threshold: {
+      type: numericProp,
+      default: 0.15,
+      validator: (value) => +value >= 0 && +value <= 1
+    },
     beforeClose: Function,
     stopPropagation: Boolean
   };
@@ -16136,8 +16217,8 @@
       };
       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);
@@ -18227,7 +18308,7 @@
       });
     }
   };
-  const version = "4.9.21";
+  const version = "4.9.23";
   function install(app) {
     const components = [
       ActionBar,
@@ -18525,6 +18606,7 @@
   exports2.rowProps = rowProps;
   exports2.searchProps = searchProps;
   exports2.setDialogDefaultOptions = setDialogDefaultOptions;
+  exports2.setGlobalZIndex = setGlobalZIndex;
   exports2.setNotifyDefaultOptions = setNotifyDefaultOptions;
   exports2.setToastDefaultOptions = setToastDefaultOptions;
   exports2.shareSheetProps = shareSheetProps;
@@ -18564,6 +18646,7 @@
   exports2.uploaderProps = uploaderProps;
   exports2.useAllTabStatus = useAllTabStatus;
   exports2.useCurrentLang = useCurrentLang;
+  exports2.useGlobalZIndex = useGlobalZIndex;
   exports2.useTabStatus = useTabStatus;
   exports2.version = version;
   exports2.watermarkProps = watermarkProps;