vant 4.4.0 → 4.5.0

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/form/Form.d.ts

@@ -84,5 +84,5 @@ declare const _default: import("vue").DefineComponent<{
     submitOnEnter: boolean;
     showErrorMessage: boolean;
     validateTrigger: FieldValidateTrigger | FieldValidateTrigger[];
-}>;
+}, {}>;
 export default _default;

package/es/form/index.d.ts

@@ -58,7 +58,7 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
     submitOnEnter: boolean;
     showErrorMessage: boolean;
     validateTrigger: import("..").FieldValidateTrigger | import("..").FieldValidateTrigger[];
-}>>;
+}, {}>>;
 export default Form;
 export { formProps } from './Form';
 export type { FormProps };

package/es/grid/Grid.d.ts

@@ -70,5 +70,5 @@ declare const _default: import("vue").DefineComponent<{
     clickable: boolean;
     square: boolean;
     columnNum: string | number;
-}>;
+}, {}>;
 export default _default;

package/es/grid/index.d.ts

@@ -43,7 +43,7 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
     clickable: boolean;
     square: boolean;
     columnNum: string | number;
-}>>;
+}, {}>>;
 export default Grid;
 export { gridProps } from './Grid';
 export type { GridProps, GridDirection } from './Grid';

package/es/grid-item/GridItem.d.ts

@@ -41,5 +41,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     replace: boolean;
     dot: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/grid-item/index.d.ts

@@ -25,7 +25,7 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
 }>>, {
     replace: boolean;
     dot: boolean;
-}>>;
+}, {}>>;
 export default GridItem;
 export { gridItemProps } from './GridItem';
 export type { GridItemProps } from './GridItem';

package/es/icon/Icon.d.ts

@@ -41,5 +41,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
-}>;
+}, {}>;
 export default _default;

package/es/icon/index.d.ts

@@ -25,7 +25,7 @@ export declare const Icon: import("../utils").WithInstall<import("vue").DefineCo
 }>>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
-}>>;
+}, {}>>;
 export default Icon;
 export { iconProps } from './Icon';
 export type { IconProps } from './Icon';

package/es/image/Image.d.ts

@@ -101,5 +101,5 @@ declare const _default: import("vue").DefineComponent<{
     errorIcon: string;
     showLoading: boolean;
     loadingIcon: string;
-}>;
+}, {}>;
 export default _default;

package/es/image/index.d.ts

@@ -67,7 +67,7 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     errorIcon: string;
     showLoading: boolean;
     loadingIcon: string;
-}>>;
+}, {}>>;
 export default Image;
 export { imageProps } from './Image';
 export type { ImageFit, ImageProps } from './Image';

package/es/image-preview/ImagePreview.d.ts

@@ -187,5 +187,5 @@ declare const _default: import("vue").DefineComponent<{
     maxZoom: string | number;
     images: string[];
     showIndex: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/image-preview/ImagePreviewItem.d.ts

@@ -47,5 +47,5 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     show: boolean;
     disableZoom: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/image-preview/ImagePreviewItem.mjs

@@ -2,7 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, reactive, defineComponent } from "vue";
 import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp, LONG_PRESS_START_TIME } from "../utils/index.mjs";
 import { useTouch } from "../composables/use-touch.mjs";
-import { useEventListener, useRect } from "@vant/use";
+import { raf, useEventListener, useRect } from "@vant/use";
 import { Image } from "../image/index.mjs";
 import { Loading } from "../loading/index.mjs";
 import { SwipeItem } from "../swipe-item/index.mjs";
@@ -35,6 +35,7 @@ var stdin_default = defineComponent({
       moveY: 0,
       moving: false,
       zooming: false,
+      initializing: false,
       imageRatio: 0
     });
     const touch = useTouch();
@@ -49,10 +50,11 @@ var stdin_default = defineComponent({
         moveX,
         moveY,
         moving,
-        zooming
+        zooming,
+        initializing
       } = state;
       const style = {
-        transitionDuration: zooming || moving ? "0s" : ".3s"
+        transitionDuration: zooming || moving || initializing ? "0s" : ".3s"
       };
       if (scale !== 1 || isLongImage.value) {
         style.transform = `matrix(${scale}, 0, 0, ${scale}, ${moveX}, ${moveY})`;
@@ -252,6 +254,10 @@ var stdin_default = defineComponent({
       if (isLongImage.value) {
         initialMoveY = (imageRatio * rootWidth - rootHeight) / 2;
         state.moveY = initialMoveY;
+        state.initializing = true;
+        raf(() => {
+          state.initializing = false;
+        });
       }
       resetScale();
     };

package/es/image-preview/index.d.ts

@@ -129,7 +129,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     maxZoom: string | number;
     images: string[];
     showIndex: boolean;
-}>>;
+}, {}>>;
 export default ImagePreview;
 export { imagePreviewProps } from './ImagePreview';
 export { showImagePreview } from './function-call';

package/es/index-anchor/IndexAnchor.d.ts

@@ -7,5 +7,5 @@ declare const _default: import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/es/index-anchor/index.d.ts

@@ -2,7 +2,7 @@ export declare const IndexAnchor: import("../utils").WithInstall<import("vue").D
     index: (NumberConstructor | StringConstructor)[];
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
-}>>, {}>>;
+}>>, {}, {}>>;
 export default IndexAnchor;
 export { indexAnchorProps } from './IndexAnchor';
 export type { IndexAnchorProps } from './IndexAnchor';

package/es/index-bar/IndexBar.d.ts

@@ -60,5 +60,5 @@ declare const _default: import("vue").DefineComponent<{
     sticky: boolean;
     stickyOffsetTop: number;
     indexList: Numeric[];
-}>;
+}, {}>;
 export default _default;

package/es/index-bar/index.d.ts

@@ -38,7 +38,7 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
     sticky: boolean;
     stickyOffsetTop: number;
     indexList: import("../utils").Numeric[];
-}>>;
+}, {}>>;
 export default IndexBar;
 export { indexBarProps } from './IndexBar';
 export type { IndexBarProps };

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.0";
+export const version: "4.5.0";

package/es/index.mjs

@@ -35,6 +35,7 @@ import { DropdownItem } from "./dropdown-item/index.mjs";
 import { DropdownMenu } from "./dropdown-menu/index.mjs";
 import { Empty } from "./empty/index.mjs";
 import { Field } from "./field/index.mjs";
+import { FloatingPanel } from "./floating-panel/index.mjs";
 import { Form } from "./form/index.mjs";
 import { Grid } from "./grid/index.mjs";
 import { GridItem } from "./grid-item/index.mjs";
@@ -95,7 +96,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.4.0";
+const version = "4.5.0";
 function install(app) {
   const components = [
     ActionBar,
@@ -135,6 +136,7 @@ function install(app) {
     DropdownMenu,
     Empty,
     Field,
+    FloatingPanel,
     Form,
     Grid,
     GridItem,
@@ -241,6 +243,7 @@ export * from "./dropdown-item/index.mjs";
 export * from "./dropdown-menu/index.mjs";
 export * from "./empty/index.mjs";
 export * from "./field/index.mjs";
+export * from "./floating-panel/index.mjs";
 export * from "./form/index.mjs";
 export * from "./grid/index.mjs";
 export * from "./grid-item/index.mjs";

package/es/list/List.d.ts

@@ -74,5 +74,5 @@ declare const _default: import("vue").DefineComponent<{
     direction: ListDirection;
     finished: boolean;
     immediateCheck: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/list/index.d.ts

@@ -51,7 +51,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     direction: import("./types").ListDirection;
     finished: boolean;
     immediateCheck: boolean;
-}>>;
+}, {}>>;
 export default List;
 export { listProps } from './List';
 export type { ListProps };

package/es/loading/Loading.d.ts

@@ -35,5 +35,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: LoadingType;
     vertical: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/loading/index.d.ts

@@ -21,7 +21,7 @@ export declare const Loading: import("../utils").WithInstall<import("vue").Defin
 }>>, {
     type: import("./Loading").LoadingType;
     vertical: boolean;
-}>>;
+}, {}>>;
 export default Loading;
 export { loadingProps } from './Loading';
 export type { LoadingType, LoadingProps } from './Loading';

package/es/nav-bar/NavBar.d.ts

@@ -62,5 +62,5 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: boolean;
     safeAreaInsetTop: boolean;
     leftArrow: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/nav-bar/index.d.ts

@@ -42,7 +42,7 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     placeholder: boolean;
     safeAreaInsetTop: boolean;
     leftArrow: boolean;
-}>>;
+}, {}>>;
 export default NavBar;
 export { navBarProps } from './NavBar';
 export type { NavBarProps } from './NavBar';

package/es/notice-bar/NoticeBar.d.ts

@@ -67,5 +67,5 @@ declare const _default: import("vue").DefineComponent<{
     delay: string | number;
     speed: string | number;
     wrapable: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/notice-bar/index.d.ts

@@ -45,7 +45,7 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
     delay: string | number;
     speed: string | number;
     wrapable: boolean;
-}>>;
+}, {}>>;
 export default NoticeBar;
 export { noticeBarProps } from './NoticeBar';
 export type { NoticeBarProps };

package/es/notify/Notify.d.ts

@@ -130,5 +130,5 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/notify/index.d.ts

@@ -87,7 +87,7 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-}>>;
+}, {}>>;
 export default Notify;
 export { notifyProps } from './Notify';
 export { showNotify, closeNotify, setNotifyDefaultOptions, resetNotifyDefaultOptions, } from './function-call';

package/es/number-keyboard/NumberKeyboard.d.ts

@@ -158,5 +158,5 @@ declare const _default: import("vue").DefineComponent<{
     closeButtonLoading: boolean;
     hideOnClickOutside: boolean;
     extraKey: string | string[];
-}>;
+}, {}>;
 export default _default;

package/es/number-keyboard/NumberKeyboardKey.d.ts

@@ -20,5 +20,5 @@ declare const _default: import("vue").DefineComponent<{
     large: boolean;
     loading: boolean;
     wider: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/number-keyboard/index.d.ts

@@ -109,7 +109,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     closeButtonLoading: boolean;
     hideOnClickOutside: boolean;
     extraKey: string | string[];
-}>>;
+}, {}>>;
 export default NumberKeyboard;
 export { numberKeyboardProps } from './NumberKeyboard';
 export type { NumberKeyboardProps, NumberKeyboardTheme, } from './NumberKeyboard';

package/es/overlay/Overlay.d.ts

@@ -47,5 +47,5 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/overlay/index.d.ts

@@ -30,7 +30,7 @@ export declare const Overlay: import("../utils").WithInstall<import("vue").Defin
     show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
-}>>;
+}, {}>>;
 export default Overlay;
 export { overlayProps } from './Overlay';
 export type { OverlayProps } from './Overlay';

package/es/pagination/Pagination.d.ts

@@ -123,5 +123,5 @@ declare const _default: import("vue").DefineComponent<{
     forceEllipses: boolean;
     showPrevButton: boolean;
     showNextButton: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/pagination/index.d.ts

@@ -83,7 +83,7 @@ export declare const Pagination: import("../utils").WithInstall<import("vue").De
     forceEllipses: boolean;
     showPrevButton: boolean;
     showNextButton: boolean;
-}>>;
+}, {}>>;
 export default Pagination;
 export { paginationProps } from './Pagination';
 export type { PaginationMode, PaginationProps } from './Pagination';

package/es/password-input/PasswordInput.d.ts

@@ -59,5 +59,5 @@ declare const _default: import("vue").DefineComponent<{
     mask: boolean;
     value: string;
     focused: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/password-input/index.d.ts

@@ -39,7 +39,7 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
     mask: boolean;
     value: string;
     focused: boolean;
-}>>;
+}, {}>>;
 export default PasswordInput;
 export { passwordInputProps } from './PasswordInput';
 export type { PasswordInputProps } from './PasswordInput';

package/es/picker/Picker.d.ts

@@ -160,5 +160,5 @@ declare const _default: import("vue").DefineComponent<{
     visibleOptionNum: string | number;
     columns: (PickerColumn | PickerOption)[];
     toolbarPosition: PickerToolbarPosition;
-}>;
+}, {}>;
 export default _default;

package/es/picker/PickerColumn.d.ts

@@ -57,5 +57,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     allowHtml: boolean;
     options: PickerOption[];
-}>;
+}, {}>;
 export default _default;

package/es/picker/PickerToolbar.d.ts

@@ -17,5 +17,5 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {}, {}>;
 export default _default;

package/es/picker/index.d.ts

@@ -93,7 +93,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
     visibleOptionNum: string | number;
     columns: (import("./types").PickerColumn | import("./types").PickerOption)[];
     toolbarPosition: import("./types").PickerToolbarPosition;
-}>>;
+}, {}>>;
 export default Picker;
 export { pickerProps } from './Picker';
 export type { PickerProps };

package/es/picker-group/PickerGroup.d.ts

@@ -52,5 +52,5 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     tabs: string[];
     activeTab: string | number;
-}>;
+}, {}>;
 export default _default;

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

@@ -34,7 +34,7 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
 }, {
     tabs: string[];
     activeTab: string | number;
-}>>;
+}, {}>>;
 export default PickerGroup;
 export { pickerGroupProps } from './PickerGroup';
 export type { PickerGroupProps };

package/es/popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
-import { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement } from './types';
+import { PopoverTheme, PopoverAction, PopoverActionsDirection, PopoverTrigger, PopoverPlacement } from './types';
 export declare const popoverProps: {
     show: BooleanConstructor;
     theme: {
@@ -11,6 +11,10 @@ export declare const popoverProps: {
         type: PropType<PopoverAction[]>;
         default: () => never[];
     };
+    actionsDirection: {
+        type: PropType<PopoverActionsDirection>;
+        default: PopoverActionsDirection;
+    };
     trigger: {
         type: PropType<PopoverTrigger>;
         default: PopoverTrigger;
@@ -60,6 +64,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopoverAction[]>;
         default: () => never[];
     };
+    actionsDirection: {
+        type: PropType<PopoverActionsDirection>;
+        default: PopoverActionsDirection;
+    };
     trigger: {
         type: PropType<PopoverTrigger>;
         default: PopoverTrigger;
@@ -107,6 +115,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopoverAction[]>;
         default: () => never[];
     };
+    actionsDirection: {
+        type: PropType<PopoverActionsDirection>;
+        default: PopoverActionsDirection;
+    };
     trigger: {
         type: PropType<PopoverTrigger>;
         default: PopoverTrigger;
@@ -157,8 +169,9 @@ declare const _default: import("vue").DefineComponent<{
     actions: PopoverAction[];
     closeOnClickAction: boolean;
     closeOnClickOutside: boolean;
+    actionsDirection: PopoverActionsDirection;
     trigger: PopoverTrigger;
     showArrow: boolean;
     placement: PopoverPlacement;
-}>;
+}, {}>;
 export default _default;