vant 4.9.20 → 4.9.22

package/lib/vant.es.js

@@ -389,7 +389,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, {
@@ -432,7 +432,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 = inject(POPUP_TOGGLE_KEY, null);
   if (popupToggleStatus) {
@@ -2983,8 +2983,20 @@ var stdin_default$1D = defineComponent({
     })]);
   }
 });
-const TAB_STATUS_KEY = Symbol();
+const TAB_STATUS_KEY = /* @__PURE__ */ Symbol();
+const ALL_TAB_STATUS_KEY = /* @__PURE__ */ Symbol();
 const useTabStatus = () => inject(TAB_STATUS_KEY, null);
+const useAllTabStatus = () => inject(ALL_TAB_STATUS_KEY, null);
+const useProvideTabStatus = (status) => {
+  const allTabStatus = useAllTabStatus();
+  provide(TAB_STATUS_KEY, status);
+  provide(
+    ALL_TAB_STATUS_KEY,
+    computed(() => {
+      return (allTabStatus == null || allTabStatus.value) && status.value;
+    })
+  );
+};
 const [name$1s, bem$1o] = createNamespace("tab");
 const TabTitle = defineComponent({
   name: name$1s,
@@ -3231,7 +3243,7 @@ var stdin_default$1B = defineComponent({
       parent.setLine();
       parent.scrollIntoView();
     });
-    provide(TAB_STATUS_KEY, active);
+    useProvideTabStatus(active);
     useExpose({
       id,
       renderTitle
@@ -4292,7 +4304,7 @@ var stdin_default$1v = 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);
@@ -4318,7 +4330,7 @@ var stdin_default$1v = 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) {
@@ -4329,7 +4341,7 @@ var stdin_default$1v = 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;
@@ -5555,7 +5567,7 @@ var stdin_default$1n = defineComponent({
     const direction = computed(() => getParentProp("direction"));
     const iconStyle = computed(() => {
       const checkedColor = props2.checkedColor || getParentProp("checkedColor");
-      if (checkedColor && props2.checked && !disabled.value) {
+      if (checkedColor && (props2.checked || props2.indeterminate) && !disabled.value) {
         return {
           borderColor: checkedColor,
           backgroundColor: checkedColor
@@ -10167,13 +10179,7 @@ const floatingBubbleProps = {
   icon: String,
   axis: makeStringProp("y"),
   magnetic: String,
-  offset: {
-    type: Object,
-    default: () => ({
-      x: -1,
-      y: -1
-    })
-  },
+  offset: Object,
   teleport: {
     type: [String, Object],
     default: "body"
@@ -10227,8 +10233,8 @@ var stdin_default$S = defineComponent({
         offset
       } = props2;
       state.value = {
-        x: offset.x > -1 ? offset.x : windowWidth.value - width - gapX.value,
-        y: offset.y > -1 ? offset.y : windowHeight.value - height - gapY.value,
+        x: offset ? offset.x : windowWidth.value - width - gapX.value,
+        y: offset ? offset.y : windowHeight.value - height - gapY.value,
         width,
         height
       };
@@ -10334,6 +10340,7 @@ const floatingPanelProps = {
   height: makeNumericProp(0),
   anchors: makeArrayProp(),
   duration: makeNumericProp(0.3),
+  magnetic: truthProp,
   contentDraggable: truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: truthProp
@@ -10410,7 +10417,15 @@ var stdin_default$R = defineComponent({
     const onTouchend = () => {
       maxScroll = -1;
       dragging.value = false;
-      height.value = closest(anchors.value, height.value);
+      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
@@ -10449,7 +10464,10 @@ var stdin_default$R = defineComponent({
         "onTouchcancel": onTouchend
       }, [renderHeader(), 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)])]);
     };
   }
@@ -11637,7 +11655,10 @@ const listProps = {
   scroller: Object,
   errorText: String,
   direction: makeStringProp("down"),
-  loadingText: String,
+  loadingText: {
+    type: String,
+    default: ""
+  },
   finishedText: String,
   immediateCheck: truthProp
 };
@@ -11652,7 +11673,7 @@ var stdin_default$J = defineComponent({
     const loading = ref(props2.loading);
     const root = ref();
     const placeholder = ref();
-    const tabStatus = useTabStatus();
+    const tabStatus = useAllTabStatus();
     const scrollParent = useScrollParent(root);
     const scroller = computed(() => props2.scroller || scrollParent.value);
     const check = () => {
@@ -11714,7 +11735,7 @@ var stdin_default$J = defineComponent({
       if (loading.value && !props2.finished && !props2.disabled) {
         return createVNode("div", {
           "class": bem$A("loading")
-        }, [slots.loading ? slots.loading() : createVNode(Loading, {
+        }, [slots.loading ? slots.loading() : props2.loadingText != null && createVNode(Loading, {
           "class": bem$A("loading-icon")
         }, {
           default: () => [props2.loadingText || t$7("loading")]
@@ -12852,6 +12873,7 @@ var stdin_default$A = defineComponent({
   props: progressProps,
   setup(props2) {
     const background = computed(() => props2.inactive ? void 0 : props2.color);
+    const format2 = (rate) => Math.min(Math.max(+rate, 0), 100);
     const renderPivot = () => {
       const {
         textColor,
@@ -12859,12 +12881,13 @@ var stdin_default$A = defineComponent({
         pivotColor,
         percentage
       } = props2;
+      const safePercentage = format2(percentage);
       const text = pivotText != null ? pivotText : `${percentage}%`;
       if (props2.showPivot && text) {
         const style = {
           color: textColor,
-          left: `${+percentage}%`,
-          transform: `translate(-${+percentage}%,-50%)`,
+          left: `${safePercentage}%`,
+          transform: `translate(-${safePercentage}%,-50%)`,
           background: pivotColor || background.value
         };
         return createVNode("span", {
@@ -12881,12 +12904,13 @@ var stdin_default$A = defineComponent({
         percentage,
         strokeWidth
       } = props2;
+      const safePercentage = format2(percentage);
       const rootStyle = {
         background: trackColor,
         height: addUnit(strokeWidth)
       };
       const portionStyle = {
-        width: `${percentage}%`,
+        width: `${safePercentage}%`,
         background: background.value
       };
       return createVNode("div", {
@@ -13511,6 +13535,7 @@ var stdin_default$v = defineComponent({
           "with-message": fieldAttrs.errorMessage
         }),
         "border": false,
+        "labelAlign": "left",
         "onBlur": onBlur,
         "onFocus": onFocus,
         "onClear": onClear,
@@ -14626,6 +14651,9 @@ var stdin_default$e = 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;
@@ -15536,7 +15564,7 @@ var stdin_default$8 = 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 [];
         }
@@ -17099,7 +17127,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.20";
+const version = "4.9.22";
 function install(app) {
   const components = [
     ActionBar,
@@ -17435,7 +17463,9 @@ export {
   toastProps,
   treeSelectProps,
   uploaderProps,
+  useAllTabStatus,
   useCurrentLang,
+  useTabStatus,
   version,
   watermarkProps
 };

package/lib/vant.js

@@ -745,7 +745,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 +788,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) {
@@ -2353,7 +2353,7 @@
     return propRef;
   };
   /**
-  * @vue/shared v3.5.16
+  * @vue/shared v3.5.25
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3418,8 +3418,20 @@
       })]);
     }
   });
-  const 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) => {
+    const allTabStatus = useAllTabStatus();
+    vue.provide(TAB_STATUS_KEY, status);
+    vue.provide(
+      ALL_TAB_STATUS_KEY,
+      vue.computed(() => {
+        return (allTabStatus == null || allTabStatus.value) && status.value;
+      })
+    );
+  };
   const [name$1s, bem$1o] = createNamespace("tab");
   const TabTitle = vue.defineComponent({
     name: name$1s,
@@ -3660,7 +3672,7 @@
         parent.setLine();
         parent.scrollIntoView();
       });
-      vue.provide(TAB_STATUS_KEY, active);
+      useProvideTabStatus(active);
       useExpose({
         id,
         renderTitle
@@ -4721,7 +4733,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);
@@ -4747,7 +4759,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) {
@@ -4758,7 +4770,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;
@@ -5984,7 +5996,7 @@
       const direction = vue.computed(() => getParentProp("direction"));
       const iconStyle = vue.computed(() => {
         const checkedColor = props2.checkedColor || getParentProp("checkedColor");
-        if (checkedColor && props2.checked && !disabled.value) {
+        if (checkedColor && (props2.checked || props2.indeterminate) && !disabled.value) {
           return {
             borderColor: checkedColor,
             backgroundColor: checkedColor
@@ -10570,13 +10582,7 @@
     icon: String,
     axis: makeStringProp("y"),
     magnetic: String,
-    offset: {
-      type: Object,
-      default: () => ({
-        x: -1,
-        y: -1
-      })
-    },
+    offset: Object,
     teleport: {
       type: [String, Object],
       default: "body"
@@ -10630,8 +10636,8 @@
           offset
         } = props2;
         state.value = {
-          x: offset.x > -1 ? offset.x : windowWidth.value - width - gapX.value,
-          y: offset.y > -1 ? offset.y : windowHeight.value - height - gapY.value,
+          x: offset ? offset.x : windowWidth.value - width - gapX.value,
+          y: offset ? offset.y : windowHeight.value - height - gapY.value,
           width,
           height
         };
@@ -10737,6 +10743,7 @@
     height: makeNumericProp(0),
     anchors: makeArrayProp(),
     duration: makeNumericProp(0.3),
+    magnetic: truthProp,
     contentDraggable: truthProp,
     lockScroll: Boolean,
     safeAreaInsetBottom: truthProp
@@ -10813,7 +10820,15 @@
       const onTouchend = () => {
         maxScroll = -1;
         dragging.value = false;
-        height.value = closest(anchors.value, height.value);
+        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
@@ -10852,7 +10867,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)])]);
       };
     }
@@ -12034,7 +12052,10 @@
     scroller: Object,
     errorText: String,
     direction: makeStringProp("down"),
-    loadingText: String,
+    loadingText: {
+      type: String,
+      default: ""
+    },
     finishedText: String,
     immediateCheck: truthProp
   };
@@ -12049,7 +12070,7 @@
       const loading = vue.ref(props2.loading);
       const root = vue.ref();
       const placeholder = vue.ref();
-      const tabStatus = useTabStatus();
+      const tabStatus = useAllTabStatus();
       const scrollParent = useScrollParent(root);
       const scroller = vue.computed(() => props2.scroller || scrollParent.value);
       const check = () => {
@@ -12111,7 +12132,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")]
@@ -13554,7 +13575,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,
@@ -13562,11 +13583,11 @@
       placement: state.placement
     });
   }
-  const popperOffsets = {
+  const modifiers_popperOffsets = {
     name: "popperOffsets",
     enabled: true,
     phase: "read",
-    fn: popperOffsets_popperOffsets,
+    fn: popperOffsets,
     data: {}
   };
   var unsetSides = {
@@ -13643,7 +13664,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 = {
@@ -13670,11 +13691,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) {
@@ -13738,8 +13759,8 @@
   };
   var popper_lite_defaultModifiers = [
     eventListeners,
-    popperOffsets,
-    computeStyles,
+    modifiers_popperOffsets,
+    modifiers_computeStyles,
     modifiers_applyStyles
   ];
   var popper_lite_createPopper = /* @__PURE__ */ popperGenerator({
@@ -14000,6 +14021,7 @@
     props: progressProps,
     setup(props2) {
       const background = vue.computed(() => props2.inactive ? void 0 : props2.color);
+      const format2 = (rate) => Math.min(Math.max(+rate, 0), 100);
       const renderPivot = () => {
         const {
           textColor,
@@ -14007,12 +14029,13 @@
           pivotColor,
           percentage
         } = props2;
+        const safePercentage = format2(percentage);
         const text = pivotText != null ? pivotText : `${percentage}%`;
         if (props2.showPivot && text) {
           const style = {
             color: textColor,
-            left: `${+percentage}%`,
-            transform: `translate(-${+percentage}%,-50%)`,
+            left: `${safePercentage}%`,
+            transform: `translate(-${safePercentage}%,-50%)`,
             background: pivotColor || background.value
           };
           return vue.createVNode("span", {
@@ -14029,12 +14052,13 @@
           percentage,
           strokeWidth
         } = props2;
+        const safePercentage = format2(percentage);
         const rootStyle = {
           background: trackColor,
           height: addUnit(strokeWidth)
         };
         const portionStyle = {
-          width: `${percentage}%`,
+          width: `${safePercentage}%`,
           background: background.value
         };
         return vue.createVNode("div", {
@@ -14659,6 +14683,7 @@
             "with-message": fieldAttrs.errorMessage
           }),
           "border": false,
+          "labelAlign": "left",
           "onBlur": onBlur,
           "onFocus": onFocus,
           "onClear": onClear,
@@ -15768,6 +15793,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;
@@ -18218,7 +18246,7 @@
       });
     }
   };
-  const version = "4.9.20";
+  const version = "4.9.22";
   function install(app) {
     const components = [
       ActionBar,
@@ -18553,7 +18581,9 @@
   exports2.toastProps = toastProps;
   exports2.treeSelectProps = treeSelectProps;
   exports2.uploaderProps = uploaderProps;
+  exports2.useAllTabStatus = useAllTabStatus;
   exports2.useCurrentLang = useCurrentLang;
+  exports2.useTabStatus = useTabStatus;
   exports2.version = version;
   exports2.watermarkProps = watermarkProps;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });