vant 3.2.0 → 3.2.4

package/lib/notify/function-call.d.ts

@@ -1,26 +1,12 @@
 import { App } from 'vue';
 import { ComponentInstance } from '../utils';
-import { NotifyType } from './Notify';
-export declare type NotifyMessage = string | number;
-export declare type NotifyOptions = {
-    type?: NotifyType;
-    color?: string;
-    message?: NotifyMessage;
-    duration?: number;
-    className?: unknown;
-    background?: string;
-    lockScroll?: boolean;
-    onClick?: (event: MouseEvent) => void;
-    onClose?: () => void;
-    onOpened?: () => void;
-};
+import type { NotifyMessage, NotifyOptions } from './types';
 declare function Notify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
 declare namespace Notify {
     var clear: () => void;
     var currentOptions: NotifyOptions;
     var setDefaultOptions: (options: NotifyOptions) => void;
     var resetDefaultOptions: () => void;
-    var install: (app: App<any>) => void;
     var Component: import("../utils").WithInstall<import("vue").DefineComponent<{
         show: BooleanConstructor;
         zIndex: (NumberConstructor | StringConstructor)[];
@@ -53,7 +39,7 @@ declare namespace Notify {
         background: StringConstructor;
         lockScroll: BooleanConstructor;
         type: {
-            type: import("vue").PropType<NotifyType>;
+            type: import("vue").PropType<import("./types").NotifyType>;
             default: string;
         };
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
@@ -75,7 +61,7 @@ declare namespace Notify {
         background?: unknown;
         type?: unknown;
     } & {
-        type: NotifyType;
+        type: import("./types").NotifyType;
         overlay: boolean;
         show: boolean;
         lockScroll: boolean;
@@ -93,8 +79,8 @@ declare namespace Notify {
         overlayClass?: unknown;
         className?: unknown;
         background?: string | undefined;
-    }> & {}, {
-        type: NotifyType;
+    }>, {
+        type: import("./types").NotifyType;
         overlay: boolean;
         show: boolean;
         lockScroll: boolean;
@@ -102,5 +88,6 @@ declare namespace Notify {
         transitionAppear: boolean;
         closeOnClickOverlay: boolean;
     }>>;
+    var install: (app: App<any>) => void;
 }
 export { Notify };

package/lib/notify/function-call.js

@@ -90,9 +90,9 @@ Notify.resetDefaultOptions = () => {
   Notify.currentOptions = defaultOptions();
 };
 
+Notify.Component = (0, _utils.withInstall)(_Notify.default);
+
 Notify.install = app => {
-  app.use((0, _utils.withInstall)(_Notify.default));
+  app.use(Notify.Component);
   app.config.globalProperties.$notify = Notify;
-};
-
-Notify.Component = (0, _utils.withInstall)(_Notify.default);
+};

package/lib/notify/index.d.ts

@@ -1,5 +1,4 @@
-import { Notify, NotifyOptions } from './function-call';
-import type { NotifyType } from './Notify';
+import { Notify } from './function-call';
 export default Notify;
 export { Notify };
-export type { NotifyType, NotifyOptions };
+export type { NotifyType, NotifyOptions } from './types';

package/lib/notify/types.d.ts

@@ -0,0 +1,20 @@
+import { Notify } from './function-call';
+export declare type NotifyMessage = string | number;
+export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
+export declare type NotifyOptions = {
+    type?: NotifyType;
+    color?: string;
+    message?: NotifyMessage;
+    duration?: number;
+    className?: unknown;
+    background?: string;
+    lockScroll?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    onClose?: () => void;
+    onOpened?: () => void;
+};
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $notify: typeof Notify;
+    }
+}

package/lib/notify/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/number-keyboard/index.css

@@ -1 +1 @@
-:root{--van-number-keyboard-background-color:var(--van-gray-2);--van-number-keyboard-key-height:48px;--van-number-keyboard-key-font-size:28px;--van-number-keyboard-key-active-color:var(--van-gray-3);--van-number-keyboard-delete-font-size:var(--van-font-size-lg);--van-number-keyboard-title-color:var(--van-gray-7);--van-number-keyboard-title-height:34px;--van-number-keyboard-title-font-size:var(--van-font-size-lg);--van-number-keyboard-close-padding:0 var(--van-padding-md);--van-number-keyboard-close-color:var(--van-text-link-color);--van-number-keyboard-close-font-size:var(--van-font-size-md);--van-number-keyboard-button-text-color:var(--van-white);--van-number-keyboard-button-background-color:var(--van-primary-color);--van-number-keyboard-z-index:100}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background-color:var(--van-number-keyboard-background-color);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__close:active{opacity:var(--van-active-opacity)}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background-color:var(--van-white);border-radius:var(--van-border-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background-color:var(--van-number-keyboard-button-background-color)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}
+:root{--van-number-keyboard-background-color:var(--van-gray-2);--van-number-keyboard-key-height:48px;--van-number-keyboard-key-font-size:28px;--van-number-keyboard-key-active-color:var(--van-gray-3);--van-number-keyboard-key-background-color:var(--van-white);--van-number-keyboard-delete-font-size:var(--van-font-size-lg);--van-number-keyboard-title-color:var(--van-gray-7);--van-number-keyboard-title-height:34px;--van-number-keyboard-title-font-size:var(--van-font-size-lg);--van-number-keyboard-close-padding:0 var(--van-padding-md);--van-number-keyboard-close-color:var(--van-text-link-color);--van-number-keyboard-close-font-size:var(--van-font-size-md);--van-number-keyboard-button-text-color:var(--van-white);--van-number-keyboard-button-background-color:var(--van-primary-color);--van-number-keyboard-z-index:100}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background-color:var(--van-number-keyboard-background-color);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__close:active{opacity:var(--van-active-opacity)}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background-color:var(--van-number-keyboard-key-background-color);border-radius:var(--van-border-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background-color:var(--van-number-keyboard-button-background-color)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}

package/lib/number-keyboard/index.d.ts

@@ -1,4 +1,4 @@
-declare const NumberKeyboard: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const NumberKeyboard: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     title: StringConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -103,5 +103,4 @@ declare const NumberKeyboard: import("../utils").WithInstall<import("vue").Defin
     extraKey: string | string[];
 }>>;
 export default NumberKeyboard;
-export { NumberKeyboard };
 export type { NumberKeyboardTheme } from './NumberKeyboard';

package/lib/number-keyboard/index.js

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

package/lib/number-keyboard/index.less

@@ -5,6 +5,7 @@
   --van-number-keyboard-key-height: @number-keyboard-key-height;
   --van-number-keyboard-key-font-size: @number-keyboard-key-font-size;
   --van-number-keyboard-key-active-color: @number-keyboard-key-active-color;
+  --van-number-keyboard-key-background-color: @number-keyboard-key-background-color;
   --van-number-keyboard-delete-font-size: @number-keyboard-delete-font-size;
   --van-number-keyboard-title-color: @number-keyboard-title-color;
   --van-number-keyboard-title-height: @number-keyboard-title-height;
@@ -98,7 +99,7 @@
   height: var(--van-number-keyboard-key-height);
   font-size: var(--van-number-keyboard-key-font-size);
   line-height: 1.5;
-  background-color: var(--van-white);
+  background-color: var(--van-number-keyboard-key-background-color);
   border-radius: var(--van-border-radius-lg);
   cursor: pointer;
 

package/lib/number-keyboard/var.less

@@ -3,6 +3,7 @@
 @number-keyboard-background-color: var(--van-gray-2);
 @number-keyboard-key-height: 48px;
 @number-keyboard-key-font-size: 28px;
+@number-keyboard-key-background-color: var(--van-white);
 @number-keyboard-key-active-color: var(--van-gray-3);
 @number-keyboard-delete-font-size: var(--van-font-size-lg);
 @number-keyboard-title-color: var(--van-gray-7);

package/lib/overlay/Overlay.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     duration?: string | number | undefined;
     className?: unknown;
     customStyle?: CSSProperties | undefined;
-}> & {}, {
+}>, {
     show: boolean;
     lockScroll: boolean;
 }>;

package/lib/overlay/index.d.ts

@@ -1,4 +1,4 @@
-declare const Overlay: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Overlay: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     duration: (NumberConstructor | StringConstructor)[];
@@ -23,9 +23,8 @@ declare const Overlay: import("../utils").WithInstall<import("vue").DefineCompon
     duration?: string | number | undefined;
     className?: unknown;
     customStyle?: import("vue").CSSProperties | undefined;
-}> & {}, {
+}>, {
     show: boolean;
     lockScroll: boolean;
 }>>;
 export default Overlay;
-export { Overlay };

package/lib/overlay/index.js

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

package/lib/pagination/index.d.ts

@@ -1,4 +1,4 @@
-declare const Pagination: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Pagination: import("../utils").WithInstall<import("vue").DefineComponent<{
     prevText: StringConstructor;
     nextText: StringConstructor;
     forceEllipses: BooleanConstructor;
@@ -60,5 +60,4 @@ declare const Pagination: import("../utils").WithInstall<import("vue").DefineCom
     showPageSize: string | number;
 }>>;
 export default Pagination;
-export { Pagination };
 export type { PaginationMode } from './Pagination';

package/lib/pagination/index.js

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

package/lib/password-input/index.css

@@ -1 +1 @@
-:root{--van-password-input-height:50px;--van-password-input-margin:0 var(--van-padding-md);--van-password-input-font-size:20px;--van-password-input-border-radius:6px;--van-password-input-background-color:var(--van-white);--van-password-input-info-color:var(--van-gray-6);--van-password-input-info-font-size:var(--van-font-size-md);--van-password-input-error-info-color:var(--van-danger-color);--van-password-input-dot-size:10px;--van-password-input-dot-color:var(--van-black);--van-password-input-cursor-color:var(--van-text-color);--van-password-input-cursor-width:1px;--van-password-input-cursor-height:40%;--van-password-input-cursor-animation-duration:1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__error-info,.van-password-input__info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security::after{border-radius:var(--van-password-input-border-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:var(--van-password-input-font-size);line-height:1.2;background-color:var(--van-password-input-background-color)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background-color:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background-color:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-animation-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}
+:root{--van-password-input-height:50px;--van-password-input-margin:0 var(--van-padding-md);--van-password-input-font-size:20px;--van-password-input-border-radius:6px;--van-password-input-background-color:var(--van-white);--van-password-input-info-color:var(--van-gray-6);--van-password-input-info-font-size:var(--van-font-size-md);--van-password-input-error-info-color:var(--van-danger-color);--van-password-input-dot-size:10px;--van-password-input-dot-color:var(--van-black);--van-password-input-text-color:var(--van-text-color);--van-password-input-cursor-color:var(--van-text-color);--van-password-input-cursor-width:1px;--van-password-input-cursor-height:40%;--van-password-input-cursor-animation-duration:1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__error-info,.van-password-input__info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security::after{border-radius:var(--van-password-input-border-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--van-password-input-text-color);font-size:var(--van-password-input-font-size);line-height:1.2;background-color:var(--van-password-input-background-color)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background-color:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background-color:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-animation-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}

package/lib/password-input/index.d.ts

@@ -1,4 +1,4 @@
-declare const PasswordInput: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const PasswordInput: import("../utils").WithInstall<import("vue").DefineComponent<{
     info: StringConstructor;
     mask: {
         type: BooleanConstructor;
@@ -41,4 +41,3 @@ declare const PasswordInput: import("../utils").WithInstall<import("vue").Define
     focused: boolean;
 }>>;
 export default PasswordInput;
-export { PasswordInput };

package/lib/password-input/index.js

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

package/lib/password-input/index.less

@@ -11,6 +11,7 @@
   --van-password-input-error-info-color: @password-input-error-info-color;
   --van-password-input-dot-size: @password-input-dot-size;
   --van-password-input-dot-color: @password-input-dot-color;
+  --van-password-input-text-color: @password-input-text-color;
   --van-password-input-cursor-color: @password-input-cursor-color;
   --van-password-input-cursor-width: @password-input-cursor-width;
   --van-password-input-cursor-height: @password-input-cursor-height;
@@ -54,6 +55,7 @@
       align-items: center;
       justify-content: center;
       height: 100%;
+      color: var(--van-password-input-text-color);
       font-size: var(--van-password-input-font-size);
       line-height: 1.2;
       background-color: var(--van-password-input-background-color);

package/lib/password-input/var.less

@@ -10,6 +10,7 @@
 @password-input-error-info-color: var(--van-danger-color);
 @password-input-dot-size: 10px;
 @password-input-dot-color: var(--van-black);
+@password-input-text-color: var(--van-text-color);
 @password-input-cursor-color: var(--van-text-color);
 @password-input-cursor-width: 1px;
 @password-input-cursor-height: 40%;

package/lib/picker/Picker.d.ts

@@ -63,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PickerToolbarPosition>;
         default: string;
     };
-}, () => 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<{
+}, () => 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;
@@ -82,12 +82,12 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     readonly: boolean;
     loading: boolean;
+    defaultIndex: string | number;
     allowHtml: boolean;
     showToolbar: boolean;
     itemHeight: string | number;
     visibleItemCount: string | number;
     swipeDuration: string | number;
-    defaultIndex: string | number;
     columns: PickerOption[] | PickerColumn[];
     toolbarPosition: PickerToolbarPosition;
 } & {
@@ -103,12 +103,12 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     readonly: boolean;
     loading: boolean;
+    defaultIndex: string | number;
     allowHtml: boolean;
     showToolbar: boolean;
     itemHeight: string | number;
     visibleItemCount: string | number;
     swipeDuration: string | number;
-    defaultIndex: string | number;
     columns: PickerOption[] | PickerColumn[];
     toolbarPosition: PickerToolbarPosition;
 }>;

package/lib/picker/PickerColumn.d.ts

@@ -41,12 +41,12 @@ declare const _default: import("vue").DefineComponent<{
     initialOptions?: unknown;
 } & {
     readonly: boolean;
+    defaultIndex: number;
     allowHtml: boolean;
     itemHeight: number;
     visibleItemCount: string | number;
     swipeDuration: string | number;
     textKey: string;
-    defaultIndex: number;
     initialOptions: PickerOption[];
 } & {
     className?: unknown;
@@ -54,8 +54,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/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(.23,1,.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-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)}

package/lib/picker/index.d.ts

@@ -1,4 +1,5 @@
-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;
@@ -36,7 +37,7 @@ declare const Picker: import("../utils").WithInstall<import("vue").DefineCompone
         type: import("vue").PropType<import("./types").PickerToolbarPosition>;
         default: string;
     };
-}, () => 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<{
+}, () => 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;
@@ -55,12 +56,12 @@ 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;
     swipeDuration: string | number;
-    defaultIndex: string | number;
     columns: import("./types").PickerOption[] | import("./types").PickerColumn[];
     toolbarPosition: import("./types").PickerToolbarPosition;
 } & {
@@ -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;
     swipeDuration: string | number;
-    defaultIndex: 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

@@ -22,15 +22,15 @@ export declare type PickerObjectColumn = {
 export declare type PickerColumn = PickerOption[] | PickerObjectColumn;
 export declare type PickerExpose = {
     confirm: () => void;
-    getValues: () => PickerOption[];
+    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: (index: number) => PickerOption;
+    getColumnValue: <T = PickerOption>(index: number) => T;
     setColumnValue: (index: number, value: string) => void;
-    getColumnValues: (index: number) => PickerOption[];
+    getColumnValues: <T = PickerOption>(index: number) => T[];
     setColumnValues: (index: number, options: PickerOption[]) => void;
 };
 export declare type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;

package/lib/popover/Popover.d.ts

@@ -8,6 +8,7 @@ export declare type PopoverAction = {
     color?: string;
     disabled?: boolean;
     className?: string;
+    [key: PropertyKey]: any;
 };
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
@@ -52,6 +53,10 @@ declare const _default: import("vue").DefineComponent<{
         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;
     overlay?: unknown;
@@ -68,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     actions?: unknown;
     placement?: unknown;
     teleport?: unknown;
+    showArrow?: unknown;
 } & {
     offset: [number, number];
     overlay: boolean;
@@ -80,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOutside: boolean;
     trigger: PopoverTrigger;
     placement: PopoverPlacement;
+    showArrow: boolean;
 } & {
     iconPrefix?: string | undefined;
     duration?: string | number | undefined;
@@ -101,5 +108,6 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOutside: boolean;
     trigger: PopoverTrigger;
     placement: PopoverPlacement;
+    showArrow: boolean;
 }>;
 export default _default;

package/lib/popover/Popover.js

@@ -56,6 +56,10 @@ var _default = (0, _vue.defineComponent)({
     teleport: {
       type: [String, Object],
       default: 'body'
+    },
+    showArrow: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ['select', 'touchstart', 'update:show'],
@@ -69,20 +73,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 +193,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,4 +1,4 @@
-declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     overlay: BooleanConstructor;
     duration: (NumberConstructor | StringConstructor)[];
@@ -41,6 +41,10 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
         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;
     overlay?: unknown;
@@ -57,6 +61,7 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
     actions?: unknown;
     placement?: unknown;
     teleport?: unknown;
+    showArrow?: unknown;
 } & {
     offset: [number, number];
     overlay: boolean;
@@ -69,6 +74,7 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
     closeOnClickOutside: boolean;
     trigger: import("./Popover").PopoverTrigger;
     placement: import("./Popover").PopoverPlacement;
+    showArrow: boolean;
 } & {
     iconPrefix?: string | undefined;
     duration?: string | number | undefined;
@@ -90,7 +96,7 @@ declare const Popover: import("../utils").WithInstall<import("vue").DefineCompon
     closeOnClickOutside: boolean;
     trigger: import("./Popover").PopoverTrigger;
     placement: import("./Popover").PopoverPlacement;
+    showArrow: boolean;
 }>>;
 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");
 

package/lib/popup/Popup.js

@@ -89,17 +89,17 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
-    var triggerClose = () => {
-      opened = false;
-      emit('close');
-      emit('update:show', false);
-    };
-
     var close = () => {
       if (opened) {
         (0, _utils.callInterceptor)({
           interceptor: props.beforeClose,
-          done: triggerClose
+
+          done() {
+            opened = false;
+            emit('close');
+            emit('update:show', false);
+          }
+
         });
       }
     };
@@ -191,7 +191,8 @@ var _default = (0, _vue.defineComponent)({
       if (value) {
         open();
       } else {
-        close();
+        opened = false;
+        emit('close');
       }
     });
     (0, _useExpose.useExpose)({