vant 3.2.3 → 3.2.7

package/es/popover/Popover.d.ts

@@ -1,18 +1,29 @@
-import { PropType, CSSProperties } from 'vue';
-export declare type PopoverTheme = 'light' | 'dark';
-export declare type PopoverTrigger = 'manual' | 'click';
-export declare type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end';
-export declare type PopoverAction = {
-    text: string;
-    icon?: string;
-    color?: string;
-    disabled?: boolean;
-    className?: string;
-};
-declare const _default: import("vue").DefineComponent<{
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement } from './types';
+declare const popoverProps: {
     show: BooleanConstructor;
+    theme: {
+        type: PropType<PopoverTheme>;
+        default: PopoverTheme;
+    };
     overlay: BooleanConstructor;
+    actions: {
+        type: PropType<PopoverAction[]>;
+        default: () => never[];
+    };
+    trigger: {
+        type: PropType<PopoverTrigger>;
+        default: PopoverTrigger;
+    };
     duration: (NumberConstructor | StringConstructor)[];
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    placement: {
+        type: PropType<PopoverPlacement>;
+        default: PopoverPlacement;
+    };
     iconPrefix: StringConstructor;
     overlayClass: PropType<unknown>;
     overlayStyle: PropType<CSSProperties>;
@@ -32,34 +43,68 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<[number, number]>;
         default: () => number[];
     };
-    theme: {
-        type: PropType<PopoverTheme>;
+    teleport: {
+        type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-        default: string;
+};
+export declare type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    theme: {
+        type: PropType<PopoverTheme>;
+        default: PopoverTheme;
     };
+    overlay: BooleanConstructor;
     actions: {
         type: PropType<PopoverAction[]>;
         default: () => never[];
     };
+    trigger: {
+        type: PropType<PopoverTrigger>;
+        default: PopoverTrigger;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
     placement: {
         type: PropType<PopoverPlacement>;
-        default: string;
+        default: PopoverPlacement;
+    };
+    iconPrefix: StringConstructor;
+    overlayClass: PropType<unknown>;
+    overlayStyle: PropType<CSSProperties>;
+    closeOnClickAction: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    offset: {
+        type: PropType<[number, number]>;
+        default: () => number[];
     };
     teleport: {
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-    showArrow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, () => 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/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
+    theme?: unknown;
     overlay?: unknown;
+    actions?: unknown;
+    trigger?: unknown;
     duration?: unknown;
+    showArrow?: unknown;
+    placement?: unknown;
     iconPrefix?: unknown;
     overlayClass?: unknown;
     overlayStyle?: unknown;
@@ -67,12 +112,7 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOverlay?: unknown;
     closeOnClickOutside?: unknown;
     offset?: unknown;
-    theme?: unknown;
-    trigger?: unknown;
-    actions?: unknown;
-    placement?: unknown;
     teleport?: unknown;
-    showArrow?: unknown;
 } & {
     offset: [number, number];
     overlay: boolean;
@@ -84,8 +124,8 @@ declare const _default: import("vue").DefineComponent<{
     theme: PopoverTheme;
     closeOnClickOutside: boolean;
     trigger: PopoverTrigger;
-    placement: PopoverPlacement;
     showArrow: boolean;
+    placement: PopoverPlacement;
 } & {
     iconPrefix?: string | undefined;
     duration?: string | number | undefined;
@@ -106,7 +146,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: PopoverTheme;
     closeOnClickOutside: boolean;
     trigger: PopoverTrigger;
-    placement: PopoverPlacement;
     showArrow: boolean;
+    placement: PopoverPlacement;
 }>;
 export default _default;

package/es/popover/Popover.js

@@ -2,62 +2,50 @@ import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _creat
 import { ref, watch, nextTick, onMounted, onBeforeUnmount, defineComponent } from 'vue';
 import { createPopper, offsetModifier } from '@vant/popperjs'; // Utils
 
-import { pick, extend, truthProp, unknownProp, BORDER_BOTTOM, createNamespace } from '../utils'; // Composables
+import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeStringProp, createNamespace, makeArrayProp } from '../utils'; // Composables
 
 import { useClickAway } from '@vant/use'; // Components
 
 import { Icon } from '../icon';
-import { Popup } from '../popup';
+import { Popup } from '../popup'; // Types
+
 var [name, bem] = createNamespace('popover');
 var popupProps = ['show', 'overlay', 'duration', 'teleport', 'overlayStyle', 'overlayClass', 'closeOnClickOverlay'];
+var popoverProps = {
+  show: Boolean,
+  theme: makeStringProp('light'),
+  overlay: Boolean,
+  actions: makeArrayProp(),
+  trigger: makeStringProp('click'),
+  duration: numericProp,
+  showArrow: truthProp,
+  placement: makeStringProp('bottom'),
+  iconPrefix: String,
+  overlayClass: unknownProp,
+  overlayStyle: Object,
+  closeOnClickAction: truthProp,
+  closeOnClickOverlay: truthProp,
+  closeOnClickOutside: truthProp,
+  offset: {
+    type: Array,
+    default: () => [0, 8]
+  },
+  teleport: {
+    type: [String, Object],
+    default: 'body'
+  }
+};
 export default defineComponent({
   name,
-  props: {
-    show: Boolean,
-    overlay: Boolean,
-    duration: [Number, String],
-    iconPrefix: String,
-    overlayClass: unknownProp,
-    overlayStyle: Object,
-    closeOnClickAction: truthProp,
-    closeOnClickOverlay: truthProp,
-    closeOnClickOutside: truthProp,
-    offset: {
-      type: Array,
-      default: () => [0, 8]
-    },
-    theme: {
-      type: String,
-      default: 'light'
-    },
-    trigger: {
-      type: String,
-      default: 'click'
-    },
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    placement: {
-      type: String,
-      default: 'bottom'
-    },
-    teleport: {
-      type: [String, Object],
-      default: 'body'
-    },
-    showArrow: {
-      type: Boolean,
-      default: true
-    }
-  },
+  props: popoverProps,
   emits: ['select', 'touchstart', 'update:show'],
 
-  setup(props, {
-    emit,
-    slots,
-    attrs
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots,
+      attrs
+    } = _ref;
     var popper;
     var wrapperRef = ref();
     var popoverRef = ref();
@@ -178,10 +166,9 @@ export default defineComponent({
       "position": '',
       "transition": "van-popover-zoom",
       "lockScroll": false,
-      "onTouchstart": onTouchstart
-    }, attrs, pick(props, popupProps), {
-      'onUpdate:show': updateShow
-    }), {
+      "onTouchstart": onTouchstart,
+      "onUpdate:show": updateShow
+    }, attrs, pick(props, popupProps)), {
       default: () => [props.showArrow && _createVNode("div", {
         "class": bem('arrow')
       }, null), _createVNode("div", {

package/es/popover/index.css

@@ -1 +1 @@
-: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-white);--van-popover-light-action-disabled-text-color:var(--van-gray-5);--van-popover-dark-text-color:var(--van-white);--van-popover-dark-background-color:#4a4a4a;--van-popover-dark-action-disabled-text-color:var(--van-gray-6)}.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%,100%)}.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:translate(100%,-50%)}.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:translate(-100%,-50%)}.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%,-100%)}.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-color: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-color: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)}
+: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%,100%)}.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:translate(100%,-50%)}.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:translate(-100%,-50%)}.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%,-100%)}.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/es/popover/index.d.ts

@@ -1,7 +1,27 @@
 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>;
@@ -21,34 +41,19 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<[number, number]>;
         default: () => number[];
     };
-    theme: {
-        type: import("vue").PropType<import("./Popover").PopoverTheme>;
-        default: string;
-    };
-    trigger: {
-        type: import("vue").PropType<import("./Popover").PopoverTrigger>;
-        default: string;
-    };
-    actions: {
-        type: import("vue").PropType<import("./Popover").PopoverAction[]>;
-        default: () => never[];
-    };
-    placement: {
-        type: import("vue").PropType<import("./Popover").PopoverPlacement>;
-        default: string;
-    };
     teleport: {
         type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
-    showArrow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, () => 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/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
+    theme?: unknown;
     overlay?: unknown;
+    actions?: unknown;
+    trigger?: unknown;
     duration?: unknown;
+    showArrow?: unknown;
+    placement?: unknown;
     iconPrefix?: unknown;
     overlayClass?: unknown;
     overlayStyle?: unknown;
@@ -56,25 +61,20 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
     closeOnClickOverlay?: unknown;
     closeOnClickOutside?: unknown;
     offset?: unknown;
-    theme?: unknown;
-    trigger?: unknown;
-    actions?: unknown;
-    placement?: unknown;
     teleport?: unknown;
-    showArrow?: unknown;
 } & {
     offset: [number, number];
     overlay: boolean;
     show: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     closeOnClickOverlay: boolean;
-    actions: import("./Popover").PopoverAction[];
+    actions: import("./types").PopoverAction[];
     closeOnClickAction: boolean;
-    theme: import("./Popover").PopoverTheme;
+    theme: import("./types").PopoverTheme;
     closeOnClickOutside: boolean;
-    trigger: import("./Popover").PopoverTrigger;
-    placement: import("./Popover").PopoverPlacement;
+    trigger: import("./types").PopoverTrigger;
     showArrow: boolean;
+    placement: import("./types").PopoverPlacement;
 } & {
     iconPrefix?: string | undefined;
     duration?: string | number | undefined;
@@ -90,13 +90,14 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
     show: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     closeOnClickOverlay: boolean;
-    actions: import("./Popover").PopoverAction[];
+    actions: import("./types").PopoverAction[];
     closeOnClickAction: boolean;
-    theme: import("./Popover").PopoverTheme;
+    theme: import("./types").PopoverTheme;
     closeOnClickOutside: boolean;
-    trigger: import("./Popover").PopoverTrigger;
-    placement: import("./Popover").PopoverPlacement;
+    trigger: import("./types").PopoverTrigger;
     showArrow: boolean;
+    placement: import("./types").PopoverPlacement;
 }>>;
 export default Popover;
-export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement, } from './Popover';
+export type { PopoverProps } from './Popover';
+export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement, } from './types';

package/es/popover/index.less

@@ -214,7 +214,7 @@
     color: var(--van-popover-light-text-color);
 
     .van-popover__content {
-      background-color: var(--van-popover-light-background-color);
+      background: var(--van-popover-light-background-color);
       box-shadow: 0 2px 12px rgba(50, 50, 51, 0.12);
     }
 
@@ -242,7 +242,7 @@
     color: var(--van-popover-dark-text-color);
 
     .van-popover__content {
-      background-color: var(--van-popover-dark-background-color);
+      background: var(--van-popover-dark-background-color);
     }
 
     .van-popover__arrow {

package/es/popover/types.d.ts

@@ -0,0 +1,11 @@
+export declare type PopoverTheme = 'light' | 'dark';
+export declare type PopoverTrigger = 'manual' | 'click';
+export declare type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+export declare type PopoverAction = {
+    text: string;
+    icon?: string;
+    color?: string;
+    disabled?: boolean;
+    className?: string;
+    [key: PropertyKey]: any;
+};

package/es/popover/types.js

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

package/es/popover/var.less

@@ -8,8 +8,8 @@
 @popover-action-line-height: var(--van-line-height-md);
 @popover-action-icon-size: 20px;
 @popover-light-text-color: var(--van-text-color);
-@popover-light-background-color: var(--van-white);
-@popover-light-action-disabled-text-color: var(--van-gray-5);
+@popover-light-background-color: var(--van-background-color-light);
+@popover-light-action-disabled-text-color: var(--van-text-color-3);
 @popover-dark-text-color: var(--van-white);
 @popover-dark-background-color: #4a4a4a;
-@popover-dark-action-disabled-text-color: var(--van-gray-6);
+@popover-dark-action-disabled-text-color: var(--van-text-color-2);

package/es/popup/Popup.d.ts

@@ -1,7 +1,7 @@
-import { PropType, CSSProperties } from 'vue';
+import { CSSProperties, ExtractPropTypes } from 'vue';
 export declare type PopupPosition = 'top' | 'left' | 'bottom' | 'right' | 'center' | '';
 export declare type PopupCloseIconPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-declare const _default: import("vue").DefineComponent<{
+declare const popupProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -18,9 +18,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    beforeClose: PropType<import("../utils").Interceptor>;
-    overlayStyle: PropType<CSSProperties>;
-    overlayClass: PropType<unknown>;
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
     transitionAppear: BooleanConstructor;
     closeOnClickOverlay: {
         type: BooleanConstructor;
@@ -28,23 +28,69 @@ declare const _default: import("vue").DefineComponent<{
     };
 } & {
     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;
+    };
     safeAreaInsetBottom: BooleanConstructor;
+};
+export declare 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: PropType<PopupPosition>;
-        default: string;
+        type: import("vue").PropType<PopupPosition>;
+        default: PopupPosition;
     };
     closeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    closeable: BooleanConstructor;
+    transition: StringConstructor;
+    iconPrefix: StringConstructor;
+    closeOnPopstate: BooleanConstructor;
     closeIconPosition: {
-        type: PropType<PopupCloseIconPosition>;
-        default: string;
+        type: import("vue").PropType<PopupCloseIconPosition>;
+        default: PopupCloseIconPosition;
     };
+    safeAreaInsetBottom: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
@@ -59,14 +105,14 @@ declare const _default: import("vue").DefineComponent<{
     transitionAppear?: unknown;
     closeOnClickOverlay?: unknown;
     round?: unknown;
+    position?: unknown;
+    closeIcon?: unknown;
     closeable?: unknown;
     transition?: unknown;
     iconPrefix?: unknown;
     closeOnPopstate?: unknown;
-    safeAreaInsetBottom?: unknown;
-    position?: unknown;
-    closeIcon?: unknown;
     closeIconPosition?: unknown;
+    safeAreaInsetBottom?: unknown;
 } & {
     round: boolean;
     safeAreaInsetBottom: boolean;
@@ -76,10 +122,10 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    closeable: boolean;
-    closeOnPopstate: boolean;
     position: PopupPosition;
     closeIcon: string;
+    closeable: boolean;
+    closeOnPopstate: boolean;
     closeIconPosition: PopupCloseIconPosition;
 } & {
     iconPrefix?: string | undefined;
@@ -108,10 +154,10 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    closeable: boolean;
-    closeOnPopstate: boolean;
     position: PopupPosition;
     closeIcon: string;
+    closeable: boolean;
+    closeOnPopstate: boolean;
     closeIconPosition: PopupCloseIconPosition;
 }>;
 export default _default;