vant 3.6.15 → 3.6.16

package/lib/picker/types.d.ts

@@ -1,26 +1,40 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
 import type { PickerProps } from './Picker';
-export type PickerToolbarPosition = 'top' | 'bottom';
-export type PickerFieldNames = {
+export declare type PickerToolbarPosition = 'top' | 'bottom';
+export declare type PickerFieldNames = {
     text?: string;
-    value?: string;
+    values?: string;
     children?: string;
 };
-export type PickerOption = {
+export declare type PickerObjectOption = {
     text?: Numeric;
-    value?: Numeric;
     disabled?: boolean;
+    [key: PropertyKey]: any;
+};
+export declare type PickerOption = Numeric | PickerObjectOption;
+export declare type PickerObjectColumn = {
+    values?: PickerOption[];
     children?: PickerColumn;
     className?: unknown;
+    defaultIndex?: number;
     [key: PropertyKey]: any;
 };
-export type PickerColumn = PickerOption[];
-export type PickerExpose = {
+export declare type PickerColumn = PickerOption[] | PickerObjectColumn;
+export declare type PickerExpose = {
     confirm: () => void;
-    getSelectedOptions: () => Array<PickerOption | undefined>;
+    getValues: <T = PickerOption>() => T[];
+    setValues: (values: string[]) => void;
+    getIndexes: () => number[];
+    setIndexes: (indexes: number[]) => void;
+    getColumnIndex: (index: number) => number;
+    setColumnIndex: (columnIndex: number, optionIndex: number) => void;
+    getColumnValue: <T = PickerOption>(index: number) => T;
+    setColumnValue: (index: number, value: string) => void;
+    getColumnValues: <T = PickerOption>(index: number) => T[];
+    setColumnValues: (index: number, options: PickerOption[]) => void;
 };
-export type PickerColumnProvide = {
+export declare type PickerColumnProvide = {
     state: {
         index: number;
         offset: number;
@@ -33,30 +47,4 @@ export type PickerColumnProvide = {
     setOptions: (options: PickerOption[]) => void;
     stopMomentum: () => void;
 };
-export type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;
-export type PickerConfirmEventParams = {
-    selectedValues: Numeric[];
-    selectedOptions: Array<PickerOption | undefined>;
-    selectedIndexes: number[];
-};
-export type PickerCancelEventParams = PickerConfirmEventParams;
-export type PickerChangeEventParams = PickerConfirmEventParams & {
-    columnIndex: number;
-};
-export type PickerThemeVars = {
-    pickerBackground?: string;
-    pickerToolbarHeight?: string;
-    pickerTitleFontSize?: string;
-    pickerTitleLineHeight?: number | string;
-    pickerActionPadding?: string;
-    pickerActionFontSize?: string;
-    pickerConfirmActionColor?: string;
-    pickerCancelActionColor?: string;
-    pickerOptionFontSize?: string;
-    pickerOptionPadding?: string;
-    pickerOptionTextColor?: string;
-    pickerOptionDisabledOpacity?: number | string;
-    pickerLoadingIconColor?: string;
-    pickerLoadingMaskColor?: string;
-    pickerMaskColor?: string;
-};
+export declare type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;

package/lib/picker/var.less

@@ -0,0 +1,22 @@
+@import '../style/var.less';
+
+@picker-background-color: var(--van-background-color-light);
+@picker-toolbar-height: 44px;
+@picker-title-font-size: var(--van-font-size-lg);
+@picker-title-line-height: var(--van-line-height-md);
+@picker-action-padding: 0 var(--van-padding-md);
+@picker-action-font-size: var(--van-font-size-md);
+@picker-confirm-action-color: var(--van-text-link-color);
+@picker-cancel-action-color: var(--van-text-color-2);
+@picker-option-padding: 0 var(--van-padding-base);
+@picker-option-font-size: var(--van-font-size-lg);
+@picker-option-text-color: var(--van-text-color);
+@picker-option-disabled-opacity: 0.3;
+@picker-mask-color: linear-gradient(
+    180deg,
+    rgba(255, 255, 255, 0.9),
+    rgba(255, 255, 255, 0.4)
+  ),
+  linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
+@picker-loading-icon-color: var(--van-primary-color);
+@picker-loading-mask-color: rgba(255, 255, 255, 0.9);

package/lib/popover/Popover.d.ts

@@ -1,22 +1,18 @@
-import { type PropType, type CSSProperties, type TeleportProps, type ExtractPropTypes } from 'vue';
-import { PopoverTheme, PopoverAction, PopoverActionsDirection, PopoverTrigger, PopoverPlacement } from './types';
-export declare const popoverProps: {
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
+import { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement } from './types';
+declare const popoverProps: {
     show: BooleanConstructor;
     theme: {
-        type: PropType<T>;
+        type: PropType<PopoverTheme>;
         default: PopoverTheme;
     };
     overlay: BooleanConstructor;
     actions: {
-        type: PropType<T_1[]>;
+        type: PropType<PopoverAction[]>;
         default: () => never[];
     };
-    actionsDirection: {
-        type: PropType<T>;
-        default: PopoverActionsDirection;
-    };
     trigger: {
-        type: PropType<T>;
+        type: PropType<PopoverTrigger>;
         default: PopoverTrigger;
     };
     duration: (NumberConstructor | StringConstructor)[];
@@ -25,7 +21,7 @@ export declare const popoverProps: {
         default: true;
     };
     placement: {
-        type: PropType<T>;
+        type: PropType<PopoverPlacement>;
         default: PopoverPlacement;
     };
     iconPrefix: StringConstructor;
@@ -48,28 +44,24 @@ export declare const popoverProps: {
         default: () => number[];
     };
     teleport: {
-        type: PropType<TeleportProps["to"]>;
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
 };
-export type PopoverProps = ExtractPropTypes<typeof popoverProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     theme: {
-        type: PropType<T>;
+        type: PropType<PopoverTheme>;
         default: PopoverTheme;
     };
     overlay: BooleanConstructor;
     actions: {
-        type: PropType<T_1[]>;
+        type: PropType<PopoverAction[]>;
         default: () => never[];
     };
-    actionsDirection: {
-        type: PropType<T>;
-        default: PopoverActionsDirection;
-    };
     trigger: {
-        type: PropType<T>;
+        type: PropType<PopoverTrigger>;
         default: PopoverTrigger;
     };
     duration: (NumberConstructor | StringConstructor)[];
@@ -78,7 +70,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     placement: {
-        type: PropType<T>;
+        type: PropType<PopoverPlacement>;
         default: PopoverPlacement;
     };
     iconPrefix: StringConstructor;
@@ -101,26 +93,22 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: () => number[];
     };
     teleport: {
-        type: PropType<TeleportProps["to"]>;
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => 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<ExtractPropTypes<{
     show: BooleanConstructor;
     theme: {
-        type: PropType<T>;
+        type: PropType<PopoverTheme>;
         default: PopoverTheme;
     };
     overlay: BooleanConstructor;
     actions: {
-        type: PropType<T_1[]>;
+        type: PropType<PopoverAction[]>;
         default: () => never[];
     };
-    actionsDirection: {
-        type: PropType<T>;
-        default: PopoverActionsDirection;
-    };
     trigger: {
-        type: PropType<T>;
+        type: PropType<PopoverTrigger>;
         default: PopoverTrigger;
     };
     duration: (NumberConstructor | StringConstructor)[];
@@ -129,7 +117,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     placement: {
-        type: PropType<T>;
+        type: PropType<PopoverPlacement>;
         default: PopoverPlacement;
     };
     iconPrefix: StringConstructor;
@@ -152,26 +140,25 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: () => number[];
     };
     teleport: {
-        type: PropType<TeleportProps["to"]>;
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}>> & Readonly<{
+}>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     onTouchstart?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     offset: [number, number];
-    theme: PopoverTheme;
     overlay: boolean;
     show: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     closeOnClickOverlay: boolean;
     actions: PopoverAction[];
     closeOnClickAction: boolean;
+    theme: PopoverTheme;
     closeOnClickOutside: boolean;
-    actionsDirection: PopoverActionsDirection;
     trigger: PopoverTrigger;
     showArrow: boolean;
     placement: PopoverPlacement;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/lib/popover/Popover.js

@@ -17,26 +17,23 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default,
-  popoverProps: () => popoverProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_popperjs = require("@vant/popperjs");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
-var import_use_scope_id = require("../composables/use-scope-id");
-var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
 var import_icon = require("../icon");
 var import_popup = require("../popup");
 const [name, bem] = (0, import_utils.createNamespace)("popover");
-const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
   show: Boolean,
   theme: (0, import_utils.makeStringProp)("light"),
   overlay: Boolean,
   actions: (0, import_utils.makeArrayProp)(),
-  actionsDirection: (0, import_utils.makeStringProp)("vertical"),
   trigger: (0, import_utils.makeStringProp)("click"),
   duration: import_utils.numericProp,
   showArrow: import_utils.truthProp,
@@ -56,7 +53,7 @@ const popoverProps = {
     default: "body"
   }
 };
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: popoverProps,
   emits: ["select", "touchstart", "update:show"],
@@ -66,10 +63,9 @@ var stdin_default = (0, import_vue.defineComponent)({
     attrs
   }) {
     let popper;
-    const popupRef = (0, import_vue.ref)();
-    const wrapperRef = (0, import_vue.ref)();
-    const popoverRef = (0, import_vue.ref)();
-    const show = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.show, (value) => emit("update:show", value));
+    const popupRef = (0, import_vue2.ref)();
+    const wrapperRef = (0, import_vue2.ref)();
+    const popoverRef = (0, import_vue2.ref)();
     const getPopoverOptions = () => ({
       placement: props.placement,
       modifiers: [{
@@ -91,27 +87,21 @@ var stdin_default = (0, import_vue.defineComponent)({
       return null;
     };
     const updateLocation = () => {
-      (0, import_vue.nextTick)(() => {
-        if (!show.value) {
+      (0, import_vue2.nextTick)(() => {
+        if (!props.show) {
           return;
         }
         if (!popper) {
           popper = createPopperInstance();
-          if (import_utils.inBrowser) {
-            window.addEventListener("animationend", updateLocation);
-            window.addEventListener("transitionend", updateLocation);
-          }
         } else {
           popper.setOptions(getPopoverOptions());
         }
       });
     };
-    const updateShow = (value) => {
-      show.value = value;
-    };
+    const updateShow = (value) => emit("update:show", value);
     const onClickWrapper = () => {
       if (props.trigger === "click") {
-        show.value = !show.value;
+        updateShow(!props.show);
       }
     };
     const onClickAction = (action, index) => {
@@ -120,12 +110,12 @@ var stdin_default = (0, import_vue.defineComponent)({
       }
       emit("select", action, index);
       if (props.closeOnClickAction) {
-        show.value = false;
+        updateShow(false);
       }
     };
     const onClickAway = () => {
-      if (show.value && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
-        show.value = false;
+      if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
+        updateShow(false);
       }
     };
     const renderActionContent = (action, index) => {
@@ -140,9 +130,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         "classPrefix": props.iconPrefix,
         "class": bem("action-icon")
       }, null), (0, import_vue.createVNode)("div", {
-        "class": [bem("action-text"), {
-          [import_utils.BORDER_BOTTOM]: props.actionsDirection === "vertical"
-        }]
+        "class": [bem("action-text"), import_utils.BORDER_BOTTOM]
       }, [action.text])];
     };
     const renderAction = (action, index) => {
@@ -157,9 +145,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         "class": [bem("action", {
           disabled,
           "with-icon": icon
-        }), {
-          [import_utils.BORDER_RIGHT]: props.actionsDirection === "horizontal"
-        }, className],
+        }), className],
         "style": {
           color
         },
@@ -168,24 +154,20 @@ var stdin_default = (0, import_vue.defineComponent)({
         "onClick": () => onClickAction(action, index)
       }, [renderActionContent(action, index)]);
     };
-    (0, import_vue.onMounted)(() => {
+    (0, import_vue2.onMounted)(() => {
       updateLocation();
-      (0, import_vue.watchEffect)(() => {
+      (0, import_vue2.watchEffect)(() => {
         var _a;
         popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
       });
     });
-    (0, import_vue.onBeforeUnmount)(() => {
+    (0, import_vue2.onBeforeUnmount)(() => {
       if (popper) {
-        if (import_utils.inBrowser) {
-          window.removeEventListener("animationend", updateLocation);
-          window.removeEventListener("transitionend", updateLocation);
-        }
         popper.destroy();
         popper = null;
       }
     });
-    (0, import_vue.watch)(() => [show.value, props.offset, props.placement], updateLocation);
+    (0, import_vue2.watch)(() => [props.show, props.offset, props.placement], updateLocation);
     (0, import_use.useClickAway)([wrapperRef, popupRef], onClickAway, {
       eventName: "touchstart"
     });
@@ -197,18 +179,17 @@ var stdin_default = (0, import_vue.defineComponent)({
         "onClick": onClickWrapper
       }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
         "ref": popoverRef,
-        "show": show.value,
         "class": bem([props.theme]),
         "position": "",
         "transition": "van-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
-      }, attrs, (0, import_use_scope_id.useScopeId)(), (0, import_utils.pick)(props, popupProps)), {
+      }, attrs, (0, import_utils.pick)(props, popupProps)), {
         default: () => [props.showArrow && (0, import_vue.createVNode)("div", {
           "class": bem("arrow")
         }, null), (0, import_vue.createVNode)("div", {
           "role": "menu",
-          "class": bem("content", props.actionsDirection)
+          "class": bem("content")
         }, [slots.default ? slots.default() : props.actions.map(renderAction)])]
       })]);
     };

package/lib/popover/index.css

@@ -1 +1 @@
-:root,:host{--van-popover-arrow-size: 6px;--van-popover-radius: var(--van-radius-lg);--van-popover-action-width: 128px;--van-popover-action-height: 44px;--van-popover-action-font-size: var(--van-font-size-md);--van-popover-action-line-height: var(--van-line-height-md);--van-popover-action-icon-size: 20px;--van-popover-horizontal-action-height: 34px;--van-popover-horizontal-action-icon-size: 16px;--van-popover-light-text-color: var(--van-text-color);--van-popover-light-background: var(--van-background-2);--van-popover-light-action-disabled-text-color: var(--van-text-color-3);--van-popover-dark-text-color: var(--van-white);--van-popover-dark-background: #4a4a4a;--van-popover-dark-action-disabled-text-color: var(--van-text-color-2)}.van-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--van-popover-arrow-size)}.van-popover__content{overflow:hidden;border-radius:var(--van-popover-radius)}.van-popover__content--horizontal{display:flex;width:-webkit-max-content;width:max-content}.van-popover__content--horizontal .van-popover__action{flex:none;width:auto;height:var(--van-popover-horizontal-action-height);padding:0 var(--van-padding-sm)}.van-popover__content--horizontal .van-popover__action:last-child:after{display:none}.van-popover__content--horizontal .van-popover__action-icon{margin-right:var(--van-padding-base);font-size:var(--van-popover-horizontal-action-icon-size)}.van-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--van-popover-action-width);height:var(--van-popover-action-height);padding:0 var(--van-padding-md);font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);cursor:pointer}.van-popover__action:last-child .van-popover__action-text:after{display:none}.van-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:var(--van-padding-xs);font-size:var(--van-popover-action-icon-size)}.van-popover__action--with-icon .van-popover__action-text{justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;margin-bottom:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=top]{transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=top-start]{transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;margin-right:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=left]{transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=left-start]{transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;margin-left:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=right]{transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=right-start]{transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=right-end]{transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;margin-top:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=bottom]{transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover--light{color:var(--van-popover-light-text-color)}.van-popover--light .van-popover__content{background:var(--van-popover-light-background);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background)}.van-popover--light .van-popover__action:active{background-color:var(--van-active-color)}.van-popover--light .van-popover__action--disabled{color:var(--van-popover-light-action-disabled-text-color);cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:var(--van-popover-dark-text-color)}.van-popover--dark .van-popover__content{background:var(--van-popover-dark-background)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background)}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:var(--van-popover-dark-action-disabled-text-color)}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text:after{border-color:var(--van-gray-7)}.van-popover-zoom-enter-from,.van-popover-zoom-leave-active{transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-ease-in)}
+:root{--van-popover-arrow-size: 6px;--van-popover-border-radius: var(--van-border-radius-lg);--van-popover-action-width: 128px;--van-popover-action-height: 44px;--van-popover-action-font-size: var(--van-font-size-md);--van-popover-action-line-height: var(--van-line-height-md);--van-popover-action-icon-size: 20px;--van-popover-light-text-color: var(--van-text-color);--van-popover-light-background-color: var(--van-background-color-light);--van-popover-light-action-disabled-text-color: var(--van-text-color-3);--van-popover-dark-text-color: var(--van-white);--van-popover-dark-background-color: #4a4a4a;--van-popover-dark-action-disabled-text-color: var(--van-text-color-2)}.van-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--van-popover-arrow-size)}.van-popover__content{overflow:hidden;border-radius:var(--van-popover-border-radius)}.van-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--van-popover-action-width);height:var(--van-popover-action-height);padding:0 var(--van-padding-md);font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);cursor:pointer}.van-popover__action:last-child .van-popover__action-text:after{display:none}.van-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:var(--van-padding-xs);font-size:var(--van-popover-action-icon-size)}.van-popover__action--with-icon .van-popover__action-text{justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;transform:translate(-50%);margin-bottom:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=top]{transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=top-start]{transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;transform:translateY(-50%);margin-right:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=left]{transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=left-start]{transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;transform:translateY(-50%);margin-left:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=right]{transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=right-start]{transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=right-end]{transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;transform:translate(-50%);margin-top:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=bottom]{transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover--light{color:var(--van-popover-light-text-color)}.van-popover--light .van-popover__content{background:var(--van-popover-light-background-color);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background-color)}.van-popover--light .van-popover__action:active{background-color:var(--van-active-color)}.van-popover--light .van-popover__action--disabled{color:var(--van-popover-light-action-disabled-text-color);cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:var(--van-popover-dark-text-color)}.van-popover--dark .van-popover__content{background:var(--van-popover-dark-background-color)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background-color)}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:var(--van-popover-dark-action-disabled-text-color)}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text:after{border-color:var(--van-gray-7)}.van-popover-zoom-enter-from,.van-popover-zoom-leave-active{transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{transition-timing-function:var(--van-animation-timing-function-enter)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}

package/lib/popover/index.d.ts

@@ -1,20 +1,16 @@
-export declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     theme: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").PopoverTheme>;
         default: import("./types").PopoverTheme;
     };
     overlay: BooleanConstructor;
     actions: {
-        type: import("vue").PropType<T_1[]>;
+        type: import("vue").PropType<import("./types").PopoverAction[]>;
         default: () => never[];
     };
-    actionsDirection: {
-        type: import("vue").PropType<T>;
-        default: import("./types").PopoverActionsDirection;
-    };
     trigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").PopoverTrigger>;
         default: import("./types").PopoverTrigger;
     };
     duration: (NumberConstructor | StringConstructor)[];
@@ -23,7 +19,7 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         default: true;
     };
     placement: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").PopoverPlacement>;
         default: import("./types").PopoverPlacement;
     };
     iconPrefix: StringConstructor;
@@ -46,26 +42,22 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         default: () => number[];
     };
     teleport: {
-        type: import("vue").PropType<import("vue").TeleportProps["to"]>;
+        type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<T>;
+        type: import("vue").PropType<import("./types").PopoverTheme>;
         default: import("./types").PopoverTheme;
     };
     overlay: BooleanConstructor;
     actions: {
-        type: import("vue").PropType<T_1[]>;
+        type: import("vue").PropType<import("./types").PopoverAction[]>;
         default: () => never[];
     };
-    actionsDirection: {
-        type: import("vue").PropType<T>;
-        default: import("./types").PopoverActionsDirection;
-    };
     trigger: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").PopoverTrigger>;
         default: import("./types").PopoverTrigger;
     };
     duration: (NumberConstructor | StringConstructor)[];
@@ -74,7 +66,7 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         default: true;
     };
     placement: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").PopoverPlacement>;
         default: import("./types").PopoverPlacement;
     };
     iconPrefix: StringConstructor;
@@ -97,32 +89,30 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         default: () => number[];
     };
     teleport: {
-        type: import("vue").PropType<import("vue").TeleportProps["to"]>;
+        type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-}>> & Readonly<{
+}>> & {
     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;
+    theme: import("./types").PopoverTheme;
     closeOnClickOutside: boolean;
-    actionsDirection: import("./types").PopoverActionsDirection;
     trigger: import("./types").PopoverTrigger;
     showArrow: boolean;
     placement: import("./types").PopoverPlacement;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default Popover;
-export { popoverProps } from './Popover';
 export type { PopoverProps } from './Popover';
-export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverThemeVars, PopoverPlacement, } from './types';
+export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanPopover: typeof Popover;

package/lib/popover/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Popover: () => Popover,
-  default: () => stdin_default,
-  popoverProps: () => import_Popover2.popoverProps
+  default: () => stdin_default
 });
 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;