vant 4.0.3 → 4.0.5

package/lib/popover/index.d.ts

@@ -1,121 +0,0 @@
-export declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<{
-    show: BooleanConstructor;
-    theme: {
-        type: import("vue").PropType<import("./types").PopoverTheme>;
-        default: import("./types").PopoverTheme;
-    };
-    overlay: BooleanConstructor;
-    actions: {
-        type: import("vue").PropType<import("./types").PopoverAction[]>;
-        default: () => never[];
-    };
-    trigger: {
-        type: import("vue").PropType<import("./types").PopoverTrigger>;
-        default: import("./types").PopoverTrigger;
-    };
-    duration: (NumberConstructor | StringConstructor)[];
-    showArrow: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    placement: {
-        type: import("vue").PropType<import("./types").PopoverPlacement>;
-        default: import("./types").PopoverPlacement;
-    };
-    iconPrefix: StringConstructor;
-    overlayClass: import("vue").PropType<unknown>;
-    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-    closeOnClickAction: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    closeOnClickOutside: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    offset: {
-        type: import("vue").PropType<[number, number]>;
-        default: () => number[];
-    };
-    teleport: {
-        type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-        default: string;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    show: BooleanConstructor;
-    theme: {
-        type: import("vue").PropType<import("./types").PopoverTheme>;
-        default: import("./types").PopoverTheme;
-    };
-    overlay: BooleanConstructor;
-    actions: {
-        type: import("vue").PropType<import("./types").PopoverAction[]>;
-        default: () => never[];
-    };
-    trigger: {
-        type: import("vue").PropType<import("./types").PopoverTrigger>;
-        default: import("./types").PopoverTrigger;
-    };
-    duration: (NumberConstructor | StringConstructor)[];
-    showArrow: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    placement: {
-        type: import("vue").PropType<import("./types").PopoverPlacement>;
-        default: import("./types").PopoverPlacement;
-    };
-    iconPrefix: StringConstructor;
-    overlayClass: import("vue").PropType<unknown>;
-    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-    closeOnClickAction: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    closeOnClickOutside: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    offset: {
-        type: import("vue").PropType<[number, number]>;
-        default: () => number[];
-    };
-    teleport: {
-        type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-        default: string;
-    };
-}>> & {
-    onSelect?: ((...args: any[]) => any) | undefined;
-    onTouchstart?: ((...args: any[]) => any) | undefined;
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
-    offset: [number, number];
-    theme: import("./types").PopoverTheme;
-    overlay: boolean;
-    show: boolean;
-    teleport: string | import("vue").RendererElement | null | undefined;
-    closeOnClickOverlay: boolean;
-    actions: import("./types").PopoverAction[];
-    closeOnClickAction: boolean;
-    closeOnClickOutside: boolean;
-    trigger: import("./types").PopoverTrigger;
-    showArrow: boolean;
-    placement: import("./types").PopoverPlacement;
-}>>;
-export default Popover;
-export { popoverProps } from './Popover';
-export type { PopoverProps } from './Popover';
-export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverThemeVars, PopoverPlacement, } from './types';
-declare module 'vue' {
-    interface GlobalComponents {
-        VanPopover: typeof Popover;
-    }
-}

package/lib/popover/index.js

@@ -1,35 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-__export(stdin_exports, {
-  Popover: () => Popover,
-  default: () => stdin_default,
-  popoverProps: () => import_Popover2.popoverProps
-});
-module.exports = __toCommonJS(stdin_exports);
-var import_utils = require("../utils");
-var import_Popover = __toESM(require("./Popover"));
-var import_Popover2 = require("./Popover");
-const Popover = (0, import_utils.withInstall)(import_Popover.default);
-var stdin_default = Popover;

package/lib/popover/style/index.d.ts

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

package/lib/popover/style/index.js

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

package/lib/popover/types.d.ts

@@ -1,26 +0,0 @@
-export type PopoverTheme = 'light' | 'dark';
-export type PopoverTrigger = 'manual' | 'click';
-export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end';
-export type PopoverAction = {
-    text: string;
-    icon?: string;
-    color?: string;
-    disabled?: boolean;
-    className?: string;
-    [key: PropertyKey]: any;
-};
-export type PopoverThemeVars = {
-    popoverArrowSize?: string;
-    popoverRadius?: string;
-    popoverActionWidth?: string;
-    popoverActionHeight?: string;
-    popoverActionFontSize?: string;
-    popoverActionLineHeight?: number | string;
-    popoverActionIconSize?: string;
-    popoverLightTextColor?: string;
-    popoverLightBackground?: string;
-    popoverLightActionDisabledTextColor?: string;
-    popoverDarkTextColor?: string;
-    popoverDarkBackground?: string;
-    popoverDarkActionDisabledTextColor?: string;
-};

package/lib/popover/types.js

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

package/lib/popup/Popup.d.ts

@@ -1,165 +0,0 @@
-import { type CSSProperties, type ExtractPropTypes } from 'vue';
-import type { PopupPosition, PopupCloseIconPosition } from './types';
-export declare const popupProps: {
-    show: BooleanConstructor;
-    zIndex: (NumberConstructor | StringConstructor)[];
-    overlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-    lockScroll: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    lazyRender: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
-    overlayStyle: import("vue").PropType<CSSProperties>;
-    overlayClass: import("vue").PropType<unknown>;
-    transitionAppear: BooleanConstructor;
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-} & {
-    round: BooleanConstructor;
-    position: {
-        type: import("vue").PropType<PopupPosition>;
-        default: PopupPosition;
-    };
-    closeIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    closeable: BooleanConstructor;
-    transition: StringConstructor;
-    iconPrefix: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
-    closeIconPosition: {
-        type: import("vue").PropType<PopupCloseIconPosition>;
-        default: PopupCloseIconPosition;
-    };
-    safeAreaInsetTop: BooleanConstructor;
-    safeAreaInsetBottom: BooleanConstructor;
-};
-export type PopupProps = ExtractPropTypes<typeof popupProps>;
-declare const _default: import("vue").DefineComponent<{
-    show: BooleanConstructor;
-    zIndex: (NumberConstructor | StringConstructor)[];
-    overlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-    lockScroll: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    lazyRender: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
-    overlayStyle: import("vue").PropType<CSSProperties>;
-    overlayClass: import("vue").PropType<unknown>;
-    transitionAppear: BooleanConstructor;
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-} & {
-    round: BooleanConstructor;
-    position: {
-        type: import("vue").PropType<PopupPosition>;
-        default: PopupPosition;
-    };
-    closeIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    closeable: BooleanConstructor;
-    transition: StringConstructor;
-    iconPrefix: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
-    closeIconPosition: {
-        type: import("vue").PropType<PopupCloseIconPosition>;
-        default: PopupCloseIconPosition;
-    };
-    safeAreaInsetTop: BooleanConstructor;
-    safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon")[], "open" | "close" | "keydown" | "opened" | "closed" | "update:show" | "clickOverlay" | "clickCloseIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    show: BooleanConstructor;
-    zIndex: (NumberConstructor | StringConstructor)[];
-    overlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-    lockScroll: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    lazyRender: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
-    overlayStyle: import("vue").PropType<CSSProperties>;
-    overlayClass: import("vue").PropType<unknown>;
-    transitionAppear: BooleanConstructor;
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: true;
-    };
-} & {
-    round: BooleanConstructor;
-    position: {
-        type: import("vue").PropType<PopupPosition>;
-        default: PopupPosition;
-    };
-    closeIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    closeable: BooleanConstructor;
-    transition: StringConstructor;
-    iconPrefix: StringConstructor;
-    closeOnPopstate: BooleanConstructor;
-    closeIconPosition: {
-        type: import("vue").PropType<PopupCloseIconPosition>;
-        default: PopupCloseIconPosition;
-    };
-    safeAreaInsetTop: BooleanConstructor;
-    safeAreaInsetBottom: BooleanConstructor;
-}>> & {
-    onKeydown?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    onClickOverlay?: ((...args: any[]) => any) | undefined;
-    onClickCloseIcon?: ((...args: any[]) => any) | undefined;
-}, {
-    position: PopupPosition;
-    round: boolean;
-    safeAreaInsetBottom: boolean;
-    overlay: boolean;
-    show: boolean;
-    lockScroll: boolean;
-    lazyRender: boolean;
-    transitionAppear: boolean;
-    closeOnClickOverlay: boolean;
-    closeIcon: string;
-    closeable: boolean;
-    closeOnPopstate: boolean;
-    closeIconPosition: PopupCloseIconPosition;
-    safeAreaInsetTop: boolean;
-}>;
-export default _default;

package/lib/popup/Popup.js

@@ -1,226 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-__export(stdin_exports, {
-  default: () => stdin_default,
-  popupProps: () => popupProps
-});
-module.exports = __toCommonJS(stdin_exports);
-var import_vue = require("vue");
-var import_vue2 = require("vue");
-var import_shared = require("./shared");
-var import_utils = require("../utils");
-var import_use = require("@vant/use");
-var import_use_expose = require("../composables/use-expose");
-var import_use_lock_scroll = require("../composables/use-lock-scroll");
-var import_use_lazy_render = require("../composables/use-lazy-render");
-var import_on_popup_reopen = require("../composables/on-popup-reopen");
-var import_use_global_z_index = require("../composables/use-global-z-index");
-var import_icon = require("../icon");
-var import_overlay = require("../overlay");
-const popupProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
-  round: Boolean,
-  position: (0, import_utils.makeStringProp)("center"),
-  closeIcon: (0, import_utils.makeStringProp)("cross"),
-  closeable: Boolean,
-  transition: String,
-  iconPrefix: String,
-  closeOnPopstate: Boolean,
-  closeIconPosition: (0, import_utils.makeStringProp)("top-right"),
-  safeAreaInsetTop: Boolean,
-  safeAreaInsetBottom: Boolean
-});
-const [name, bem] = (0, import_utils.createNamespace)("popup");
-var stdin_default = (0, import_vue2.defineComponent)({
-  name,
-  inheritAttrs: false,
-  props: popupProps,
-  emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
-  setup(props, {
-    emit,
-    attrs,
-    slots
-  }) {
-    let opened;
-    let shouldReopen;
-    const zIndex = (0, import_vue2.ref)();
-    const popupRef = (0, import_vue2.ref)();
-    const lazyRender = (0, import_use_lazy_render.useLazyRender)(() => props.show || !props.lazyRender);
-    const style = (0, import_vue2.computed)(() => {
-      const style2 = {
-        zIndex: zIndex.value
-      };
-      if ((0, import_utils.isDef)(props.duration)) {
-        const key = props.position === "center" ? "animationDuration" : "transitionDuration";
-        style2[key] = `${props.duration}s`;
-      }
-      return style2;
-    });
-    const open = () => {
-      if (!opened) {
-        opened = true;
-        zIndex.value = props.zIndex !== void 0 ? +props.zIndex : (0, import_use_global_z_index.useGlobalZIndex)();
-        emit("open");
-      }
-    };
-    const close = () => {
-      if (opened) {
-        (0, import_utils.callInterceptor)(props.beforeClose, {
-          done() {
-            opened = false;
-            emit("close");
-            emit("update:show", false);
-          }
-        });
-      }
-    };
-    const onClickOverlay = (event) => {
-      emit("clickOverlay", event);
-      if (props.closeOnClickOverlay) {
-        close();
-      }
-    };
-    const renderOverlay = () => {
-      if (props.overlay) {
-        return (0, import_vue.createVNode)(import_overlay.Overlay, {
-          "show": props.show,
-          "class": props.overlayClass,
-          "zIndex": zIndex.value,
-          "duration": props.duration,
-          "customStyle": props.overlayStyle,
-          "role": props.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props.closeOnClickOverlay ? 0 : void 0,
-          "onClick": onClickOverlay
-        }, {
-          default: slots["overlay-content"]
-        });
-      }
-    };
-    const onClickCloseIcon = (event) => {
-      emit("clickCloseIcon", event);
-      close();
-    };
-    const renderCloseIcon = () => {
-      if (props.closeable) {
-        return (0, import_vue.createVNode)(import_icon.Icon, {
-          "role": "button",
-          "tabindex": 0,
-          "name": props.closeIcon,
-          "class": [bem("close-icon", props.closeIconPosition), import_utils.HAPTICS_FEEDBACK],
-          "classPrefix": props.iconPrefix,
-          "onClick": onClickCloseIcon
-        }, null);
-      }
-    };
-    const onOpened = () => emit("opened");
-    const onClosed = () => emit("closed");
-    const onKeydown = (event) => emit("keydown", event);
-    const renderPopup = lazyRender(() => {
-      var _a;
-      const {
-        round,
-        position,
-        safeAreaInsetTop,
-        safeAreaInsetBottom
-      } = props;
-      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
-        "ref": popupRef,
-        "style": style.value,
-        "role": "dialog",
-        "tabindex": 0,
-        "class": [bem({
-          round,
-          [position]: position
-        }), {
-          "van-safe-area-top": safeAreaInsetTop,
-          "van-safe-area-bottom": safeAreaInsetBottom
-        }],
-        "onKeydown": onKeydown
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[import_vue.vShow, props.show]]);
-    });
-    const renderTransition = () => {
-      const {
-        position,
-        transition,
-        transitionAppear
-      } = props;
-      const name2 = position === "center" ? "van-fade" : `van-popup-slide-${position}`;
-      return (0, import_vue.createVNode)(import_vue2.Transition, {
-        "name": transition || name2,
-        "appear": transitionAppear,
-        "onAfterEnter": onOpened,
-        "onAfterLeave": onClosed
-      }, {
-        default: renderPopup
-      });
-    };
-    (0, import_vue2.watch)(() => props.show, (show) => {
-      if (show && !opened) {
-        open();
-        if (attrs.tabindex === 0) {
-          (0, import_vue2.nextTick)(() => {
-            var _a;
-            (_a = popupRef.value) == null ? void 0 : _a.focus();
-          });
-        }
-      }
-      if (!show && opened) {
-        opened = false;
-        emit("close");
-      }
-    });
-    (0, import_use_expose.useExpose)({
-      popupRef
-    });
-    (0, import_use_lock_scroll.useLockScroll)(popupRef, () => props.show && props.lockScroll);
-    (0, import_use.useEventListener)("popstate", () => {
-      if (props.closeOnPopstate) {
-        close();
-        shouldReopen = false;
-      }
-    });
-    (0, import_vue2.onMounted)(() => {
-      if (props.show) {
-        open();
-      }
-    });
-    (0, import_vue2.onActivated)(() => {
-      if (shouldReopen) {
-        emit("update:show", true);
-        shouldReopen = false;
-      }
-    });
-    (0, import_vue2.onDeactivated)(() => {
-      if (props.show && props.teleport) {
-        close();
-        shouldReopen = true;
-      }
-    });
-    (0, import_vue2.provide)(import_on_popup_reopen.POPUP_TOGGLE_KEY, () => props.show);
-    return () => {
-      if (props.teleport) {
-        return (0, import_vue.createVNode)(import_vue2.Teleport, {
-          "to": props.teleport
-        }, {
-          default: () => [renderOverlay(), renderTransition()]
-        });
-      }
-      return (0, import_vue.createVNode)(import_vue.Fragment, null, [renderOverlay(), renderTransition()]);
-    };
-  }
-});

package/lib/popup/index.css

@@ -1 +0,0 @@
-:root{--van-popup-background: var(--van-background-2);--van-popup-transition: transform var(--van-duration-base);--van-popup-round-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;box-sizing:border-box;background:var(--van-popup-background);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:0;right:0;width:-webkit-fit-content;width:fit-content;max-width:calc(100vw - var(--van-padding-md) * 2);margin:0 auto;transform:translateY(-50%)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-ease-in)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}