vant 4.2.0 → 4.2.1

package/lib/vant.js

@@ -626,7 +626,7 @@
     });
     return to;
   }
-  var stdin_default$1P = {
+  var stdin_default$1O = {
     name: "姓名",
     tel: "电话",
     save: "保存",
@@ -689,7 +689,7 @@
   };
   const lang = vue.ref("zh-CN");
   const messages = vue.reactive({
-    "zh-CN": stdin_default$1P
+    "zh-CN": stdin_default$1O
   });
   const Locale = {
     messages() {
@@ -704,11 +704,11 @@
     }
   };
   const useCurrentLang = () => lang;
-  var stdin_default$1O = Locale;
+  var stdin_default$1N = Locale;
   function createTranslate(name2) {
     const prefix = camelize(name2) + ".";
     return (path, ...args) => {
-      const messages2 = stdin_default$1O.messages();
+      const messages2 = stdin_default$1N.messages();
       const message = get(messages2, prefix + path) || get(messages2, path);
       return isFunction(message) ? message(...args) : message;
     };
@@ -836,7 +836,7 @@
     placeholder: Boolean,
     safeAreaInsetBottom: truthProp
   };
-  var stdin_default$1N = vue.defineComponent({
+  var stdin_default$1M = vue.defineComponent({
     name: name$1D,
     props: actionBarProps,
     setup(props, {
@@ -865,7 +865,7 @@
       };
     }
   });
-  const ActionBar = withInstall(stdin_default$1N);
+  const ActionBar = withInstall(stdin_default$1M);
   function useExpose(apis) {
     const instance2 = vue.getCurrentInstance();
     if (instance2) {
@@ -904,7 +904,7 @@
     showZero: truthProp,
     position: makeStringProp("top-right")
   };
-  var stdin_default$1M = vue.defineComponent({
+  var stdin_default$1L = vue.defineComponent({
     name: name$1C,
     props: badgeProps,
     setup(props, {
@@ -991,7 +991,7 @@
       };
     }
   });
-  const Badge = withInstall(stdin_default$1M);
+  const Badge = withInstall(stdin_default$1L);
   let globalZIndex = 2e3;
   const useGlobalZIndex = () => ++globalZIndex;
   const setGlobalZIndex = (val) => {
@@ -1015,7 +1015,7 @@
     });
     return cssVars;
   }
-  var stdin_default$1L = vue.defineComponent({
+  var stdin_default$1K = vue.defineComponent({
     name: name$1B,
     props: configProviderProps,
     setup(props, {
@@ -1070,7 +1070,7 @@
     badgeProps: Object,
     classPrefix: String
   };
-  var stdin_default$1K = vue.defineComponent({
+  var stdin_default$1J = vue.defineComponent({
     name: name$1A,
     props: iconProps,
     setup(props, {
@@ -1109,7 +1109,7 @@
       };
     }
   });
-  const Icon = withInstall(stdin_default$1K);
+  const Icon = withInstall(stdin_default$1J);
   const [name$1z, bem$1u] = createNamespace("loading");
   const SpinIcon = Array(12).fill(null).map((_, index) => vue.createVNode("i", {
     "class": bem$1u("line", String(index + 1))
@@ -1131,7 +1131,7 @@
     textSize: numericProp,
     textColor: String
   };
-  var stdin_default$1J = vue.defineComponent({
+  var stdin_default$1I = vue.defineComponent({
     name: name$1z,
     props: loadingProps,
     setup(props, {
@@ -1174,7 +1174,7 @@
       };
     }
   });
-  const Loading = withInstall(stdin_default$1J);
+  const Loading = withInstall(stdin_default$1I);
   const [name$1y, bem$1t] = createNamespace("button");
   const buttonProps = extend({}, routeProps, {
     tag: makeStringProp("button"),
@@ -1197,7 +1197,7 @@
     loadingType: String,
     iconPosition: makeStringProp("left")
   });
-  var stdin_default$1I = vue.defineComponent({
+  var stdin_default$1H = vue.defineComponent({
     name: name$1y,
     props: buttonProps,
     emits: ["click"],
@@ -1314,7 +1314,7 @@
       };
     }
   });
-  const Button = withInstall(stdin_default$1I);
+  const Button = withInstall(stdin_default$1H);
   const [name$1x, bem$1s] = createNamespace("action-bar-button");
   const actionBarButtonProps = extend({}, routeProps, {
     type: String,
@@ -1324,7 +1324,7 @@
     loading: Boolean,
     disabled: Boolean
   });
-  var stdin_default$1H = vue.defineComponent({
+  var stdin_default$1G = vue.defineComponent({
     name: name$1x,
     props: actionBarButtonProps,
     setup(props, {
@@ -1377,7 +1377,7 @@
       };
     }
   });
-  const ActionBarButton = withInstall(stdin_default$1H);
+  const ActionBarButton = withInstall(stdin_default$1G);
   const [name$1w, bem$1r] = createNamespace("action-bar-icon");
   const actionBarIconProps = extend({}, routeProps, {
     dot: Boolean,
@@ -1389,7 +1389,7 @@
     badgeProps: Object,
     iconPrefix: String
   });
-  var stdin_default$1G = vue.defineComponent({
+  var stdin_default$1F = vue.defineComponent({
     name: name$1w,
     props: actionBarIconProps,
     setup(props, {
@@ -1435,7 +1435,7 @@
       }, [renderIcon(), slots.default ? slots.default() : props.text]);
     }
   });
-  const ActionBarIcon = withInstall(stdin_default$1G);
+  const ActionBarIcon = withInstall(stdin_default$1F);
   const popupSharedProps = {
     // whether to show popup
     show: Boolean,
@@ -1596,7 +1596,7 @@
     lazyRender: truthProp,
     customStyle: Object
   };
-  var stdin_default$1F = vue.defineComponent({
+  var stdin_default$1E = vue.defineComponent({
     name: name$1v,
     props: overlayProps,
     setup(props, {
@@ -1632,7 +1632,7 @@
       });
     }
   });
-  const Overlay = withInstall(stdin_default$1F);
+  const Overlay = withInstall(stdin_default$1E);
   const popupProps$2 = extend({}, popupSharedProps, {
     round: Boolean,
     position: makeStringProp("center"),
@@ -1646,7 +1646,7 @@
     safeAreaInsetBottom: Boolean
   });
   const [name$1u, bem$1p] = createNamespace("popup");
-  var stdin_default$1E = vue.defineComponent({
+  var stdin_default$1D = vue.defineComponent({
     name: name$1u,
     inheritAttrs: false,
     props: popupProps$2,
@@ -1824,7 +1824,7 @@
       };
     }
   });
-  const Popup = withInstall(stdin_default$1E);
+  const Popup = withInstall(stdin_default$1D);
   const [name$1t, bem$1o] = createNamespace("action-sheet");
   const actionSheetProps = extend({}, popupSharedProps, {
     title: String,
@@ -1839,7 +1839,7 @@
     safeAreaInsetBottom: truthProp
   });
   const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-  var stdin_default$1D = vue.defineComponent({
+  var stdin_default$1C = vue.defineComponent({
     name: name$1t,
     props: actionSheetProps,
     emits: ["select", "cancel", "update:show"],
@@ -1946,7 +1946,7 @@
       });
     }
   });
-  const ActionSheet = withInstall(stdin_default$1D);
+  const ActionSheet = withInstall(stdin_default$1C);
   const [name$1s, bem$1n, t$j] = createNamespace("picker");
   const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
   function getColumnsType(columns, fields) {
@@ -2018,7 +2018,7 @@
   const MOMENTUM_DISTANCE = 15;
   const [name$1r, bem$1m] = createNamespace("picker-column");
   const PICKER_KEY = Symbol(name$1r);
-  var stdin_default$1C = vue.defineComponent({
+  var stdin_default$1B = vue.defineComponent({
     name: name$1r,
     props: {
       value: numericProp,
@@ -2030,7 +2030,7 @@
       swipeDuration: makeRequiredProp(numericProp),
       visibleOptionNum: makeRequiredProp(numericProp)
     },
-    emits: ["change", "clickOption"],
+    emits: ["change", "clickOption", "scrollInto"],
     setup(props, {
       emit,
       slots
@@ -2074,6 +2074,7 @@
         emit("clickOption", props.options[index]);
       };
       const getIndexByOffset = (offset2) => clamp(Math.round(-offset2 / props.optionHeight), 0, count() - 1);
+      const currentIndex = vue.computed(() => getIndexByOffset(currentOffset.value));
       const momentum = (distance, duration) => {
         const speed = Math.abs(distance / duration);
         distance = currentOffset.value + speed / 3e-3 * (distance < 0 ? -1 : 1);
@@ -2113,11 +2114,16 @@
           moving = true;
           preventDefault(event, true);
         }
-        currentOffset.value = clamp(startOffset + touch.deltaY.value, -(count() * props.optionHeight), props.optionHeight);
+        const newOffset = clamp(startOffset + touch.deltaY.value, -(count() * props.optionHeight), props.optionHeight);
+        const newIndex = getIndexByOffset(newOffset);
+        if (newIndex !== currentIndex.value) {
+          emit("scrollInto", props.options[newIndex]);
+        }
+        currentOffset.value = newOffset;
         const now = Date.now();
         if (now - touchStartTime > MOMENTUM_TIME) {
           touchStartTime = now;
-          momentumOffset = currentOffset.value;
+          momentumOffset = newOffset;
         }
       };
       const onTouchEnd = () => {
@@ -2204,7 +2210,7 @@
   };
   const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
   const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-  var stdin_default$1B = vue.defineComponent({
+  var stdin_default$1A = vue.defineComponent({
     name: name$1q,
     props: pickerToolbarProps,
     emits: ["confirm", "cancel"],
@@ -2330,7 +2336,7 @@
     offsetTop: makeNumericProp(0),
     offsetBottom: makeNumericProp(0)
   };
-  var stdin_default$1A = vue.defineComponent({
+  var stdin_default$1z = vue.defineComponent({
     name: name$1p,
     props: stickyProps,
     emits: ["scroll", "change"],
@@ -2348,8 +2354,12 @@
         // root height
         transform: 0
       });
+      const isReset = vue.ref(false);
       const offset2 = vue.computed(() => unitToPx(props.position === "top" ? props.offsetTop : props.offsetBottom));
       const rootStyle = vue.computed(() => {
+        if (isReset.value) {
+          return;
+        }
         const {
           fixed,
           height: height2,
@@ -2363,7 +2373,7 @@
         }
       });
       const stickyStyle = vue.computed(() => {
-        if (!state.fixed) {
+        if (!state.fixed || isReset.value) {
           return;
         }
         const style = extend(getZIndexStyle(props.zIndex), {
@@ -2422,6 +2432,18 @@
         passive: true
       });
       useVisibilityChange(root, onScroll);
+      vue.watch([windowWidth, windowHeight], () => {
+        if (!root.value || isHidden(root) || !state.fixed) {
+          return;
+        }
+        isReset.value = true;
+        vue.nextTick(() => {
+          const rootRect = useRect(root);
+          state.width = rootRect.width;
+          state.height = rootRect.height;
+          isReset.value = false;
+        });
+      });
       return () => {
         var _a;
         return vue.createVNode("div", {
@@ -2429,98 +2451,15 @@
           "style": rootStyle.value
         }, [vue.createVNode("div", {
           "class": bem$1l({
-            fixed: state.fixed
+            fixed: state.fixed && !isReset.value
           }),
           "style": stickyStyle.value
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
       };
     }
   });
-  const Sticky = withInstall(stdin_default$1A);
-  const [name$1o, bem$1k] = createNamespace("tab");
-  var stdin_default$1z = vue.defineComponent({
-    name: name$1o,
-    props: {
-      id: String,
-      dot: Boolean,
-      type: String,
-      color: String,
-      title: String,
-      badge: numericProp,
-      shrink: Boolean,
-      isActive: Boolean,
-      disabled: Boolean,
-      controls: String,
-      scrollable: Boolean,
-      activeColor: String,
-      inactiveColor: String,
-      showZeroBadge: truthProp
-    },
-    setup(props, {
-      slots
-    }) {
-      const style = vue.computed(() => {
-        const style2 = {};
-        const {
-          type,
-          color,
-          disabled,
-          isActive,
-          activeColor,
-          inactiveColor
-        } = props;
-        const isCard = type === "card";
-        if (color && isCard) {
-          style2.borderColor = color;
-          if (!disabled) {
-            if (isActive) {
-              style2.backgroundColor = color;
-            } else {
-              style2.color = color;
-            }
-          }
-        }
-        const titleColor = isActive ? activeColor : inactiveColor;
-        if (titleColor) {
-          style2.color = titleColor;
-        }
-        return style2;
-      });
-      const renderText = () => {
-        const Text = vue.createVNode("span", {
-          "class": bem$1k("text", {
-            ellipsis: !props.scrollable
-          })
-        }, [slots.title ? slots.title() : props.title]);
-        if (props.dot || isDef(props.badge) && props.badge !== "") {
-          return vue.createVNode(Badge, {
-            "dot": props.dot,
-            "content": props.badge,
-            "showZero": props.showZeroBadge
-          }, {
-            default: () => [Text]
-          });
-        }
-        return Text;
-      };
-      return () => vue.createVNode("div", {
-        "id": props.id,
-        "role": "tab",
-        "class": [bem$1k([props.type, {
-          grow: props.scrollable && !props.shrink,
-          shrink: props.shrink,
-          active: props.isActive,
-          disabled: props.disabled
-        }])],
-        "style": style.value,
-        "tabindex": props.disabled ? void 0 : props.isActive ? 0 : -1,
-        "aria-selected": props.isActive,
-        "aria-disabled": props.disabled || void 0,
-        "aria-controls": props.controls
-      }, [renderText()]);
-    }
-  });
-  const [name$1n, bem$1j] = createNamespace("swipe");
+  const Sticky = withInstall(stdin_default$1z);
+  const [name$1o, bem$1k] = createNamespace("swipe");
   const swipeProps = {
     loop: truthProp,
     width: numericProp,
@@ -2535,9 +2474,9 @@
     showIndicators: truthProp,
     stopPropagation: truthProp
   };
-  const SWIPE_KEY = Symbol(name$1n);
+  const SWIPE_KEY = Symbol(name$1o);
   var stdin_default$1y = vue.defineComponent({
-    name: name$1n,
+    name: name$1o,
     props: swipeProps,
     emits: ["change", "dragStart", "dragEnd"],
     setup(props, {
@@ -2815,7 +2754,7 @@
         } : void 0;
         return vue.createVNode("i", {
           "style": style,
-          "class": bem$1j("indicator", {
+          "class": bem$1k("indicator", {
             active
           })
         }, null);
@@ -2829,7 +2768,7 @@
         }
         if (props.showIndicators && count.value > 1) {
           return vue.createVNode("div", {
-            "class": bem$1j("indicators", {
+            "class": bem$1k("indicators", {
               vertical: props.vertical
             })
           }, [Array(count.value).fill("").map(renderDot)]);
@@ -2871,11 +2810,11 @@
         var _a;
         return vue.createVNode("div", {
           "ref": root,
-          "class": bem$1j()
+          "class": bem$1k()
         }, [vue.createVNode("div", {
           "ref": track,
           "style": trackStyle.value,
-          "class": bem$1j("track", {
+          "class": bem$1k("track", {
             vertical: props.vertical
           }),
           "onTouchstartPassive": onTouchStart,
@@ -2886,9 +2825,9 @@
     }
   });
   const Swipe = withInstall(stdin_default$1y);
-  const [name$1m, bem$1i] = createNamespace("tabs");
+  const [name$1n, bem$1j] = createNamespace("tabs");
   var stdin_default$1x = vue.defineComponent({
-    name: name$1m,
+    name: name$1n,
     props: {
       count: makeRequiredProp(Number),
       inited: Boolean,
@@ -2912,7 +2851,7 @@
           return vue.createVNode(Swipe, {
             "ref": swipeRef,
             "loop": false,
-            "class": bem$1i("track"),
+            "class": bem$1j("track"),
             "duration": +props.duration * 1e3,
             "touchable": props.swipeable,
             "lazyRender": props.lazyRender,
@@ -2940,13 +2879,13 @@
         swipeRef
       });
       return () => vue.createVNode("div", {
-        "class": bem$1i("content", {
+        "class": bem$1j("content", {
           animated: props.animated || props.swipeable
         })
       }, [renderChildren()]);
     }
   });
-  const [name$1l, bem$1h] = createNamespace("tabs");
+  const [name$1m, bem$1i] = createNamespace("tabs");
   const tabsProps = {
     type: makeStringProp("line"),
     color: String,
@@ -2969,9 +2908,9 @@
     titleActiveColor: String,
     titleInactiveColor: String
   };
-  const TABS_KEY = Symbol(name$1l);
+  const TABS_KEY = Symbol(name$1m);
   var stdin_default$1w = vue.defineComponent({
-    name: name$1l,
+    name: name$1m,
     props: tabsProps,
     emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
     setup(props, {
@@ -3160,28 +3099,10 @@
           setCurrentIndex(index);
         }
       };
-      const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1z, vue.mergeProps({
-        "key": item.id,
-        "id": `${id}-${index}`,
-        "ref": setTitleRefs(index),
-        "type": props.type,
-        "color": props.color,
-        "style": item.titleStyle,
-        "class": item.titleClass,
-        "shrink": props.shrink,
-        "isActive": index === state.currentIndex,
-        "controls": item.id,
-        "scrollable": scrollable.value,
-        "activeColor": props.titleActiveColor,
-        "inactiveColor": props.titleInactiveColor,
-        "onClick": (event) => onClickTab(item, index, event)
-      }, pick(item, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
-        title: item.$slots.title
-      }));
       const renderLine = () => {
         if (props.type === "line" && children.length) {
           return vue.createVNode("div", {
-            "class": bem$1h("line"),
+            "class": bem$1i("line"),
             "style": state.lineStyle
           }, null);
         }
@@ -3195,19 +3116,19 @@
         } = props;
         const Header = [vue.createVNode("div", {
           "ref": sticky ? void 0 : wrapRef,
-          "class": [bem$1h("wrap"), {
+          "class": [bem$1i("wrap"), {
             [BORDER_TOP_BOTTOM]: type === "line" && border
           }]
         }, [vue.createVNode("div", {
           "ref": navRef,
           "role": "tablist",
-          "class": bem$1h("nav", [type, {
+          "class": bem$1i("nav", [type, {
             shrink: props.shrink,
             complete: scrollable.value
           }]),
           "style": navStyle.value,
           "aria-orientation": "horizontal"
-        }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), renderNav(), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
+        }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), children.map((item) => item.renderTitle(onClickTab)), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
         if (sticky) {
           return vue.createVNode("div", {
             "ref": wrapRef
@@ -3215,7 +3136,16 @@
         }
         return Header;
       };
-      vue.watch([() => props.color, windowWidth], setLine);
+      const resize = () => {
+        setLine();
+        vue.nextTick(() => {
+          var _a, _b;
+          scrollIntoView(true);
+          (_b = (_a = contentRef.value) == null ? void 0 : _a.swipeRef.value) == null ? void 0 : _b.resize();
+        });
+      };
+      vue.watch(() => [props.color, props.duration, props.lineWidth, props.lineHeight], setLine);
+      vue.watch(windowWidth, resize);
       vue.watch(() => props.active, (value) => {
         if (value !== currentName.value) {
           setCurrentIndexByName(value);
@@ -3241,13 +3171,6 @@
         });
       };
       const onRendered = (name2, title) => emit("rendered", name2, title);
-      const resize = () => {
-        setLine();
-        vue.nextTick(() => {
-          var _a, _b;
-          return (_b = (_a = contentRef.value) == null ? void 0 : _a.swipeRef.value) == null ? void 0 : _b.resize();
-        });
-      };
       useExpose({
         resize,
         scrollTo
@@ -3264,13 +3187,15 @@
         id,
         props,
         setLine,
+        scrollable,
         onRendered,
         currentName,
+        setTitleRefs,
         scrollIntoView
       });
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$1h([props.type])
+        "class": bem$1i([props.type])
       }, [props.sticky ? vue.createVNode(Sticky, {
         "container": root.value,
         "offsetTop": offsetTopPx.value,
@@ -3297,6 +3222,89 @@
   });
   const TAB_STATUS_KEY = Symbol();
   const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
+  const [name$1l, bem$1h] = createNamespace("tab");
+  const TabTitle = vue.defineComponent({
+    name: name$1l,
+    props: {
+      id: String,
+      dot: Boolean,
+      type: String,
+      color: String,
+      title: String,
+      badge: numericProp,
+      shrink: Boolean,
+      isActive: Boolean,
+      disabled: Boolean,
+      controls: String,
+      scrollable: Boolean,
+      activeColor: String,
+      inactiveColor: String,
+      showZeroBadge: truthProp
+    },
+    setup(props, {
+      slots
+    }) {
+      const style = vue.computed(() => {
+        const style2 = {};
+        const {
+          type,
+          color,
+          disabled,
+          isActive,
+          activeColor,
+          inactiveColor
+        } = props;
+        const isCard = type === "card";
+        if (color && isCard) {
+          style2.borderColor = color;
+          if (!disabled) {
+            if (isActive) {
+              style2.backgroundColor = color;
+            } else {
+              style2.color = color;
+            }
+          }
+        }
+        const titleColor = isActive ? activeColor : inactiveColor;
+        if (titleColor) {
+          style2.color = titleColor;
+        }
+        return style2;
+      });
+      const renderText = () => {
+        const Text = vue.createVNode("span", {
+          "class": bem$1h("text", {
+            ellipsis: !props.scrollable
+          })
+        }, [slots.title ? slots.title() : props.title]);
+        if (props.dot || isDef(props.badge) && props.badge !== "") {
+          return vue.createVNode(Badge, {
+            "dot": props.dot,
+            "content": props.badge,
+            "showZero": props.showZeroBadge
+          }, {
+            default: () => [Text]
+          });
+        }
+        return Text;
+      };
+      return () => vue.createVNode("div", {
+        "id": props.id,
+        "role": "tab",
+        "class": [bem$1h([props.type, {
+          grow: props.scrollable && !props.shrink,
+          shrink: props.shrink,
+          active: props.isActive,
+          disabled: props.disabled
+        }])],
+        "style": style.value,
+        "tabindex": props.disabled ? void 0 : props.isActive ? 0 : -1,
+        "aria-selected": props.isActive,
+        "aria-disabled": props.disabled || void 0,
+        "aria-controls": props.controls
+      }, [renderText()]);
+    }
+  });
   const [name$1k, bem$1g] = createNamespace("swipe-item");
   var stdin_default$1v = vue.defineComponent({
     name: name$1k,
@@ -3387,6 +3395,7 @@
     }) {
       const id = useId();
       const inited = vue.ref(false);
+      const instance2 = vue.getCurrentInstance();
       const {
         parent,
         index
@@ -3413,6 +3422,21 @@
         }
         return isActive;
       });
+      const renderTitle = (onClickTab) => vue.createVNode(TabTitle, vue.mergeProps({
+        "key": id,
+        "id": `${parent.id}-${index.value}`,
+        "ref": parent.setTitleRefs(index.value),
+        "style": props.titleStyle,
+        "class": props.titleClass,
+        "isActive": active.value,
+        "controls": id,
+        "scrollable": parent.scrollable.value,
+        "activeColor": parent.props.titleActiveColor,
+        "inactiveColor": parent.props.titleInactiveColor,
+        "onClick": (event) => onClickTab(instance2.proxy, index.value, event)
+      }, pick(parent.props, ["type", "color", "shrink"]), pick(props, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
+        title: slots.title
+      });
       const hasInactiveClass = vue.ref(!active.value);
       vue.watch(active, (val) => {
         if (val) {
@@ -3428,6 +3452,10 @@
         parent.scrollIntoView();
       });
       vue.provide(TAB_STATUS_KEY, active);
+      useExpose({
+        id,
+        renderTitle
+      });
       return () => {
         var _a;
         const label = `${parent.id}-${index.value}`;
@@ -3462,9 +3490,6 @@
         }
         const shouldRender = inited.value || scrollspy || !lazyRender;
         const Content = shouldRender ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null;
-        useExpose({
-          id
-        });
         return vue.withDirectives(vue.createVNode("div", {
           "id": id,
           "role": "tabpanel",
@@ -3512,7 +3537,7 @@
         const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
         return vue.createVNode("div", {
           "class": bem$1e()
-        }, [vue.createVNode(stdin_default$1B, {
+        }, [vue.createVNode(stdin_default$1A, {
           "title": props.title,
           "cancelButtonText": props.cancelButtonText,
           "confirmButtonText": confirmButtonText,
@@ -3554,7 +3579,7 @@
   var stdin_default$1s = vue.defineComponent({
     name: name$1s,
     props: pickerProps,
-    emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue"],
+    emits: ["confirm", "cancel", "change", "scrollInto", "clickOption", "update:modelValue"],
     setup(props, {
       emit,
       slots
@@ -3616,10 +3641,14 @@
           }, getEventParams()));
         });
       };
-      const onClickOption = (currentOption, columnIndex) => emit("clickOption", extend({
-        columnIndex,
-        currentOption
-      }, getEventParams()));
+      const onClickOption = (currentOption, columnIndex) => {
+        const params = {
+          columnIndex,
+          currentOption
+        };
+        emit("clickOption", extend(getEventParams(), params));
+        emit("scrollInto", params);
+      };
       const confirm = () => {
         children.forEach((child) => child.stopMomentum());
         const params = getEventParams();
@@ -3629,7 +3658,7 @@
         return params;
       };
       const cancel = () => emit("cancel", getEventParams());
-      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1C, {
+      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1B, {
         "value": selectedValues.value[columnIndex],
         "fields": fields.value,
         "options": options,
@@ -3639,7 +3668,13 @@
         "swipeDuration": props.swipeDuration,
         "visibleOptionNum": props.visibleOptionNum,
         "onChange": (value) => onChange(value, columnIndex),
-        "onClickOption": (option) => onClickOption(option, columnIndex)
+        "onClickOption": (option) => onClickOption(option, columnIndex),
+        "onScrollInto": (option) => {
+          emit("scrollInto", {
+            currentOption: option,
+            columnIndex
+          });
+        }
       }, {
         option: slots.option
       }));
@@ -3673,7 +3708,7 @@
       };
       const renderToolbar = () => {
         if (props.showToolbar && !parent) {
-          return vue.createVNode(stdin_default$1B, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
+          return vue.createVNode(stdin_default$1A, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
             "onConfirm": confirm,
             "onCancel": cancel
           }), pick(slots, pickerToolbarSlots));
@@ -8117,7 +8152,7 @@
     }
   });
   const CollapseItem = withInstall(stdin_default$_);
-  const ConfigProvider = withInstall(stdin_default$1L);
+  const ConfigProvider = withInstall(stdin_default$1K);
   const [name$Q, bem$P, t$d] = createNamespace("contact-card");
   const contactCardProps = {
     tel: String,
@@ -11495,7 +11530,9 @@
     totalItems: makeNumericProp(0),
     showPageSize: makeNumericProp(5),
     itemsPerPage: makeNumericProp(10),
-    forceEllipses: Boolean
+    forceEllipses: Boolean,
+    showPrevButton: truthProp,
+    showNextButton: truthProp
   };
   var stdin_default$A = vue.defineComponent({
     name: name$s,
@@ -11565,8 +11602,12 @@
       const renderPrevButton = () => {
         const {
           mode,
-          modelValue
+          modelValue,
+          showPrevButton
         } = props;
+        if (!showPrevButton) {
+          return;
+        }
         const slot = slots["prev-text"];
         const disabled = modelValue === 1;
         return vue.createVNode("li", {
@@ -11584,8 +11625,12 @@
       const renderNextButton = () => {
         const {
           mode,
-          modelValue
+          modelValue,
+          showNextButton
         } = props;
+        if (!showNextButton) {
+          return;
+        }
         const slot = slots["next-text"];
         const disabled = modelValue === count.value;
         return vue.createVNode("li", {
@@ -15664,6 +15709,7 @@
           if (props.image && !slots.content) {
             return vue.createVNode("image", {
               "href": imageBase64.value,
+              "xlink:href": imageBase64.value,
               "x": "0",
               "y": "0",
               "width": props.width,
@@ -15692,6 +15738,7 @@
           "width": svgWidth,
           "height": svgHeight,
           "xmlns": "http://www.w3.org/2000/svg",
+          "xmlns:xlink": "http://www.w3.org/1999/xlink",
           "style": {
             padding: `0 ${props.gapX}px ${props.gapY}px 0`,
             opacity: props.opacity
@@ -15714,7 +15761,7 @@
       };
       const makeSvgToBlobUrl = (svgStr) => {
         const svgBlob = new Blob([svgStr], {
-          type: "image/svg+xml;charset=utf-8"
+          type: "image/svg+xml"
         });
         return URL.createObjectURL(svgBlob);
       };
@@ -16615,7 +16662,7 @@
       });
     }
   };
-  const version = "4.2.0";
+  const version = "4.2.1";
   function install(app) {
     const components = [
       ActionBar,