vant 3.3.5 → 3.4.1

package/es/nav-bar/NavBar.js

@@ -1,13 +1,10 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, defineComponent } from 'vue'; // Utils
-
-import { truthProp, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
-
-import { usePlaceholder } from '../composables/use-placeholder'; // Components
-
-import { Icon } from '../icon';
-var [name, bem] = createNamespace('nav-bar');
-var navBarProps = {
+import { ref, defineComponent } from "vue";
+import { truthProp, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { usePlaceholder } from "../composables/use-placeholder";
+import { Icon } from "../icon";
+const [name, bem] = createNamespace("nav-bar");
+const navBarProps = {
   title: String,
   fixed: Boolean,
   zIndex: numericProp,
@@ -18,85 +15,76 @@ var navBarProps = {
   placeholder: Boolean,
   safeAreaInsetTop: Boolean
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: navBarProps,
-  emits: ['click-left', 'click-right'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var navBarRef = ref();
-    var renderPlaceholder = usePlaceholder(navBarRef, bem);
-
-    var onClickLeft = event => emit('click-left', event);
-
-    var onClickRight = event => emit('click-right', event);
-
-    var renderLeft = () => {
+  emits: ["click-left", "click-right"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const navBarRef = ref();
+    const renderPlaceholder = usePlaceholder(navBarRef, bem);
+    const onClickLeft = (event) => emit("click-left", event);
+    const onClickRight = (event) => emit("click-right", event);
+    const renderLeft = () => {
       if (slots.left) {
         return slots.left();
       }
-
       return [props.leftArrow && _createVNode(Icon, {
-        "class": bem('arrow'),
+        "class": bem("arrow"),
         "name": "arrow-left"
       }, null), props.leftText && _createVNode("span", {
-        "class": bem('text')
+        "class": bem("text")
       }, [props.leftText])];
     };
-
-    var renderRight = () => {
+    const renderRight = () => {
       if (slots.right) {
         return slots.right();
       }
-
       return _createVNode("span", {
-        "class": bem('text')
+        "class": bem("text")
       }, [props.rightText]);
     };
-
-    var renderNavBar = () => {
-      var {
+    const renderNavBar = () => {
+      const {
         title,
         fixed,
         border,
         zIndex
       } = props;
-      var style = getZIndexStyle(zIndex);
-      var hasLeft = props.leftArrow || props.leftText || slots.left;
-      var hasRight = props.rightText || slots.right;
+      const style = getZIndexStyle(zIndex);
+      const hasLeft = props.leftArrow || props.leftText || slots.left;
+      const hasRight = props.rightText || slots.right;
       return _createVNode("div", {
         "ref": navBarRef,
         "style": style,
         "class": [bem({
           fixed,
-          'safe-area-inset-top': props.safeAreaInsetTop
+          "safe-area-inset-top": props.safeAreaInsetTop
         }), {
           [BORDER_BOTTOM]: border
         }]
       }, [_createVNode("div", {
-        "class": bem('content')
+        "class": bem("content")
       }, [hasLeft && _createVNode("div", {
-        "class": [bem('left'), HAPTICS_FEEDBACK],
+        "class": [bem("left"), HAPTICS_FEEDBACK],
         "onClick": onClickLeft
       }, [renderLeft()]), _createVNode("div", {
-        "class": [bem('title'), 'van-ellipsis']
+        "class": [bem("title"), "van-ellipsis"]
       }, [slots.title ? slots.title() : title]), hasRight && _createVNode("div", {
-        "class": [bem('right'), HAPTICS_FEEDBACK],
+        "class": [bem("right"), HAPTICS_FEEDBACK],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };
-
     return () => {
       if (props.fixed && props.placeholder) {
         return renderPlaceholder(renderNavBar);
       }
-
       return renderNavBar();
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

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

@@ -11,7 +11,7 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
     fixed?: unknown;
     zIndex?: unknown;
@@ -44,3 +44,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
 }>>;
 export default NavBar;
 export type { NavBarProps } from './NavBar';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanNavBar: typeof NavBar;
+    }
+}

package/es/nav-bar/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _NavBar from './NavBar';
-export var NavBar = withInstall(_NavBar);
-export default NavBar;
+import { withInstall } from "../utils";
+import _NavBar from "./NavBar";
+const NavBar = withInstall(_NavBar);
+var stdin_default = NavBar;
+export {
+  NavBar,
+  stdin_default as default
+};

package/es/nav-bar/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/nav-bar/style/less.js

@@ -1,4 +1,4 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../index.less";

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

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { NoticeBarMode } from './types';
 declare const noticeBarProps: {
     text: StringConstructor;
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     text?: unknown;
     mode?: unknown;
     color?: unknown;

package/es/notice-bar/NoticeBar.js

@@ -1,16 +1,12 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-import { ref, watch, reactive, defineComponent } from 'vue'; // Utils
-
-import { isDef, createNamespace, makeNumericProp } from '../utils'; // Composables
-
-import { raf, useRect, doubleRaf, useEventListener, onMountedOrActivated } from '@vant/use';
-import { useExpose } from '../composables/use-expose';
-import { onPopupReopen } from '../composables/on-popup-reopen'; // Components
-
-import { Icon } from '../icon'; // Types
-
-var [name, bem] = createNamespace('notice-bar');
-var noticeBarProps = {
+import { ref, watch, reactive, defineComponent } from "vue";
+import { isDef, createNamespace, makeNumericProp } from "../utils";
+import { raf, useRect, doubleRaf, useEventListener, onMountedOrActivated } from "@vant/use";
+import { useExpose } from "../composables/use-expose";
+import { onPopupReopen } from "../composables/on-popup-reopen";
+import { Icon } from "../icon";
+const [name, bem] = createNamespace("notice-bar");
+const noticeBarProps = {
   text: String,
   mode: String,
   color: String,
@@ -24,115 +20,99 @@ var noticeBarProps = {
     default: null
   }
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: noticeBarProps,
-  emits: ['close', 'replay'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var wrapWidth = 0;
-    var contentWidth = 0;
-    var startTimer;
-    var wrapRef = ref();
-    var contentRef = ref();
-    var state = reactive({
+  emits: ["close", "replay"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    let wrapWidth = 0;
+    let contentWidth = 0;
+    let startTimer;
+    const wrapRef = ref();
+    const contentRef = ref();
+    const state = reactive({
       show: true,
       offset: 0,
       duration: 0
     });
-
-    var renderLeftIcon = () => {
-      if (slots['left-icon']) {
-        return slots['left-icon']();
+    const renderLeftIcon = () => {
+      if (slots["left-icon"]) {
+        return slots["left-icon"]();
       }
-
       if (props.leftIcon) {
         return _createVNode(Icon, {
-          "class": bem('left-icon'),
+          "class": bem("left-icon"),
           "name": props.leftIcon
         }, null);
       }
     };
-
-    var getRightIconName = () => {
-      if (props.mode === 'closeable') {
-        return 'cross';
+    const getRightIconName = () => {
+      if (props.mode === "closeable") {
+        return "cross";
       }
-
-      if (props.mode === 'link') {
-        return 'arrow';
+      if (props.mode === "link") {
+        return "arrow";
       }
     };
-
-    var onClickRightIcon = event => {
-      if (props.mode === 'closeable') {
+    const onClickRightIcon = (event) => {
+      if (props.mode === "closeable") {
         state.show = false;
-        emit('close', event);
+        emit("close", event);
       }
     };
-
-    var renderRightIcon = () => {
-      if (slots['right-icon']) {
-        return slots['right-icon']();
+    const renderRightIcon = () => {
+      if (slots["right-icon"]) {
+        return slots["right-icon"]();
       }
-
-      var name = getRightIconName();
-
-      if (name) {
+      const name2 = getRightIconName();
+      if (name2) {
         return _createVNode(Icon, {
-          "name": name,
-          "class": bem('right-icon'),
+          "name": name2,
+          "class": bem("right-icon"),
           "onClick": onClickRightIcon
         }, null);
       }
     };
-
-    var onTransitionEnd = () => {
+    const onTransitionEnd = () => {
       state.offset = wrapWidth;
-      state.duration = 0; // wait for Vue to render offset
-      // using nextTick won't work in iOS14
-
+      state.duration = 0;
       raf(() => {
-        // use double raf to ensure animation can start
         doubleRaf(() => {
           state.offset = -contentWidth;
           state.duration = (contentWidth + wrapWidth) / +props.speed;
-          emit('replay');
+          emit("replay");
         });
       });
     };
-
-    var renderMarquee = () => {
-      var ellipsis = props.scrollable === false && !props.wrapable;
-      var style = {
-        transform: state.offset ? "translateX(" + state.offset + "px)" : '',
-        transitionDuration: state.duration + "s"
+    const renderMarquee = () => {
+      const ellipsis = props.scrollable === false && !props.wrapable;
+      const style = {
+        transform: state.offset ? `translateX(${state.offset}px)` : "",
+        transitionDuration: `${state.duration}s`
       };
       return _createVNode("div", {
         "ref": wrapRef,
         "role": "marquee",
-        "class": bem('wrap')
+        "class": bem("wrap")
       }, [_createVNode("div", {
         "ref": contentRef,
         "style": style,
-        "class": [bem('content'), {
-          'van-ellipsis': ellipsis
+        "class": [bem("content"), {
+          "van-ellipsis": ellipsis
         }],
         "onTransitionend": onTransitionEnd
       }, [slots.default ? slots.default() : props.text])]);
     };
-
-    var reset = () => {
-      var {
+    const reset = () => {
+      const {
         delay,
         speed,
         scrollable
       } = props;
-      var ms = isDef(delay) ? +delay * 1000 : 0;
+      const ms = isDef(delay) ? +delay * 1e3 : 0;
       wrapWidth = 0;
       contentWidth = 0;
       state.offset = 0;
@@ -142,10 +122,8 @@ export default defineComponent({
         if (!wrapRef.value || !contentRef.value || scrollable === false) {
           return;
         }
-
-        var wrapRefWidth = useRect(wrapRef).width;
-        var contentRefWidth = useRect(contentRef).width;
-
+        const wrapRefWidth = useRect(wrapRef).width;
+        const contentRefWidth = useRect(contentRef).width;
         if (scrollable || contentRefWidth > wrapRefWidth) {
           doubleRaf(() => {
             wrapWidth = wrapRefWidth;
@@ -156,18 +134,15 @@ export default defineComponent({
         }
       }, ms);
     };
-
     onPopupReopen(reset);
-    onMountedOrActivated(reset); // fix cache issues with forwards and back history in safari
-    // see: https://guwii.com/cache-issues-with-forwards-and-back-history-in-safari/
-
-    useEventListener('pageshow', reset);
+    onMountedOrActivated(reset);
+    useEventListener("pageshow", reset);
     useExpose({
       reset
     });
     watch(() => [props.text, props.scrollable], reset);
     return () => {
-      var {
+      const {
         color,
         wrapable,
         background
@@ -184,5 +159,7 @@ export default defineComponent({
       }, [renderLeftIcon(), renderMarquee(), renderRightIcon()]), [[_vShow, state.show]]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

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

@@ -18,7 +18,7 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     text?: unknown;
     mode?: unknown;
     color?: unknown;
@@ -51,3 +51,8 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
 export default NoticeBar;
 export type { NoticeBarProps };
 export type { NoticeBarMode, NoticeBarInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanNoticeBar: typeof NoticeBar;
+    }
+}

package/es/notice-bar/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _NoticeBar from './NoticeBar';
-export var NoticeBar = withInstall(_NoticeBar);
-export default NoticeBar;
+import { withInstall } from "../utils";
+import _NoticeBar from "./NoticeBar";
+const NoticeBar = withInstall(_NoticeBar);
+var stdin_default = NoticeBar;
+export {
+  NoticeBar,
+  stdin_default as default
+};

package/es/notice-bar/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/notice-bar/style/less.js

@@ -1,4 +1,4 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../index.less";

package/es/notice-bar/types.js

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

package/es/notify/Notify.d.ts

@@ -1,5 +1,5 @@
-import { ExtractPropTypes } from 'vue';
-import type { NotifyType } from './types';
+import { type ExtractPropTypes } from 'vue';
+import type { NotifyType, NotifyPosition } from './types';
 declare const notifyProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -32,6 +32,10 @@ declare const notifyProps: {
     };
     color: StringConstructor;
     message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<NotifyPosition>;
+        default: NotifyPosition;
+    };
     className: import("vue").PropType<unknown>;
     background: StringConstructor;
     lockScroll: BooleanConstructor;
@@ -69,10 +73,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     color: StringConstructor;
     message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<NotifyPosition>;
+        default: NotifyPosition;
+    };
     className: import("vue").PropType<unknown>;
     background: StringConstructor;
     lockScroll: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -88,10 +96,12 @@ declare const _default: import("vue").DefineComponent<{
     type?: unknown;
     color?: unknown;
     message?: unknown;
+    position?: unknown;
     className?: unknown;
     background?: unknown;
 } & {
     type: NotifyType;
+    position: NotifyPosition;
     overlay: boolean;
     show: boolean;
     lockScroll: boolean;
@@ -113,6 +123,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }, {
     type: NotifyType;
+    position: NotifyPosition;
     overlay: boolean;
     show: boolean;
     lockScroll: boolean;

package/es/notify/Notify.js

@@ -1,30 +1,27 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
-import { extend, numericProp, unknownProp, makeStringProp, createNamespace } from '../utils';
-import { Popup } from '../popup';
-import { popupSharedProps } from '../popup/shared';
-var [name, bem] = createNamespace('notify');
-var notifyProps = extend({}, popupSharedProps, {
-  type: makeStringProp('danger'),
+import { defineComponent } from "vue";
+import { extend, numericProp, unknownProp, makeStringProp, createNamespace } from "../utils";
+import { Popup } from "../popup";
+import { popupSharedProps } from "../popup/shared";
+const [name, bem] = createNamespace("notify");
+const notifyProps = extend({}, popupSharedProps, {
+  type: makeStringProp("danger"),
   color: String,
   message: numericProp,
+  position: makeStringProp("top"),
   className: unknownProp,
   background: String,
   lockScroll: Boolean
 });
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: notifyProps,
-  emits: ['update:show'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-
-    var updateShow = show => emit('update:show', show);
-
+  emits: ["update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const updateShow = (show) => emit("update:show", show);
     return () => _createVNode(Popup, {
       "show": props.show,
       "class": [bem([props.type]), props.className],
@@ -33,7 +30,7 @@ export default defineComponent({
         background: props.background
       },
       "overlay": false,
-      "position": "top",
+      "position": props.position,
       "duration": 0.2,
       "lockScroll": props.lockScroll,
       "onUpdate:show": updateShow
@@ -41,5 +38,7 @@ export default defineComponent({
       default: () => [slots.default ? slots.default() : props.message]
     });
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/notify/function-call.d.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue';
-import { ComponentInstance } from '../utils';
+import { type ComponentInstance } from '../utils';
 import type { NotifyMessage, NotifyOptions } from './types';
 declare function Notify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
 declare namespace Notify {
@@ -39,10 +39,14 @@ declare namespace Notify {
         };
         color: StringConstructor;
         message: (NumberConstructor | StringConstructor)[];
+        position: {
+            type: import("vue").PropType<import("./types").NotifyPosition>;
+            default: import("./types").NotifyPosition;
+        };
         className: import("vue").PropType<unknown>;
         background: StringConstructor;
         lockScroll: BooleanConstructor;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         show?: unknown;
         zIndex?: unknown;
         overlay?: unknown;
@@ -58,10 +62,12 @@ declare namespace Notify {
         type?: unknown;
         color?: unknown;
         message?: unknown;
+        position?: unknown;
         className?: unknown;
         background?: unknown;
     } & {
         type: import("./types").NotifyType;
+        position: import("./types").NotifyPosition;
         overlay: boolean;
         show: boolean;
         lockScroll: boolean;
@@ -83,6 +89,7 @@ declare namespace Notify {
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     }, {
         type: import("./types").NotifyType;
+        position: import("./types").NotifyPosition;
         overlay: boolean;
         show: boolean;
         lockScroll: boolean;