zartui 3.1.12 → 3.1.14

package/es/image/index.css

@@ -1 +1 @@
-:root{--zt-image-placeholder-text-color: var(--zt-gray-a4);--zt-image-placeholder-background: var(--zt-background-3);--zt-image-icon-font-size: 32px}:root[zt-theme-size=large]{--zt-image-icon-font-size: 38px}.zt-image{position:relative;display:inline-block}.zt-image--round{overflow:hidden;border-radius:var(--zt-radius-max)}.zt-image--round .zt-image__img{border-radius:inherit}.zt-image--block{display:block}.zt-image__img,.zt-image__error,.zt-image__loading{display:block;width:100%;height:100%}.zt-image__error,.zt-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-image-placeholder-text-color);font-size:var(--zt-font-size-md);background:var(--zt-image-placeholder-background)}.zt-image__loading-icon,.zt-image__error-icon{font-size:var(--zt-image-icon-font-size)}
+:root{--zt-image-placeholder-text-color: var(--zt-gray-a4);--zt-image-placeholder-background: var(--zt-background-2);--zt-image-icon-font-size: 32px}:root[zt-theme-size=large]{--zt-image-icon-font-size: 38px}.zt-image{position:relative;display:inline-block}.zt-image--round{overflow:hidden;border-radius:var(--zt-radius-max)}.zt-image--round .zt-image__img{border-radius:inherit}.zt-image--block{display:block}.zt-image__img,.zt-image__error,.zt-image__loading{display:block;width:100%;height:100%}.zt-image__error,.zt-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-image-placeholder-text-color);font-size:var(--zt-font-size-md);background:var(--zt-image-placeholder-background)}.zt-image__loading-icon,.zt-image__error-icon{font-size:var(--zt-image-icon-font-size)}

package/es/image-preview/ImagePreview.d.ts

@@ -195,11 +195,11 @@ declare const _default: import("vue").DefineComponent<{
     closeOnPopstate: boolean;
     closeIconPosition: PopupCloseIconPosition;
     showIndicators: boolean;
+    swipeDuration: string | number;
     minZoom: string | number;
     maxZoom: string | number;
     images: ImageItem[];
     showIndex: boolean;
-    swipeDuration: string | number;
     startPosition: string | number;
 }, {}>;
 export default _default;

package/es/image-preview/index.css

@@ -1 +1 @@
-:root{--zt-image-preview-index-height: 48px;--zt-image-preview-index-background: var(--zt-gray-a4);--zt-image-preview-index-text-color: var(--zt-white);--zt-image-preview-overlay-background: rgba(0, 0, 0, .9);--zt-image-preview-close-icon-color: var(--zt-gray-5);--zt-image-preview-close-icon-margin: var(--zt-padding-md);--zt-image-preview-close-icon-z-index: 1;--zt-image-preview-error-font-size: 36px}:root[zt-theme-size=large]{--zt-image-preview-error-font-size: 42px}.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image,.zt-image-preview__image-wrap{width:100%;transition-property:transform}.zt-image-preview__image--vertical,.zt-image-preview__image-wrap--vertical{width:auto;height:100%}.zt-image-preview__image img,.zt-image-preview__image-wrap img,.zt-image-preview__image video,.zt-image-preview__image-wrap video{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error,.zt-image-preview__image-wrap .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon,.zt-image-preview__image-wrap .zt-image__error-icon{font-size:var(--zt-image-preview-error-font-size)}.zt-image-preview__image .zt-image__loading,.zt-image-preview__image-wrap .zt-image__loading{background-color:transparent}.zt-image-preview__index{box-sizing:border-box;display:flex;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:var(--zt-image-preview-index-height);padding:0 16px;background-color:var(--zt-image-preview-index-background);color:var(--zt-image-preview-index-text-color);overflow:hidden}.zt-image-preview__index-number{height:var(--zt-line-height-xl);background:rgba(45,75,115,.8);border-radius:2px;font-size:var(--zt-font-size-sm);text-align:center;line-height:var(--zt-line-height-xl);padding:0 8px}.zt-image-preview__title{flex-shrink:0;margin-left:8px;font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-xl)}.zt-image-preview__overlay{background:var(--zt-image-preview-overlay-background)}.zt-image-preview__close-icon{position:absolute;z-index:var(--zt-image-preview-close-icon-z-index);color:var(--zt-image-preview-close-icon-color);font-size:var(--zt-font-size-xxxl)}.zt-image-preview__close-icon--top-left{top:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--top-right{top:var(--zt-image-preview-close-icon-margin);right:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-left{bottom:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-right{right:var(--zt-image-preview-close-icon-margin);bottom:var(--zt-image-preview-close-icon-margin)}
+:root{--zt-image-preview-index-height: 48px;--zt-image-preview-index-background: var(--zt-gray-a4);--zt-image-preview-index-text-color: var(--zt-white);--zt-image-preview-overlay-background: rgba(0, 0, 0, .9);--zt-image-preview-close-icon-color: var(--zt-gray-5);--zt-image-preview-close-icon-margin: var(--zt-padding-md);--zt-image-preview-close-icon-z-index: 1;--zt-image-preview-error-font-size: 36px}:root[zt-theme-size=large]{--zt-image-preview-error-font-size: 42px}.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image,.zt-image-preview__image-wrap{width:100%;transition-property:transform}.zt-image-preview__image--vertical,.zt-image-preview__image-wrap--vertical{width:auto;height:100%}.zt-image-preview__image img,.zt-image-preview__image-wrap img,.zt-image-preview__image video,.zt-image-preview__image-wrap video{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error,.zt-image-preview__image-wrap .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon,.zt-image-preview__image-wrap .zt-image__error-icon{font-size:var(--zt-image-preview-error-font-size)}.zt-image-preview__image .zt-image__loading,.zt-image-preview__image-wrap .zt-image__loading{background-color:transparent}.zt-image-preview__index{box-sizing:border-box;display:flex;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:var(--zt-image-preview-index-height);padding:0 16px;background-color:var(--zt-image-preview-index-background);color:var(--zt-image-preview-index-text-color);overflow:hidden}.zt-image-preview__index-number{height:var(--zt-line-height-xl);background:rgba(45,75,115,.8);border-radius:2px;font-size:var(--zt-font-size-sm);text-align:center;line-height:var(--zt-line-height-xl);padding:0 8px}.zt-image-preview__title{flex-shrink:0;margin-left:8px;font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-image-preview__overlay{background:var(--zt-image-preview-overlay-background)}.zt-image-preview__close-icon{position:absolute;z-index:var(--zt-image-preview-close-icon-z-index);color:var(--zt-image-preview-close-icon-color);font-size:var(--zt-font-size-xxxl)}.zt-image-preview__close-icon--top-left{top:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--top-right{top:var(--zt-image-preview-close-icon-margin);right:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-left{bottom:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-right{right:var(--zt-image-preview-close-icon-margin);bottom:var(--zt-image-preview-close-icon-margin)}

package/es/image-preview/index.d.ts

@@ -132,11 +132,11 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     closeOnPopstate: boolean;
     closeIconPosition: import("..").PopupCloseIconPosition;
     showIndicators: boolean;
+    swipeDuration: string | number;
     minZoom: string | number;
     maxZoom: string | number;
     images: import("./types").ImageItem[];
     showIndex: boolean;
-    swipeDuration: string | number;
     startPosition: string | number;
 }, {}>>;
 export default ImagePreview;

package/es/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/es/index.mjs

@@ -15,6 +15,7 @@ import { ConfigProvider } from "./config-provider/index.mjs";
 import { DateTimePicker } from "./date-time-picker/index.mjs";
 import { Dialog } from "./dialog/index.mjs";
 import { Divider } from "./divider/index.mjs";
+import { DrawerSelect } from "./drawer-select/index.mjs";
 import { DropdownItem } from "./dropdown-item/index.mjs";
 import { DropdownMenu } from "./dropdown-menu/index.mjs";
 import { Empty } from "./empty/index.mjs";
@@ -53,6 +54,7 @@ import { Row } from "./row/index.mjs";
 import { Search } from "./search/index.mjs";
 import { Signature } from "./signature/index.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
+import { Slider } from "./slider/index.mjs";
 import { Step } from "./step/index.mjs";
 import { Stepper } from "./stepper/index.mjs";
 import { Steps } from "./steps/index.mjs";
@@ -72,7 +74,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "3.1.12";
+const version = "3.1.13";
 function install(app) {
   const components = [
     ActionSheet,
@@ -92,6 +94,7 @@ function install(app) {
     DateTimePicker,
     Dialog,
     Divider,
+    DrawerSelect,
     DropdownItem,
     DropdownMenu,
     Empty,
@@ -130,6 +133,7 @@ function install(app) {
     Search,
     Signature,
     Skeleton,
+    Slider,
     Step,
     Stepper,
     Steps,
@@ -175,6 +179,7 @@ export * from "./config-provider/index.mjs";
 export * from "./date-time-picker/index.mjs";
 export * from "./dialog/index.mjs";
 export * from "./divider/index.mjs";
+export * from "./drawer-select/index.mjs";
 export * from "./dropdown-item/index.mjs";
 export * from "./dropdown-menu/index.mjs";
 export * from "./empty/index.mjs";
@@ -214,6 +219,7 @@ export * from "./row/index.mjs";
 export * from "./search/index.mjs";
 export * from "./signature/index.mjs";
 export * from "./skeleton/index.mjs";
+export * from "./slider/index.mjs";
 export * from "./step/index.mjs";
 export * from "./stepper/index.mjs";
 export * from "./steps/index.mjs";

package/es/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/es/media-picker/MediaPicker.mjs

@@ -265,6 +265,9 @@ var stdin_default = defineComponent({
         uniqueCode: getFileUniqueCode(f),
         lastModified: f.lastModified,
         fileSize: f.size,
+        fileName: f.name,
+        originalName: f.name,
+        originalSize: f.size,
         deletable: true,
         message: ""
       };
@@ -310,8 +313,15 @@ var stdin_default = defineComponent({
               uniqueCode: 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);
           });
@@ -595,7 +605,7 @@ var stdin_default = defineComponent({
         const imageIndex = imageList.value.indexOf(media);
         showImagePreview({
           images: imageList.value.map((image) => ({
-            url: image.showSrc || ""
+            url: image.url || image.showSrc || ""
           })),
           startPosition: imageIndex
         });

package/es/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/es/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/es/media-picker/watermark/image-processor.mjs

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { renderWatermark } from "./watermark.mjs";
-import { isIOS } from "../../utils/index.mjs";
+import { getIosVersion, isIOS } from "../../utils/index.mjs";
 import {
   canvas2File,
   file2Image,
@@ -38,7 +38,7 @@ class ImageProcessor {
     if (this.file.size > this.compressOptions.photoFileSizeLimit * 1024) {
       fileType = "image/jpeg";
     }
-    if (isIOS() && fileType === "image/jpeg") {
+    if (isIOS() && fileType === "image/jpeg" && getIosVersion() < "13.4") {
       const reader = new FileReader();
       reader.readAsArrayBuffer(this.file);
       reader.onload = function(_ref) {

package/es/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/es/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/es/multiple-picker/MultiplePicker.mjs

@@ -19,11 +19,13 @@ const multiplePickerProps = {
   closeOnPopstate: truthProp,
   closeOnClickOverlay: truthProp,
   showToolbar: truthProp,
+  showTitle: truthProp,
   options: makeArrayProp(),
   toolbarPosition: makeStringProp("bottom"),
   textKey: makeStringProp("text"),
   columnCounts: makeNumberProp(3),
-  selectedIndex: makeArrayProp([])
+  selectedIndex: makeArrayProp([]),
+  popup: truthProp
 };
 var stdin_default = defineComponent({
   name,
@@ -78,12 +80,14 @@ var stdin_default = defineComponent({
       emit("confirm", options);
     };
     const genTitle = () => {
-      if (slots.title) {
-        return slots.title();
+      if (props.showTitle) {
+        if (slots.title) {
+          return slots.title();
+        }
+        return _createVNode("div", {
+          "class": ["zt-ellipsis", bem("title")]
+        }, [props.title ? props.title : "\u8BF7\u9009\u62E9"]);
       }
-      return _createVNode("div", {
-        "class": ["zt-ellipsis", bem("title")]
-      }, [props.title ? props.title : "\u8BF7\u9009\u62E9"]);
     };
     const genCancel = () => {
       const text = props.cancelButtonText || "\u53D6\u6D88";
@@ -152,16 +156,22 @@ var stdin_default = defineComponent({
     }, [genTitle(), props.loading ? _createVNode(Loading, {
       "class": bem("loading")
     }, null) : "", genOptions(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
-    return () => _createVNode(Popup, {
-      "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 _createVNode(Popup, {
+          "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();
+      }
+    };
   }
 });
 export {

package/es/multiple-picker/MultiplePickerOptions.mjs

@@ -49,7 +49,7 @@ var stdin_default = defineComponent({
       }
       return option;
     };
-    const isOptionDisabled = (option) => isObject(option) && option.disabled;
+    const isOptionDisabled = (option) => props.readonly || isObject(option) && option.disabled;
     const genOptions = () => {
       columnCounts.value = Number(props.columnCounts);
       if (columnCounts.value && columnCounts.value > 3) {
@@ -77,6 +77,7 @@ var stdin_default = 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) : _createVNode("div", childData, null)]);

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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}