vant 4.4.0 → 4.5.0

package/lib/sidebar/index.d.ts

@@ -13,7 +13,7 @@ export declare const Sidebar: import("../utils").WithInstall<import("vue").Defin
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number;
-}>>;
+}, {}>>;
 export default Sidebar;
 export { sidebarProps } from './Sidebar';
 export type { SidebarProps } from './Sidebar';

package/lib/sidebar-item/SidebarItem.d.ts

@@ -38,5 +38,5 @@ declare const _default: import("vue").DefineComponent<{
     replace: boolean;
     dot: boolean;
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/sidebar-item/index.d.ts

@@ -24,7 +24,7 @@ export declare const SidebarItem: import("../utils").WithInstall<import("vue").D
     replace: boolean;
     dot: boolean;
     disabled: boolean;
-}>>;
+}, {}>>;
 export default SidebarItem;
 export { sidebarItemProps } from './SidebarItem';
 export type { SidebarItemProps } from './SidebarItem';

package/lib/signature/Signature.d.ts

@@ -72,5 +72,5 @@ declare const _default: import("vue").DefineComponent<{
     backgroundColor: string;
     lineWidth: number;
     penColor: string;
-}>;
+}, {}>;
 export default _default;

package/lib/signature/index.d.ts

@@ -49,7 +49,7 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
     backgroundColor: string;
     lineWidth: number;
     penColor: string;
-}>>;
+}, {}>>;
 export default Signature;
 export type { SignatureProps } from './Signature';
 declare module 'vue' {

package/lib/skeleton/Skeleton.d.ts

@@ -92,5 +92,5 @@ declare const _default: import("vue").DefineComponent<{
     avatarShape: SkeletonAvatarShape;
     rowWidth: Numeric | Numeric[];
     avatar: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/skeleton/index.d.ts

@@ -61,7 +61,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     avatarShape: import("..").SkeletonAvatarShape;
     rowWidth: import("../utils").Numeric | import("../utils").Numeric[];
     avatar: boolean;
-}>>;
+}, {}>>;
 export default Skeleton;
 export { skeletonProps } from './Skeleton';
 export type { SkeletonProps } from './Skeleton';

package/lib/skeleton-avatar/SkeletonAvatar.d.ts

@@ -22,5 +22,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     avatarShape: SkeletonAvatarShape;
-}>;
+}, {}>;
 export default _default;

package/lib/skeleton-avatar/index.d.ts

@@ -12,7 +12,7 @@ export declare const SkeletonAvatar: import("../utils").WithInstall<import("vue"
     };
 }>>, {
     avatarShape: import("./SkeletonAvatar").SkeletonAvatarShape;
-}>>;
+}, {}>>;
 export default SkeletonAvatar;
 export { skeletonAvatarProps } from './SkeletonAvatar';
 export type { SkeletonAvatarProps, SkeletonAvatarShape, } from './SkeletonAvatar';

package/lib/skeleton-image/SkeletonImage.d.ts

@@ -22,5 +22,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     imageShape: SkeletonImageShape;
-}>;
+}, {}>;
 export default _default;

package/lib/skeleton-image/index.d.ts

@@ -12,7 +12,7 @@ export declare const SkeletonImage: import("../utils").WithInstall<import("vue")
     };
 }>>, {
     imageShape: import("./SkeletonImage").SkeletonImageShape;
-}>>;
+}, {}>>;
 export default SkeletonImage;
 export { skeletonImageProps } from './SkeletonImage';
 export type { SkeletonImageProps, SkeletonImageShape } from './SkeletonImage';

package/lib/skeleton-paragraph/SkeletonParagraph.d.ts

@@ -23,5 +23,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     round: boolean;
     rowWidth: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/skeleton-paragraph/index.d.ts

@@ -13,7 +13,7 @@ export declare const SkeletonParagraph: import("../utils").WithInstall<import("v
 }>>, {
     round: boolean;
     rowWidth: string | number;
-}>>;
+}, {}>>;
 export default SkeletonParagraph;
 export { skeletonParagraphProps, DEFAULT_ROW_WIDTH } from './SkeletonParagraph';
 export type { SkeletonParagraphProps } from './SkeletonParagraph';

package/lib/skeleton-title/SkeletonTitle.d.ts

@@ -12,5 +12,5 @@ declare const _default: import("vue").DefineComponent<{
     titleWidth: (NumberConstructor | StringConstructor)[];
 }>>, {
     round: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/skeleton-title/index.d.ts

@@ -6,7 +6,7 @@ export declare const SkeletonTitle: import("../utils").WithInstall<import("vue")
     titleWidth: (NumberConstructor | StringConstructor)[];
 }>>, {
     round: boolean;
-}>>;
+}, {}>>;
 export default SkeletonTitle;
 export { skeletonTitleProps } from './SkeletonTitle';
 export type { SkeletonTitleProps } from './SkeletonTitle';

package/lib/slider/Slider.d.ts

@@ -96,5 +96,5 @@ declare const _default: import("vue").DefineComponent<{
     vertical: boolean;
     step: string | number;
     min: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/slider/Slider.js

@@ -115,6 +115,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const diff = Math.round((value - min) / step) * step;
       return (0, import_utils.addNumber)(min, diff);
     };
+    const updateStartValue = () => {
+      const current2 = props.modelValue;
+      if (isRange(current2)) {
+        startValue = current2.map(format);
+      } else {
+        startValue = format(current2);
+      }
+    };
     const handleRangeValue = (value) => {
       var _a, _b;
       const left = (_a = value[0]) != null ? _a : Number(props.min);
@@ -139,6 +147,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (props.disabled || props.readonly) {
         return;
       }
+      updateStartValue();
       const {
         min,
         reverse,
@@ -178,11 +187,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       touch.start(event);
       current = props.modelValue;
-      if (isRange(current)) {
-        startValue = current.map(format);
-      } else {
-        startValue = format(current);
-      }
+      updateStartValue();
       dragStatus.value = "start";
     };
     const onTouchMove = (event) => {
@@ -228,17 +233,25 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return bem("button-wrapper", props.reverse ? "left" : "right");
     };
     const renderButtonContent = (value, index) => {
+      const dragging = dragStatus.value === "dragging";
       if (typeof index === "number") {
         const slot = slots[index === 0 ? "left-button" : "right-button"];
+        let dragIndex;
+        if (dragging && Array.isArray(current)) {
+          dragIndex = current[0] > current[1] ? buttonIndex ^ 1 : buttonIndex;
+        }
         if (slot) {
           return slot({
-            value
+            value,
+            dragging,
+            dragIndex
           });
         }
       }
       if (slots.button) {
         return slots.button({
-          value
+          value,
+          dragging
         });
       }
       return (0, import_vue.createVNode)("div", {

package/lib/slider/index.d.ts

@@ -65,7 +65,7 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     vertical: boolean;
     step: string | number;
     min: string | number;
-}>>;
+}, {}>>;
 export default Slider;
 export { sliderProps } from './Slider';
 export type { SliderProps } from './Slider';

package/lib/space/Space.d.ts

@@ -44,5 +44,5 @@ declare const _default: import("vue").DefineComponent<{
     size: string | number | [SpaceSize, SpaceSize];
     wrap: boolean;
     direction: "vertical" | "horizontal";
-}>;
+}, {}>;
 export default _default;

package/lib/space/index.d.ts

@@ -27,7 +27,7 @@ export declare const Space: import("../utils").WithInstall<import("vue").DefineC
     size: string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize];
     wrap: boolean;
     direction: "vertical" | "horizontal";
-}>>;
+}, {}>>;
 export default Space;
 export { spaceProps } from './Space';
 export type { SpaceProps, SpaceSize, SpaceAlign } from './Space';

package/lib/step/Step.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/step/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
 export default Step;
 export type { StepThemeVars } from './types';
 declare module 'vue' {

package/lib/stepper/Stepper.d.ts

@@ -190,5 +190,5 @@ declare const _default: import("vue").DefineComponent<{
     disableMinus: boolean;
     disableInput: boolean;
     defaultValue: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/stepper/index.d.ts

@@ -131,7 +131,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     disableMinus: boolean;
     disableInput: boolean;
     defaultValue: string | number;
-}>>;
+}, {}>>;
 export default Stepper;
 export { stepperProps } from './Stepper';
 export type { StepperTheme, StepperProps } from './Stepper';

package/lib/steps/Steps.d.ts

@@ -67,5 +67,5 @@ declare const _default: import("vue").DefineComponent<{
     active: string | number;
     direction: StepsDirection;
     activeIcon: string;
-}>;
+}, {}>;
 export default _default;

package/lib/steps/index.d.ts

@@ -40,7 +40,7 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     active: string | number;
     direction: import("./Steps").StepsDirection;
     activeIcon: string;
-}>>;
+}, {}>>;
 export default Steps;
 export { stepsProps } from './Steps';
 export type { StepsProps, StepsDirection } from './Steps';

package/lib/sticky/Sticky.d.ts

@@ -54,5 +54,5 @@ declare const _default: import("vue").DefineComponent<{
     position: StickyPosition;
     offsetTop: string | number;
     offsetBottom: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/sticky/index.d.ts

@@ -35,7 +35,7 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
     position: import("./Sticky").StickyPosition;
     offsetTop: string | number;
     offsetBottom: string | number;
-}>>;
+}, {}>>;
 export default Sticky;
 export { stickyProps } from './Sticky';
 export type { StickyProps, StickyPosition } from './Sticky';

package/lib/submit-bar/SubmitBar.d.ts

@@ -97,5 +97,5 @@ declare const _default: import("vue").DefineComponent<{
     currency: string;
     decimalLength: string | number;
     buttonType: ButtonType;
-}>;
+}, {}>;
 export default _default;

package/lib/submit-bar/index.d.ts

@@ -64,7 +64,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     currency: string;
     decimalLength: string | number;
     buttonType: import("..").ButtonType;
-}>>;
+}, {}>>;
 export default SubmitBar;
 export { submitBarProps } from './SubmitBar';
 export type { SubmitBarProps, SubmitBarTextAlign } from './SubmitBar';

package/lib/swipe/Swipe.d.ts

@@ -119,5 +119,5 @@ declare const _default: import("vue").DefineComponent<{
     initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/swipe/index.d.ts

@@ -81,7 +81,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-}>>;
+}, {}>>;
 export default Swipe;
 export { swipeProps } from './Swipe';
 export type { SwipeProps };

package/lib/swipe-cell/SwipeCell.d.ts

@@ -40,5 +40,5 @@ declare const _default: import("vue").DefineComponent<{
     name: string | number;
     disabled: boolean;
     stopPropagation: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/swipe-cell/index.d.ts

@@ -27,7 +27,7 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
     name: string | number;
     disabled: boolean;
     stopPropagation: boolean;
-}>>;
+}, {}>>;
 export default SwipeCell;
 export { swipeCellProps } from './SwipeCell';
 export type { SwipeCellProps };

package/lib/swipe-item/SwipeItem.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/swipe-item/index.d.ts

@@ -1,4 +1,4 @@
-export declare const SwipeItem: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+export declare const SwipeItem: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
 export default SwipeItem;
 declare module 'vue' {
     interface GlobalComponents {

package/lib/switch/Switch.d.ts

@@ -54,5 +54,5 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     activeValue: unknown;
     inactiveValue: unknown;
-}>;
+}, {}>;
 export default _default;

package/lib/switch/index.d.ts

@@ -36,7 +36,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
     loading: boolean;
     activeValue: unknown;
     inactiveValue: unknown;
-}>>;
+}, {}>>;
 export default Switch;
 export { switchProps } from './Switch';
 export type { SwitchProps } from './Switch';

package/lib/tab/Tab.d.ts

@@ -54,5 +54,5 @@ declare const _default: import("vue").DefineComponent<{
     dot: boolean;
     disabled: boolean;
     showZeroBadge: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/tab/Tab.js

@@ -23,6 +23,7 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
+var import_shared = require("@vue/shared");
 var import_utils = require("../utils");
 var import_Tabs = require("../tabs/Tabs");
 var import_use = require("@vant/use");
@@ -81,12 +82,22 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return isActive;
     });
+    const parsedClass = (0, import_vue2.ref)("");
+    const parsedStyle = (0, import_vue2.ref)("");
+    (0, import_vue2.watchEffect)(() => {
+      const {
+        titleClass,
+        titleStyle
+      } = props;
+      parsedClass.value = titleClass ? (0, import_vue2.normalizeClass)(titleClass) : "";
+      parsedStyle.value = titleStyle && typeof titleStyle !== "string" ? (0, import_shared.stringifyStyle)((0, import_vue2.normalizeStyle)(titleStyle)) : titleStyle;
+    });
     const renderTitle = (onClickTab) => (0, import_vue.createVNode)(import_TabTitle.TabTitle, (0, import_vue.mergeProps)({
       "key": id,
       "id": `${parent.id}-${index.value}`,
       "ref": parent.setTitleRefs(index.value),
-      "style": props.titleStyle,
-      "class": props.titleClass,
+      "style": parsedStyle.value,
+      "class": parsedClass.value,
       "isActive": active.value,
       "controls": id,
       "scrollable": parent.scrollable.value,

package/lib/tab/TabTitle.d.ts

@@ -41,4 +41,4 @@ export declare const TabTitle: import("vue").DefineComponent<{
     isActive: boolean;
     scrollable: boolean;
     showZeroBadge: boolean;
-}>;
+}, {}>;

package/lib/tab/index.d.ts

@@ -35,7 +35,7 @@ export declare const Tab: import("../utils").WithInstall<import("vue").DefineCom
     dot: boolean;
     disabled: boolean;
     showZeroBadge: boolean;
-}>>;
+}, {}>>;
 export default Tab;
 export { tabProps } from './Tab';
 export type { TabProps } from './Tab';

package/lib/tabbar/Tabbar.d.ts

@@ -86,5 +86,5 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: boolean;
     safeAreaInsetBottom: boolean | null;
     route: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/tabbar/index.d.ts

@@ -54,7 +54,7 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
     placeholder: boolean;
     safeAreaInsetBottom: boolean | null;
     route: boolean;
-}>>;
+}, {}>>;
 export default Tabbar;
 export { tabbarProps } from './Tabbar';
 export type { TabbarProps } from './Tabbar';

package/lib/tabbar-item/TabbarItem.d.ts

@@ -40,5 +40,5 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     replace: boolean;
     dot: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/tabbar-item/index.d.ts

@@ -25,7 +25,7 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
 }, {
     replace: boolean;
     dot: boolean;
-}>>;
+}, {}>>;
 export default TabbarItem;
 export { tabbarItemProps } from './TabbarItem';
 export type { TabbarItemProps } from './TabbarItem';

package/lib/tabs/Tabs.d.ts

@@ -150,5 +150,5 @@ declare const _default: import("vue").DefineComponent<{
     shrink: boolean;
     scrollspy: boolean;
     swipeThreshold: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/tabs/TabsContent.d.ts

@@ -39,5 +39,5 @@ declare const _default: import("vue").DefineComponent<{
     inited: boolean;
     animated: boolean;
     swipeable: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/tabs/index.d.ts

@@ -103,7 +103,7 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     shrink: boolean;
     scrollspy: boolean;
     swipeThreshold: string | number;
-}>>;
+}, {}>>;
 export default Tabs;
 export { tabsProps } from './Tabs';
 export type { TabsProps };

package/lib/tag/Tag.d.ts

@@ -59,5 +59,5 @@ declare const _default: import("vue").DefineComponent<{
     plain: boolean;
     show: boolean;
     closeable: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/tag/index.d.ts

@@ -39,7 +39,7 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     plain: boolean;
     show: boolean;
     closeable: boolean;
-}>>;
+}, {}>>;
 export default Tag;
 export { tagProps } from './Tag';
 export type { TagProps } from './Tag';

package/lib/text-ellipsis/TextEllipsis.d.ts

@@ -72,5 +72,5 @@ declare const _default: import("vue").DefineComponent<{
     dots: string;
     expandText: string;
     collapseText: string;
-}>;
+}, {}>;
 export default _default;

package/lib/text-ellipsis/index.d.ts

@@ -48,7 +48,7 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").
     dots: string;
     expandText: string;
     collapseText: string;
-}>>;
+}, {}>>;
 export default TextEllipsis;
 export { textEllipsisProps } from './TextEllipsis';
 export type { TextEllipsisProps } from './TextEllipsis';