vant 4.3.2 → 4.4.1

package/es/password-input/index.d.ts

@@ -39,7 +39,7 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
     mask: boolean;
     value: string;
     focused: boolean;
-}>>;
+}, {}>>;
 export default PasswordInput;
 export { passwordInputProps } from './PasswordInput';
 export type { PasswordInputProps } from './PasswordInput';

package/es/picker/Picker.d.ts

@@ -160,5 +160,5 @@ declare const _default: import("vue").DefineComponent<{
     visibleOptionNum: string | number;
     columns: (PickerColumn | PickerOption)[];
     toolbarPosition: PickerToolbarPosition;
-}>;
+}, {}>;
 export default _default;

package/es/picker/PickerColumn.d.ts

@@ -57,5 +57,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     allowHtml: boolean;
     options: PickerOption[];
-}>;
+}, {}>;
 export default _default;

package/es/picker/PickerToolbar.d.ts

@@ -17,5 +17,5 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {}, {}>;
 export default _default;

package/es/picker/index.d.ts

@@ -93,7 +93,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
     visibleOptionNum: string | number;
     columns: (import("./types").PickerColumn | import("./types").PickerOption)[];
     toolbarPosition: import("./types").PickerToolbarPosition;
-}>>;
+}, {}>>;
 export default Picker;
 export { pickerProps } from './Picker';
 export type { PickerProps };

package/es/picker-group/PickerGroup.d.ts

@@ -52,5 +52,5 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     tabs: string[];
     activeTab: string | number;
-}>;
+}, {}>;
 export default _default;

package/es/picker-group/index.d.ts

@@ -34,7 +34,7 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
 }, {
     tabs: string[];
     activeTab: string | number;
-}>>;
+}, {}>>;
 export default PickerGroup;
 export { pickerGroupProps } from './PickerGroup';
 export type { PickerGroupProps };

package/es/popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
-import { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement } from './types';
+import { PopoverTheme, PopoverAction, PopoverActionsDirection, PopoverTrigger, PopoverPlacement } from './types';
 export declare const popoverProps: {
     show: BooleanConstructor;
     theme: {
@@ -11,6 +11,10 @@ export declare const popoverProps: {
         type: PropType<PopoverAction[]>;
         default: () => never[];
     };
+    actionsDirection: {
+        type: PropType<PopoverActionsDirection>;
+        default: PopoverActionsDirection;
+    };
     trigger: {
         type: PropType<PopoverTrigger>;
         default: PopoverTrigger;
@@ -60,6 +64,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopoverAction[]>;
         default: () => never[];
     };
+    actionsDirection: {
+        type: PropType<PopoverActionsDirection>;
+        default: PopoverActionsDirection;
+    };
     trigger: {
         type: PropType<PopoverTrigger>;
         default: PopoverTrigger;
@@ -107,6 +115,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopoverAction[]>;
         default: () => never[];
     };
+    actionsDirection: {
+        type: PropType<PopoverActionsDirection>;
+        default: PopoverActionsDirection;
+    };
     trigger: {
         type: PropType<PopoverTrigger>;
         default: PopoverTrigger;
@@ -157,8 +169,9 @@ declare const _default: import("vue").DefineComponent<{
     actions: PopoverAction[];
     closeOnClickAction: boolean;
     closeOnClickOutside: boolean;
+    actionsDirection: PopoverActionsDirection;
     trigger: PopoverTrigger;
     showArrow: boolean;
     placement: PopoverPlacement;
-}>;
+}, {}>;
 export default _default;

package/es/popover/Popover.mjs

@@ -1,7 +1,7 @@
 import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
 import { ref, watch, nextTick, onMounted, watchEffect, onBeforeUnmount, defineComponent } from "vue";
 import { createPopper, offsetModifier } from "@vant/popperjs";
-import { pick, extend, inBrowser, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { pick, extend, inBrowser, truthProp, numericProp, unknownProp, BORDER_RIGHT, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { useClickAway } from "@vant/use";
 import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
 import { Icon } from "../icon/index.mjs";
@@ -13,6 +13,7 @@ const popoverProps = {
   theme: makeStringProp("light"),
   overlay: Boolean,
   actions: makeArrayProp(),
+  actionsDirection: makeStringProp("vertical"),
   trigger: makeStringProp("click"),
   duration: numericProp,
   showArrow: truthProp,
@@ -116,7 +117,9 @@ var stdin_default = defineComponent({
         "classPrefix": props.iconPrefix,
         "class": bem("action-icon")
       }, null), _createVNode("div", {
-        "class": [bem("action-text"), BORDER_BOTTOM]
+        "class": [bem("action-text"), {
+          [BORDER_BOTTOM]: props.actionsDirection === "vertical"
+        }]
       }, [action.text])];
     };
     const renderAction = (action, index) => {
@@ -131,7 +134,9 @@ var stdin_default = defineComponent({
         "class": [bem("action", {
           disabled,
           "with-icon": icon
-        }), className],
+        }), {
+          [BORDER_RIGHT]: props.actionsDirection === "horizontal"
+        }, className],
         "style": {
           color
         },
@@ -180,7 +185,7 @@ var stdin_default = defineComponent({
           "class": bem("arrow")
         }, null), _createVNode("div", {
           "role": "menu",
-          "class": bem("content")
+          "class": bem("content", props.actionsDirection)
         }, [slots.default ? slots.default() : props.actions.map(renderAction)])]
       })]);
     };

package/es/popover/index.css

@@ -1 +1 @@
-:root{--van-popover-arrow-size: 6px;--van-popover-radius: var(--van-radius-lg);--van-popover-action-width: 128px;--van-popover-action-height: 44px;--van-popover-action-font-size: var(--van-font-size-md);--van-popover-action-line-height: var(--van-line-height-md);--van-popover-action-icon-size: 20px;--van-popover-light-text-color: var(--van-text-color);--van-popover-light-background: var(--van-background-2);--van-popover-light-action-disabled-text-color: var(--van-text-color-3);--van-popover-dark-text-color: var(--van-white);--van-popover-dark-background: #4a4a4a;--van-popover-dark-action-disabled-text-color: var(--van-text-color-2)}.van-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--van-popover-arrow-size)}.van-popover__content{overflow:hidden;border-radius:var(--van-popover-radius)}.van-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--van-popover-action-width);height:var(--van-popover-action-height);padding:0 var(--van-padding-md);font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);cursor:pointer}.van-popover__action:last-child .van-popover__action-text:after{display:none}.van-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:var(--van-padding-xs);font-size:var(--van-popover-action-icon-size)}.van-popover__action--with-icon .van-popover__action-text{justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;margin-bottom:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=top]{transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=top-start]{transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;margin-right:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=left]{transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=left-start]{transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;margin-left:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=right]{transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=right-start]{transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=right-end]{transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;margin-top:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=bottom]{transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover--light{color:var(--van-popover-light-text-color)}.van-popover--light .van-popover__content{background:var(--van-popover-light-background);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background)}.van-popover--light .van-popover__action:active{background-color:var(--van-active-color)}.van-popover--light .van-popover__action--disabled{color:var(--van-popover-light-action-disabled-text-color);cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:var(--van-popover-dark-text-color)}.van-popover--dark .van-popover__content{background:var(--van-popover-dark-background)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background)}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:var(--van-popover-dark-action-disabled-text-color)}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text:after{border-color:var(--van-gray-7)}.van-popover-zoom-enter-from,.van-popover-zoom-leave-active{transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-ease-in)}
+:root{--van-popover-arrow-size: 6px;--van-popover-radius: var(--van-radius-lg);--van-popover-action-width: 128px;--van-popover-action-height: 44px;--van-popover-action-font-size: var(--van-font-size-md);--van-popover-action-line-height: var(--van-line-height-md);--van-popover-action-icon-size: 20px;--van-popover-horizontal-action-height: 34px;--van-popover-horizontal-action-icon-size: 16px;--van-popover-light-text-color: var(--van-text-color);--van-popover-light-background: var(--van-background-2);--van-popover-light-action-disabled-text-color: var(--van-text-color-3);--van-popover-dark-text-color: var(--van-white);--van-popover-dark-background: #4a4a4a;--van-popover-dark-action-disabled-text-color: var(--van-text-color-2)}.van-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--van-popover-arrow-size)}.van-popover__content{overflow:hidden;border-radius:var(--van-popover-radius)}.van-popover__content--horizontal{display:flex;width:-webkit-max-content;width:max-content}.van-popover__content--horizontal .van-popover__action{flex:none;width:auto;height:var(--van-popover-horizontal-action-height);padding:0 var(--van-padding-sm)}.van-popover__content--horizontal .van-popover__action:last-child:after{display:none}.van-popover__content--horizontal .van-popover__action-icon{margin-right:var(--van-padding-base);font-size:var(--van-popover-horizontal-action-icon-size)}.van-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--van-popover-action-width);height:var(--van-popover-action-height);padding:0 var(--van-padding-md);font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);cursor:pointer}.van-popover__action:last-child .van-popover__action-text:after{display:none}.van-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:var(--van-padding-xs);font-size:var(--van-popover-action-icon-size)}.van-popover__action--with-icon .van-popover__action-text{justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;margin-bottom:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=top]{transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=top-start]{transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;margin-right:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=left]{transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=left-start]{transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;margin-left:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=right]{transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=right-start]{transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=right-end]{transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;margin-top:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=bottom]{transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover--light{color:var(--van-popover-light-text-color)}.van-popover--light .van-popover__content{background:var(--van-popover-light-background);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background)}.van-popover--light .van-popover__action:active{background-color:var(--van-active-color)}.van-popover--light .van-popover__action--disabled{color:var(--van-popover-light-action-disabled-text-color);cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:var(--van-popover-dark-text-color)}.van-popover--dark .van-popover__content{background:var(--van-popover-dark-background)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background)}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:var(--van-popover-dark-action-disabled-text-color)}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text:after{border-color:var(--van-gray-7)}.van-popover-zoom-enter-from,.van-popover-zoom-leave-active{transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-ease-in)}

package/es/popover/index.d.ts

@@ -9,6 +9,10 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<import("./types").PopoverAction[]>;
         default: () => never[];
     };
+    actionsDirection: {
+        type: import("vue").PropType<import("./types").PopoverActionsDirection>;
+        default: import("./types").PopoverActionsDirection;
+    };
     trigger: {
         type: import("vue").PropType<import("./types").PopoverTrigger>;
         default: import("./types").PopoverTrigger;
@@ -56,6 +60,10 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<import("./types").PopoverAction[]>;
         default: () => never[];
     };
+    actionsDirection: {
+        type: import("vue").PropType<import("./types").PopoverActionsDirection>;
+        default: import("./types").PopoverActionsDirection;
+    };
     trigger: {
         type: import("vue").PropType<import("./types").PopoverTrigger>;
         default: import("./types").PopoverTrigger;
@@ -106,10 +114,11 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
     actions: import("./types").PopoverAction[];
     closeOnClickAction: boolean;
     closeOnClickOutside: boolean;
+    actionsDirection: import("./types").PopoverActionsDirection;
     trigger: import("./types").PopoverTrigger;
     showArrow: boolean;
     placement: import("./types").PopoverPlacement;
-}>>;
+}, {}>>;
 export default Popover;
 export { popoverProps } from './Popover';
 export type { PopoverProps } from './Popover';

package/es/popover/types.d.ts

@@ -1,4 +1,5 @@
 export type PopoverTheme = 'light' | 'dark';
+export type PopoverActionsDirection = 'horizontal' | 'vertical';
 export type PopoverTrigger = 'manual' | 'click';
 export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end';
 export type PopoverAction = {

package/es/popup/Popup.d.ts

@@ -161,5 +161,5 @@ declare const _default: import("vue").DefineComponent<{
     closeOnPopstate: boolean;
     closeIconPosition: PopupCloseIconPosition;
     safeAreaInsetTop: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/popup/Popup.mjs

@@ -104,7 +104,14 @@ var stdin_default = defineComponent({
         }, null);
       }
     };
-    const onOpened = () => emit("opened");
+    let timer;
+    const onOpened = () => {
+      if (timer)
+        clearTimeout(timer);
+      timer = setTimeout(() => {
+        emit("opened");
+      });
+    };
     const onClosed = () => emit("closed");
     const onKeydown = (event) => emit("keydown", event);
     const renderPopup = lazyRender(() => {

package/es/popup/index.d.ts

@@ -112,7 +112,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     closeOnPopstate: boolean;
     closeIconPosition: import("./types").PopupCloseIconPosition;
     safeAreaInsetTop: boolean;
-}>>;
+}, {}>>;
 export default Popup;
 export { popupProps } from './Popup';
 export type { PopupProps } from './Popup';

package/es/progress/Progress.d.ts

@@ -57,5 +57,5 @@ declare const _default: import("vue").DefineComponent<{
     inactive: boolean;
     showPivot: boolean;
     percentage: string | number;
-}>;
+}, {}>;
 export default _default;

package/es/progress/index.d.ts

@@ -37,7 +37,7 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
     inactive: boolean;
     showPivot: boolean;
     percentage: string | number;
-}>>;
+}, {}>>;
 export default Progress;
 export { progressProps } from './Progress';
 export type { ProgressProps };

package/es/pull-refresh/PullRefresh.d.ts

@@ -71,5 +71,5 @@ declare const _default: import("vue").DefineComponent<{
     animationDuration: string | number;
     headHeight: string | number;
     successDuration: string | number;
-}>;
+}, {}>;
 export default _default;

package/es/pull-refresh/index.d.ts

@@ -48,7 +48,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
     animationDuration: string | number;
     headHeight: string | number;
     successDuration: string | number;
-}>>;
+}, {}>>;
 export default PullRefresh;
 export { pullRefreshProps } from './PullRefresh';
 export type { PullRefreshProps } from './PullRefresh';

package/es/radio/Radio.d.ts

@@ -46,5 +46,5 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     shape: CheckerShape;
     labelDisabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/radio/index.d.ts

@@ -28,7 +28,7 @@ export declare const Radio: import("../utils").WithInstall<import("vue").DefineC
     disabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
     labelDisabled: boolean;
-}>>;
+}, {}>>;
 export default Radio;
 export { radioProps } from './Radio';
 export type { RadioProps, RadioShape, RadioLabelPosition } from './Radio';

package/es/radio-group/RadioGroup.d.ts

@@ -31,5 +31,5 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/radio-group/index.d.ts

@@ -15,7 +15,7 @@ export declare const RadioGroup: import("../utils").WithInstall<import("vue").De
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-}>>;
+}, {}>>;
 export default RadioGroup;
 export { radioGroupProps } from './RadioGroup';
 export type { RadioGroupProps, RadioGroupDirection } from './RadioGroup';

package/es/rate/Rate.d.ts

@@ -103,5 +103,5 @@ declare const _default: import("vue").DefineComponent<{
     count: string | number;
     voidIcon: string;
     allowHalf: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/rate/index.d.ts

@@ -70,7 +70,7 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
     count: string | number;
     voidIcon: string;
     allowHalf: boolean;
-}>>;
+}, {}>>;
 export default Rate;
 export { rateProps } from './Rate';
 export type { RateProps } from './Rate';

package/es/row/Row.d.ts

@@ -60,5 +60,5 @@ declare const _default: import("vue").DefineComponent<{
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;
-}>;
+}, {}>;
 export default _default;

package/es/row/index.d.ts

@@ -32,7 +32,7 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
     gutter: string | number;
-}>>;
+}, {}>>;
 export default Row;
 export { rowProps } from './Row';
 export type { RowProps, RowAlign, RowJustify } from './Row';

package/es/search/Search.d.ts

@@ -202,5 +202,5 @@ declare const _default: import("vue").DefineComponent<{
     error: boolean;
     readonly: boolean;
     showAction: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/search/index.d.ts

@@ -140,7 +140,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     error: boolean;
     readonly: boolean;
     showAction: boolean;
-}>>;
+}, {}>>;
 export default Search;
 export { searchProps } from './Search';
 export type { SearchProps };

package/es/share-sheet/ShareSheet.d.ts

@@ -158,5 +158,5 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
     options: (ShareSheetOption | ShareSheetOption[])[];
-}>;
+}, {}>;
 export default _default;

package/es/share-sheet/index.d.ts

@@ -103,7 +103,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
     options: (import("./ShareSheet").ShareSheetOption | import("./ShareSheet").ShareSheetOption[])[];
-}>>;
+}, {}>>;
 export default ShareSheet;
 export { shareSheetProps } from './ShareSheet';
 export type { ShareSheetProps, ShareSheetOption, ShareSheetOptions, } from './ShareSheet';

package/es/sidebar/Sidebar.d.ts

@@ -26,5 +26,5 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | number;
-}>;
+}, {}>;
 export default _default;

package/es/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/es/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/es/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/es/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/es/signature/Signature.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, reactive, onMounted, defineComponent } from "vue";
+import { ref, reactive, onMounted, nextTick, defineComponent } from "vue";
 import { inBrowser, makeNumberProp, makeStringProp, createNamespace, preventDefault } from "../utils/index.mjs";
 import { useRect } from "@vant/use";
 import { Button } from "../button/index.mjs";
@@ -10,6 +10,7 @@ const signatureProps = {
   penColor: makeStringProp("#000"),
   lineWidth: makeNumberProp(3),
   clearButtonText: String,
+  backgroundColor: makeStringProp(""),
   confirmButtonText: String
 };
 const hasCanvasSupport = () => {
@@ -29,7 +30,8 @@ var stdin_default = defineComponent({
     const state = reactive({
       width: 0,
       height: 0,
-      ctx: null
+      ctx: null,
+      ratio: inBrowser ? window.devicePixelRatio : 1
     });
     let canvasRect;
     const isRenderCanvas = inBrowser ? hasCanvasSupport() : true;
@@ -38,7 +40,7 @@ var stdin_default = defineComponent({
         return false;
       }
       state.ctx.beginPath();
-      state.ctx.lineWidth = props.lineWidth;
+      state.ctx.lineWidth = props.lineWidth * state.ratio;
       state.ctx.strokeStyle = props.penColor;
       canvasRect = useRect(canvasRef);
       emit("start");
@@ -50,8 +52,8 @@ var stdin_default = defineComponent({
       }
       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);
@@ -68,13 +70,23 @@ var stdin_default = 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
@@ -84,6 +96,7 @@ var stdin_default = defineComponent({
       if (state.ctx) {
         state.ctx.clearRect(0, 0, state.width, state.height);
         state.ctx.closePath();
+        setCanvasBgColor();
       }
       emit("clear");
     };
@@ -91,8 +104,11 @@ var stdin_default = 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;
+        nextTick(() => {
+          setCanvasBgColor();
+        });
       }
     });
     return () => _createVNode("div", {

package/es/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/es/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/es/skeleton/Skeleton.d.ts

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