vant 4.9.21 → 4.9.23

package/es/time-picker/TimePicker.d.ts

@@ -222,8 +222,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     formatter: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;

package/es/time-picker/TimePicker.mjs

@@ -95,7 +95,7 @@ var stdin_default = defineComponent({
             return genOptions(+minSecond, +maxSecond, type, formatter, filter, currentValues.value);
           default:
             if (process.env.NODE_ENV !== "production") {
-              throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+              throw new Error(`[Vant] TimePicker: unsupported columns type: ${type}`);
             }
             return [];
         }

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

@@ -143,8 +143,8 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;

package/es/utils/constant.mjs

@@ -7,7 +7,7 @@ const BORDER_SURROUND = `${BORDER}--surround`;
 const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
 const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
 const HAPTICS_FEEDBACK = "van-haptics-feedback";
-const FORM_KEY = Symbol("van-form");
+const FORM_KEY = /* @__PURE__ */ Symbol("van-form");
 const LONG_PRESS_START_TIME = 500;
 const TAP_OFFSET = 5;
 export {

package/lib/action-bar-button/index.css

@@ -1 +1 @@
-:root,:host{--van-action-bar-button-height: 40px;--van-action-bar-button-warning-color: var(--van-gradient-orange);--van-action-bar-button-danger-color: var(--van-gradient-red)}.van-action-bar-button{flex:1;height:var(--van-action-bar-button-height);font-weight:var(--van-font-bold);font-size:var(--van-font-size-md);border:none;border-radius:0}.van-action-bar-button--first{margin-left:5px;border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-action-bar-button--last{margin-right:5px;border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-action-bar-button--warning{background:var(--van-action-bar-button-warning-color)}.van-action-bar-button--danger{background:var(--van-action-bar-button-danger-color)}@media (max-width: 321px){.van-action-bar-button{font-size:13px}}
+:root,:host{--van-action-bar-button-height: 40px;--van-action-bar-button-warning-color: var(--van-gradient-orange);--van-action-bar-button-danger-color: var(--van-gradient-red)}.van-action-bar-button{flex:1;height:var(--van-action-bar-button-height);font-weight:var(--van-font-bold);font-size:var(--van-font-size-md);border:none;border-radius:0}.van-action-bar-button--first{margin-left:5px;border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-action-bar-button--last{margin-right:5px;border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-action-bar-button--warning{background:var(--van-action-bar-button-warning-color)}.van-action-bar-button--danger{background:var(--van-action-bar-button-danger-color)}@media(max-width:321px){.van-action-bar-button{font-size:13px}}

package/lib/action-bar-icon/ActionBarIcon.d.ts

@@ -13,6 +13,7 @@ export declare const actionBarIconProps: {
     iconClass: PropType<unknown>;
     badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 };
 export type ActionBarIconProps = ExtractPropTypes<typeof actionBarIconProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -28,6 +29,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     iconClass: PropType<unknown>;
     badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -41,8 +43,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     iconClass: PropType<unknown>;
     badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 }>> & Readonly<{}>, {
     replace: boolean;
     dot: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/action-bar-icon/ActionBarIcon.js

@@ -37,7 +37,8 @@ const actionBarIconProps = (0, import_utils.extend)({}, import_use_route.routePr
   badge: import_utils.numericProp,
   iconClass: import_utils.unknownProp,
   badgeProps: Object,
-  iconPrefix: String
+  iconPrefix: String,
+  disabled: Boolean
 });
 var stdin_default = (0, import_vue.defineComponent)({
   name,
@@ -77,11 +78,18 @@ var stdin_default = (0, import_vue.defineComponent)({
         "classPrefix": iconPrefix
       }, null);
     };
+    const onClick = () => {
+      if (!props.disabled) {
+        route();
+      }
+    };
     return () => (0, import_vue.createVNode)("div", {
       "role": "button",
-      "class": bem(),
-      "tabindex": 0,
-      "onClick": route
+      "class": bem({
+        disabled: props.disabled
+      }),
+      "tabindex": props.disabled ? -1 : 0,
+      "onClick": onClick
     }, [renderIcon(), slots.default ? slots.default() : props.text]);
   }
 });

package/lib/action-bar-icon/index.css

@@ -1 +1 @@
-:root,:host{--van-action-bar-icon-width: 48px;--van-action-bar-icon-height: 100%;--van-action-bar-icon-color: var(--van-text-color);--van-action-bar-icon-size: 18px;--van-action-bar-icon-font-size: var(--van-font-size-xs);--van-action-bar-icon-active-color: var(--van-active-color);--van-action-bar-icon-text-color: var(--van-text-color);--van-action-bar-icon-background: var(--van-background-2)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}
+:root,:host{--van-action-bar-icon-width: 48px;--van-action-bar-icon-height: 100%;--van-action-bar-icon-color: var(--van-text-color);--van-action-bar-icon-size: 18px;--van-action-bar-icon-font-size: var(--van-font-size-xs);--van-action-bar-icon-active-color: var(--van-active-color);--van-action-bar-icon-text-color: var(--van-text-color);--van-action-bar-icon-background: var(--van-background-2)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon--disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-action-bar-icon--disabled:active{background-color:transparent}.van-action-bar-icon--disabled .van-action-bar-icon__icon{color:var(--van-text-color-3)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}

package/lib/action-bar-icon/index.d.ts

@@ -11,6 +11,7 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     iconClass: import("vue").PropType<unknown>;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -24,9 +25,11 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     iconClass: import("vue").PropType<unknown>;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     iconPrefix: StringConstructor;
+    disabled: BooleanConstructor;
 }>> & Readonly<{}>, {
     replace: boolean;
     dot: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ActionBarIcon;
 export { actionBarIconProps } from './ActionBarIcon';

package/lib/action-sheet/ActionSheet.d.ts

@@ -178,8 +178,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }>, {
     round: boolean;
     overlay: boolean;

package/lib/action-sheet/index.d.ts

@@ -110,8 +110,8 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     };
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }>, {
     round: boolean;
     overlay: boolean;

package/lib/address-list/AddressListItem.d.ts

@@ -34,8 +34,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;

package/lib/area/Area.d.ts

@@ -118,8 +118,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<import(".
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     readonly: boolean;

package/lib/area/index.d.ts

@@ -76,8 +76,8 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     readonly: boolean;

package/lib/calendar/index.css

@@ -1 +1 @@
-:root,:host{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-header-action-width: 28px;--van-calendar-header-action-color: var(--van-text-color);--van-calendar-header-action-disabled-color: var(--van-text-color-3);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-day-margin-bottom: 4px;--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{color:var(--van-text-color);height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__header-subtitle--with-switch{display:flex;align-items:center;padding:0 var(--van-padding-base)}.van-calendar__header-subtitle-text{flex:1}.van-calendar__header-action{display:flex;align-items:center;justify-content:center;min-width:var(--van-calendar-header-action-width);height:100%;color:var(--van-calendar-header-action-color);cursor:pointer}.van-calendar__header-action--disabled{color:var(--van-calendar-header-action-disabled-color);cursor:not-allowed}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);margin-bottom:var(--van-calendar-day-margin-bottom);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}
+:root,:host{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-header-action-width: 28px;--van-calendar-header-action-color: var(--van-text-color);--van-calendar-header-action-disabled-color: var(--van-text-color-3);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-day-margin-bottom: 4px;--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{color:var(--van-text-color);height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__header-subtitle--with-switch{display:flex;align-items:center;padding:0 var(--van-padding-base)}.van-calendar__header-subtitle-text{flex:1}.van-calendar__header-action{display:flex;align-items:center;justify-content:center;min-width:var(--van-calendar-header-action-width);height:100%;color:var(--van-calendar-header-action-color);cursor:pointer}.van-calendar__header-action--disabled{color:var(--van-calendar-header-action-disabled-color);cursor:not-allowed}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);margin-bottom:var(--van-calendar-day-margin-bottom);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media(max-width:350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}

package/lib/composables/on-popup-reopen.js

@@ -22,7 +22,7 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-const POPUP_TOGGLE_KEY = Symbol();
+const POPUP_TOGGLE_KEY = /* @__PURE__ */ Symbol();
 function onPopupReopen(callback) {
   const popupToggleStatus = (0, import_vue.inject)(POPUP_TOGGLE_KEY, null);
   if (popupToggleStatus) {

package/lib/composables/use-tab-status.js

@@ -25,8 +25,8 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-const TAB_STATUS_KEY = Symbol();
-const ALL_TAB_STATUS_KEY = Symbol();
+const TAB_STATUS_KEY = /* @__PURE__ */ Symbol();
+const ALL_TAB_STATUS_KEY = /* @__PURE__ */ Symbol();
 const useTabStatus = () => (0, import_vue.inject)(TAB_STATUS_KEY, null);
 const useAllTabStatus = () => (0, import_vue.inject)(ALL_TAB_STATUS_KEY, null);
 const useProvideTabStatus = (status) => {

package/lib/composables/use-touch.js

@@ -50,12 +50,12 @@ function useTouch() {
     direction.value = "";
     isTap.value = true;
   };
-  const start = (event) => {
+  const start = ((event) => {
     reset();
     startX.value = event.touches[0].clientX;
     startY.value = event.touches[0].clientY;
-  };
-  const move = (event) => {
+  });
+  const move = ((event) => {
     const touch = event.touches[0];
     deltaX.value = (touch.clientX < 0 ? 0 : touch.clientX) - startX.value;
     deltaY.value = touch.clientY - startY.value;
@@ -68,7 +68,7 @@ function useTouch() {
     if (isTap.value && (offsetX.value > import_utils.TAP_OFFSET || offsetY.value > import_utils.TAP_OFFSET)) {
       isTap.value = false;
     }
-  };
+  });
   return {
     move,
     start,

package/lib/date-picker/DatePicker.d.ts

@@ -156,8 +156,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     formatter: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;

package/lib/date-picker/index.d.ts

@@ -99,8 +99,8 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;

package/lib/dialog/Dialog.d.ts

@@ -184,8 +184,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     destroyOnClose: BooleanConstructor;
 }>> & Readonly<{
     onKeydown?: ((...args: any[]) => any) | undefined;
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     overlay: boolean;

package/lib/dialog/index.css

@@ -1 +1 @@
-:root,:host{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0;border-radius:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog--round-button .van-action-bar-button--first{border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-dialog--round-button .van-action-bar-button--last{border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-dialog-bounce-enter-from{transform:translate3d(0,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(0,-50%,0) scale(.9);opacity:0}
+:root,:host{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media(max-width:321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0;border-radius:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog--round-button .van-action-bar-button--first{border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-dialog--round-button .van-action-bar-button--last{border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-dialog-bounce-enter-from{transform:translate3d(0,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(0,-50%,0) scale(.9);opacity:0}

package/lib/dialog/index.d.ts

@@ -120,8 +120,8 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
     destroyOnClose: BooleanConstructor;
 }>> & Readonly<{
     onKeydown?: ((...args: any[]) => any) | undefined;
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     overlay: boolean;

package/lib/field/Field.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type ExtractPropTypes, type HTMLAttributes } from 'vue';
-import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
+import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig, FieldEnterKeyHint } from './types';
 export declare const fieldSharedProps: {
     id: StringConstructor;
     name: StringConstructor;
@@ -25,7 +25,7 @@ export declare const fieldSharedProps: {
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: PropType<FieldEnterKeyHint>;
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -107,7 +107,7 @@ export declare const fieldProps: {
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: PropType<FieldEnterKeyHint>;
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -207,7 +207,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: PropType<FieldEnterKeyHint>;
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -305,7 +305,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: PropType<FieldEnterKeyHint>;
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;

package/lib/field/Field.js

@@ -228,10 +228,11 @@ var stdin_default = (0, import_vue.defineComponent)({
         if (modelValue && (0, import_utils2.getStringLength)(modelValue) === +maxlength) {
           return modelValue;
         }
-        const selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
+        let selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
         if (state.focused && selectionEnd) {
           const valueArr = [...value];
           const exceededLength = valueArr.length - +maxlength;
+          selectionEnd = (0, import_utils2.getStringLength)(value.slice(0, selectionEnd));
           valueArr.splice(selectionEnd - exceededLength, exceededLength);
           return valueArr.join("");
         }
@@ -243,7 +244,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       var _a, _b;
       const originalValue = value;
       value = limitValueLength(value);
-      const limitDiffLen = (0, import_utils2.getStringLength)(originalValue) - (0, import_utils2.getStringLength)(value);
+      const limitDiffLen = originalValue.length - value.length;
       if (props.type === "number" || props.type === "digit") {
         const isNumber = props.type === "number";
         value = (0, import_utils.formatNumber)(value, isNumber, isNumber);
@@ -269,7 +270,7 @@ var stdin_default = (0, import_vue.defineComponent)({
             selectionEnd
           } = inputRef.value;
           const bcoVal = (0, import_utils2.cutString)(originalValue, selectionEnd);
-          formatterDiffLen = (0, import_utils2.getStringLength)(formatter(bcoVal)) - (0, import_utils2.getStringLength)(bcoVal);
+          formatterDiffLen = formatter(bcoVal).length - bcoVal.length;
         }
       }
       if (inputRef.value && inputRef.value.value !== value) {
@@ -280,7 +281,7 @@ var stdin_default = (0, import_vue.defineComponent)({
           } = inputRef.value;
           inputRef.value.value = value;
           if ((0, import_utils.isDef)(selectionStart) && (0, import_utils.isDef)(selectionEnd)) {
-            const valueLen = (0, import_utils2.getStringLength)(value);
+            const valueLen = value.length;
             if (limitDiffLen) {
               selectionStart -= limitDiffLen;
               selectionEnd -= limitDiffLen;

package/lib/field/index.d.ts

@@ -54,7 +54,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: import("vue").PropType<import("./types").FieldEnterKeyHint>;
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -152,7 +152,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: import("vue").PropType<import("./types").FieldEnterKeyHint>;
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -230,7 +230,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 export default Field;
 export { fieldProps } from './Field';
 export type { FieldProps };
-export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FieldRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
+export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FieldRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, FieldEnterKeyHint, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanField: typeof Field;

package/lib/field/types.d.ts

@@ -5,6 +5,7 @@ export type FieldTextAlign = 'left' | 'center' | 'right' | 'top';
 export type FieldClearTrigger = 'always' | 'focus';
 export type FieldFormatTrigger = 'onBlur' | 'onChange';
 export type FieldValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
+export type FieldEnterKeyHint = 'search' | 'done' | 'enter' | 'go' | 'next' | 'previous' | 'send';
 export type FieldAutosizeConfig = {
     maxHeight?: number;
     minHeight?: number;

package/lib/floating-panel/FloatingPanel.d.ts

@@ -12,6 +12,14 @@ export declare const floatingPanelProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -36,6 +44,14 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -58,6 +74,14 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -75,7 +99,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     safeAreaInsetBottom: boolean;
     duration: string | number;
     lockScroll: boolean;
+    magnetic: boolean;
     anchors: number[];
+    draggable: boolean;
     contentDraggable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/floating-panel/FloatingPanel.js

@@ -31,6 +31,8 @@ const floatingPanelProps = {
   height: (0, import_utils.makeNumericProp)(0),
   anchors: (0, import_utils.makeArrayProp)(),
   duration: (0, import_utils.makeNumericProp)(0.3),
+  magnetic: import_utils.truthProp,
+  draggable: import_utils.truthProp,
   contentDraggable: import_utils.truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: import_utils.truthProp
@@ -80,6 +82,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     let maxScroll = -1;
     const touch = (0, import_use_touch.useTouch)();
     const onTouchstart = (e) => {
+      if (!props.draggable) return;
       touch.start(e);
       dragging.value = true;
       startY = -height.value;
@@ -87,6 +90,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     const onTouchmove = (e) => {
       var _a;
+      if (!props.draggable) return;
       touch.move(e);
       const target = e.target;
       if (contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target))) {
@@ -106,8 +110,22 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     const onTouchend = () => {
       maxScroll = -1;
+      if (!dragging.value) {
+        return;
+      }
       dragging.value = false;
-      height.value = (0, import_utils.closest)(anchors.value, height.value);
+      if (!props.draggable) {
+        return;
+      }
+      if (props.magnetic) {
+        height.value = (0, import_utils.closest)(anchors.value, height.value);
+      } else {
+        const {
+          min,
+          max
+        } = boundary.value;
+        height.value = Math.max(min, Math.min(max, height.value));
+      }
       if (height.value !== -startY) {
         emit("heightChange", {
           height: height.value
@@ -127,6 +145,9 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (slots.header) {
         return slots.header();
       }
+      if (!props.draggable) {
+        return null;
+      }
       return (0, import_vue.createVNode)("div", {
         "class": bem("header")
       }, [(0, import_vue.createVNode)("div", {
@@ -146,7 +167,10 @@ var stdin_default = (0, import_vue.defineComponent)({
         "onTouchcancel": onTouchend
       }, [renderHeader(), (0, import_vue.createVNode)("div", {
         "class": bem("content"),
-        "ref": contentRef
+        "ref": contentRef,
+        "style": {
+          paddingBottom: (0, import_utils.addUnit)(boundary.value.max - height.value)
+        }
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
     };
   }

package/lib/floating-panel/index.css

@@ -1 +1 @@
-:root,:host{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background);will-change:transform}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background)}
+:root,:host{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background);will-change:transform}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background);-webkit-overflow-scrolling:touch}

package/lib/floating-panel/index.d.ts

@@ -11,6 +11,14 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue")
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -33,6 +41,14 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue")
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -50,7 +66,9 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue")
     safeAreaInsetBottom: boolean;
     duration: string | number;
     lockScroll: boolean;
+    magnetic: boolean;
     anchors: number[];
+    draggable: boolean;
     contentDraggable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default FloatingPanel;

package/lib/grid/Grid.d.ts

@@ -66,8 +66,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     reverse: boolean;
     center: boolean;
-    border: boolean;
     square: boolean;
+    border: boolean;
     clickable: boolean;
     columnNum: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;