vant 3.2.1 → 3.2.5

package/lib/picker/PickerColumn.d.ts

@@ -1,52 +1,51 @@
-import { PropType } from 'vue';
 import type { PickerOption } from './types';
 export declare const PICKER_KEY: unique symbol;
 declare const _default: import("vue").DefineComponent<{
-    readonly: BooleanConstructor;
-    allowHtml: BooleanConstructor;
-    className: PropType<unknown>;
     textKey: {
         type: StringConstructor;
         required: true;
     };
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    className: import("vue").PropType<unknown>;
     itemHeight: {
         type: NumberConstructor;
         required: true;
     };
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
     swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
+    initialOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => never[];
+    };
     visibleItemCount: {
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-    defaultIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    initialOptions: {
-        type: PropType<PickerOption[]>;
-        default: () => never[];
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    textKey?: unknown;
     readonly?: unknown;
     allowHtml?: unknown;
     className?: unknown;
-    textKey?: unknown;
     itemHeight?: unknown;
-    swipeDuration?: unknown;
-    visibleItemCount?: unknown;
     defaultIndex?: unknown;
+    swipeDuration?: unknown;
     initialOptions?: unknown;
+    visibleItemCount?: unknown;
 } & {
     readonly: boolean;
+    defaultIndex: number;
     allowHtml: boolean;
     itemHeight: number;
-    visibleItemCount: string | number;
     swipeDuration: string | number;
+    visibleItemCount: string | number;
     textKey: string;
-    defaultIndex: number;
     initialOptions: PickerOption[];
 } & {
     className?: unknown;
@@ -54,8 +53,8 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
-    allowHtml: boolean;
     defaultIndex: number;
+    allowHtml: boolean;
     initialOptions: PickerOption[];
 }>;
 export default _default;

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,40 +36,20 @@ 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'],
 
@@ -291,28 +272,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.d.ts

@@ -1,15 +1,18 @@
-declare const Picker: import("../utils").WithInstall<import("vue").DefineComponent<{
+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 @@ declare const Picker: import("../utils").WithInstall<import("vue").DefineCompone
         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;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm")[], "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    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;
-    defaultIndex: 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;
@@ -76,15 +77,15 @@ declare const Picker: import("../utils").WithInstall<import("vue").DefineCompone
 }, {
     readonly: boolean;
     loading: boolean;
+    defaultIndex: string | number;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    defaultIndex: 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 { Picker };
+export type { PickerProps };
 export type { PickerColumn, PickerOption, PickerInstance, PickerFieldNames, PickerObjectColumn, PickerObjectOption, PickerToolbarPosition, } from './types';

package/lib/picker/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Picker = exports.default = void 0;
+exports.default = exports.Picker = void 0;
 
 var _utils = require("../utils");
 

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/popover/Popover.d.ts

@@ -8,11 +8,32 @@ export declare type PopoverAction = {
     color?: string;
     disabled?: boolean;
     className?: string;
+    [key: PropertyKey]: any;
 };
 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: PopoverPlacement;
+    };
     iconPrefix: StringConstructor;
     overlayClass: PropType<unknown>;
     overlayStyle: PropType<CSSProperties>;
@@ -32,30 +53,19 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<[number, number]>;
         default: () => number[];
     };
-    theme: {
-        type: PropType<PopoverTheme>;
-        default: string;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-        default: string;
-    };
-    actions: {
-        type: PropType<PopoverAction[]>;
-        default: () => never[];
-    };
-    placement: {
-        type: PropType<PopoverPlacement>;
-        default: string;
-    };
     teleport: {
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/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;
@@ -63,10 +73,6 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOverlay?: unknown;
     closeOnClickOutside?: unknown;
     offset?: unknown;
-    theme?: unknown;
-    trigger?: unknown;
-    actions?: unknown;
-    placement?: unknown;
     teleport?: unknown;
 } & {
     offset: [number, number];
@@ -79,6 +85,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: PopoverTheme;
     closeOnClickOutside: boolean;
     trigger: PopoverTrigger;
+    showArrow: boolean;
     placement: PopoverPlacement;
 } & {
     iconPrefix?: string | undefined;
@@ -100,6 +107,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: PopoverTheme;
     closeOnClickOutside: boolean;
     trigger: PopoverTrigger;
+    showArrow: boolean;
     placement: PopoverPlacement;
 }>;
 export default _default;

package/lib/popover/Popover.js

@@ -25,8 +25,13 @@ var _default = (0, _vue.defineComponent)({
   name,
   props: {
     show: Boolean,
+    theme: (0, _utils.makeStringProp)('light'),
     overlay: Boolean,
-    duration: [Number, String],
+    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,
@@ -37,22 +42,6 @@ var _default = (0, _vue.defineComponent)({
       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'
@@ -69,20 +58,26 @@ var _default = (0, _vue.defineComponent)({
     var wrapperRef = (0, _vue.ref)();
     var popoverRef = (0, _vue.ref)();
 
-    var createPopperInstance = () => (0, _popperjs.createPopper)(wrapperRef.value, popoverRef.value.popupRef.value, {
-      placement: props.placement,
-      modifiers: [{
-        name: 'computeStyles',
-        options: {
-          adaptive: false,
-          gpuAcceleration: false
-        }
-      }, (0, _utils.extend)({}, _popperjs.offsetModifier, {
-        options: {
-          offset: props.offset
-        }
-      })]
-    });
+    var createPopperInstance = () => {
+      if (wrapperRef.value && popoverRef.value) {
+        return (0, _popperjs.createPopper)(wrapperRef.value, popoverRef.value.popupRef.value, {
+          placement: props.placement,
+          modifiers: [{
+            name: 'computeStyles',
+            options: {
+              adaptive: false,
+              gpuAcceleration: false
+            }
+          }, (0, _utils.extend)({}, _popperjs.offsetModifier, {
+            options: {
+              offset: props.offset
+            }
+          })]
+        });
+      }
+
+      return null;
+    };
 
     var updateLocation = () => {
       (0, _vue.nextTick)(() => {
@@ -183,7 +178,7 @@ var _default = (0, _vue.defineComponent)({
     }, attrs, (0, _utils.pick)(props, popupProps), {
       'onUpdate:show': updateShow
     }), {
-      default: () => [(0, _vue.createVNode)("div", {
+      default: () => [props.showArrow && (0, _vue.createVNode)("div", {
         "class": bem('arrow')
       }, null), (0, _vue.createVNode)("div", {
         "role": "menu",

package/lib/popover/index.d.ts

@@ -1,7 +1,27 @@
-declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
+    theme: {
+        type: import("vue").PropType<import("./Popover").PopoverTheme>;
+        default: import("./Popover").PopoverTheme;
+    };
     overlay: BooleanConstructor;
+    actions: {
+        type: import("vue").PropType<import("./Popover").PopoverAction[]>;
+        default: () => never[];
+    };
+    trigger: {
+        type: import("vue").PropType<import("./Popover").PopoverTrigger>;
+        default: import("./Popover").PopoverTrigger;
+    };
     duration: (NumberConstructor | StringConstructor)[];
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    placement: {
+        type: import("vue").PropType<import("./Popover").PopoverPlacement>;
+        default: import("./Popover").PopoverPlacement;
+    };
     iconPrefix: StringConstructor;
     overlayClass: import("vue").PropType<unknown>;
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
@@ -21,30 +41,19 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
         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;
     };
 }, () => 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;
@@ -52,10 +61,6 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
     closeOnClickOverlay?: unknown;
     closeOnClickOutside?: unknown;
     offset?: unknown;
-    theme?: unknown;
-    trigger?: unknown;
-    actions?: unknown;
-    placement?: unknown;
     teleport?: unknown;
 } & {
     offset: [number, number];
@@ -68,6 +73,7 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
     theme: import("./Popover").PopoverTheme;
     closeOnClickOutside: boolean;
     trigger: import("./Popover").PopoverTrigger;
+    showArrow: boolean;
     placement: import("./Popover").PopoverPlacement;
 } & {
     iconPrefix?: string | undefined;
@@ -89,8 +95,8 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
     theme: import("./Popover").PopoverTheme;
     closeOnClickOutside: boolean;
     trigger: import("./Popover").PopoverTrigger;
+    showArrow: boolean;
     placement: import("./Popover").PopoverPlacement;
 }>>;
 export default Popover;
-export { Popover };
 export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverPlacement, } from './Popover';

package/lib/popover/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Popover = exports.default = void 0;
+exports.default = exports.Popover = void 0;
 
 var _utils = require("../utils");