vant 4.4.1 → 4.5.0

package/es/address-list/AddressList.d.ts

@@ -17,6 +17,10 @@ export declare const addressListProps: {
     };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 };
 export type AddressListProps = ExtractPropTypes<typeof addressListProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -36,6 +40,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled")[], "select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     list: {
         type: import("vue").PropType<AddressListAddress[]>;
@@ -53,6 +61,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -62,6 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     onEditDisabled?: ((...args: any[]) => any) | undefined;
     onSelectDisabled?: ((...args: any[]) => any) | undefined;
 }, {
+    rightIcon: string;
     switchable: boolean;
     list: AddressListAddress[];
     disabledList: AddressListAddress[];

package/es/address-list/AddressList.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { truthProp, numericProp, makeArrayProp, createNamespace } from "../utils/index.mjs";
+import { truthProp, numericProp, makeArrayProp, createNamespace, makeStringProp } from "../utils/index.mjs";
 import { Button } from "../button/index.mjs";
 import { RadioGroup } from "../radio-group/index.mjs";
 import AddressListItem from "./AddressListItem.mjs";
@@ -12,7 +12,8 @@ const addressListProps = {
   disabledText: String,
   disabledList: makeArrayProp(),
   addButtonText: String,
-  defaultTagText: String
+  defaultTagText: String,
+  rightIcon: makeStringProp("edit")
 };
 var stdin_default = defineComponent({
   name,
@@ -37,6 +38,7 @@ var stdin_default = defineComponent({
         "disabled": disabled,
         "switchable": props.switchable,
         "defaultTagText": props.defaultTagText,
+        "rightIcon": props.rightIcon,
         "onEdit": onEdit,
         "onClick": onClick,
         "onSelect": onSelect

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

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     switchable: BooleanConstructor;
     defaultTagText: StringConstructor;
+    rightIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "click" | "edit")[], "select" | "click" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     address: {
         type: PropType<AddressListAddress>;
@@ -23,12 +27,17 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     switchable: BooleanConstructor;
     defaultTagText: StringConstructor;
+    rightIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    rightIcon: string;
     switchable: boolean;
 }, {}>;
 export default _default;

package/es/address-list/AddressListItem.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { extend, createNamespace, makeRequiredProp } from "../utils/index.mjs";
+import { extend, createNamespace, makeRequiredProp, makeStringProp } from "../utils/index.mjs";
 import { Tag } from "../tag/index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Cell } from "../cell/index.mjs";
@@ -12,7 +12,8 @@ var stdin_default = defineComponent({
     address: makeRequiredProp(Object),
     disabled: Boolean,
     switchable: Boolean,
-    defaultTagText: String
+    defaultTagText: String,
+    rightIcon: makeStringProp("edit")
   },
   emits: ["edit", "click", "select"],
   setup(props, {
@@ -26,7 +27,7 @@ var stdin_default = defineComponent({
       emit("click");
     };
     const renderRightIcon = () => _createVNode(Icon, {
-      "name": "edit",
+      "name": props.rightIcon,
       "class": bem("edit"),
       "onClick": (event) => {
         event.stopPropagation();

package/es/address-list/index.d.ts

@@ -15,6 +15,10 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled")[], "select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     list: {
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
@@ -32,6 +36,10 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -41,6 +49,7 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     onEditDisabled?: ((...args: any[]) => any) | undefined;
     onSelectDisabled?: ((...args: any[]) => any) | undefined;
 }, {
+    rightIcon: string;
     switchable: boolean;
     list: import("./AddressListItem").AddressListAddress[];
     disabledList: import("./AddressListItem").AddressListAddress[];

package/es/back-top/BackTop.mjs

@@ -1,5 +1,5 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { ref, watch, computed, Teleport, nextTick, onMounted, defineComponent } from "vue";
+import { ref, watch, computed, Teleport, nextTick, onMounted, defineComponent, onDeactivated, onActivated } from "vue";
 import { extend, addUnit, inBrowser, numericProp, getScrollTop, getZIndexStyle, createNamespace, makeNumericProp } from "../utils/index.mjs";
 import { throttle } from "../lazyload/vue-lazyload/util.mjs";
 import { useEventListener, getScrollParent } from "@vant/use";
@@ -27,6 +27,7 @@ var stdin_default = defineComponent({
     slots,
     attrs
   }) {
+    let shouldReshow = false;
     const show = ref(false);
     const root = ref();
     const scrollParent = ref();
@@ -73,6 +74,18 @@ var stdin_default = defineComponent({
       target: scrollParent
     });
     onMounted(updateTarget);
+    onActivated(() => {
+      if (shouldReshow) {
+        show.value = true;
+        shouldReshow = false;
+      }
+    });
+    onDeactivated(() => {
+      if (show.value && props.teleport) {
+        show.value = false;
+        shouldReshow = true;
+      }
+    });
     watch(() => props.target, updateTarget);
     return () => {
       const Content = _createVNode("div", _mergeProps({

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

@@ -29,7 +29,7 @@ export declare const datePickerProps: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[] | undefined) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[] | undefined) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -129,7 +129,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[] | undefined) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;

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

@@ -28,7 +28,7 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[] | undefined) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
@@ -77,7 +77,7 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[] | undefined) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;

package/es/date-picker/utils.d.ts

@@ -1,6 +1,8 @@
+import { type RequiredParams } from '../utils';
 import type { PropType } from 'vue';
 import type { PickerOption } from '../picker';
-type Filter = (columnType: string, options: PickerOption[]) => PickerOption[];
+type Filter = (columnType: string, options: PickerOption[], values?: string[]) => PickerOption[];
+export type TimeFilter = RequiredParams<Filter>;
 type Formatter = (type: string, option: PickerOption) => PickerOption;
 export declare const sharedProps: {
     loading: BooleanConstructor;
@@ -40,6 +42,6 @@ export declare const sharedProps: {
 export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "allowHtml" | "optionHeight" | "showToolbar" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText")[];
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
-export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter) => PickerOption[];
+export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter | TimeFilter, values?: string[]) => PickerOption[];
 export declare const formatValueRange: (values: string[], columns: PickerOption[][]) => string[];
 export {};

package/es/date-picker/utils.mjs

@@ -1,4 +1,9 @@
-import { extend, padZero, makeArrayProp, clamp } from "../utils/index.mjs";
+import {
+  extend,
+  padZero,
+  makeArrayProp,
+  clamp
+} from "../utils/index.mjs";
 import { pickerSharedProps } from "../picker/Picker.mjs";
 const sharedProps = extend({}, pickerSharedProps, {
   modelValue: makeArrayProp(),
@@ -21,7 +26,7 @@ function times(n, iteratee) {
   return result;
 }
 const getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
-const genOptions = (min, max, type, formatter, filter) => {
+const genOptions = (min, max, type, formatter, filter, values) => {
   const options = times(max - min + 1, (index) => {
     const value = padZero(min + index);
     return formatter(type, {
@@ -29,7 +34,7 @@ const genOptions = (min, max, type, formatter, filter) => {
       value
     });
   });
-  return filter ? filter(type, options) : options;
+  return filter ? filter(type, options, values) : options;
 };
 const formatValueRange = (values, columns) => values.map((value, index) => {
   const column = columns[index];

package/es/dropdown-menu/DropdownMenu.mjs

@@ -2,6 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from "vue";
 import { isDef, truthProp, numericProp, windowHeight, makeStringProp, makeNumericProp, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
 import { useId } from "../composables/use-id.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 import { useRect, useChildren, useClickAway, useScrollParent, useEventListener } from "@vant/use";
 const [name, bem] = createNamespace("dropdown-menu");
 const dropdownMenuProps = {
@@ -37,11 +38,14 @@ var stdin_default = defineComponent({
         };
       }
     });
+    const close = () => {
+      children.forEach((item) => {
+        item.toggle(false);
+      });
+    };
     const onClickAway = () => {
       if (props.closeOnClickOutside) {
-        children.forEach((item) => {
-          item.toggle(false);
-        });
+        close();
       }
     };
     const updateOffset = () => {
@@ -104,6 +108,9 @@ var stdin_default = defineComponent({
         "class": "van-ellipsis"
       }, [item.renderTitle()])])]);
     };
+    useExpose({
+      close
+    });
     linkChildren({
       id,
       props,

package/es/dropdown-menu/types.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from 'vue';
+import type { ComponentPublicInstance, Ref } from 'vue';
 import type { DropdownMenuProps } from './DropdownMenu';
 export type DropdownMenuDirection = 'up' | 'down';
 export type DropdownMenuProvide = {
@@ -7,6 +7,10 @@ export type DropdownMenuProvide = {
     offset: Ref<number>;
     updateOffset: () => void;
 };
+export type DropdownMenuExpose = {
+    close: () => void;
+};
+export type DropdownMenuInstance = ComponentPublicInstance<DropdownMenuProps, DropdownMenuExpose>;
 export type DropdownMenuThemeVars = {
     dropdownMenuHeight?: string;
     dropdownMenuBackground?: string;

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

@@ -0,0 +1,77 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const floatingPanelProps: {
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    anchors: {
+        type: import("vue").PropType<number[]>;
+        default: () => never[];
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    contentDraggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export type FloatingPanelProps = ExtractPropTypes<typeof floatingPanelProps>;
+declare const _default: import("vue").DefineComponent<{
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    anchors: {
+        type: import("vue").PropType<number[]>;
+        default: () => never[];
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    contentDraggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("heightChange" | "update:height")[], "heightChange" | "update:height", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    anchors: {
+        type: import("vue").PropType<number[]>;
+        default: () => never[];
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    contentDraggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onHeightChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:height"?: ((...args: any[]) => any) | undefined;
+}, {
+    height: string | number;
+    safeAreaInsetBottom: boolean;
+    duration: string | number;
+    anchors: number[];
+    contentDraggable: boolean;
+}, {}>;
+export default _default;

package/es/floating-panel/FloatingPanel.mjs

@@ -0,0 +1,126 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent, ref, watch } from "vue";
+import { addUnit, createNamespace, makeArrayProp, makeNumericProp, truthProp } from "../utils/index.mjs";
+import { useWindowSize } from "@vant/use";
+import { useLockScroll } from "../composables/use-lock-scroll.mjs";
+import { useTouch } from "../composables/use-touch.mjs";
+import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
+const {
+  height: windowHeight
+} = useWindowSize();
+const floatingPanelProps = {
+  height: makeNumericProp(0),
+  anchors: makeArrayProp(),
+  duration: makeNumericProp(0.2),
+  contentDraggable: truthProp,
+  safeAreaInsetBottom: truthProp
+};
+const [name, bem] = createNamespace("floating-panel");
+const DAMP = 0.2;
+var stdin_default = defineComponent({
+  name,
+  props: floatingPanelProps,
+  emits: ["heightChange", "update:height"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const rootRef = ref();
+    const contentRef = ref();
+    const height = useSyncPropRef(() => +props.height, (value) => emit("update:height", value));
+    const boundary = computed(() => {
+      var _a, _b;
+      return {
+        min: (_a = props.anchors[0]) != null ? _a : 100,
+        max: (_b = props.anchors[props.anchors.length - 1]) != null ? _b : Math.round(windowHeight.value * 0.6)
+      };
+    });
+    const anchors = computed(() => props.anchors.length >= 2 ? props.anchors : [boundary.value.min, boundary.value.max]);
+    const dragging = ref(false);
+    const rootStyle = computed(() => ({
+      height: addUnit(boundary.value.max),
+      transform: `translateY(calc(100% + ${addUnit(-height.value)}))`,
+      transition: !dragging.value ? `transform ${props.duration}s` : "none"
+    }));
+    const ease = (moveY) => {
+      const absDistance = Math.abs(moveY);
+      const {
+        min,
+        max
+      } = boundary.value;
+      if (absDistance > max) {
+        return -(max + (absDistance - max) * DAMP);
+      }
+      if (absDistance < min) {
+        return -(min - (min - absDistance) * DAMP);
+      }
+      return moveY;
+    };
+    const closest = (arr, target) => arr.reduce((pre, cur) => Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur);
+    let startY;
+    const touch = useTouch();
+    const onTouchstart = (e) => {
+      touch.start(e);
+      dragging.value = true;
+      startY = -height.value;
+    };
+    const onTouchmove = (e) => {
+      var _a;
+      touch.move(e);
+      const target = e.target;
+      if (contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target))) {
+        if (!props.contentDraggable)
+          return;
+        if (-startY < boundary.value.max) {
+          if (e.cancelable)
+            e.preventDefault();
+          e.stopPropagation();
+        } else if (!(contentRef.value.scrollTop <= 0 && touch.deltaY.value > 0)) {
+          return;
+        }
+      }
+      const moveY = touch.deltaY.value + startY;
+      height.value = -ease(moveY);
+    };
+    const onTouchend = () => {
+      dragging.value = false;
+      height.value = closest(anchors.value, height.value);
+      if (height.value !== -startY) {
+        emit("heightChange", {
+          height: height.value
+        });
+      }
+    };
+    watch(boundary, () => {
+      height.value = closest(anchors.value, height.value);
+    }, {
+      immediate: true
+    });
+    useLockScroll(rootRef, () => true);
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "class": [bem(), {
+          "van-safe-area-bottom": props.safeAreaInsetBottom
+        }],
+        "ref": rootRef,
+        "style": rootStyle.value,
+        "onTouchstartPassive": onTouchstart,
+        "onTouchmove": onTouchmove,
+        "onTouchend": onTouchend,
+        "onTouchcancel": onTouchend
+      }, [_createVNode("div", {
+        "class": bem("header")
+      }, [_createVNode("div", {
+        "class": bem("header-bar")
+      }, null)]), _createVNode("div", {
+        "class": bem("content"),
+        "ref": contentRef
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  floatingPanelProps
+};

package/es/floating-panel/index.css

@@ -0,0 +1 @@
+:root{--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)}.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)}

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

@@ -0,0 +1,60 @@
+import { FloatingPanelProps } from './FloatingPanel';
+export declare const FloatingPanel: import("../utils").WithInstall<import("vue").DefineComponent<{
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    anchors: {
+        type: import("vue").PropType<number[]>;
+        default: () => never[];
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    contentDraggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("heightChange" | "update:height")[], "heightChange" | "update:height", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    anchors: {
+        type: import("vue").PropType<number[]>;
+        default: () => never[];
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    contentDraggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onHeightChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:height"?: ((...args: any[]) => any) | undefined;
+}, {
+    height: string | number;
+    safeAreaInsetBottom: boolean;
+    duration: string | number;
+    anchors: number[];
+    contentDraggable: boolean;
+}, {}>>;
+export default FloatingPanel;
+export type { FloatingPanelProps };
+declare module 'vue' {
+    interface GlobalComponents {
+        VanFloatingPanel: typeof FloatingPanel;
+    }
+}

package/es/floating-panel/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _FloatingPanel from "./FloatingPanel.mjs";
+const FloatingPanel = withInstall(_FloatingPanel);
+var stdin_default = FloatingPanel;
+export {
+  FloatingPanel,
+  stdin_default as default
+};

package/es/floating-panel/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/floating-panel/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

package/es/index.d.ts

@@ -35,6 +35,7 @@ export * from "./dropdown-item";
 export * from "./dropdown-menu";
 export * from "./empty";
 export * from "./field";
+export * from "./floating-panel";
 export * from "./form";
 export * from "./grid";
 export * from "./grid-item";
@@ -102,4 +103,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.4.1";
+export const version: "4.5.0";