vant 4.9.22 → 4.9.23

package/lib/vant.es.js

@@ -261,6 +261,7 @@ var stdin_default$1W = {
   tel: "电话",
   save: "保存",
   clear: "清空",
+  undo: "撤销",
   cancel: "取消",
   confirm: "确认",
   delete: "删除",
@@ -1060,7 +1061,8 @@ const actionBarIconProps = extend({}, routeProps, {
   badge: numericProp,
   iconClass: unknownProp,
   badgeProps: Object,
-  iconPrefix: String
+  iconPrefix: String,
+  disabled: Boolean
 });
 var stdin_default$1M = defineComponent({
   name: name$1D,
@@ -1100,11 +1102,18 @@ var stdin_default$1M = defineComponent({
         "classPrefix": iconPrefix
       }, null);
     };
+    const onClick = () => {
+      if (!props2.disabled) {
+        route2();
+      }
+    };
     return () => 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]);
   }
 });
@@ -4289,10 +4298,11 @@ var stdin_default$1v = 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("");
         }
@@ -10341,6 +10351,7 @@ const floatingPanelProps = {
   anchors: makeArrayProp(),
   duration: makeNumericProp(0.3),
   magnetic: truthProp,
+  draggable: truthProp,
   contentDraggable: truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: truthProp
@@ -10390,6 +10401,7 @@ var stdin_default$R = defineComponent({
     let maxScroll = -1;
     const touch = useTouch();
     const onTouchstart = (e) => {
+      if (!props2.draggable) return;
       touch.start(e);
       dragging.value = true;
       startY = -height.value;
@@ -10397,6 +10409,7 @@ var stdin_default$R = 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))) {
@@ -10416,7 +10429,13 @@ var stdin_default$R = defineComponent({
     };
     const onTouchend = () => {
       maxScroll = -1;
+      if (!dragging.value) {
+        return;
+      }
       dragging.value = false;
+      if (!props2.draggable) {
+        return;
+      }
       if (props2.magnetic) {
         height.value = closest(anchors.value, height.value);
       } else {
@@ -10445,6 +10464,9 @@ var stdin_default$R = defineComponent({
       if (slots.header) {
         return slots.header();
       }
+      if (!props2.draggable) {
+        return null;
+      }
       return createVNode("div", {
         "class": bem$I("header")
       }, [createVNode("div", {
@@ -12871,7 +12893,9 @@ const progressProps = {
 var stdin_default$A = defineComponent({
   name: name$s,
   props: progressProps,
-  setup(props2) {
+  setup(props2, {
+    slots
+  }) {
     const background = computed(() => props2.inactive ? void 0 : props2.color);
     const format2 = (rate) => Math.min(Math.max(+rate, 0), 100);
     const renderPivot = () => {
@@ -12882,8 +12906,8 @@ var stdin_default$A = 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}%`,
@@ -12895,7 +12919,9 @@ var stdin_default$A = defineComponent({
           "class": bem$r("pivot", {
             inactive: props2.inactive
           })
-        }, [text]);
+        }, [slots.pivot ? slots.pivot({
+          percentage: safePercentage
+        }) : text]);
       }
     };
     return () => {
@@ -13787,6 +13813,8 @@ const signatureProps = {
   type: makeStringProp("png"),
   penColor: makeStringProp("#000"),
   lineWidth: makeNumberProp(3),
+  historySize: makeNumberProp(20),
+  undoButtonText: String,
   clearButtonText: String,
   backgroundColor: makeStringProp(""),
   confirmButtonText: String
@@ -13814,6 +13842,15 @@ var stdin_default$r = defineComponent({
     let canvasWidth = 0;
     let canvasHeight = 0;
     let canvasRect;
+    const history = 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;
@@ -13840,6 +13877,7 @@ var stdin_default$r = defineComponent({
     };
     const touchEnd = (event) => {
       preventDefault(event);
+      saveState();
       emit("end");
     };
     const isCanvasEmpty = (canvas) => {
@@ -13880,8 +13918,21 @@ var stdin_default$r = 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) {
@@ -13905,7 +13956,8 @@ var stdin_default$r = defineComponent({
     useExpose({
       resize,
       clear,
-      submit
+      submit,
+      undo
     });
     return () => createVNode("div", {
       "class": bem$i()
@@ -13924,6 +13976,11 @@ var stdin_default$r = defineComponent({
       "onClick": clear
     }, {
       default: () => [props2.clearButtonText || t$2("clear")]
+    }), createVNode(Button, {
+      "size": "small",
+      "onClick": undo
+    }, {
+      default: () => [props2.undoButtonText || t$2("undo")]
     }), createVNode(Button, {
       "type": "primary",
       "size": "small",
@@ -14965,6 +15022,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
 };
@@ -15013,8 +15075,8 @@ var stdin_default$c = 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);
@@ -17127,7 +17189,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.22";
+const version = "4.9.23";
 function install(app) {
   const components = [
     ActionBar,
@@ -17426,6 +17488,7 @@ export {
   rowProps,
   searchProps,
   setDialogDefaultOptions,
+  setGlobalZIndex,
   setNotifyDefaultOptions,
   setToastDefaultOptions,
   shareSheetProps,
@@ -17465,6 +17528,7 @@ export {
   uploaderProps,
   useAllTabStatus,
   useCurrentLang,
+  useGlobalZIndex,
   useTabStatus,
   version,
   watermarkProps

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: "删除",
@@ -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.25
+  * @vue/shared v3.5.31
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -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("");
           }
@@ -10744,6 +10754,7 @@
     anchors: makeArrayProp(),
     duration: makeNumericProp(0.3),
     magnetic: truthProp,
+    draggable: truthProp,
     contentDraggable: truthProp,
     lockScroll: Boolean,
     safeAreaInsetBottom: truthProp
@@ -10793,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;
@@ -10800,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))) {
@@ -10819,7 +10832,13 @@
       };
       const onTouchend = () => {
         maxScroll = -1;
+        if (!dragging.value) {
+          return;
+        }
         dragging.value = false;
+        if (!props2.draggable) {
+          return;
+        }
         if (props2.magnetic) {
           height.value = closest(anchors.value, height.value);
         } else {
@@ -10848,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", {
@@ -13080,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;
   }
@@ -14019,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 = () => {
@@ -14030,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}%`,
@@ -14043,7 +14067,9 @@
             "class": bem$r("pivot", {
               inactive: props2.inactive
             })
-          }, [text]);
+          }, [slots.pivot ? slots.pivot({
+            percentage: safePercentage
+          }) : text]);
         }
       };
       return () => {
@@ -14932,6 +14958,8 @@
     type: makeStringProp("png"),
     penColor: makeStringProp("#000"),
     lineWidth: makeNumberProp(3),
+    historySize: makeNumberProp(20),
+    undoButtonText: String,
     clearButtonText: String,
     backgroundColor: makeStringProp(""),
     confirmButtonText: String
@@ -14959,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;
@@ -14985,6 +15022,7 @@
       };
       const touchEnd = (event) => {
         preventDefault(event);
+        saveState();
         emit("end");
       };
       const isCanvasEmpty = (canvas) => {
@@ -15025,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) {
@@ -15050,7 +15101,8 @@
       useExpose({
         resize,
         clear,
-        submit
+        submit,
+        undo
       });
       return () => vue.createVNode("div", {
         "class": bem$i()
@@ -15069,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",
@@ -16107,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
   };
@@ -16155,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);
@@ -18246,7 +18308,7 @@
       });
     }
   };
-  const version = "4.9.22";
+  const version = "4.9.23";
   function install(app) {
     const components = [
       ActionBar,
@@ -18544,6 +18606,7 @@
   exports2.rowProps = rowProps;
   exports2.searchProps = searchProps;
   exports2.setDialogDefaultOptions = setDialogDefaultOptions;
+  exports2.setGlobalZIndex = setGlobalZIndex;
   exports2.setNotifyDefaultOptions = setNotifyDefaultOptions;
   exports2.setToastDefaultOptions = setToastDefaultOptions;
   exports2.shareSheetProps = shareSheetProps;
@@ -18583,6 +18646,7 @@
   exports2.uploaderProps = uploaderProps;
   exports2.useAllTabStatus = useAllTabStatus;
   exports2.useCurrentLang = useCurrentLang;
+  exports2.useGlobalZIndex = useGlobalZIndex;
   exports2.useTabStatus = useTabStatus;
   exports2.version = version;
   exports2.watermarkProps = watermarkProps;