vant 4.4.0 → 4.5.0

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

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

package/es/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/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;

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

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

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

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

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

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

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

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

package/es/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/es/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/es/slider/Slider.mjs

@@ -92,6 +92,14 @@ var stdin_default = defineComponent({
       const diff = Math.round((value - min) / step) * step;
       return 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);
@@ -116,6 +124,7 @@ var stdin_default = defineComponent({
       if (props.disabled || props.readonly) {
         return;
       }
+      updateStartValue();
       const {
         min,
         reverse,
@@ -155,11 +164,7 @@ var stdin_default = 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) => {
@@ -205,17 +210,25 @@ var stdin_default = 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 _createVNode("div", {

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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;