vant 3.2.3 → 3.2.7

package/lib/picker/PickerColumn.js

@@ -26,8 +26,9 @@ var MOMENTUM_LIMIT_DISTANCE = 15;
 var [name, bem] = (0, _utils.createNamespace)('picker-column');
 
 function getElementTranslateY(element) {
-  var style = window.getComputedStyle(element);
-  var transform = style.transform || style.webkitTransform;
+  var {
+    transform
+  } = window.getComputedStyle(element);
   var translateY = transform.slice(7, transform.length - 1).split(', ')[5];
   return Number(translateY);
 }
@@ -35,47 +36,28 @@ function getElementTranslateY(element) {
 var PICKER_KEY = Symbol(name);
 exports.PICKER_KEY = PICKER_KEY;
 
-function isOptionDisabled(option) {
-  return (0, _utils.isObject)(option) && option.disabled;
-}
+var isOptionDisabled = option => (0, _utils.isObject)(option) && option.disabled;
 
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
+    textKey: (0, _utils.makeRequiredProp)(String),
     readonly: Boolean,
     allowHtml: Boolean,
     className: _utils.unknownProp,
-    textKey: {
-      type: String,
-      required: true
-    },
-    itemHeight: {
-      type: Number,
-      required: true
-    },
-    swipeDuration: {
-      type: [Number, String],
-      required: true
-    },
-    visibleItemCount: {
-      type: [Number, String],
-      required: true
-    },
-    defaultIndex: {
-      type: Number,
-      default: 0
-    },
-    initialOptions: {
-      type: Array,
-      default: () => []
-    }
+    itemHeight: (0, _utils.makeRequiredProp)(Number),
+    defaultIndex: (0, _utils.makeNumberProp)(0),
+    swipeDuration: (0, _utils.makeRequiredProp)(_utils.numericProp),
+    initialOptions: (0, _utils.makeArrayProp)(),
+    visibleItemCount: (0, _utils.makeRequiredProp)(_utils.numericProp)
   },
   emits: ['change'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var moving;
     var startOffset;
     var touchStartTime;
@@ -291,28 +273,23 @@ var _default = (0, _vue.defineComponent)({
       stopMomentum
     });
     (0, _vue.watch)(() => props.initialOptions, setOptions);
-    (0, _vue.watch)(() => props.defaultIndex, value => {
-      setIndex(value);
-    });
-    return () => {
-      var wrapperStyle = {
+    (0, _vue.watch)(() => props.defaultIndex, value => setIndex(value));
+    return () => (0, _vue.createVNode)("div", {
+      "class": [bem(), props.className],
+      "onTouchstart": onTouchStart,
+      "onTouchmove": onTouchMove,
+      "onTouchend": onTouchEnd,
+      "onTouchcancel": onTouchEnd
+    }, [(0, _vue.createVNode)("ul", {
+      "ref": wrapper,
+      "style": {
         transform: "translate3d(0, " + (state.offset + baseOffset()) + "px, 0)",
         transitionDuration: state.duration + "ms",
         transitionProperty: state.duration ? 'all' : 'none'
-      };
-      return (0, _vue.createVNode)("div", {
-        "class": [bem(), props.className],
-        "onTouchstart": onTouchStart,
-        "onTouchmove": onTouchMove,
-        "onTouchend": onTouchEnd,
-        "onTouchcancel": onTouchEnd
-      }, [(0, _vue.createVNode)("ul", {
-        "ref": wrapper,
-        "style": wrapperStyle,
-        "class": bem('wrapper'),
-        "onTransitionend": stopMomentum
-      }, [renderOptions()])]);
-    };
+      },
+      "class": bem('wrapper'),
+      "onTransitionend": stopMomentum
+    }, [renderOptions()])]);
   }
 
 });

package/lib/picker/index.css

@@ -1 +1 @@
-:root{--van-picker-background-color:var(--van-white);--van-picker-toolbar-height:44px;--van-picker-title-font-size:var(--van-font-size-lg);--van-picker-title-line-height:var(--van-line-height-md);--van-picker-action-padding:0 var(--van-padding-md);--van-picker-action-font-size:var(--van-font-size-md);--van-picker-confirm-action-color:var(--van-text-link-color);--van-picker-cancel-action-color:var(--van-gray-6);--van-picker-option-font-size:var(--van-font-size-lg);--van-picker-option-padding:0 var(--van-padding-base);--van-picker-option-text-color:var(--van-black);--van-picker-option-disabled-opacity:0.3;--van-picker-loading-icon-color:var(--van-primary-color);--van-picker-loading-mask-color:rgba(255, 255, 255, 0.9)}.van-picker{position:relative;background-color:var(--van-picker-background-color);-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--van-picker-toolbar-height)}.van-picker__cancel,.van-picker__confirm{height:100%;padding:var(--van-picker-action-padding);font-size:var(--van-picker-action-font-size);background-color:transparent;border:none;cursor:pointer}.van-picker__cancel:active,.van-picker__confirm:active{opacity:var(--van-active-opacity)}.van-picker__confirm{color:var(--van-picker-confirm-action-color)}.van-picker__cancel{color:var(--van-picker-cancel-action-color)}.van-picker__title{max-width:50%;font-weight:var(--van-font-weight-bold);font-size:var(--van-picker-title-font-size);line-height:var(--van-picker-title-line-height);text-align:center}.van-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--van-picker-loading-icon-color);background-color:var(--van-picker-loading-mask-color)}.van-picker__frame{position:absolute;top:50%;right:var(--van-padding-md);left:var(--van-padding-md);z-index:2;transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.van-picker-column{flex:1;overflow:hidden;font-size:var(--van-picker-option-font-size)}.van-picker-column__wrapper{transition-timing-function:cubic-bezier(0.23,1,0.68,1)}.van-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--van-picker-option-padding);color:var(--van-picker-option-text-color)}.van-picker-column__item--disabled{cursor:not-allowed;opacity:var(--van-picker-option-disabled-opacity)}
+:root{--van-picker-background-color:var(--van-background-color-light);--van-picker-toolbar-height:44px;--van-picker-title-font-size:var(--van-font-size-lg);--van-picker-title-line-height:var(--van-line-height-md);--van-picker-action-padding:0 var(--van-padding-md);--van-picker-action-font-size:var(--van-font-size-md);--van-picker-confirm-action-color:var(--van-text-link-color);--van-picker-cancel-action-color:var(--van-text-color-2);--van-picker-option-font-size:var(--van-font-size-lg);--van-picker-option-padding:0 var(--van-padding-base);--van-picker-option-text-color:var(--van-text-color);--van-picker-option-disabled-opacity:0.3;--van-picker-loading-icon-color:var(--van-primary-color);--van-picker-loading-mask-color:rgba(255, 255, 255, 0.9);--van-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))}.van-picker{position:relative;background:var(--van-picker-background-color);-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--van-picker-toolbar-height)}.van-picker__cancel,.van-picker__confirm{height:100%;padding:var(--van-picker-action-padding);font-size:var(--van-picker-action-font-size);background-color:transparent;border:none;cursor:pointer}.van-picker__confirm{color:var(--van-picker-confirm-action-color)}.van-picker__cancel{color:var(--van-picker-cancel-action-color)}.van-picker__title{max-width:50%;font-weight:var(--van-font-weight-bold);font-size:var(--van-picker-title-font-size);line-height:var(--van-picker-title-line-height);text-align:center}.van-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--van-picker-loading-icon-color);background:var(--van-picker-loading-mask-color)}.van-picker__frame{position:absolute;top:50%;right:var(--van-padding-md);left:var(--van-padding-md);z-index:2;transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--van-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.van-picker-column{flex:1;overflow:hidden;font-size:var(--van-picker-option-font-size)}.van-picker-column__wrapper{transition-timing-function:cubic-bezier(0.23,1,0.68,1)}.van-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--van-picker-option-padding);color:var(--van-picker-option-text-color)}.van-picker-column__item--disabled{cursor:not-allowed;opacity:var(--van-picker-option-disabled-opacity)}

package/lib/picker/index.d.ts

@@ -1,15 +1,18 @@
+import { PickerProps } from './Picker';
 export declare const Picker: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     showToolbar: {
         type: BooleanConstructor;
         default: true;
     };
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-    itemHeight: {
+    swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -17,51 +20,49 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
-    valueKey: StringConstructor;
-    columnsFieldNames: import("vue").PropType<import("./types").PickerFieldNames>;
     columns: {
-        type: import("vue").PropType<import("./types").PickerOption[] | import("./types").PickerColumn[]>;
+        type: import("vue").PropType<(import("./types").PickerOption | import("./types").PickerColumn)[]>;
         default: () => never[];
     };
+    valueKey: StringConstructor;
     defaultIndex: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     toolbarPosition: {
         type: import("vue").PropType<import("./types").PickerToolbarPosition>;
-        default: string;
+        default: import("./types").PickerToolbarPosition;
     };
+    columnsFieldNames: import("vue").PropType<import("./types").PickerFieldNames>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
     loading?: unknown;
     readonly?: unknown;
     allowHtml?: unknown;
+    itemHeight?: unknown;
     showToolbar?: unknown;
+    swipeDuration?: unknown;
+    visibleItemCount?: unknown;
     cancelButtonText?: unknown;
     confirmButtonText?: unknown;
-    itemHeight?: unknown;
-    visibleItemCount?: unknown;
-    swipeDuration?: unknown;
-    valueKey?: unknown;
-    columnsFieldNames?: unknown;
     columns?: unknown;
+    valueKey?: unknown;
     defaultIndex?: unknown;
     toolbarPosition?: unknown;
+    columnsFieldNames?: unknown;
 } & {
     readonly: boolean;
     loading: boolean;
     defaultIndex: string | number;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    columns: import("./types").PickerOption[] | import("./types").PickerColumn[];
+    visibleItemCount: string | number;
+    columns: (import("./types").PickerOption | import("./types").PickerColumn)[];
     toolbarPosition: import("./types").PickerToolbarPosition;
 } & {
     title?: string | undefined;
@@ -78,12 +79,13 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
     loading: boolean;
     defaultIndex: string | number;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    columns: import("./types").PickerOption[] | import("./types").PickerColumn[];
+    visibleItemCount: string | number;
+    columns: (import("./types").PickerOption | import("./types").PickerColumn)[];
     toolbarPosition: import("./types").PickerToolbarPosition;
 }>>;
 export default Picker;
+export type { PickerProps };
 export type { PickerColumn, PickerOption, PickerInstance, PickerFieldNames, PickerObjectColumn, PickerObjectOption, PickerToolbarPosition, } from './types';

package/lib/picker/index.less

@@ -15,11 +15,12 @@
   --van-picker-option-disabled-opacity: @picker-option-disabled-opacity;
   --van-picker-loading-icon-color: @picker-loading-icon-color;
   --van-picker-loading-mask-color: @picker-loading-mask-color;
+  --van-picker-mask-color: @picker-mask-color;
 }
 
 .van-picker {
   position: relative;
-  background-color: var(--van-picker-background-color);
+  background: var(--van-picker-background-color);
   user-select: none;
 
   &__toolbar {
@@ -37,10 +38,6 @@
     background-color: transparent;
     border: none;
     cursor: pointer;
-
-    &:active {
-      opacity: var(--van-active-opacity);
-    }
   }
 
   &__confirm {
@@ -76,7 +73,7 @@
     align-items: center;
     justify-content: center;
     color: var(--van-picker-loading-icon-color);
-    background-color: var(--van-picker-loading-mask-color);
+    background: var(--van-picker-loading-mask-color);
   }
 
   &__frame {
@@ -96,12 +93,7 @@
     z-index: 1;
     width: 100%;
     height: 100%;
-    background-image: linear-gradient(
-        180deg,
-        hsla(0, 0%, 100%, 0.9),
-        hsla(0, 0%, 100%, 0.4)
-      ),
-      linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
+    background-image: var(--van-picker-mask-color);
     background-repeat: no-repeat;
     background-position: top, bottom;
     // fix rendering failure during animation on safari

package/lib/picker/types.d.ts

@@ -9,7 +9,7 @@ export declare type PickerFieldNames = {
 export declare type PickerObjectOption = {
     text?: string | number;
     disabled?: boolean;
-    [key: string]: any;
+    [key: PropertyKey]: any;
 };
 export declare type PickerOption = string | number | PickerObjectOption;
 export declare type PickerObjectColumn = {
@@ -17,7 +17,7 @@ export declare type PickerObjectColumn = {
     children?: PickerColumn;
     className?: unknown;
     defaultIndex?: number;
-    [key: string]: any;
+    [key: PropertyKey]: any;
 };
 export declare type PickerColumn = PickerOption[] | PickerObjectColumn;
 export declare type PickerExpose = {

package/lib/picker/var.less

@@ -1,16 +1,22 @@
 @import '../style/var.less';
 
-@picker-background-color: var(--van-white);
+@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-gray-6);
+@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-black);
+@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,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/lib/popover/Popover.js

@@ -20,55 +20,42 @@ var _popup = require("../popup");
 // Components
 var [name, bem] = (0, _utils.createNamespace)('popover');
 var popupProps = ['show', 'overlay', 'duration', 'teleport', 'overlayStyle', 'overlayClass', 'closeOnClickOverlay'];
+var popoverProps = {
+  show: Boolean,
+  theme: (0, _utils.makeStringProp)('light'),
+  overlay: Boolean,
+  actions: (0, _utils.makeArrayProp)(),
+  trigger: (0, _utils.makeStringProp)('click'),
+  duration: _utils.numericProp,
+  showArrow: _utils.truthProp,
+  placement: (0, _utils.makeStringProp)('bottom'),
+  iconPrefix: String,
+  overlayClass: _utils.unknownProp,
+  overlayStyle: Object,
+  closeOnClickAction: _utils.truthProp,
+  closeOnClickOverlay: _utils.truthProp,
+  closeOnClickOutside: _utils.truthProp,
+  offset: {
+    type: Array,
+    default: () => [0, 8]
+  },
+  teleport: {
+    type: [String, Object],
+    default: 'body'
+  }
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    show: Boolean,
-    overlay: Boolean,
-    duration: [Number, String],
-    iconPrefix: String,
-    overlayClass: _utils.unknownProp,
-    overlayStyle: Object,
-    closeOnClickAction: _utils.truthProp,
-    closeOnClickOverlay: _utils.truthProp,
-    closeOnClickOutside: _utils.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 = (0, _vue.ref)();
     var popoverRef = (0, _vue.ref)();
@@ -189,10 +176,9 @@ var _default = (0, _vue.defineComponent)({
       "position": '',
       "transition": "van-popover-zoom",
       "lockScroll": false,
-      "onTouchstart": onTouchstart
-    }, attrs, (0, _utils.pick)(props, popupProps), {
-      'onUpdate:show': updateShow
-    }), {
+      "onTouchstart": onTouchstart,
+      "onUpdate:show": updateShow
+    }, attrs, (0, _utils.pick)(props, popupProps)), {
       default: () => [props.showArrow && (0, _vue.createVNode)("div", {
         "class": bem('arrow')
       }, null), (0, _vue.createVNode)("div", {

package/lib/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)}