vant 3.6.12 → 3.6.13

package/es/field/index.d.ts

@@ -1,5 +1,9 @@
 import { FieldProps } from './Field';
-export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -11,13 +15,16 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -30,9 +37,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    max: NumberConstructor;
+    min: NumberConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     clearIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     modelValue: {
@@ -42,16 +51,22 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: import("vue").PropType<import("./types").FieldClearTrigger>;
+        type: import("vue").PropType<T>;
         default: import("./types").FieldClearTrigger;
     };
     formatTrigger: {
-        type: import("vue").PropType<import("./types").FieldFormatTrigger>;
+        type: import("vue").PropType<T>;
         default: import("./types").FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -64,10 +79,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {
-        type: import("vue").PropType<import("./types").FieldType>;
+        type: import("vue").PropType<T>;
         default: import("./types").FieldType;
     };
     rules: import("vue").PropType<import("./types").FieldRule[]>;
@@ -81,7 +97,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -93,13 +113,16 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -112,9 +135,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    max: NumberConstructor;
+    min: NumberConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     clearIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     modelValue: {
@@ -124,16 +149,22 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: import("vue").PropType<import("./types").FieldClearTrigger>;
+        type: import("vue").PropType<T>;
         default: import("./types").FieldClearTrigger;
     };
     formatTrigger: {
-        type: import("vue").PropType<import("./types").FieldFormatTrigger>;
+        type: import("vue").PropType<T>;
         default: import("./types").FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -146,10 +177,11 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
+    inputmode: import("vue").PropType<import("vue").HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {
-        type: import("vue").PropType<import("./types").FieldType>;
+        type: import("vue").PropType<T>;
         default: import("./types").FieldType;
     };
     rules: import("vue").PropType<import("./types").FieldRule[]>;
@@ -163,39 +195,42 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onKeypress?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-    "onClick-input"?: ((...args: any[]) => any) | undefined;
-    "onEnd-validate"?: ((...args: any[]) => any) | undefined;
-    "onStart-validate"?: ((...args: any[]) => any) | undefined;
-    "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
-    "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
+    onClickInput?: ((...args: any[]) => any) | undefined;
+    onEndValidate?: ((...args: any[]) => any) | undefined;
+    onStartValidate?: ((...args: any[]) => any) | undefined;
+    onClickLeftIcon?: ((...args: any[]) => any) | undefined;
+    onClickRightIcon?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: import("./types").FieldType;
-    required: boolean;
+    tag: keyof HTMLElementTagNameMap;
     center: boolean;
     autofocus: boolean;
     disabled: boolean;
-    isLink: boolean;
     border: boolean;
+    isLink: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    spellcheck: boolean;
     error: boolean;
     readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Field;
+export { fieldProps } from './Field';
 export type { FieldProps };
-export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FiledRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
+export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FieldRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanField: typeof Field;

package/es/field/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Field from "./Field.mjs";
 const Field = withInstall(_Field);
 var stdin_default = Field;
+import { fieldProps } from "./Field.mjs";
 export {
   Field,
-  stdin_default as default
+  stdin_default as default,
+  fieldProps
 };

package/es/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/es/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/es/field/utils.mjs

@@ -72,20 +72,16 @@ function resizeTextarea(input, autosize) {
     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/es/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/es/floating-bubble/FloatingBubble.mjs

@@ -0,0 +1,174 @@
+import { Teleport, computed, defineComponent, nextTick, onMounted, ref, watch, onActivated, onDeactivated, createVNode as _createVNode, vShow as _vShow, mergeProps as _mergeProps, withDirectives as _withDirectives } from "vue";
+import { pick, addUnit, closest, createNamespace, makeNumberProp, makeStringProp, windowWidth, windowHeight } from "../utils/index.mjs";
+import { useRect, useEventListener } from "@vant/use";
+import { useTouch } from "../composables/use-touch.mjs";
+import Icon from "../icon/index.mjs";
+const floatingBubbleProps = {
+  gap: makeNumberProp(24),
+  icon: String,
+  axis: makeStringProp("y"),
+  magnetic: String,
+  offset: {
+    type: Object,
+    default: () => ({
+      x: -1,
+      y: -1
+    })
+  },
+  teleport: {
+    type: [String, Object],
+    default: "body"
+  }
+};
+const [name, bem] = createNamespace("floating-bubble");
+var stdin_default = defineComponent({
+  name,
+  inheritAttrs: false,
+  props: floatingBubbleProps,
+  emits: ["click", "update:offset", "offsetChange"],
+  setup(props, {
+    slots,
+    emit,
+    attrs
+  }) {
+    const rootRef = ref();
+    const state = ref({
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    const boundary = computed(() => ({
+      top: props.gap,
+      right: windowWidth.value - state.value.width - props.gap,
+      bottom: windowHeight.value - state.value.height - props.gap,
+      left: props.gap
+    }));
+    const dragging = ref(false);
+    let initialized = false;
+    const rootStyle = computed(() => {
+      const style = {};
+      const x = addUnit(state.value.x);
+      const y = 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
+      } = useRect(rootRef.value);
+      const {
+        offset
+      } = props;
+      state.value = {
+        x: offset.x > -1 ? offset.x : windowWidth.value - width - props.gap,
+        y: offset.y > -1 ? offset.y : windowHeight.value - height - props.gap,
+        width,
+        height
+      };
+    };
+    const 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 = pick(state.value, ["x", "y"]);
+        emit("update:offset", offset);
+      }
+    };
+    useEventListener("touchmove", onTouchMove, {
+      target: rootRef
+    });
+    const onTouchEnd = () => {
+      dragging.value = false;
+      nextTick(() => {
+        if (props.magnetic === "x") {
+          const nextX = closest([boundary.value.left, boundary.value.right], state.value.x);
+          state.value.x = nextX;
+        }
+        if (props.magnetic === "y") {
+          const nextY = closest([boundary.value.top, boundary.value.bottom], state.value.y);
+          state.value.y = nextY;
+        }
+        if (!touch.isTap.value) {
+          const offset = 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();
+    };
+    onMounted(() => {
+      updateState();
+      nextTick(() => {
+        initialized = true;
+      });
+    });
+    watch([windowWidth, windowHeight, () => props.gap, () => props.offset], updateState, {
+      deep: true
+    });
+    const show = ref(true);
+    onActivated(() => {
+      show.value = true;
+    });
+    onDeactivated(() => {
+      if (props.teleport) {
+        show.value = false;
+      }
+    });
+    return () => {
+      const Content = _withDirectives(_createVNode("div", _mergeProps({
+        "class": bem(),
+        "ref": rootRef,
+        "onTouchstartPassive": onTouchStart,
+        "onTouchend": onTouchEnd,
+        "onTouchcancel": onTouchEnd,
+        "onClickCapture": onClick,
+        "style": rootStyle.value
+      }, attrs), [slots.default ? slots.default() : _createVNode(Icon, {
+        "name": props.icon,
+        "class": bem("icon")
+      }, null)]), [[_vShow, show.value]]);
+      return props.teleport ? _createVNode(Teleport, {
+        "to": props.teleport
+      }, {
+        default: () => [Content]
+      }) : Content;
+    };
+  }
+});
+export {
+  stdin_default as default,
+  floatingBubbleProps
+};

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