zartui 3.1.23-beta.2 → 3.1.23-beta.3

package/es/notify/function-call.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { extend, isObject, inBrowser } from "../utils/index.mjs";
 import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
 import ZtNotify from "./Notify.mjs";

package/es/notify/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Notify: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Notify: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -37,7 +37,7 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
     className: import("vue").PropType<unknown>;
     background: StringConstructor;
     lockScroll: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -76,9 +76,9 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
     className: import("vue").PropType<unknown>;
     background: StringConstructor;
     lockScroll: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: import("./types").NotifyType;
     position: import("./types").NotifyPosition;
     overlay: boolean;
@@ -87,7 +87,7 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Notify;
 export { showNotify, closeNotify, setNotifyDefaultOptions, resetNotifyDefaultOptions, } from './function-call';
 export type { NotifyProps } from './Notify';

package/es/number-keyboard/NumberKeyboard.d.ts

@@ -47,7 +47,7 @@ declare const numberKeyboardProps: {
     };
 };
 export type NumberKeyboardProps = ExtractPropTypes<typeof numberKeyboardProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | string[]>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "delete" | "hide" | "show" | "blur" | "update:modelValue" | "close")[], "input" | "delete" | "hide" | "show" | "blur" | "update:modelValue" | "close", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "delete" | "hide" | "show" | "blur" | "update:modelValue" | "close")[], "input" | "delete" | "hide" | "show" | "blur" | "update:modelValue" | "close", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {
@@ -137,15 +137,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | string[]>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onBlur?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     theme: NumberKeyboardTheme;
     show: boolean;
     maxlength: string | number;
@@ -158,5 +158,5 @@ declare const _default: import("vue").DefineComponent<{
     closeButtonLoading: boolean;
     hideOnClickOutside: boolean;
     extraKey: string | string[];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/number-keyboard/NumberKeyboard.mjs

@@ -1,5 +1,4 @@
-import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-import { ref, watch, computed, Teleport, Transition, defineComponent } from "vue";
+import { ref, watch, computed, Teleport, Transition, defineComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
 import { truthProp, numericProp, getZIndexStyle, makeStringProp, makeNumericProp, stopPropagation, createNamespace } from "../utils/index.mjs";
 import { useClickAway } from "@zartui/use";
 import NumberKeyboardKey from "./NumberKeyboardKey.mjs";

package/es/number-keyboard/NumberKeyboardKey.d.ts

@@ -1,24 +1,24 @@
 import { type PropType } from 'vue';
 export type KeyType = '' | 'delete' | 'extra' | 'close';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: PropType<KeyType>;
     text: (NumberConstructor | StringConstructor)[];
     color: StringConstructor;
     wider: BooleanConstructor;
     large: BooleanConstructor;
     loading: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "press"[], "press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "press"[], "press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: PropType<KeyType>;
     text: (NumberConstructor | StringConstructor)[];
     color: StringConstructor;
     wider: BooleanConstructor;
     large: BooleanConstructor;
     loading: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onPress?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     large: boolean;
     loading: boolean;
     wider: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/number-keyboard/NumberKeyboardKey.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, defineComponent } from "vue";
+import { ref, defineComponent, createVNode as _createVNode } from "vue";
 import { numericProp, createNamespace, preventDefault } from "../utils/index.mjs";
 import { useTouch } from "../composables/use-touch.mjs";
 import { Loading } from "../loading/index.mjs";

package/es/number-keyboard/index.css

@@ -1 +1 @@
-:root{--zt-number-keyboard-background: var(--zt-background-2);--zt-number-keyboard-key-background: var(--zt-background-card);--zt-number-keyboard-title-color: var(--zt-gray-a6);--zt-number-keyboard-button-text-color: var(--zt-white);--zt-number-keyboard-button-background: var(--zt-primary-color);--zt-number-keyboard-z-index: 100;--zt-number-keyboard-key-spacing: 0 8px 8px 0;--zt-number-keyboard-radius: 16px 16px 0 0;--zt-number-keyboard-key-font-size: 24px;--zt-number-keyboard-header-height: 34px;--zt-number-keyboard-button-height: 28px;--zt-number-keyboard-key-height: 44px}:root[zt-theme-size=large]{--zt-number-keyboard-key-font-size: 30px;--zt-number-keyboard-header-height: 46px;--zt-number-keyboard-button-height: 40px;--zt-number-keyboard-key-height: 56px}.zt-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--zt-number-keyboard-z-index);width:100%;padding-bottom:8px;background:var(--zt-number-keyboard-background);-webkit-user-select:none;user-select:none;border-radius:var(--zt-number-keyboard-radius);box-sizing:border-box}.zt-number-keyboard--with-title{border-radius:20px 20px 0 0}.zt-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--zt-number-keyboard-header-height);padding-top:2px;color:var(--zt-number-keyboard-title-color);font-size:var(--zt-font-size-md);line-height:var(--zt-number-keyboard-header-height)}.zt-number-keyboard__title{display:inline-block}.zt-number-keyboard__title-left{position:absolute;left:0}.zt-number-keyboard__body{display:flex;padding:2px 8px 0 16px}.zt-number-keyboard__body-no-title{padding-top:16px}.zt-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.zt-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.zt-number-keyboard--unfit{padding-bottom:0}.zt-key{display:flex;align-items:center;justify-content:center;height:var(--zt-number-keyboard-key-height);font-size:var(--zt-number-keyboard-key-font-size);line-height:var(--zt-number-keyboard-key-height);background:var(--zt-number-keyboard-key-background);border-radius:var(--zt-radius-md);cursor:pointer;color:var(--zt-text-color)}.zt-key--large{position:absolute;top:0;right:6px;bottom:8px;left:0;height:auto}.zt-key--blue,.zt-key--delete{font-size:var(--zt-font-size-xxl)}.zt-key--active{opacity:var(--zt-active-opacity)}.zt-key--blue{color:var(--zt-number-keyboard-button-text-color);background:var(--zt-number-keyboard-button-background);line-height:var(--zt-number-keyboard-button-height);letter-spacing:0}.zt-key--blue.zt-key--active{opacity:var(--zt-active-opacity)}.zt-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:var(--zt-number-keyboard-key-spacing)}.zt-key__wrapper--wider{flex-basis:66%}.zt-key__delete-icon{width:40px;height:40px}.zt-key__collapse-icon{width:30px;height:24px}.zt-key__loading-icon{color:var(--zt-number-keyboard-button-text-color)}.zt-number-keyboard__no-title{padding-bottom:0}
+:root{--zt-number-keyboard-background: var(--zt-background-2);--zt-number-keyboard-key-background: var(--zt-background-card);--zt-number-keyboard-title-color: var(--zt-gray-a6);--zt-number-keyboard-button-text-color: var(--zt-white);--zt-number-keyboard-button-background: var(--zt-primary-color);--zt-number-keyboard-z-index: 100;--zt-number-keyboard-key-spacing: 0 8px 8px 0;--zt-number-keyboard-radius: 16px 16px 0 0;--zt-number-keyboard-key-font-size: 24px;--zt-number-keyboard-header-height: 34px;--zt-number-keyboard-button-height: 28px;--zt-number-keyboard-key-height: 44px}:root[zt-theme-size=large]{--zt-number-keyboard-key-font-size: 30px;--zt-number-keyboard-header-height: 46px;--zt-number-keyboard-button-height: 40px;--zt-number-keyboard-key-height: 56px}.zt-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--zt-number-keyboard-z-index);width:100%;padding-bottom:8px;background:var(--zt-number-keyboard-background);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--zt-number-keyboard-radius);box-sizing:border-box}.zt-number-keyboard--with-title{border-radius:20px 20px 0 0}.zt-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--zt-number-keyboard-header-height);padding-top:2px;color:var(--zt-number-keyboard-title-color);font-size:var(--zt-font-size-md);line-height:var(--zt-number-keyboard-header-height)}.zt-number-keyboard__title{display:inline-block}.zt-number-keyboard__title-left{position:absolute;left:0}.zt-number-keyboard__body{display:flex;padding:2px 8px 0 16px}.zt-number-keyboard__body-no-title{padding-top:16px}.zt-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.zt-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.zt-number-keyboard--unfit{padding-bottom:0}.zt-key{display:flex;align-items:center;justify-content:center;height:var(--zt-number-keyboard-key-height);font-size:var(--zt-number-keyboard-key-font-size);line-height:var(--zt-number-keyboard-key-height);background:var(--zt-number-keyboard-key-background);border-radius:var(--zt-radius-md);cursor:pointer;color:var(--zt-text-color)}.zt-key--large{position:absolute;top:0;right:6px;bottom:8px;left:0;height:auto}.zt-key--blue,.zt-key--delete{font-size:var(--zt-font-size-xxl)}.zt-key--active{opacity:var(--zt-active-opacity)}.zt-key--blue{color:var(--zt-number-keyboard-button-text-color);background:var(--zt-number-keyboard-button-background);line-height:var(--zt-number-keyboard-button-height);letter-spacing:0}.zt-key--blue.zt-key--active{opacity:var(--zt-active-opacity)}.zt-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:var(--zt-number-keyboard-key-spacing)}.zt-key__wrapper--wider{flex-basis:66%}.zt-key__delete-icon{width:40px;height:40px}.zt-key__collapse-icon{width:30px;height:24px}.zt-key__loading-icon{color:var(--zt-number-keyboard-button-text-color)}.zt-number-keyboard__no-title{padding-bottom:0}

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

@@ -1,4 +1,4 @@
-export declare const NumberKeyboard: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const NumberKeyboard: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {
@@ -43,7 +43,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string | string[]>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "delete" | "hide" | "show" | "blur" | "update:modelValue" | "close")[], "input" | "delete" | "hide" | "show" | "blur" | "update:modelValue" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "delete" | "hide" | "show" | "blur" | "update:modelValue" | "close")[], "input" | "delete" | "hide" | "show" | "blur" | "update:modelValue" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {
@@ -88,15 +88,15 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string | string[]>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onBlur?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     theme: import("./NumberKeyboard").NumberKeyboardTheme;
     show: boolean;
     maxlength: string | number;
@@ -109,7 +109,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     closeButtonLoading: boolean;
     hideOnClickOutside: boolean;
     extraKey: string | string[];
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default NumberKeyboard;
 export type { NumberKeyboardProps, NumberKeyboardTheme, } from './NumberKeyboard';
 export type { NumberKeyboardThemeVars } from './types';

package/es/overlay/Overlay.d.ts

@@ -15,7 +15,7 @@ declare const overlayProps: {
     customStyle: PropType<CSSProperties>;
 };
 export type OverlayProps = ExtractPropTypes<typeof overlayProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     duration: (NumberConstructor | StringConstructor)[];
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     customStyle: PropType<CSSProperties>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     duration: (NumberConstructor | StringConstructor)[];
@@ -43,9 +43,9 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     customStyle: PropType<CSSProperties>;
-}>>, {
+}>> & Readonly<{}>, {
     show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/overlay/Overlay.mjs

@@ -1,5 +1,4 @@
-import { withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
-import { Transition, defineComponent } from "vue";
+import { Transition, defineComponent, vShow as _vShow, createVNode as _createVNode, withDirectives as _withDirectives } from "vue";
 import { noop, isDef, extend, truthProp, numericProp, unknownProp, preventDefault, createNamespace, getZIndexStyle } from "../utils/index.mjs";
 import { useLazyRender } from "../composables/use-lazy-render.mjs";
 const [name, bem] = createNamespace("overlay");

package/es/overlay/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Overlay: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Overlay: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     duration: (NumberConstructor | StringConstructor)[];
@@ -12,7 +12,7 @@ export declare const Overlay: import("../utils").WithInstall<import("vue").Defin
         default: true;
     };
     customStyle: import("vue").PropType<import("vue").CSSProperties>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     duration: (NumberConstructor | StringConstructor)[];
@@ -26,11 +26,11 @@ export declare const Overlay: import("../utils").WithInstall<import("vue").Defin
         default: true;
     };
     customStyle: import("vue").PropType<import("vue").CSSProperties>;
-}>>, {
+}>> & Readonly<{}>, {
     show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Overlay;
 export type { OverlayProps } from './Overlay';
 export type { OverlayThemeVars } from './types';

package/es/password-input/PasswordInput.d.ts

@@ -18,7 +18,7 @@ declare const passwordInputProps: {
     errorInfo: StringConstructor;
 };
 export type PasswordInputProps = ExtractPropTypes<typeof passwordInputProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     info: StringConstructor;
     mask: {
         type: BooleanConstructor;
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     focused: BooleanConstructor;
     errorInfo: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     info: StringConstructor;
     mask: {
         type: BooleanConstructor;
@@ -52,12 +52,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     focused: BooleanConstructor;
     errorInfo: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     length: string | number;
     mask: boolean;
     value: string;
     focused: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/password-input/PasswordInput.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode as _createVNode } from "vue";
 import { addUnit, truthProp, numericProp, BORDER_LEFT, makeStringProp, BORDER_SURROUND, createNamespace, makeNumericProp } from "../utils/index.mjs";
 const [name, bem] = createNamespace("password-input");
 const passwordInputProps = {

package/es/password-input/index.css

@@ -1 +1 @@
-:root{--zt-password-input-height: 48px;--zt-password-input-margin: 0 var(--zt-padding-md);--zt-password-input-radius: 6px;--zt-password-input-background: var(--zt-background-popup);--zt-password-input-info-color: var(--zt-text-color-2);--zt-password-input-error-info-color: var(--zt-danger-color);--zt-password-input-dot-size: 8px;--zt-password-input-dot-color: var(--zt-text-color);--zt-password-input-text-color: var(--zt-text-color);--zt-password-input-cursor-color: var(--zt-primary-color);--zt-password-input-cursor-width: 1px;--zt-password-input-cursor-height: 40%;--zt-password-input-cursor-duration: 1s}.zt-password-input{position:relative;margin:var(--zt-password-input-margin);-webkit-user-select:none;user-select:none}.zt-password-input__info,.zt-password-input__error-info{margin-top:var(--zt-padding-md);font-size:var(--zt-font-size-md);text-align:center}.zt-password-input__info{color:var(--zt-password-input-info-color)}.zt-password-input__error-info{color:var(--zt-password-input-error-info-color)}.zt-password-input__security{display:flex;width:100%;height:var(--zt-password-input-height);cursor:pointer}.zt-password-input__security:after{border-radius:var(--zt-password-input-radius)}.zt-password-input__security li:last-child{border-radius:0 4px 4px 0}.zt-password-input__security li:first-child{border-radius:0 4px 4px 0}.zt-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--zt-password-input-text-color);font-size:var(--zt-font-size-xxl);background:var(--zt-password-input-background);border:0 solid rgba(45,75,115,.2)}.zt-password-input__security i{position:absolute;top:50%;left:50%;width:var(--zt-password-input-dot-size);height:var(--zt-password-input-dot-size);background:var(--zt-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.zt-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--zt-password-input-cursor-width);height:var(--zt-password-input-cursor-height);background:var(--zt-password-input-cursor-color);width:1px;height:24px;transform:translate(-50%,-50%);animation:var(--zt-password-input-cursor-duration) zt-cursor-flicker infinite}@keyframes zt-cursor-flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}
+:root{--zt-password-input-height: 48px;--zt-password-input-margin: 0 var(--zt-padding-md);--zt-password-input-radius: 6px;--zt-password-input-background: var(--zt-background-popup);--zt-password-input-info-color: var(--zt-text-color-2);--zt-password-input-error-info-color: var(--zt-danger-color);--zt-password-input-dot-size: 8px;--zt-password-input-dot-color: var(--zt-text-color);--zt-password-input-text-color: var(--zt-text-color);--zt-password-input-cursor-color: var(--zt-primary-color);--zt-password-input-cursor-width: 1px;--zt-password-input-cursor-height: 40%;--zt-password-input-cursor-duration: 1s}.zt-password-input{position:relative;margin:var(--zt-password-input-margin);-webkit-user-select:none;-moz-user-select:none;user-select:none}.zt-password-input__info,.zt-password-input__error-info{margin-top:var(--zt-padding-md);font-size:var(--zt-font-size-md);text-align:center}.zt-password-input__info{color:var(--zt-password-input-info-color)}.zt-password-input__error-info{color:var(--zt-password-input-error-info-color)}.zt-password-input__security{display:flex;width:100%;height:var(--zt-password-input-height);cursor:pointer}.zt-password-input__security:after{border-radius:var(--zt-password-input-radius)}.zt-password-input__security li:last-child{border-radius:0 4px 4px 0}.zt-password-input__security li:first-child{border-radius:0 4px 4px 0}.zt-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--zt-password-input-text-color);font-size:var(--zt-font-size-xxl);background:var(--zt-password-input-background);border:0 solid rgba(45,75,115,.2)}.zt-password-input__security i{position:absolute;top:50%;left:50%;width:var(--zt-password-input-dot-size);height:var(--zt-password-input-dot-size);background:var(--zt-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.zt-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--zt-password-input-cursor-width);height:var(--zt-password-input-cursor-height);background:var(--zt-password-input-cursor-color);width:1px;height:24px;transform:translate(-50%,-50%);animation:var(--zt-password-input-cursor-duration) zt-cursor-flicker infinite}@keyframes zt-cursor-flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}

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

@@ -1,4 +1,4 @@
-export declare const PasswordInput: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const PasswordInput: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     info: StringConstructor;
     mask: {
         type: BooleanConstructor;
@@ -15,7 +15,7 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
     };
     focused: BooleanConstructor;
     errorInfo: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     info: StringConstructor;
     mask: {
         type: BooleanConstructor;
@@ -32,14 +32,14 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
     };
     focused: BooleanConstructor;
     errorInfo: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     length: string | number;
     mask: boolean;
     value: string;
     focused: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default PasswordInput;
 export type { PasswordInputProps } from './PasswordInput';
 export type { PasswordInputThemeVars } from './types';

package/es/picker/Picker.d.ts

@@ -97,7 +97,7 @@ export declare const pickerProps: {
     };
 };
 export type PickerProps = ExtractPropTypes<typeof pickerProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -159,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -221,14 +221,14 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     modelValue: Numeric[];
     readonly: boolean;
@@ -246,5 +246,5 @@ declare const _default: import("vue").DefineComponent<{
     optionHeight: string | number;
     visibleOptionNum: string | number;
     columnsUnit: string[];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/picker/Picker.mjs

@@ -1,5 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { ref, watch, computed, defineComponent, nextTick } from "vue";
+import { ref, watch, computed, defineComponent, nextTick, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { pick, extend, unitToPx, truthProp, HAPTICS_FEEDBACK, isSameValue, makeArrayProp, preventDefault, makeStringProp, makeNumericProp, makeNumberProp } from "../utils/index.mjs";
 import { bem, name, isOptionExist, getColumnsType, findOptionByValue, assignDefaultFields, formatCascadeColumns, getFirstEnabledOption } from "./utils.mjs";
 import { useChildren, useEventListener } from "@zartui/use";

package/es/picker/PickerColumn.d.ts

@@ -1,7 +1,7 @@
 import type { InjectionKey, PropType } from 'vue';
 import type { PickerColumnProvide, PickerFieldNames, PickerOption } from './types';
 export declare const PICKER_KEY: InjectionKey<PickerColumnProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: (NumberConstructor | StringConstructor)[];
     unit: {
         type: PropType<string>;
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "clickOption")[], "change" | "clickOption", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "clickOption")[], "change" | "clickOption", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: (NumberConstructor | StringConstructor)[];
     unit: {
         type: PropType<string>;
@@ -57,13 +57,13 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly: boolean;
     options: PickerOption[];
     allowHtml: boolean;
     unit: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/picker/PickerColumn.mjs

@@ -1,5 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { defineComponent, ref, watchEffect } from "vue";
+import { defineComponent, ref, watchEffect, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { clamp, createNamespace, makeArrayProp, makeRequiredProp, makeStringProp, numericProp, preventDefault } from "../utils/index.mjs";
 import { findIndexOfEnabledOption, getElementTranslateY } from "./utils.mjs";
 import { useEventListener, useParent } from "@zartui/use";

package/es/picker/PickerOptions.d.ts

@@ -22,7 +22,7 @@ declare const pickerOptionsProps: {
     };
 };
 export type PickerOptionsProps = ExtractPropTypes<typeof pickerOptionsProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     value: (NumberConstructor | StringConstructor)[];
     fields: {
         type: PropType<Required<PickerFieldNames>>;
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "clickOption")[], "change" | "clickOption", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "clickOption")[], "change" | "clickOption", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     value: (NumberConstructor | StringConstructor)[];
     fields: {
         type: PropType<Required<PickerFieldNames>>;
@@ -62,14 +62,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly: boolean;
     options: PickerOption[];
     allowHtml: boolean;
     itemHeight: number;
     columnCounts: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/picker/PickerOptions.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, defineComponent, reactive, watchEffect } from "vue";
+import { ref, defineComponent, reactive, watchEffect, createVNode as _createVNode } from "vue";
 import { createNamespace, isObject, makeArrayProp, makeNumberProp, makeRequiredProp, numericProp } from "../utils/index.mjs";
 const [name, bem] = createNamespace("picker-options");
 const pickerOptionsProps = {

package/es/picker/PickerToolbar.d.ts

@@ -5,14 +5,14 @@ export declare const pickerToolbarProps: {
 export declare const pickerToolbarSlots: string[];
 export type PickerToolbarPropKeys = Array<keyof typeof pickerToolbarProps>;
 export declare const pickerToolbarPropKeys: PickerToolbarPropKeys;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/picker/PickerToolbar.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode as _createVNode } from "vue";
 import { bem, t } from "./utils.mjs";
 import { createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
 import { Button } from "../button/index.mjs";

package/es/picker/index.css

@@ -1 +1 @@
-:root{--zt-picker-cancel-margin: 8px 4px 8px 16px;--zt-picker-confirm-margin: 8px 16px 8px 4px;--zt-picker-title-height: 44px;--zt-picker-title-border-radius: 16px 16px 0 0;--zt-picker-frame-background-color: var(--zt-gray-a06);--zt-picker-title-text-color: var(--zt-gray-a4);--zt-picker-background: var(--zt-background-popup);--zt-picker-toolbar-height: 60px;--zt-picker-title-background: var(--zt-background-popup);--zt-picker-option-padding: 0 var(--zt-padding-base);--zt-picker-option-text-color: var(--zt-text-color);--zt-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-picker-option-disabled-background: var(--zt-gray-a04);--zt-picker-loading-icon-color: var(--zt-primary-color);--zt-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-picker-warpper-padding: 12px 16px 4px 16px;--zt-picker-option-item-text-color: var(--zt-gray-a6);--zt-picker-option-item-padding: 0 4px 8px 0;--zt-picker-options-ellipsis-height: 36px;--zt-picker-options-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-picker-option-item-disabled-opacity: var(--zt-disabled-opacity)}:root[zt-theme-size=large]{--zt-picker-options-ellipsis-height: 50px}.zt-theme-dark{--zt-picker-loading-mask-color: rgba(0, 0, 0, .6);--zt-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.zt-picker{position:relative;background:var(--zt-picker-background);-webkit-user-select:none;user-select:none}.zt-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-picker-toolbar-height)}.zt-picker__cancel,.zt-picker__confirm{width:50%}.zt-picker__cancel{background:var(--zt-button-default-background);margin:var(--zt-picker-cancel-margin)}.zt-picker__confirm{margin:var(--zt-picker-confirm-margin)}.zt-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-picker-title-height);border-radius:var(--zt-picker-title-border-radius);font-size:var(--zt-font-size-md);background:var(--zt-picker-title-background);color:var(--zt-picker-title-text-color)}.zt-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.zt-picker__options{position:relative;display:flex;cursor:-webkit-grab;cursor:grab;overflow-y:scroll}.zt-picker__options:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-picker__options:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-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(--zt-picker-loading-icon-color);background:var(--zt-picker-loading-mask-color)}.zt-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-picker-frame-background-color)}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-picker-column{position:relative;flex:1;overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-picker-background)}.zt-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-picker-option-padding);color:var(--zt-picker-option-text-color)}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-picker-option-disabled-opacity)}.zt-picker-column__item--selected{font-weight:700}.zt-picker-column__unit{background:var(--zt-picker-title-background);position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--zt-picker-option-text-color);font-size:var(--zt-font-size-lg);width:100%;height:100%}.zt-picker-column__unit-text{margin:0 4px;font-size:var(--zt-font-size-md)}.zt-picker-options{flex:1;overflow-y:scroll;font-size:var(--zt-font-size-md);margin:0;outline:0 none;padding:0}.zt-picker-options__wrapper{display:flex;flex-wrap:wrap;background-color:var(--zt-picker-background);padding:var(--zt-picker-warpper-padding)}.zt-picker-options__item{color:var(--zt-picker-option-item-text-color);padding:var(--zt-picker-option-item-padding);box-sizing:border-box;text-align:center;font-size:var(--zt-font-size-md)}.zt-picker-options__item .zt-ellipsis{height:var(--zt-picker-options-ellipsis-height);line-height:var(--zt-picker-options-ellipsis-height);border-radius:calc(var(--zt-picker-options-ellipsis-height) / 2);background:var(--zt-gray-a04);padding:0 var(--zt-padding-md)}.zt-picker-options__item:active{opacity:var(--zt-active-opacity)}.zt-picker-options__item--disabled{cursor:not-allowed;color:var(--zt-gray-a2)}.zt-picker-options__item--disabled .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important}.zt-picker-options__item--last{padding-right:0}.zt-picker-options__item--selected{color:var(--zt-white)}.zt-picker-options__item--selected .zt-ellipsis{background:var(--zt-primary-color)}.zt-picker-options__item--disabled-selected{cursor:not-allowed;color:var(--zt-gray)!important}.zt-picker-options__item--disabled-selected .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important}
+:root{--zt-picker-cancel-margin: 8px 4px 8px 16px;--zt-picker-confirm-margin: 8px 16px 8px 4px;--zt-picker-title-height: 44px;--zt-picker-title-border-radius: 16px 16px 0 0;--zt-picker-frame-background-color: var(--zt-gray-a06);--zt-picker-title-text-color: var(--zt-gray-a4);--zt-picker-background: var(--zt-background-popup);--zt-picker-toolbar-height: 60px;--zt-picker-title-background: var(--zt-background-popup);--zt-picker-option-padding: 0 var(--zt-padding-base);--zt-picker-option-text-color: var(--zt-text-color);--zt-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-picker-option-disabled-background: var(--zt-gray-a04);--zt-picker-loading-icon-color: var(--zt-primary-color);--zt-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-picker-warpper-padding: 12px 16px 4px 16px;--zt-picker-option-item-text-color: var(--zt-gray-a6);--zt-picker-option-item-padding: 0 4px 8px 0;--zt-picker-options-ellipsis-height: 36px;--zt-picker-options-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-picker-option-item-disabled-opacity: var(--zt-disabled-opacity)}:root[zt-theme-size=large]{--zt-picker-options-ellipsis-height: 50px}.zt-theme-dark{--zt-picker-loading-mask-color: rgba(0, 0, 0, .6);--zt-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.zt-picker{position:relative;background:var(--zt-picker-background);-webkit-user-select:none;-moz-user-select:none;user-select:none}.zt-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-picker-toolbar-height)}.zt-picker__cancel,.zt-picker__confirm{width:50%}.zt-picker__cancel{background:var(--zt-button-default-background);margin:var(--zt-picker-cancel-margin)}.zt-picker__confirm{margin:var(--zt-picker-confirm-margin)}.zt-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-picker-title-height);border-radius:var(--zt-picker-title-border-radius);font-size:var(--zt-font-size-md);background:var(--zt-picker-title-background);color:var(--zt-picker-title-text-color)}.zt-picker__columns{position:relative;display:flex;cursor:grab}.zt-picker__options{position:relative;display:flex;cursor:grab;overflow-y:scroll}.zt-picker__options:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-picker__options:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-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(--zt-picker-loading-icon-color);background:var(--zt-picker-loading-mask-color)}.zt-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-picker-frame-background-color)}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-picker-column{position:relative;flex:1;overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-picker-background)}.zt-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-picker-option-padding);color:var(--zt-picker-option-text-color)}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-picker-option-disabled-opacity)}.zt-picker-column__item--selected{font-weight:700}.zt-picker-column__unit{background:var(--zt-picker-title-background);position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--zt-picker-option-text-color);font-size:var(--zt-font-size-lg);width:100%;height:100%}.zt-picker-column__unit-text{margin:0 4px;font-size:var(--zt-font-size-md)}.zt-picker-options{flex:1;overflow-y:scroll;font-size:var(--zt-font-size-md);margin:0;outline:0 none;padding:0}.zt-picker-options__wrapper{display:flex;flex-wrap:wrap;background-color:var(--zt-picker-background);padding:var(--zt-picker-warpper-padding)}.zt-picker-options__item{color:var(--zt-picker-option-item-text-color);padding:var(--zt-picker-option-item-padding);box-sizing:border-box;text-align:center;font-size:var(--zt-font-size-md)}.zt-picker-options__item .zt-ellipsis{height:var(--zt-picker-options-ellipsis-height);line-height:var(--zt-picker-options-ellipsis-height);border-radius:calc(var(--zt-picker-options-ellipsis-height) / 2);background:var(--zt-gray-a04);padding:0 var(--zt-padding-md)}.zt-picker-options__item:active{opacity:var(--zt-active-opacity)}.zt-picker-options__item--disabled{cursor:not-allowed;color:var(--zt-gray-a2)}.zt-picker-options__item--disabled .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important}.zt-picker-options__item--last{padding-right:0}.zt-picker-options__item--selected{color:var(--zt-white)}.zt-picker-options__item--selected .zt-ellipsis{background:var(--zt-primary-color)}.zt-picker-options__item--disabled-selected{cursor:not-allowed;color:var(--zt-gray)!important}.zt-picker-options__item--disabled-selected .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important}

package/es/picker/index.d.ts

@@ -1,5 +1,5 @@
 import { PickerProps } from './Picker';
-export declare const Picker: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Picker: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -61,7 +61,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         type: NumberConstructor;
         default: number;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker")[], "update:modelValue" | "cancel" | "change" | "confirm" | "clickOption" | "update:showPicker", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -123,14 +123,14 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         type: NumberConstructor;
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     modelValue: import("../utils").Numeric[];
     readonly: boolean;
@@ -148,7 +148,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
     optionHeight: string | number;
     visibleOptionNum: string | number;
     columnsUnit: string[];
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Picker;
 export { pickerProps } from './Picker';
 export type { PickerProps };