zartui 3.1.12 → 3.1.14

package/lib/index.d.ts

@@ -15,6 +15,7 @@ export * from "./config-provider";
 export * from "./date-time-picker";
 export * from "./dialog";
 export * from "./divider";
+export * from "./drawer-select";
 export * from "./dropdown-item";
 export * from "./dropdown-menu";
 export * from "./empty";
@@ -54,6 +55,7 @@ export * from "./row";
 export * from "./search";
 export * from "./signature";
 export * from "./skeleton";
+export * from "./slider";
 export * from "./step";
 export * from "./stepper";
 export * from "./steps";
@@ -79,4 +81,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.12";
+export const version: "3.1.13";

package/lib/index.js

@@ -40,6 +40,7 @@ var import_config_provider = require("./config-provider");
 var import_date_time_picker = require("./date-time-picker");
 var import_dialog = require("./dialog");
 var import_divider = require("./divider");
+var import_drawer_select = require("./drawer-select");
 var import_dropdown_item = require("./dropdown-item");
 var import_dropdown_menu = require("./dropdown-menu");
 var import_empty = require("./empty");
@@ -78,6 +79,7 @@ var import_row = require("./row");
 var import_search = require("./search");
 var import_signature = require("./signature");
 var import_skeleton = require("./skeleton");
+var import_slider = require("./slider");
 var import_step = require("./step");
 var import_stepper = require("./stepper");
 var import_steps = require("./steps");
@@ -114,6 +116,7 @@ __reExport(stdin_exports, require("./config-provider"), module.exports);
 __reExport(stdin_exports, require("./date-time-picker"), module.exports);
 __reExport(stdin_exports, require("./dialog"), module.exports);
 __reExport(stdin_exports, require("./divider"), module.exports);
+__reExport(stdin_exports, require("./drawer-select"), module.exports);
 __reExport(stdin_exports, require("./dropdown-item"), module.exports);
 __reExport(stdin_exports, require("./dropdown-menu"), module.exports);
 __reExport(stdin_exports, require("./empty"), module.exports);
@@ -153,6 +156,7 @@ __reExport(stdin_exports, require("./row"), module.exports);
 __reExport(stdin_exports, require("./search"), module.exports);
 __reExport(stdin_exports, require("./signature"), module.exports);
 __reExport(stdin_exports, require("./skeleton"), module.exports);
+__reExport(stdin_exports, require("./slider"), module.exports);
 __reExport(stdin_exports, require("./step"), module.exports);
 __reExport(stdin_exports, require("./stepper"), module.exports);
 __reExport(stdin_exports, require("./steps"), module.exports);
@@ -172,7 +176,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "3.1.12";
+const version = "3.1.13";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,
@@ -192,6 +196,7 @@ function install(app) {
     import_date_time_picker.DateTimePicker,
     import_dialog.Dialog,
     import_divider.Divider,
+    import_drawer_select.DrawerSelect,
     import_dropdown_item.DropdownItem,
     import_dropdown_menu.DropdownMenu,
     import_empty.Empty,
@@ -230,6 +235,7 @@ function install(app) {
     import_search.Search,
     import_signature.Signature,
     import_skeleton.Skeleton,
+    import_slider.Slider,
     import_step.Step,
     import_stepper.Stepper,
     import_steps.Steps,

package/lib/lazyload/vue-lazyload/index.d.ts

@@ -1,55 +1,55 @@
-import type { App } from 'vue';
-
-declare type ListenEvent =
-  | 'scroll'
-  | 'wheel'
-  | 'mousewheel'
-  | 'resize'
-  | 'animationend'
-  | 'transitionend'
-  | 'touchmove';
-
-// eslint-disable-next-line
-declare type Callback = (listener: any, options: LazyloadOptions) => void;
-
-declare type Filter = {
-  webp?: Callback;
-  progressive?: Callback;
-};
-
-declare type Adapter = {
-  error?: Callback;
-  loaded?: Callback;
-  loading?: Callback;
-};
-
-export declare type LazyloadOptions = {
-  error?: string;
-  filter?: Filter;
-  silent?: boolean;
-  adapter?: Adapter;
-  loading?: string;
-  attempt?: number;
-  preLoad?: number;
-  observer?: boolean;
-  lazyImage?: boolean;
-  throttleWait?: number;
-  listenEvents?: ListenEvent[];
-  dispatchEvent?: boolean;
-  lazyComponent?: boolean;
-  observerOptions?: IntersectionObserverInit;
-};
-
-export declare const Lazyload: {
-  install(app: App, options?: LazyloadOptions): void;
-};
-
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $Lazyload: {
-      $on: (event: string, handler: Callback) => void;
-      $off: (event: string, handler?: Callback) => void;
-      $once: (event: string, handler: Callback) => void;
-    };
-  }
-}
+import type { App } from 'vue';
+
+declare type ListenEvent =
+  | 'scroll'
+  | 'wheel'
+  | 'mousewheel'
+  | 'resize'
+  | 'animationend'
+  | 'transitionend'
+  | 'touchmove';
+
+// eslint-disable-next-line
+declare type Callback = (listener: any, options: LazyloadOptions) => void;
+
+declare type Filter = {
+  webp?: Callback;
+  progressive?: Callback;
+};
+
+declare type Adapter = {
+  error?: Callback;
+  loaded?: Callback;
+  loading?: Callback;
+};
+
+export declare type LazyloadOptions = {
+  error?: string;
+  filter?: Filter;
+  silent?: boolean;
+  adapter?: Adapter;
+  loading?: string;
+  attempt?: number;
+  preLoad?: number;
+  observer?: boolean;
+  lazyImage?: boolean;
+  throttleWait?: number;
+  listenEvents?: ListenEvent[];
+  dispatchEvent?: boolean;
+  lazyComponent?: boolean;
+  observerOptions?: IntersectionObserverInit;
+};
+
+export declare const Lazyload: {
+  install(app: App, options?: LazyloadOptions): void;
+};
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $Lazyload: {
+      $on: (event: string, handler: Callback) => void;
+      $off: (event: string, handler?: Callback) => void;
+      $once: (event: string, handler: Callback) => void;
+    };
+  }
+}

package/lib/media-picker/MediaPicker.js

@@ -297,6 +297,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         uniqueCode: (0, import_media_util.getFileUniqueCode)(f),
         lastModified: f.lastModified,
         fileSize: f.size,
+        fileName: f.name,
+        originalName: f.name,
+        originalSize: f.size,
         deletable: true,
         message: ""
       };
@@ -342,8 +345,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
               uniqueCode: (0, import_media_util.getFileUniqueCode)(file),
               lastModified: f.lastModified,
               fileSize: f.size,
+              // 修改后大小，水印，压缩等
+              fileName: f.name,
+              // 修改后名称
               deletable: true,
-              message: ""
+              message: "",
+              originalName: file.name,
+              // 原始名称
+              originalSize: file.size
+              // 原始大小
             };
             return Promise.resolve(media);
           });
@@ -627,7 +637,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         const imageIndex = imageList.value.indexOf(media);
         (0, import_image_preview.showImagePreview)({
           images: imageList.value.map((image) => ({
-            url: image.showSrc || ""
+            url: image.url || image.showSrc || ""
           })),
           startPosition: imageIndex
         });

package/lib/media-picker/index.css

@@ -1 +1 @@
-:root{--zt-media-picker-image-color: var(--zt-text-color);--zt-media-picker-button-background: linear-gradient(135deg, #e6ebf0 0%, #fff 100%, #fff 100%);--zt-media-picker-button-box-shadow: -4px -4px 8px 0 var(--zt-white), 4px 4px 8px 0 var(--zt-gray-a1);--zt-media-picker-button-border: 0;--zt-media-picker-button-active-border: 1px solid rgba(255, 255, 255, .75);--zt-media-picker-button-active-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a2);--zt-media-picker-line-height: 46px;--zt-media-picker-box-size: 48px;--zt-media-picker-icon-size: 32px;--zt-media-picker-title-height: 44px}:root[zt-theme-size=large]{--zt-media-picker-line-height: 52px;--zt-media-picker-box-size: 54px;--zt-media-picker-icon-size: 38px;--zt-media-picker-title-height: 56px}.zt-media-picker__hidden{display:none}.zt-media-picker__title{position:relative;height:var(--zt-media-picker-title-height);line-height:var(--zt-media-picker-title-height);font-weight:700;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);padding:0 16px}.zt-media-picker__title:before{position:absolute;width:4px;height:16px;background:var(--zt-primary-color);left:0;top:14px;content:" "}.zt-media-picker__title: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-media-picker__line{width:100%;height:calc(var(--zt-media-picker-line-height) * 2);display:flex;align-items:center;overflow-x:auto}.zt-media-picker__line::-webkit-scrollbar{width:0;height:0}.zt-media-picker__line:after{content:" ";min-width:16px;height:10px}.zt-media-picker__box{width:var(--zt-media-picker-box-size);display:flex;flex-direction:column;align-items:center}.zt-media-picker__box:first-child{margin-left:16px}.zt-media-picker__box:not(:last-child){margin-right:24px}.zt-media-picker__button{display:flex;align-items:center;justify-content:center;width:var(--zt-media-picker-box-size);height:var(--zt-media-picker-box-size);background:var(--zt-media-picker-button-background);box-shadow:var(--zt-media-picker-button-box-shadow);border:var(--zt-media-picker-button-border);border-radius:8px;box-sizing:border-box}.zt-media-picker__button:active{background:rgba(45,75,115,.04);border:var(--zt-media-picker-button-active-border);box-shadow:var(--zt-media-picker-button-active-box-shadow)}.zt-media-picker__icon{width:var(--zt-media-picker-icon-size);height:var(--zt-media-picker-icon-size);color:var(--zt-media-picker-image-color)}.zt-media-picker__label{margin-top:8px;font-size:var(--zt-font-size-sm);color:var(--zt-gray-a8);letter-spacing:0;text-align:center;line-height:var(--zt-line-height-xs);-webkit-user-select:none;user-select:none}.zt-media-picker__grid{padding:0 16px 8px!important}.zt-media-picker__delete{box-sizing:content-box;width:20px;height:20px;position:absolute;padding:4px;top:0;right:0}.zt-media-picker .zt-image{width:100%;height:100%}.zt-media-picker .zt-grid-item__content{padding:0}.zt-media-picker__thumbnail{width:100%;height:100%}.zt-media-picker__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-white);background-color:var(--zt-uploader-mask-background);border-radius:4px}.zt-media-picker__mask-icon{font-size:var(--zt-font-size-xxxl)}.zt-media-picker__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-uploader-mask-message-line-height)}.zt-media-picker__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-icon-color)}.zt-theme-dark{--zt-media-picker-button-background: linear-gradient(135deg, #111c29 0%, #1d2c3e 100%, #1c2a3c 100%);--zt-media-picker-button-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .08), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-media-picker-button-border: 1px solid var(--zt-gray-a1);--zt-media-picker-button-active-border: 1px solid var(--zt-gray-a1);--zt-media-picker-button-active-box-shadow: inset 6px 6px 6px 0 #000d1b}
+:root{--zt-media-picker-image-color: var(--zt-text-color);--zt-media-picker-button-background: linear-gradient(135deg, #e6ebf0 0%, #fff 100%, #fff 100%);--zt-media-picker-button-box-shadow: -4px -4px 8px 0 var(--zt-white), 4px 4px 8px 0 var(--zt-gray-a1);--zt-media-picker-button-border: 0;--zt-media-picker-button-active-border: 1px solid rgba(255, 255, 255, .75);--zt-media-picker-button-active-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a2);--zt-media-picker-line-height: 46px;--zt-media-picker-box-size: 48px;--zt-media-picker-icon-size: 32px;--zt-media-picker-title-height: 44px}:root[zt-theme-size=large]{--zt-media-picker-line-height: 52px;--zt-media-picker-box-size: 54px;--zt-media-picker-icon-size: 38px;--zt-media-picker-title-height: 56px}.zt-media-picker__hidden{display:none}.zt-media-picker__title{position:relative;height:var(--zt-media-picker-title-height);line-height:var(--zt-media-picker-title-height);font-weight:700;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);padding:0 16px}.zt-media-picker__title:before{position:absolute;width:4px;height:16px;background:var(--zt-primary-color);left:0;top:14px;content:" "}.zt-media-picker__title: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-media-picker__line{width:100%;height:calc(var(--zt-media-picker-line-height) * 2);display:flex;align-items:center;overflow-x:auto}.zt-media-picker__line::-webkit-scrollbar{width:0;height:0}.zt-media-picker__line:after{content:" ";min-width:16px;height:10px}.zt-media-picker__box{width:var(--zt-media-picker-box-size);display:flex;flex-direction:column;align-items:center}.zt-media-picker__box:first-child{margin-left:16px}.zt-media-picker__box:not(:last-child){margin-right:24px}.zt-media-picker__button{display:flex;align-items:center;justify-content:center;width:var(--zt-media-picker-box-size);height:var(--zt-media-picker-box-size);background:var(--zt-media-picker-button-background);box-shadow:var(--zt-media-picker-button-box-shadow);border:var(--zt-media-picker-button-border);border-radius:8px;box-sizing:border-box}.zt-media-picker__button:active{background:var(--zt-gray-a04);border:var(--zt-media-picker-button-active-border);box-shadow:var(--zt-media-picker-button-active-box-shadow)}.zt-media-picker__icon{width:var(--zt-media-picker-icon-size);height:var(--zt-media-picker-icon-size);color:var(--zt-media-picker-image-color)}.zt-media-picker__label{margin-top:8px;font-size:var(--zt-font-size-sm);color:var(--zt-gray-a8);letter-spacing:0;text-align:center;line-height:var(--zt-line-height-sm);-webkit-user-select:none;user-select:none}.zt-media-picker__grid{padding:0 16px 8px!important}.zt-media-picker__delete{box-sizing:content-box;width:20px;height:20px;position:absolute;padding:4px;top:0;right:0}.zt-media-picker .zt-image{width:100%;height:100%}.zt-media-picker .zt-grid-item__content{padding:0}.zt-media-picker__thumbnail{width:100%;height:100%}.zt-media-picker__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-white);background-color:var(--zt-uploader-mask-background);border-radius:4px}.zt-media-picker__mask-icon{font-size:var(--zt-font-size-xxxl)}.zt-media-picker__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-uploader-mask-message-line-height)}.zt-media-picker__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-icon-color)}.zt-theme-dark{--zt-media-picker-button-background: linear-gradient(135deg, #111c29 0%, #1d2c3e 100%, #1c2a3c 100%);--zt-media-picker-button-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .08), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-media-picker-button-border: 1px solid var(--zt-gray-a1);--zt-media-picker-button-active-border: 1px solid var(--zt-gray-a1);--zt-media-picker-button-active-box-shadow: inset 6px 6px 6px 0 #000d1b}

package/lib/media-picker/type.d.ts

@@ -8,6 +8,9 @@ export type Media = {
     uniqueCode: string;
     showSrc?: string;
     fileSize: number;
+    fileName: string;
+    originalName: string;
+    originalSize: number;
     lastModified: number;
     deletable: boolean;
     status?: MediaUploadStatus;

package/lib/media-picker/watermark/image-processor.js

@@ -54,7 +54,7 @@ class ImageProcessor {
     if (this.file.size > this.compressOptions.photoFileSizeLimit * 1024) {
       fileType = "image/jpeg";
     }
-    if ((0, import_utils.isIOS)() && fileType === "image/jpeg") {
+    if ((0, import_utils.isIOS)() && fileType === "image/jpeg" && (0, import_utils.getIosVersion)() < "13.4") {
       const reader = new FileReader();
       reader.readAsArrayBuffer(this.file);
       reader.onload = function(_ref) {

package/lib/media-player/index.css

@@ -1 +1 @@
-.zt-media-player{background-color:var(--zt-background);font-size:0}.zt-media-player__video{width:100%;height:400px;max-height:70%;background-color:rgba(0,0,0,.8)}.zt-media-player__audio{width:100%}.zt-media-player__cancel{padding:8px 16px;color:var(--zt-text-color)}.zt-media-player__cancel-btn{width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-xl)}.zt-media-player__cancel-btn:active{opacity:var(--zt-active-opacity)}
+.zt-media-player{background-color:var(--zt-background);font-size:0}.zt-media-player__video{width:100%;height:400px;max-height:70%;background-color:rgba(0,0,0,.8)}.zt-media-player__audio{width:100%}.zt-media-player__cancel{padding:8px 16px;color:var(--zt-text-color)}.zt-media-player__cancel-btn{width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-lg)}.zt-media-player__cancel-btn:active{opacity:var(--zt-active-opacity)}

package/lib/multiple-picker/MultiplePicker.d.ts

@@ -27,6 +27,10 @@ declare const multiplePickerProps: {
         type: BooleanConstructor;
         default: true;
     };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
     options: {
         type: import("vue").PropType<PickerOption[]>;
         default: () => PickerOption[];
@@ -47,6 +51,10 @@ declare const multiplePickerProps: {
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
 };
 export type MultiplePickerProps = ExtractPropTypes<typeof multiplePickerProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -76,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
     options: {
         type: import("vue").PropType<PickerOption[]>;
         default: () => PickerOption[];
@@ -96,6 +108,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
@@ -123,6 +139,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
     options: {
         type: import("vue").PropType<PickerOption[]>;
         default: () => PickerOption[];
@@ -143,6 +163,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -153,14 +177,16 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
+    popup: boolean;
     loading: boolean;
+    showTitle: boolean;
     options: PickerOption[];
     allowHtml: boolean;
+    showToolbar: boolean;
+    showPicker: boolean;
     textKey: string;
     itemHeight: string | number;
     columnCounts: number;
-    showPicker: boolean;
-    showToolbar: boolean;
     toolbarPosition: string;
     selectedIndex: number[];
 }, {}>;

package/lib/multiple-picker/MultiplePicker.js

@@ -51,11 +51,13 @@ const multiplePickerProps = {
   closeOnPopstate: import_utils.truthProp,
   closeOnClickOverlay: import_utils.truthProp,
   showToolbar: import_utils.truthProp,
+  showTitle: import_utils.truthProp,
   options: (0, import_utils.makeArrayProp)(),
   toolbarPosition: (0, import_utils.makeStringProp)("bottom"),
   textKey: (0, import_utils.makeStringProp)("text"),
   columnCounts: (0, import_utils.makeNumberProp)(3),
-  selectedIndex: (0, import_utils.makeArrayProp)([])
+  selectedIndex: (0, import_utils.makeArrayProp)([]),
+  popup: import_utils.truthProp
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -110,12 +112,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       emit("confirm", options);
     };
     const genTitle = () => {
-      if (slots.title) {
-        return slots.title();
+      if (props.showTitle) {
+        if (slots.title) {
+          return slots.title();
+        }
+        return (0, import_vue.createVNode)("div", {
+          "class": ["zt-ellipsis", bem("title")]
+        }, [props.title ? props.title : "\u8BF7\u9009\u62E9"]);
       }
-      return (0, import_vue.createVNode)("div", {
-        "class": ["zt-ellipsis", bem("title")]
-      }, [props.title ? props.title : "\u8BF7\u9009\u62E9"]);
     };
     const genCancel = () => {
       const text = props.cancelButtonText || "\u53D6\u6D88";
@@ -184,15 +188,21 @@ var stdin_default = (0, import_vue2.defineComponent)({
     }, [genTitle(), props.loading ? (0, import_vue.createVNode)(import_loading.default, {
       "class": bem("loading")
     }, null) : "", genOptions(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
-    return () => (0, import_vue.createVNode)(import_popup.default, {
-      "show": currentShow.value,
-      "onUpdate:show": [($event) => currentShow.value = $event, updateShow],
-      "round": true,
-      "position": "bottom",
-      "closeOnPopstate": props.closeOnPopstate,
-      "closeOnClickOverlay": props.closeOnClickOverlay
-    }, {
-      default: renderMultiplePicker
-    });
+    return () => {
+      if (props.popup) {
+        return (0, import_vue.createVNode)(import_popup.default, {
+          "show": currentShow.value,
+          "onUpdate:show": [($event) => currentShow.value = $event, updateShow],
+          "round": true,
+          "position": "bottom",
+          "closeOnPopstate": props.closeOnPopstate,
+          "closeOnClickOverlay": props.closeOnClickOverlay
+        }, {
+          default: renderMultiplePicker
+        });
+      } else {
+        return renderMultiplePicker();
+      }
+    };
   }
 });

package/lib/multiple-picker/MultiplePickerOptions.js

@@ -71,7 +71,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return option;
     };
-    const isOptionDisabled = (option) => (0, import_utils.isObject)(option) && option.disabled;
+    const isOptionDisabled = (option) => props.readonly || (0, import_utils.isObject)(option) && option.disabled;
     const genOptions = () => {
       columnCounts.value = Number(props.columnCounts);
       if (columnCounts.value && columnCounts.value > 3) {
@@ -99,6 +99,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "class": [bem("item", {
             disabled,
             selected: currentIndexes.value.indexOf(index) > -1,
+            "disabled-selected": disabled && currentIndexes.value.indexOf(index) > -1,
             last: (index + 1) % columnCounts.value === 0
           })]
         }, [slots.options ? slots.options(option) : (0, import_vue.createVNode)("div", childData, null)]);

package/lib/multiple-picker/index.css

@@ -1 +1 @@
-:root{--zt-multiple-picker-warpper-padding: 12px 16px 4px 16px;--zt-multiple-picker-option-text-color: var(--zt-gray-a6);--zt-multiple-picker-background-color: var(--zt-background-2);--zt-multiple-picker-toolbar-height: 44px;--zt-multiple-picker-title-text-color: var(--zt-gray-a4);--zt-multiple-picker-title-padding: 12px 0;--zt-multiple-picker-item-padding: 0 4px 8px 0;--zt-multiple-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-multiple-picker-max-height: 84vh;--zt-multiple-picker-loading-icon-color: var(--zt-primary-color);--zt-multiple-picker-loading-mask-color: var(--zt-picker-loading-mask-color);--zt-multiple-picker-toolbar-padding: 8px 16px;--zt-multiple-picker-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-multiple-picker-title-background: var(--zt-background-2);--zt-multiple-picker-ellipsis-height: 38px}:root[zt-theme-size=large]{--zt-multiple-picker-ellipsis-height: 50px}.zt-multiple-picker{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:var(--zt-multiple-picker-background-color);-webkit-user-select:none;user-select:none;max-height:var(--zt-multiple-picker-max-height)}.zt-multiple-picker__toolbar{display:flex;align-items:center;justify-content:space-between;box-sizing:content-box;flex-shrink:0;background:var(--zt-multiple-picker-title-background);height:var(--zt-multiple-picker-toolbar-height);padding:var(--zt-multiple-picker-toolbar-padding)}.zt-multiple-picker__title{flex-shrink:0;font-weight:var(--zt-multiple-picker-cancel-action-font-weight);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center;background:var(--zt-multiple-picker-title-background);color:var(--zt-multiple-picker-title-text-color);padding:var(--zt-multiple-picker-title-padding)}.zt-multiple-picker__options{position:relative;display:flex;cursor:-webkit-grab;cursor:grab;overflow-y:scroll}.zt-multiple-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-multiple-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-multiple-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-multiple-picker-loading-icon-color);background-color:var(--zt-multiple-picker-loading-mask-color)}.zt-multiple-picker-options{flex:1;overflow-y:scroll;font-size:var(--zt-font-size-md);margin:0;outline:0 none;padding:0}.zt-multiple-picker-options__wrapper{display:flex;flex-wrap:wrap;background-color:var(--zt-multiple-picker-background-color);padding:var(--zt-multiple-picker-warpper-padding)}.zt-multiple-picker-options__item{color:var(--zt-multiple-picker-option-text-color);padding:var(--zt-multiple-picker-item-padding);box-sizing:border-box;text-align:center;font-size:var(--zt-font-size-md)}.zt-multiple-picker-options__item .zt-ellipsis{height:var(--zt-multiple-picker-ellipsis-height);line-height:var(--zt-multiple-picker-ellipsis-height);border-radius:calc(var(--zt-multiple-picker-ellipsis-height) / 2);border:var(--zt-multiple-picker-ellipsis-border);padding:0 var(--zt-padding-md)}.zt-multiple-picker-options__item:active{opacity:var(--zt-active-opacity)}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;opacity:var(--zt-multiple-picker-option-disabled-opacity)}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected{color:var(--zt-primary-color)}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:var(--zt-primary-color-a1)}
+:root{--zt-multiple-picker-warpper-padding: 12px 16px 4px 16px;--zt-multiple-picker-option-text-color: var(--zt-gray-a6);--zt-multiple-picker-background-color: var(--zt-background-popup);--zt-multiple-picker-toolbar-height: 44px;--zt-multiple-picker-title-text-color: var(--zt-gray-a4);--zt-multiple-picker-title-padding: 12px 0;--zt-multiple-picker-item-padding: 0 4px 8px 0;--zt-multiple-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-multiple-picker-option-disabled-background: var(--zt-gray-a04);--zt-multiple-picker-max-height: 84vh;--zt-multiple-picker-loading-icon-color: var(--zt-primary-color);--zt-multiple-picker-loading-mask-color: var(--zt-picker-loading-mask-color);--zt-multiple-picker-toolbar-padding: 8px 16px;--zt-multiple-picker-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-multiple-picker-ellipsis-border-selected: 1px solid var(--zt-blue-a6);--zt-multiple-picker-title-background: var(--zt-background-popup);--zt-multiple-picker-ellipsis-height: 38px}:root[zt-theme-size=large]{--zt-multiple-picker-ellipsis-height: 50px}.zt-multiple-picker{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:var(--zt-multiple-picker-background-color);-webkit-user-select:none;user-select:none;max-height:var(--zt-multiple-picker-max-height)}.zt-multiple-picker__toolbar{display:flex;align-items:center;justify-content:space-between;box-sizing:content-box;flex-shrink:0;background:var(--zt-multiple-picker-title-background);height:var(--zt-multiple-picker-toolbar-height);padding:var(--zt-multiple-picker-toolbar-padding)}.zt-multiple-picker__title{flex-shrink:0;font-weight:var(--zt-multiple-picker-cancel-action-font-weight);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center;background:var(--zt-multiple-picker-title-background);color:var(--zt-multiple-picker-title-text-color);padding:var(--zt-multiple-picker-title-padding)}.zt-multiple-picker__options{position:relative;display:flex;cursor:-webkit-grab;cursor:grab;overflow-y:scroll}.zt-multiple-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-multiple-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-multiple-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-multiple-picker-loading-icon-color);background-color:var(--zt-multiple-picker-loading-mask-color)}.zt-multiple-picker-options{flex:1;overflow-y:scroll;font-size:var(--zt-font-size-md);margin:0;outline:0 none;padding:0}.zt-multiple-picker-options__wrapper{display:flex;flex-wrap:wrap;background-color:var(--zt-multiple-picker-background-color);padding:var(--zt-multiple-picker-warpper-padding)}.zt-multiple-picker-options__item{color:var(--zt-multiple-picker-option-text-color);padding:var(--zt-multiple-picker-item-padding);box-sizing:border-box;text-align:center;font-size:var(--zt-font-size-md)}.zt-multiple-picker-options__item .zt-ellipsis{height:var(--zt-multiple-picker-ellipsis-height);line-height:var(--zt-multiple-picker-ellipsis-height);border-radius:calc(var(--zt-multiple-picker-ellipsis-height) / 2);border:var(--zt-multiple-picker-ellipsis-border);padding:0 var(--zt-padding-md)}.zt-multiple-picker-options__item:active{opacity:var(--zt-active-opacity)}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;color:var(--zt-gray-a2)}.zt-multiple-picker-options__item--disabled .zt-ellipsis{background:var(--zt-multiple-picker-option-disabled-background);border:0}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected{color:var(--zt-primary-color)}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:var(--zt-primary-color-a1);border:var(--zt-multiple-picker-ellipsis-border-selected)}.zt-multiple-picker-options__item--disabled-selected{cursor:not-allowed;color:var(--zt-gray)!important}.zt-multiple-picker-options__item--disabled-selected .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important;border:0!important}

package/lib/multiple-picker/index.d.ts

@@ -27,6 +27,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: BooleanConstructor;
         default: true;
     };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
     options: {
         type: import("vue").PropType<import("./types").PickerOption[]>;
         default: () => import("./types").PickerOption[];
@@ -47,6 +51,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
@@ -74,6 +82,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: BooleanConstructor;
         default: true;
     };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
     options: {
         type: import("vue").PropType<import("./types").PickerOption[]>;
         default: () => import("./types").PickerOption[];
@@ -94,6 +106,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -104,14 +120,16 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     readonly: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
+    popup: boolean;
     loading: boolean;
+    showTitle: boolean;
     options: import("./types").PickerOption[];
     allowHtml: boolean;
+    showToolbar: boolean;
+    showPicker: boolean;
     textKey: string;
     itemHeight: string | number;
     columnCounts: number;
-    showPicker: boolean;
-    showToolbar: boolean;
     toolbarPosition: string;
     selectedIndex: number[];
 }, {}>>;

package/lib/nav-bar/NavBar.d.ts

@@ -63,8 +63,8 @@ declare const _default: import("vue").DefineComponent<{
     fixed: boolean;
     border: boolean;
     leftIcon: boolean;
-    rightIcon: boolean;
     placeholder: boolean;
+    rightIcon: boolean;
     safeAreaInsetTop: boolean;
     leftText: boolean;
     multiIcon: boolean;

package/lib/nav-bar/index.d.ts

@@ -41,8 +41,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     fixed: boolean;
     border: boolean;
     leftIcon: boolean;
-    rightIcon: boolean;
     placeholder: boolean;
+    rightIcon: boolean;
     safeAreaInsetTop: boolean;
     leftText: boolean;
     multiIcon: boolean;

package/lib/notice-bar/index.css

@@ -1 +1 @@
-:root{--zt-notice-bar-padding: 0 var(--zt-padding-md);--zt-notice-bar-wrapable-padding: var(--zt-padding-xs) var(--zt-padding-md);--zt-notice-bar-text-color: var(--zt-orange);--zt-notice-bar-background: var(--zt-background-4);--zt-notice-bar-icon-size: 20px;--zt-notice-bar-icon-min-width: 20px;--zt-notice-bar-icon-height: 20px;--zt-notice-bar-height: 36px}:root[zt-theme-size=large]{--zt-notice-bar-height: 48px}.zt-notice-bar{position:relative;display:flex;align-items:center;height:var(--zt-notice-bar-height);padding:var(--zt-notice-bar-padding);color:var(--zt-notice-bar-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-notice-bar-height);background:var(--zt-notice-bar-background)}.zt-notice-bar__left-icon,.zt-notice-bar__right-icon{min-width:var(--zt-notice-bar-icon-min-width);font-size:var(--zt-font-size-xxl)}.zt-notice-bar__right-icon{text-align:right;cursor:pointer}.zt-notice-bar__left-icon-size,.zt-notice-bar__right-icon-size{width:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-size)}.zt-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.zt-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.zt-notice-bar__content.zt-ellipsis{max-width:100%}.zt-notice-bar--wrapable{height:auto;padding:var(--zt-notice-bar-wrapable-padding)}.zt-notice-bar--wrapable .zt-notice-bar__wrap{height:auto}.zt-notice-bar--wrapable .zt-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}.zt-theme-dark{--zt-notice-bar-background: rgba(255, 245, 211, .1)}
+:root{--zt-notice-bar-padding: 0 var(--zt-padding-md);--zt-notice-bar-wrapable-padding: var(--zt-padding-xs) var(--zt-padding-md);--zt-notice-bar-text-color: var(--zt-orange);--zt-notice-bar-background: rgba(255, 205, 35, .2);--zt-notice-bar-icon-size: 20px;--zt-notice-bar-icon-min-width: 20px;--zt-notice-bar-icon-height: 20px;--zt-notice-bar-height: 36px}:root[zt-theme-size=large]{--zt-notice-bar-height: 48px}.zt-notice-bar{position:relative;display:flex;align-items:center;height:var(--zt-notice-bar-height);padding:var(--zt-notice-bar-padding);color:var(--zt-notice-bar-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-notice-bar-height);background:var(--zt-notice-bar-background)}.zt-notice-bar__left-icon,.zt-notice-bar__right-icon{min-width:var(--zt-notice-bar-icon-min-width);font-size:var(--zt-font-size-xxl)}.zt-notice-bar__right-icon{text-align:right;cursor:pointer}.zt-notice-bar__left-icon-size,.zt-notice-bar__right-icon-size{width:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-size)}.zt-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.zt-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.zt-notice-bar__content.zt-ellipsis{max-width:100%}.zt-notice-bar--wrapable{height:auto;padding:var(--zt-notice-bar-wrapable-padding)}.zt-notice-bar--wrapable .zt-notice-bar__wrap{height:auto}.zt-notice-bar--wrapable .zt-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}.zt-theme-dark{--zt-notice-bar-background: rgba(255, 245, 211, .1)}

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

@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | string[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "close" | "update:modelValue" | "delete")[], "input" | "hide" | "show" | "blur" | "close" | "update:modelValue" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete")[], "input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {

package/lib/number-keyboard/index.css

@@ -1 +1 @@
-:root{--zt-number-keyboard-background: var(--zt-background-3);--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;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/lib/number-keyboard/index.d.ts

@@ -43,7 +43,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string | string[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "close" | "update:modelValue" | "delete")[], "input" | "hide" | "show" | "blur" | "close" | "update:modelValue" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete")[], "input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {

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