vant 4.9.20 → 4.9.21

package/lib/vant.cjs.js

@@ -2986,7 +2986,19 @@ var stdin_default$1D = vue.defineComponent({
   }
 });
 const TAB_STATUS_KEY = Symbol();
+const ALL_TAB_STATUS_KEY = 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,
@@ -3233,7 +3245,7 @@ var stdin_default$1B = vue.defineComponent({
       parent.setLine();
       parent.scrollIntoView();
     });
-    vue.provide(TAB_STATUS_KEY, active);
+    useProvideTabStatus(active);
     useExpose({
       id,
       renderTitle
@@ -5557,7 +5569,7 @@ var stdin_default$1n = vue.defineComponent({
     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
@@ -10169,13 +10181,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"
@@ -10229,8 +10235,8 @@ var stdin_default$S = vue.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
       };
@@ -11654,7 +11660,7 @@ var stdin_default$J = vue.defineComponent({
     const loading = vue.ref(props2.loading);
     const root = vue.ref();
     const placeholder = vue.ref();
-    const tabStatus = useTabStatus();
+    const tabStatus = useAllTabStatus();
     const scrollParent = use.useScrollParent(root);
     const scroller = vue.computed(() => props2.scroller || scrollParent.value);
     const check = () => {
@@ -12854,6 +12860,7 @@ var stdin_default$A = vue.defineComponent({
   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,
@@ -12861,12 +12868,13 @@ var stdin_default$A = vue.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 vue.createVNode("span", {
@@ -12883,12 +12891,13 @@ var stdin_default$A = vue.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 vue.createVNode("div", {
@@ -17101,7 +17110,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.20";
+const version = "4.9.21";
 function install(app) {
   const components = [
     ActionBar,
@@ -17436,6 +17445,8 @@ exports.timePickerProps = timePickerProps;
 exports.toastProps = toastProps;
 exports.treeSelectProps = treeSelectProps;
 exports.uploaderProps = uploaderProps;
+exports.useAllTabStatus = useAllTabStatus;
 exports.useCurrentLang = useCurrentLang;
+exports.useTabStatus = useTabStatus;
 exports.version = version;
 exports.watermarkProps = watermarkProps;

package/lib/vant.es.js

@@ -2984,7 +2984,19 @@ var stdin_default$1D = defineComponent({
   }
 });
 const TAB_STATUS_KEY = Symbol();
+const ALL_TAB_STATUS_KEY = 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
@@ -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
       };
@@ -11652,7 +11658,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 = () => {
@@ -12852,6 +12858,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 +12866,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 +12889,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", {
@@ -17099,7 +17108,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.9.20";
+const version = "4.9.21";
 function install(app) {
   const components = [
     ActionBar,
@@ -17435,7 +17444,9 @@ export {
   toastProps,
   treeSelectProps,
   uploaderProps,
+  useAllTabStatus,
   useCurrentLang,
+  useTabStatus,
   version,
   watermarkProps
 };

package/lib/vant.js

@@ -2353,7 +2353,7 @@
     return propRef;
   };
   /**
-  * @vue/shared v3.5.16
+  * @vue/shared v3.5.17
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3419,7 +3419,19 @@
     }
   });
   const TAB_STATUS_KEY = Symbol();
+  const ALL_TAB_STATUS_KEY = 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
@@ -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
         };
@@ -12049,7 +12055,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 = () => {
@@ -14000,6 +14006,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 +14014,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 +14037,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", {
@@ -18218,7 +18227,7 @@
       });
     }
   };
-  const version = "4.9.20";
+  const version = "4.9.21";
   function install(app) {
     const components = [
       ActionBar,
@@ -18553,7 +18562,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" } });