vant 3.3.5 → 3.4.1

package/es/popup/Popup.js

@@ -1,94 +1,80 @@
-import { Fragment as _Fragment, withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
-import { ref, watch, provide, Teleport, computed, onMounted, Transition, onActivated, onDeactivated, defineComponent } from 'vue'; // Utils
-
-import { popupSharedProps } from './shared';
-import { isDef, extend, makeStringProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
-
-import { useEventListener } from '@vant/use';
-import { useExpose } from '../composables/use-expose';
-import { useLockScroll } from '../composables/use-lock-scroll';
-import { useLazyRender } from '../composables/use-lazy-render';
-import { POPUP_TOGGLE_KEY } from '../composables/on-popup-reopen'; // Components
-
-import { Icon } from '../icon';
-import { Overlay } from '../overlay';
-var popupProps = extend({}, popupSharedProps, {
+import { Fragment as _Fragment, withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { ref, watch, provide, Teleport, computed, onMounted, Transition, onActivated, onDeactivated, defineComponent } from "vue";
+import { popupSharedProps } from "./shared";
+import { isDef, extend, makeStringProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { useEventListener } from "@vant/use";
+import { useExpose } from "../composables/use-expose";
+import { useLockScroll } from "../composables/use-lock-scroll";
+import { useLazyRender } from "../composables/use-lazy-render";
+import { POPUP_TOGGLE_KEY } from "../composables/on-popup-reopen";
+import { Icon } from "../icon";
+import { Overlay } from "../overlay";
+const popupProps = extend({}, popupSharedProps, {
   round: Boolean,
-  position: makeStringProp('center'),
-  closeIcon: makeStringProp('cross'),
+  position: makeStringProp("center"),
+  closeIcon: makeStringProp("cross"),
   closeable: Boolean,
   transition: String,
   iconPrefix: String,
   closeOnPopstate: Boolean,
-  closeIconPosition: makeStringProp('top-right'),
+  closeIconPosition: makeStringProp("top-right"),
   safeAreaInsetBottom: Boolean
 });
-var [name, bem] = createNamespace('popup');
-var globalZIndex = 2000;
-export default defineComponent({
+const [name, bem] = createNamespace("popup");
+let globalZIndex = 2e3;
+var stdin_default = defineComponent({
   name,
   inheritAttrs: false,
   props: popupProps,
-  emits: ['open', 'close', 'opened', 'closed', 'update:show', 'click-overlay', 'click-close-icon'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      attrs,
-      slots
-    } = _ref;
-    var opened;
-    var shouldReopen;
-    var zIndex = ref();
-    var popupRef = ref();
-    var lazyRender = useLazyRender(() => props.show || !props.lazyRender);
-    var style = computed(() => {
-      var style = {
+  emits: ["open", "close", "opened", "closed", "update:show", "click-overlay", "click-close-icon"],
+  setup(props, {
+    emit,
+    attrs,
+    slots
+  }) {
+    let opened;
+    let shouldReopen;
+    const zIndex = ref();
+    const popupRef = ref();
+    const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
+    const style = computed(() => {
+      const style2 = {
         zIndex: zIndex.value
       };
-
       if (isDef(props.duration)) {
-        var key = props.position === 'center' ? 'animationDuration' : 'transitionDuration';
-        style[key] = props.duration + "s";
+        const key = props.position === "center" ? "animationDuration" : "transitionDuration";
+        style2[key] = `${props.duration}s`;
       }
-
-      return style;
+      return style2;
     });
-
-    var open = () => {
+    const open = () => {
       if (!opened) {
-        if (props.zIndex !== undefined) {
+        if (props.zIndex !== void 0) {
           globalZIndex = +props.zIndex;
         }
-
         opened = true;
         zIndex.value = ++globalZIndex;
-        emit('open');
+        emit("open");
       }
     };
-
-    var close = () => {
+    const close = () => {
       if (opened) {
         callInterceptor(props.beforeClose, {
           done() {
             opened = false;
-            emit('close');
-            emit('update:show', false);
+            emit("close");
+            emit("update:show", false);
           }
-
         });
       }
     };
-
-    var onClickOverlay = event => {
-      emit('click-overlay', event);
-
+    const onClickOverlay = (event) => {
+      emit("click-overlay", event);
       if (props.closeOnClickOverlay) {
         close();
       }
     };
-
-    var renderOverlay = () => {
+    const renderOverlay = () => {
       if (props.overlay) {
         return _createVNode(Overlay, {
           "show": props.show,
@@ -98,35 +84,31 @@ export default defineComponent({
           "customStyle": props.overlayStyle,
           "onClick": onClickOverlay
         }, {
-          default: slots['overlay-content']
+          default: slots["overlay-content"]
         });
       }
     };
-
-    var onClickCloseIcon = event => {
-      emit('click-close-icon', event);
+    const onClickCloseIcon = (event) => {
+      emit("click-close-icon", event);
       close();
     };
-
-    var renderCloseIcon = () => {
+    const renderCloseIcon = () => {
       if (props.closeable) {
         return _createVNode(Icon, {
           "role": "button",
           "tabindex": 0,
           "name": props.closeIcon,
-          "class": [bem('close-icon', props.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
           "classPrefix": props.iconPrefix,
           "onClick": onClickCloseIcon
         }, null);
       }
     };
-
-    var onOpened = () => emit('opened');
-
-    var onClosed = () => emit('closed');
-
-    var renderPopup = lazyRender(() => {
-      var {
+    const onOpened = () => emit("opened");
+    const onClosed = () => emit("closed");
+    const renderPopup = lazyRender(() => {
+      var _a;
+      const {
         round,
         position,
         safeAreaInsetBottom
@@ -138,20 +120,19 @@ export default defineComponent({
           round,
           [position]: position
         }), {
-          'van-safe-area-bottom': safeAreaInsetBottom
+          "van-safe-area-bottom": safeAreaInsetBottom
         }]
-      }, attrs), [slots.default == null ? void 0 : slots.default(), renderCloseIcon()]), [[_vShow, props.show]]);
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[_vShow, props.show]]);
     });
-
-    var renderTransition = () => {
-      var {
+    const renderTransition = () => {
+      const {
         position,
         transition,
         transitionAppear
       } = props;
-      var name = position === 'center' ? 'van-fade' : "van-popup-slide-" + position;
+      const name2 = position === "center" ? "van-fade" : `van-popup-slide-${position}`;
       return _createVNode(Transition, {
-        "name": transition || name,
+        "name": transition || name2,
         "appear": transitionAppear,
         "onAfterEnter": onOpened,
         "onAfterLeave": onClosed
@@ -159,20 +140,20 @@ export default defineComponent({
         default: renderPopup
       });
     };
-
-    watch(() => props.show, value => {
-      if (value) {
+    watch(() => props.show, (show) => {
+      if (show && !opened) {
         open();
-      } else {
+      }
+      if (!show && opened) {
         opened = false;
-        emit('close');
+        emit("close");
       }
     });
     useExpose({
       popupRef
     });
     useLockScroll(popupRef, () => props.show && props.lockScroll);
-    useEventListener('popstate', () => {
+    useEventListener("popstate", () => {
       if (props.closeOnPopstate) {
         close();
         shouldReopen = false;
@@ -185,7 +166,7 @@ export default defineComponent({
     });
     onActivated(() => {
       if (shouldReopen) {
-        emit('update:show', true);
+        emit("update:show", true);
         shouldReopen = false;
       }
     });
@@ -204,9 +185,10 @@ export default defineComponent({
           default: () => [renderOverlay(), renderTransition()]
         });
       }
-
       return _createVNode(_Fragment, null, [renderOverlay(), renderTransition()]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/popup/index.d.ts

@@ -26,8 +26,8 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
 } & {
     round: BooleanConstructor;
     position: {
-        type: import("vue").PropType<import("./Popup").PopupPosition>;
-        default: import("./Popup").PopupPosition;
+        type: import("vue").PropType<import("./types").PopupPosition>;
+        default: import("./types").PopupPosition;
     };
     closeIcon: {
         type: import("vue").PropType<string>;
@@ -38,11 +38,11 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     iconPrefix: StringConstructor;
     closeOnPopstate: BooleanConstructor;
     closeIconPosition: {
-        type: import("vue").PropType<import("./Popup").PopupCloseIconPosition>;
-        default: import("./Popup").PopupCloseIconPosition;
+        type: import("vue").PropType<import("./types").PopupCloseIconPosition>;
+        default: import("./types").PopupCloseIconPosition;
     };
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -65,6 +65,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     closeIconPosition?: unknown;
     safeAreaInsetBottom?: unknown;
 } & {
+    position: import("./types").PopupPosition;
     round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
@@ -73,11 +74,10 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    position: import("./Popup").PopupPosition;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIconPosition: import("./Popup").PopupCloseIconPosition;
+    closeIconPosition: import("./types").PopupCloseIconPosition;
 } & {
     iconPrefix?: string | undefined;
     zIndex?: string | number | undefined;
@@ -96,6 +96,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     "onClick-overlay"?: ((...args: any[]) => any) | undefined;
     "onClick-close-icon"?: ((...args: any[]) => any) | undefined;
 }, {
+    position: import("./types").PopupPosition;
     round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
@@ -104,11 +105,16 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    position: import("./Popup").PopupPosition;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
-    closeIconPosition: import("./Popup").PopupCloseIconPosition;
+    closeIconPosition: import("./types").PopupCloseIconPosition;
 }>>;
 export default Popup;
-export type { PopupProps, PopupPosition, PopupCloseIconPosition, } from './Popup';
+export type { PopupProps } from './Popup';
+export type { PopupPosition, PopupInstance, PopupCloseIconPosition, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanPopup: typeof Popup;
+    }
+}

package/es/popup/index.js

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

package/es/popup/shared.d.ts

@@ -1,5 +1,5 @@
-import { PropType, CSSProperties } from 'vue';
 import { Interceptor } from '../utils';
+import type { PropType, CSSProperties } from 'vue';
 export declare const popupSharedProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];

package/es/popup/shared.js

@@ -1,28 +1,20 @@
-import { truthProp, unknownProp, numericProp } from '../utils';
-export var popupSharedProps = {
-  // whether to show popup
+import { truthProp, unknownProp, numericProp } from "../utils";
+const popupSharedProps = {
   show: Boolean,
-  // z-index
   zIndex: numericProp,
-  // whether to show overlay
   overlay: truthProp,
-  // transition duration
   duration: numericProp,
-  // teleport
   teleport: [String, Object],
-  // prevent body scroll
   lockScroll: truthProp,
-  // whether to lazy render
   lazyRender: truthProp,
-  // callback function before close
   beforeClose: Function,
-  // overlay custom style
   overlayStyle: Object,
-  // overlay custom class name
   overlayClass: unknownProp,
-  // Initial rendering animation
   transitionAppear: Boolean,
-  // whether to close popup when overlay is clicked
   closeOnClickOverlay: truthProp
 };
-export var popupSharedPropKeys = Object.keys(popupSharedProps);
+const popupSharedPropKeys = Object.keys(popupSharedProps);
+export {
+  popupSharedPropKeys,
+  popupSharedProps
+};

package/es/popup/style/index.js

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

package/es/popup/style/less.js

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

package/es/popup/types.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { PopupProps } from './Popup';
+export declare type PopupPosition = 'top' | 'left' | 'bottom' | 'right' | 'center' | '';
+export declare type PopupCloseIconPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export declare type PopupInstance = ComponentPublicInstance<PopupProps>;

package/es/progress/Progress.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const progressProps: {
     color: StringConstructor;
     inactive: BooleanConstructor;
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (value: string | number) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     color?: unknown;
     inactive?: unknown;
     pivotText?: unknown;

package/es/progress/Progress.js

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from 'vue';
-import { addUnit, truthProp, numericProp, createNamespace } from '../utils';
-var [name, bem] = createNamespace('progress');
-var progressProps = {
+import { computed, defineComponent } from "vue";
+import { addUnit, truthProp, numericProp, createNamespace } from "../utils";
+const [name, bem] = createNamespace("progress");
+const progressProps = {
   color: String,
   inactive: Boolean,
   pivotText: String,
@@ -14,65 +14,63 @@ var progressProps = {
   percentage: {
     type: numericProp,
     default: 0,
-    validator: value => value >= 0 && value <= 100
+    validator: (value) => value >= 0 && value <= 100
   }
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: progressProps,
-
   setup(props) {
-    var background = computed(() => props.inactive ? undefined : props.color);
-
-    var renderPivot = () => {
-      var {
+    const background = computed(() => props.inactive ? void 0 : props.color);
+    const renderPivot = () => {
+      const {
         textColor,
         pivotText,
         pivotColor,
         percentage
       } = props;
-      var text = pivotText != null ? pivotText : percentage + "%";
-
+      const text = pivotText != null ? pivotText : `${percentage}%`;
       if (props.showPivot && text) {
-        var style = {
+        const style = {
           color: textColor,
-          left: +percentage + "%",
-          transform: "translate(-" + +percentage + "%,-50%)",
+          left: `${+percentage}%`,
+          transform: `translate(-${+percentage}%,-50%)`,
           background: pivotColor || background.value
         };
         return _createVNode("span", {
           "style": style,
-          "class": bem('pivot', {
+          "class": bem("pivot", {
             inactive: props.inactive
           })
         }, [text]);
       }
     };
-
     return () => {
-      var {
+      const {
         trackColor,
         percentage,
         strokeWidth
       } = props;
-      var rootStyle = {
+      const rootStyle = {
         background: trackColor,
         height: addUnit(strokeWidth)
       };
-      var portionStyle = {
-        width: percentage + "%",
+      const portionStyle = {
+        width: `${percentage}%`,
         background: background.value
       };
       return _createVNode("div", {
         "class": bem(),
         "style": rootStyle
       }, [_createVNode("span", {
-        "class": bem('portion', {
+        "class": bem("portion", {
           inactive: props.inactive
         }),
         "style": portionStyle
       }, null), renderPivot()]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/progress/index.d.ts

@@ -16,7 +16,7 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
         default: number;
         validator: (value: string | number) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     color?: unknown;
     inactive?: unknown;
     pivotText?: unknown;
@@ -45,3 +45,8 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
 export default Progress;
 export type { ProgressProps };
 export type { ProgressInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanProgress: typeof Progress;
+    }
+}

package/es/progress/index.js

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

package/es/progress/style/index.js

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

package/es/progress/style/less.js

@@ -1,2 +1,2 @@
-import '../../style/base.less';
-import '../index.less';
+import "../../style/base.less";
+import "../index.less";

package/es/progress/types.js

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

package/es/pull-refresh/PullRefresh.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const pullRefreshProps: {
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     disabled?: unknown;
     modelValue?: unknown;
     headHeight?: unknown;