vant 4.3.2 → 4.4.1

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

@@ -14,6 +14,10 @@ export declare const signatureProps: {
         default: number;
     };
     clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     confirmButtonText: StringConstructor;
 };
 export type SignatureProps = ExtractPropTypes<typeof signatureProps>;
@@ -32,6 +36,10 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     confirmButtonText: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "start" | "clear" | "end" | "signing")[], "submit" | "start" | "clear" | "end" | "signing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tips: StringConstructor;
@@ -48,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     confirmButtonText: StringConstructor;
 }>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
@@ -57,7 +69,8 @@ declare const _default: import("vue").DefineComponent<{
     onSigning?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
+    backgroundColor: string;
     lineWidth: number;
     penColor: string;
-}>;
+}, {}>;
 export default _default;

package/lib/signature/Signature.js

@@ -33,6 +33,7 @@ const signatureProps = {
   penColor: (0, import_utils.makeStringProp)("#000"),
   lineWidth: (0, import_utils.makeNumberProp)(3),
   clearButtonText: String,
+  backgroundColor: (0, import_utils.makeStringProp)(""),
   confirmButtonText: String
 };
 const hasCanvasSupport = () => {
@@ -52,7 +53,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const state = (0, import_vue2.reactive)({
       width: 0,
       height: 0,
-      ctx: null
+      ctx: null,
+      ratio: import_utils.inBrowser ? window.devicePixelRatio : 1
     });
     let canvasRect;
     const isRenderCanvas = import_utils.inBrowser ? hasCanvasSupport() : true;
@@ -61,7 +63,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return false;
       }
       state.ctx.beginPath();
-      state.ctx.lineWidth = props.lineWidth;
+      state.ctx.lineWidth = props.lineWidth * state.ratio;
       state.ctx.strokeStyle = props.penColor;
       canvasRect = (0, import_use.useRect)(canvasRef);
       emit("start");
@@ -73,8 +75,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       (0, import_utils.preventDefault)(event);
       const touch = event.touches[0];
-      const mouseX = touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0);
-      const mouseY = touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0);
+      const mouseX = (touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0)) * state.ratio;
+      const mouseY = (touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0)) * state.ratio;
       state.ctx.lineCap = "round";
       state.ctx.lineJoin = "round";
       (_a = state.ctx) == null ? void 0 : _a.lineTo(mouseX, mouseY);
@@ -91,13 +93,23 @@ var stdin_default = (0, import_vue2.defineComponent)({
       empty.height = canvas.height;
       return canvas.toDataURL() === empty.toDataURL();
     };
+    const setCanvasBgColor = () => {
+      if (state.ctx && props.backgroundColor) {
+        state.ctx.fillStyle = props.backgroundColor;
+        state.ctx.fillRect(0, 0, state.width, state.height);
+      }
+    };
     const submit = () => {
+      var _a, _b;
       const canvas = canvasRef.value;
       if (!canvas) {
         return;
       }
       const isEmpty = isCanvasEmpty(canvas);
-      const image = isEmpty ? "" : canvas.toDataURL(`image/${props.type}`, props.type === "jpg" ? 0.9 : null);
+      const image = isEmpty ? "" : ((_b = (_a = {
+        jpg: () => canvas.toDataURL("image/jpeg", 0.8),
+        jpeg: () => canvas.toDataURL("image/jpeg", 0.8)
+      })[props.type]) == null ? void 0 : _b.call(_a)) || canvas.toDataURL(`image/${props.type}`);
       emit("submit", {
         image,
         canvas
@@ -107,6 +119,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (state.ctx) {
         state.ctx.clearRect(0, 0, state.width, state.height);
         state.ctx.closePath();
+        setCanvasBgColor();
       }
       emit("clear");
     };
@@ -114,8 +127,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
       var _a, _b, _c;
       if (isRenderCanvas) {
         state.ctx = (_a = canvasRef.value) == null ? void 0 : _a.getContext("2d");
-        state.width = ((_b = wrapRef.value) == null ? void 0 : _b.offsetWidth) || 0;
-        state.height = ((_c = wrapRef.value) == null ? void 0 : _c.offsetHeight) || 0;
+        state.width = (((_b = wrapRef.value) == null ? void 0 : _b.offsetWidth) || 0) * state.ratio;
+        state.height = (((_c = wrapRef.value) == null ? void 0 : _c.offsetHeight) || 0) * state.ratio;
+        (0, import_vue2.nextTick)(() => {
+          setCanvasBgColor();
+        });
       }
     });
     return () => (0, import_vue.createVNode)("div", {

package/lib/signature/index.css

@@ -1 +1 @@
-:root{--van-signature-padding: var(--van-padding-xs);--van-signature-content-height: 200px;--van-signature-content-background: var(--van-background-2);--van-signature-content-border: 1px dotted #dadada}.van-signature{padding:var(--van-signature-padding)}.van-signature__content{display:flex;justify-content:center;align-items:center;height:var(--van-signature-content-height);background-color:var(--van-signature-content-background);border:var(--van-signature-content-border);border-radius:var(--van-radius-lg);overflow:hidden}.van-signature__footer{display:flex;justify-content:flex-end}.van-signature__footer .van-button{padding:0 var(--van-padding-md);margin-top:var(--van-padding-xs);margin-left:var(--van-padding-xs)}
+:root{--van-signature-padding: var(--van-padding-xs);--van-signature-content-height: 200px;--van-signature-content-background: var(--van-background-2);--van-signature-content-border: 1px dotted #dadada}.van-signature{padding:var(--van-signature-padding)}.van-signature__content{display:flex;justify-content:center;align-items:center;height:var(--van-signature-content-height);background-color:var(--van-signature-content-background);border:var(--van-signature-content-border);border-radius:var(--van-radius-lg);overflow:hidden}.van-signature__content canvas{width:100%;height:100%}.van-signature__footer{display:flex;justify-content:flex-end}.van-signature__footer .van-button{padding:0 var(--van-padding-md);margin-top:var(--van-padding-xs);margin-left:var(--van-padding-xs)}

package/lib/signature/index.d.ts

@@ -13,6 +13,10 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
         default: number;
     };
     clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     confirmButtonText: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "start" | "clear" | "end" | "signing")[], "submit" | "start" | "clear" | "end" | "signing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tips: StringConstructor;
@@ -29,6 +33,10 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
         default: number;
     };
     clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     confirmButtonText: StringConstructor;
 }>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
@@ -38,9 +46,10 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
     onSigning?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
+    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) => {

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;