vant 3.6.12 → 3.6.13

package/lib/field/types.d.ts

@@ -1,33 +1,33 @@
 import type { ComputedRef, ComponentPublicInstance } from 'vue';
 import type { FieldProps } from './Field';
-export declare type FieldType = 'tel' | 'url' | 'date' | 'file' | 'text' | 'time' | 'week' | 'color' | 'digit' | 'email' | 'image' | 'month' | 'radio' | 'range' | 'reset' | 'button' | 'hidden' | 'number' | 'search' | 'submit' | 'checkbox' | 'password' | 'textarea' | 'datetime-local';
-export declare type FieldTextAlign = 'left' | 'center' | 'right';
-export declare type FieldClearTrigger = 'always' | 'focus';
-export declare type FieldFormatTrigger = 'onBlur' | 'onChange';
-export declare type FieldValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
-export declare type FieldAutosizeConfig = {
+export type FieldType = 'tel' | 'url' | 'date' | 'file' | 'text' | 'time' | 'week' | 'color' | 'digit' | 'email' | 'image' | 'month' | 'radio' | 'range' | 'reset' | 'button' | 'hidden' | 'number' | 'search' | 'submit' | 'checkbox' | 'password' | 'textarea' | 'datetime-local';
+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 FieldAutosizeConfig = {
     maxHeight?: number;
     minHeight?: number;
 };
-export declare type FieldValidateError = {
+export type FieldValidateError = {
     name?: string;
     message: string;
 };
-export declare type FieldRuleMessage = string | ((value: any, rule: FieldRule) => string);
-export declare type FieldRuleValidator = (value: any, rule: FieldRule) => boolean | string | Promise<boolean | string>;
-export declare type FiledRuleFormatter = (value: any, rule: FieldRule) => string;
-export declare type FieldRule = {
+export type FieldRuleMessage = string | ((value: any, rule: FieldRule) => string);
+export type FieldRuleValidator = (value: any, rule: FieldRule) => boolean | string | Promise<boolean | string>;
+export type FieldRuleFormatter = (value: any, rule: FieldRule) => string;
+export type FieldRule = {
     pattern?: RegExp;
     trigger?: FieldValidateTrigger | FieldValidateTrigger[];
     message?: FieldRuleMessage;
     required?: boolean;
     validator?: FieldRuleValidator;
-    formatter?: FiledRuleFormatter;
+    formatter?: FieldRuleFormatter;
     validateEmpty?: boolean;
 };
-export declare type FieldValidationStatus = 'passed' | 'failed' | 'unvalidated';
-export declare type FieldFormSharedProps = 'colon' | 'disabled' | 'readonly' | 'labelWidth' | 'labelAlign' | 'inputAlign' | 'errorMessageAlign';
-export declare type FieldExpose = {
+export type FieldValidationStatus = 'passed' | 'failed' | 'unvalidated';
+export type FieldFormSharedProps = 'colon' | 'required' | 'disabled' | 'readonly' | 'labelWidth' | 'labelAlign' | 'inputAlign' | 'errorMessageAlign';
+export type FieldExpose = {
     blur: () => void | undefined;
     focus: () => void | undefined;
     validate: (rules?: FieldRule[] | undefined) => Promise<void | FieldValidateError>;
@@ -36,9 +36,30 @@ export declare type FieldExpose = {
     /** @private */
     formValue: ComputedRef<unknown>;
 };
-export declare type FieldInstance = ComponentPublicInstance<FieldProps, FieldExpose>;
+export type FieldInstance = ComponentPublicInstance<FieldProps, FieldExpose>;
 declare global {
     interface EventTarget {
         composing?: boolean;
     }
 }
+export type FieldThemeVars = {
+    fieldLabelWidth?: string;
+    fieldLabelColor?: string;
+    fieldLabelMarginRight?: string;
+    fieldInputTextColor?: string;
+    fieldInputErrorTextColor?: string;
+    fieldInputDisabledTextColor?: string;
+    fieldPlaceholderTextColor?: string;
+    fieldIconSize?: string;
+    fieldClearIconSize?: string;
+    fieldClearIconColor?: string;
+    fieldRightIconColor?: string;
+    fieldErrorMessageColor?: string;
+    fieldErrorMessageFontSize?: string;
+    fieldTextAreaMinHeight?: string;
+    fieldWordLimitColor?: string;
+    fieldWordLimitFontSize?: string;
+    fieldWordLimitLineHeight?: number | string;
+    fieldDisabledTextColor?: string;
+    fieldRequiredMarkColor?: string;
+};

package/lib/field/utils.d.ts

@@ -7,7 +7,7 @@ export declare function getRuleMessage(value: unknown, rule: FieldRule): string;
 export declare function startComposing({ target }: Event): void;
 export declare function endComposing({ target }: Event): void;
 export declare function resizeTextarea(input: HTMLInputElement, autosize: true | FieldAutosizeConfig): void;
-export declare function mapInputType(type: FieldType): {
+export declare function mapInputType(type: FieldType, inputmode?: HTMLAttributes['inputmode']): {
     type: InputHTMLAttributes['type'];
     inputmode?: HTMLAttributes['inputmode'];
 };

package/lib/field/utils.js

@@ -97,20 +97,16 @@ function resizeTextarea(input, autosize) {
     (0, import_utils.setRootScrollTop)(scrollTop);
   }
 }
-function mapInputType(type) {
+function mapInputType(type, inputmode) {
   if (type === "number") {
-    return {
-      type: "text",
-      inputmode: "decimal"
-    };
+    type = "text";
+    inputmode != null ? inputmode : inputmode = "decimal";
   }
   if (type === "digit") {
-    return {
-      type: "tel",
-      inputmode: "numeric"
-    };
+    type = "tel";
+    inputmode != null ? inputmode : inputmode = "numeric";
   }
-  return { type };
+  return { type, inputmode };
 }
 function getStringLength(str) {
   return [...str].length;

package/lib/floating-bubble/FloatingBubble.d.ts

@@ -0,0 +1,81 @@
+import { PropType, TeleportProps, type ExtractPropTypes } from 'vue';
+import { FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset } from './types';
+export declare const floatingBubbleProps: {
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
+    axis: {
+        type: PropType<T>;
+        default: FloatingBubbleAxis;
+    };
+    magnetic: PropType<FloatingBubbleMagnetic>;
+    offset: {
+        type: PropType<FloatingBubbleOffset>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    teleport: {
+        type: PropType<TeleportProps["to"]>;
+        default: string;
+    };
+};
+export type FloatingBubbleProps = ExtractPropTypes<typeof floatingBubbleProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
+    axis: {
+        type: PropType<T>;
+        default: FloatingBubbleAxis;
+    };
+    magnetic: PropType<FloatingBubbleMagnetic>;
+    offset: {
+        type: PropType<FloatingBubbleOffset>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    teleport: {
+        type: PropType<TeleportProps["to"]>;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
+    axis: {
+        type: PropType<T>;
+        default: FloatingBubbleAxis;
+    };
+    magnetic: PropType<FloatingBubbleMagnetic>;
+    offset: {
+        type: PropType<FloatingBubbleOffset>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    teleport: {
+        type: PropType<TeleportProps["to"]>;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
+    onOffsetChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    offset: FloatingBubbleOffset;
+    teleport: string | import("vue").RendererElement | null | undefined;
+    gap: number;
+    axis: FloatingBubbleAxis;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/floating-bubble/FloatingBubble.js

@@ -0,0 +1,203 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default,
+  floatingBubbleProps: () => floatingBubbleProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@vant/use");
+var import_use_touch = require("../composables/use-touch");
+var import_icon = __toESM(require("../icon"));
+const floatingBubbleProps = {
+  gap: (0, import_utils.makeNumberProp)(24),
+  icon: String,
+  axis: (0, import_utils.makeStringProp)("y"),
+  magnetic: String,
+  offset: {
+    type: Object,
+    default: () => ({
+      x: -1,
+      y: -1
+    })
+  },
+  teleport: {
+    type: [String, Object],
+    default: "body"
+  }
+};
+const [name, bem] = (0, import_utils.createNamespace)("floating-bubble");
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  inheritAttrs: false,
+  props: floatingBubbleProps,
+  emits: ["click", "update:offset", "offsetChange"],
+  setup(props, {
+    slots,
+    emit,
+    attrs
+  }) {
+    const rootRef = (0, import_vue.ref)();
+    const state = (0, import_vue.ref)({
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    const boundary = (0, import_vue.computed)(() => ({
+      top: props.gap,
+      right: import_utils.windowWidth.value - state.value.width - props.gap,
+      bottom: import_utils.windowHeight.value - state.value.height - props.gap,
+      left: props.gap
+    }));
+    const dragging = (0, import_vue.ref)(false);
+    let initialized = false;
+    const rootStyle = (0, import_vue.computed)(() => {
+      const style = {};
+      const x = (0, import_utils.addUnit)(state.value.x);
+      const y = (0, import_utils.addUnit)(state.value.y);
+      style.transform = `translate3d(${x}, ${y}, 0)`;
+      if (dragging.value || !initialized) {
+        style.transition = "none";
+      }
+      return style;
+    });
+    const updateState = () => {
+      if (!show.value) return;
+      const {
+        width,
+        height
+      } = (0, import_use.useRect)(rootRef.value);
+      const {
+        offset
+      } = props;
+      state.value = {
+        x: offset.x > -1 ? offset.x : import_utils.windowWidth.value - width - props.gap,
+        y: offset.y > -1 ? offset.y : import_utils.windowHeight.value - height - props.gap,
+        width,
+        height
+      };
+    };
+    const touch = (0, import_use_touch.useTouch)();
+    let prevX = 0;
+    let prevY = 0;
+    const onTouchStart = (e) => {
+      touch.start(e);
+      dragging.value = true;
+      prevX = state.value.x;
+      prevY = state.value.y;
+    };
+    const onTouchMove = (e) => {
+      e.preventDefault();
+      touch.move(e);
+      if (props.axis === "lock") return;
+      if (!touch.isTap.value) {
+        if (props.axis === "x" || props.axis === "xy") {
+          let nextX = prevX + touch.deltaX.value;
+          if (nextX < boundary.value.left) nextX = boundary.value.left;
+          if (nextX > boundary.value.right) nextX = boundary.value.right;
+          state.value.x = nextX;
+        }
+        if (props.axis === "y" || props.axis === "xy") {
+          let nextY = prevY + touch.deltaY.value;
+          if (nextY < boundary.value.top) nextY = boundary.value.top;
+          if (nextY > boundary.value.bottom) nextY = boundary.value.bottom;
+          state.value.y = nextY;
+        }
+        const offset = (0, import_utils.pick)(state.value, ["x", "y"]);
+        emit("update:offset", offset);
+      }
+    };
+    (0, import_use.useEventListener)("touchmove", onTouchMove, {
+      target: rootRef
+    });
+    const onTouchEnd = () => {
+      dragging.value = false;
+      (0, import_vue.nextTick)(() => {
+        if (props.magnetic === "x") {
+          const nextX = (0, import_utils.closest)([boundary.value.left, boundary.value.right], state.value.x);
+          state.value.x = nextX;
+        }
+        if (props.magnetic === "y") {
+          const nextY = (0, import_utils.closest)([boundary.value.top, boundary.value.bottom], state.value.y);
+          state.value.y = nextY;
+        }
+        if (!touch.isTap.value) {
+          const offset = (0, import_utils.pick)(state.value, ["x", "y"]);
+          emit("update:offset", offset);
+          if (prevX !== offset.x || prevY !== offset.y) {
+            emit("offsetChange", offset);
+          }
+        }
+      });
+    };
+    const onClick = (e) => {
+      if (touch.isTap.value) emit("click", e);
+      else e.stopPropagation();
+    };
+    (0, import_vue.onMounted)(() => {
+      updateState();
+      (0, import_vue.nextTick)(() => {
+        initialized = true;
+      });
+    });
+    (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight, () => props.gap, () => props.offset], updateState, {
+      deep: true
+    });
+    const show = (0, import_vue.ref)(true);
+    (0, import_vue.onActivated)(() => {
+      show.value = true;
+    });
+    (0, import_vue.onDeactivated)(() => {
+      if (props.teleport) {
+        show.value = false;
+      }
+    });
+    return () => {
+      const Content = (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
+        "class": bem(),
+        "ref": rootRef,
+        "onTouchstartPassive": onTouchStart,
+        "onTouchend": onTouchEnd,
+        "onTouchcancel": onTouchEnd,
+        "onClickCapture": onClick,
+        "style": rootStyle.value
+      }, attrs), [slots.default ? slots.default() : (0, import_vue.createVNode)(import_icon.default, {
+        "name": props.icon,
+        "class": bem("icon")
+      }, null)]), [[import_vue.vShow, show.value]]);
+      return props.teleport ? (0, import_vue.createVNode)(import_vue.Teleport, {
+        "to": props.teleport
+      }, {
+        default: () => [Content]
+      }) : Content;
+    };
+  }
+});

package/lib/floating-bubble/index.css

@@ -0,0 +1 @@
+:root,:host{--van-floating-bubble-size: 48px;--van-floating-bubble-initial-gap: 24px;--van-floating-bubble-icon-size: 28px;--van-floating-bubble-background: var(--van-primary-color);--van-floating-bubble-color: var(--van-background-2);--van-floating-bubble-z-index: 999;--van-floating-bubble-border-radius: var(--van-radius-max)}.van-floating-bubble{position:fixed;left:0;top:0;right:var(--van-floating-bubble-initial-gap);bottom:var(--van-floating-bubble-initial-gap);width:var(--van-floating-bubble-size);height:var(--van-floating-bubble-size);box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--van-floating-bubble-background);color:var(--van-floating-bubble-color);border-radius:var(--van-floating-bubble-border-radius);z-index:var(--van-floating-bubble-z-index);transition:transform var(--van-duration-base)}.van-floating-bubble:active{opacity:.8}.van-floating-bubble__icon{font-size:var(--van-floating-bubble-icon-size)}

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

@@ -0,0 +1,63 @@
+export declare const FloatingBubble: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
+    axis: {
+        type: import("vue").PropType<T>;
+        default: import("./types").FloatingBubbleAxis;
+    };
+    magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
+    offset: {
+        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    teleport: {
+        type: import("vue").PropType<import("vue").TeleportProps["to"]>;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
+    axis: {
+        type: import("vue").PropType<T>;
+        default: import("./types").FloatingBubbleAxis;
+    };
+    magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
+    offset: {
+        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    teleport: {
+        type: import("vue").PropType<import("vue").TeleportProps["to"]>;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
+    onOffsetChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    offset: import("./types").FloatingBubbleOffset;
+    teleport: string | import("vue").RendererElement | null | undefined;
+    gap: number;
+    axis: import("./types").FloatingBubbleAxis;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default FloatingBubble;
+export { floatingBubbleProps } from './FloatingBubble';
+export type { FloatingBubbleProps } from './FloatingBubble';
+export type { FloatingBubbleThemeVars, FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanFloatingBubble: typeof FloatingBubble;
+    }
+}

package/lib/floating-bubble/index.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  FloatingBubble: () => FloatingBubble,
+  default: () => stdin_default,
+  floatingBubbleProps: () => import_FloatingBubble2.floatingBubbleProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_FloatingBubble = __toESM(require("./FloatingBubble"));
+var import_FloatingBubble2 = require("./FloatingBubble");
+const FloatingBubble = (0, import_utils.withInstall)(import_FloatingBubble.default);
+var stdin_default = FloatingBubble;

package/lib/floating-bubble/style/index.js

@@ -0,0 +1,4 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../index.css");

package/lib/floating-bubble/types.d.ts

@@ -0,0 +1,20 @@
+export type FloatingBubbleThemeVars = {
+    floatingBubbleSize?: string;
+    floatingBubbleInitialGap?: string;
+    floatingBubbleIconSize?: string;
+    floatingBubbleBackground?: string;
+    floatingBubbleColor?: string;
+    floatingBubbleZIndex?: number | string;
+};
+export type FloatingBubbleAxis = 'x' | 'y' | 'xy' | 'lock';
+export type FloatingBubbleMagnetic = 'x' | 'y';
+export type FloatingBubbleOffset = {
+    x: number;
+    y: number;
+};
+export type FloatingBubbleBoundary = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};

package/lib/floating-bubble/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

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

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