zartui 3.1.7 → 3.1.9

package/lib/index.d.ts

@@ -78,4 +78,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.7";
+export const version: "3.1.9";

package/lib/index.js

@@ -170,7 +170,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.7";
+const version = "3.1.9";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,

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/list/List.d.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
+import type { PropType } from 'vue';
 import type { ListDirection } from './types';
 declare const listProps: {
     error: BooleanConstructor;
@@ -8,9 +9,10 @@ declare const listProps: {
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -29,9 +31,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -48,9 +51,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;

package/lib/list/List.js

@@ -34,6 +34,7 @@ const listProps = {
   offset: (0, import_utils.makeNumericProp)(300),
   loading: Boolean,
   finished: Boolean,
+  scroller: Object,
   errorText: String,
   direction: (0, import_utils.makeStringProp)("down"),
   loadingText: String,
@@ -53,6 +54,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const placeholder = (0, import_vue2.ref)();
     const tabStatus = (0, import_use_tab_status.useTabStatus)();
     const scrollParent = (0, import_use.useScrollParent)(root);
+    const scroller = (0, import_vue2.computed)(() => props.scroller || scrollParent.value);
     const check = () => {
       (0, import_vue2.nextTick)(() => {
         if (loading.value || props.finished || props.error || // skip check when inside an inactive tab
@@ -63,7 +65,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           direction
         } = props;
         const offset = +props.offset;
-        const scrollParentRect = (0, import_use.useRect)(scrollParent);
+        const scrollParentRect = (0, import_use.useRect)(scroller);
         if (!scrollParentRect.height || (0, import_utils.isHidden)(root)) {
           return;
         }
@@ -144,7 +146,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       check
     });
     (0, import_use.useEventListener)("scroll", check, {
-      target: scrollParent,
+      target: scroller,
       passive: true
     });
     return () => {

package/lib/list/index.css

@@ -1 +1 @@
-:root{--zt-list-text-color: var(--zt-text-color-a6);--zt-list-text-font-size: var(--zt-font-size-md);--zt-list-text-line-height: 44px;--zt-list-loading-icon-size: 16px}.zt-list__loading,.zt-list__finished-text,.zt-list__error-text{color:var(--zt-list-text-color);font-size:var(--zt-list-text-font-size);line-height:var(--zt-list-text-line-height);text-align:center}.zt-list__placeholder{height:0;pointer-events:none}.zt-list__loading-icon .zt-loading__spinner{width:var(--zt-list-loading-icon-size);height:var(--zt-list-loading-icon-size)}
+:root{--zt-list-text-color: var(--zt-gray-a6);--zt-list-text-font-size: var(--zt-font-size-md);--zt-list-text-line-height: 44px;--zt-list-loading-icon-size: 16px}.zt-list__loading,.zt-list__finished-text,.zt-list__error-text{color:var(--zt-list-text-color);font-size:var(--zt-list-text-font-size);line-height:var(--zt-list-text-line-height);text-align:center}.zt-list__placeholder{height:0;pointer-events:none}.zt-list__loading-icon .zt-loading__spinner{width:var(--zt-list-loading-icon-size);height:var(--zt-list-loading-icon-size)}

package/lib/list/index.d.ts

@@ -7,6 +7,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
     direction: {
         type: import("vue").PropType<import("./types").ListDirection>;
@@ -26,6 +27,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
     direction: {
         type: import("vue").PropType<import("./types").ListDirection>;

package/lib/loading/index.css

@@ -1 +1 @@
-:root{--zt-loading-text-color: var(--zt-text-color-a6);--zt-loading-text-font-size: var(--zt-font-size-md);--zt-loading-spinner-color: var(--zt-text-color-a4);--zt-loading-spinner-size: 36px;--zt-loading-spinner-duration: .8s;--zt-loading-text-line-height: 20px}.zt-loading{position:relative;color:var(--zt-loading-spinner-color);font-size:0;vertical-align:middle}.zt-loading__spinner{position:relative;display:inline-block;width:var(--zt-loading-spinner-size);max-width:100%;height:var(--zt-loading-spinner-size);max-height:100%;vertical-align:middle;animation:zt-rotate var(--zt-loading-spinner-duration) linear infinite}.zt-loading__spinner--spinner{animation-timing-function:steps(12)}.zt-loading__spinner--circular{animation-duration:2s}.zt-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.zt-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.zt-loading__circular{display:block;width:100%;height:100%}.zt-loading__circular circle{animation:zt-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.zt-loading__snake{display:block;width:100%;height:100%}.zt-loading__text{display:inline-block;margin-left:var(--zt-padding-base);color:var(--zt-loading-text-color);font-size:var(--zt-loading-text-font-size);line-height:var(--zt-loading-text-line-height);vertical-align:middle}.zt-loading--vertical{display:flex;flex-direction:column;align-items:center}.zt-loading--vertical .zt-loading__text{margin:var(--zt-padding-base) 0 0}.zt-loading--horizontal-with-text .zt-loading__spinner--snake{width:20px;height:20px}@keyframes zt-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.zt-loading__spinner--spinner i:nth-of-type(1){transform:rotate(30deg);opacity:1}.zt-loading__spinner--spinner i:nth-of-type(2){transform:rotate(60deg);opacity:.9375}.zt-loading__spinner--spinner i:nth-of-type(3){transform:rotate(90deg);opacity:.875}.zt-loading__spinner--spinner i:nth-of-type(4){transform:rotate(120deg);opacity:.8125}.zt-loading__spinner--spinner i:nth-of-type(5){transform:rotate(150deg);opacity:.75}.zt-loading__spinner--spinner i:nth-of-type(6){transform:rotate(180deg);opacity:.6875}.zt-loading__spinner--spinner i:nth-of-type(7){transform:rotate(210deg);opacity:.625}.zt-loading__spinner--spinner i:nth-of-type(8){transform:rotate(240deg);opacity:.5625}.zt-loading__spinner--spinner i:nth-of-type(9){transform:rotate(270deg);opacity:.5}.zt-loading__spinner--spinner i:nth-of-type(10){transform:rotate(300deg);opacity:.4375}.zt-loading__spinner--spinner i:nth-of-type(11){transform:rotate(330deg);opacity:.375}.zt-loading__spinner--spinner i:nth-of-type(12){transform:rotate(360deg);opacity:.3125}
+:root{--zt-loading-text-color: var(--zt-gray-a6);--zt-loading-text-font-size: var(--zt-font-size-md);--zt-loading-spinner-color: var(--zt-gray-a4);--zt-loading-spinner-size: 36px;--zt-loading-spinner-duration: .8s;--zt-loading-text-line-height: 20px}.zt-loading{position:relative;color:var(--zt-loading-spinner-color);font-size:0;vertical-align:middle}.zt-loading__spinner{position:relative;display:inline-block;width:var(--zt-loading-spinner-size);max-width:100%;height:var(--zt-loading-spinner-size);max-height:100%;vertical-align:middle;animation:zt-rotate var(--zt-loading-spinner-duration) linear infinite}.zt-loading__spinner--spinner{animation-timing-function:steps(12)}.zt-loading__spinner--circular{animation-duration:2s}.zt-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.zt-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.zt-loading__circular{display:block;width:100%;height:100%}.zt-loading__circular circle{animation:zt-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.zt-loading__snake{display:block;width:100%;height:100%}.zt-loading__text{display:inline-block;margin-left:var(--zt-padding-base);color:var(--zt-loading-text-color);font-size:var(--zt-loading-text-font-size);line-height:var(--zt-loading-text-line-height);vertical-align:middle}.zt-loading--vertical{display:flex;flex-direction:column;align-items:center}.zt-loading--vertical .zt-loading__text{margin:var(--zt-padding-base) 0 0}.zt-loading--horizontal-with-text .zt-loading__spinner--snake{width:20px;height:20px}@keyframes zt-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.zt-loading__spinner--spinner i:nth-of-type(1){transform:rotate(30deg);opacity:1}.zt-loading__spinner--spinner i:nth-of-type(2){transform:rotate(60deg);opacity:.9375}.zt-loading__spinner--spinner i:nth-of-type(3){transform:rotate(90deg);opacity:.875}.zt-loading__spinner--spinner i:nth-of-type(4){transform:rotate(120deg);opacity:.8125}.zt-loading__spinner--spinner i:nth-of-type(5){transform:rotate(150deg);opacity:.75}.zt-loading__spinner--spinner i:nth-of-type(6){transform:rotate(180deg);opacity:.6875}.zt-loading__spinner--spinner i:nth-of-type(7){transform:rotate(210deg);opacity:.625}.zt-loading__spinner--spinner i:nth-of-type(8){transform:rotate(240deg);opacity:.5625}.zt-loading__spinner--spinner i:nth-of-type(9){transform:rotate(270deg);opacity:.5}.zt-loading__spinner--spinner i:nth-of-type(10){transform:rotate(300deg);opacity:.4375}.zt-loading__spinner--spinner i:nth-of-type(11){transform:rotate(330deg);opacity:.375}.zt-loading__spinner--spinner i:nth-of-type(12){transform:rotate(360deg);opacity:.3125}

package/lib/media-picker/index.css

@@ -1 +1 @@
-:root{--zt-media-picker-image-color: #2d4b73;--zt-media-picker-button-background: linear-gradient(135deg, #e6ebf0 0%, #fff 100%, #fff 100%);--zt-media-picker-button-box-shadow: -4px -4px 8px 0 #fff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--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 rgba(45, 75, 115, .24)}.zt-media-picker__hidden{display:none}.zt-media-picker__title{position:relative;height:44px;line-height:44px;font-weight:700;font-size:16px;color:var(--zt-text-color);padding:0 16px}.zt-media-picker__title:before{position:absolute;width:4px;height:16px;background:var(--zt-blue);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:92px;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:48px;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:48px;height:48px;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:32px;height:32px;color:var(--zt-media-picker-image-color)}.zt-media-picker__label{margin-top:8px;font-size:12px;color:var(--zt-gray-a8);letter-spacing:0;text-align:center;line-height:16px;-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-uploader-mask-icon-size)}.zt-media-picker__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-uploader-mask-message-font-size);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-image-color: #ffffff;--zt-media-picker-button-background: linear-gradient(135deg, #111c29 0%, #1d2c3e 100%, #1c2a3c 100%);--zt-media-picker-button-box-shadow: -4px -4px 8px 0 #ffffff14, 4px 4px 8px 0 #000c18cc;--zt-media-picker-button-border: 1px solid #ffffff1f;--zt-media-picker-button-active-border: 1px solid #ffffff1f;--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__hidden{display:none}.zt-media-picker__title{position:relative;height:44px;line-height:44px;font-weight:700;font-size:16px;color:var(--zt-text-color);padding:0 16px}.zt-media-picker__title:before{position:absolute;width:4px;height:16px;background:var(--zt-blue);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:92px;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:48px;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:48px;height:48px;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:32px;height:32px;color:var(--zt-media-picker-image-color)}.zt-media-picker__label{margin-top:8px;font-size:12px;color:var(--zt-gray-a8);letter-spacing:0;text-align:center;line-height:16px;-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-uploader-mask-icon-size)}.zt-media-picker__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-uploader-mask-message-font-size);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/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-default);--zt-multiple-picker-background-color: var(--zt-white);--zt-multiple-picker-toolbar-height: 44px;--zt-multiple-picker-action-padding: 0 var(--zt-padding-md);--zt-multiple-picker-title-font-size: var(--zt-font-size-md);--zt-multiple-picker-title-opacity: var(--zt-disabled-opacity);--zt-multiple-picker-title-padding: 12px 0;--zt-multiple-picker-title-line-height: var(--zt-line-height-md);--zt-multiple-picker-item-padding: 0 4px 8px 0;--zt-multiple-picker-action-font-size: var(--zt-font-size-md);--zt-multiple-picker-confirm-action-font-weight: var(--zt-font-bold);--zt-multiple-picker-confirm-action-color: var(--zt-blue);--zt-multiple-picker-cancel-action-font-weight: normal;--zt-multiple-picker-cancel-action-color: var(--zt-black);--zt-multiple-picker-option-font-size: var(--zt-font-size-md);--zt-multiple-picker-option-disabled-opacity: .3;--zt-multiple-picker-option-active-opacity: .7;--zt-multiple-picker-max-height: 84vh;--zt-multiple-picker-loading-icon-color: var(--zt-blue);--zt-multiple-picker-loading-index: 3;--zt-multiple-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-multiple-picker-toolbar-padding: 8px 16px;--zt-multiple-picker-ellipsis-border-radius: 18px;--zt-multiple-picker-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-multiple-picker-ellipsis-line-height: 20px;--zt-multiple-picker-title-background: var(--zt-white)}.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__cancel,.zt-multiple-picker__confirm{height:100%;padding:var(--zt-multiple-picker-action-padding);font-size:var(--zt-multiple-picker-action-font-size);background-color:transparent;border:none;cursor:pointer}.zt-multiple-picker__cancel:active,.zt-multiple-picker__confirm:active{opacity:var(--zt-multiple-picker-option-active-opacity)}.zt-multiple-picker__confirm{color:var(--zt-multiple-picker-confirm-action-color);font-weight:var(--zt-multiple-picker-confirm-action-font-weight)}.zt-multiple-picker__cancel{color:var(--zt-multiple-picker-cancel-action-color);font-weight:var(--zt-multiple-picker-cancel-action-font-weight)}.zt-multiple-picker__title{flex-shrink:0;font-weight:var(--zt-multiple-picker-cancel-action-font-weight);font-size:var(--zt-multiple-picker-title-font-size);line-height:var(--zt-multiple-picker-title-line-height);text-align:center;background:var(--zt-multiple-picker-title-background);color:var(--zt-gray-default);opacity:var(--zt-multiple-picker-title-opacity);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-multiple-picker-option-font-size);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{line-height:var(--zt-multiple-picker-ellipsis-line-height);border-radius:var(--zt-multiple-picker-ellipsis-border-radius);border:var(--zt-multiple-picker-ellipsis-border);padding:var(--zt-multiple-picker-toolbar-padding);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 .zt-ellipsis{background:rgba(0,145,250,.1);border:1px solid rgba(0,145,250,.6);border-radius:var(--zt-multiple-picker-ellipsis-border-radius);color:var(--zt-blue);opacity:1}.zt-theme-dark{--zt-multiple-picker-title-background: var(--zt-background-2);--zt-multiple-picker-title-opacity: 1;--zt-multiple-picker-background-color: var(--zt-background-2);--zt-multiple-picker-option-text-color: var(--zt-white);--zt-multiple-picker-cancel-action-color: rgba(255, 255, 255, .04);--zt-multiple-picker-ellipsis-border: .5px solid rgba(255, 255, 255, .2)}
+: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-action-padding: 0 var(--zt-padding-md);--zt-multiple-picker-title-text-color: var(--zt-gray-a4);--zt-multiple-picker-title-font-size: var(--zt-font-size-md);--zt-multiple-picker-title-padding: 12px 0;--zt-multiple-picker-title-line-height: var(--zt-line-height-md);--zt-multiple-picker-item-padding: 0 4px 8px 0;--zt-multiple-picker-action-font-size: var(--zt-font-size-md);--zt-multiple-picker-option-font-size: var(--zt-font-size-md);--zt-multiple-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-multiple-picker-option-active-opacity: var(--zt-active-opacity);--zt-multiple-picker-max-height: 84vh;--zt-multiple-picker-loading-icon-color: var(--zt-blue);--zt-multiple-picker-loading-index: 3;--zt-multiple-picker-loading-mask-color: var(--zt-picker-loading-mask-color);--zt-multiple-picker-toolbar-padding: 8px 16px;--zt-multiple-picker-ellipsis-border-radius: 18px;--zt-multiple-picker-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-multiple-picker-ellipsis-line-height: 20px;--zt-multiple-picker-title-background: var(--zt-background-2)}.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-multiple-picker-title-font-size);line-height:var(--zt-multiple-picker-title-line-height);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-multiple-picker-option-font-size);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{line-height:var(--zt-multiple-picker-ellipsis-line-height);border-radius:var(--zt-multiple-picker-ellipsis-border-radius);border:var(--zt-multiple-picker-ellipsis-border);padding:var(--zt-multiple-picker-toolbar-padding)}.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)}

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

@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<{
     onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
-    leftIcon: boolean;
     border: boolean;
+    leftIcon: boolean;
     rightIcon: boolean;
     placeholder: boolean;
     safeAreaInsetTop: boolean;

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

@@ -39,8 +39,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
-    leftIcon: boolean;
     border: boolean;
+    leftIcon: boolean;
     rightIcon: boolean;
     placeholder: boolean;
     safeAreaInsetTop: boolean;

package/lib/notify/Notify.d.ts

@@ -124,8 +124,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: NotifyType;
     position: NotifyPosition;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;

package/lib/notify/index.d.ts

@@ -81,8 +81,8 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
 }, {
     type: import("./types").NotifyType;
     position: import("./types").NotifyPosition;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;

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" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete")[], "input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "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: {
@@ -143,13 +143,13 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
 }, {
     theme: NumberKeyboardTheme;
+    show: boolean;
     maxlength: string | number;
     modelValue: string;
-    show: boolean;
     transition: boolean;
     safeAreaInsetBottom: boolean;
     blurOnClose: boolean;

package/lib/number-keyboard/NumberKeyboard.js

@@ -35,7 +35,6 @@ var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_NumberKeyboardKey = __toESM(require("./NumberKeyboardKey"));
-var import_Button = __toESM(require("../button/Button"));
 var import_toast = require("../toast");
 const [name, bem] = (0, import_utils.createNamespace)("number-keyboard");
 const numberKeyboardProps = {
@@ -158,13 +157,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const renderTitle = () => {
       const {
-        title,
-        theme,
-        closeButtonText
+        title
       } = props;
       const leftSlot = slots["title-left"];
-      const showClose = closeButtonText && theme === "default";
-      const showTitle = title || showClose || leftSlot;
+      const showTitle = title || leftSlot;
       if (!showTitle) {
         return;
       }
@@ -172,7 +168,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("header")
       }, [leftSlot && (0, import_vue.createVNode)("span", {
         "class": bem("title-left")
-      }, [leftSlot()]), title && (0, import_vue.createVNode)("h2", {
+      }, [leftSlot()]), title && (0, import_vue.createVNode)("div", {
         "class": bem("title")
       }, [title])]);
     };
@@ -227,11 +223,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     return () => {
       const Title = renderTitle();
       const {
-        theme,
-        closeButtonText,
         title
       } = props;
-      const showClose = closeButtonText && theme === "default";
       const Content = (0, import_vue.createVNode)(import_vue2.Transition, {
         "name": props.transition ? "zt-slide-up" : ""
       }, {
@@ -248,15 +241,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "class": [bem("body"), title ? "" : bem("body-no-title")]
         }, [(0, import_vue.createVNode)("div", {
           "class": bem("keys")
-        }, [renderKeys()]), renderSidebar()]), showClose && (0, import_vue.createVNode)("div", {
-          "class": bem("finish-button-box")
-        }, [(0, import_vue.createVNode)(import_Button.default, {
-          "type": "primary",
-          "block": true,
-          "text": closeButtonText,
-          "class": [bem("finish-button"), import_utils.HAPTICS_FEEDBACK],
-          "onClick": onClose
-        }, null)])]), [[import_vue.vShow, props.show]])]
+        }, [renderKeys()]), renderSidebar()])]), [[import_vue.vShow, props.show]])]
       });
       if (props.teleport) {
         return (0, import_vue.createVNode)(import_vue2.Teleport, {

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

@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onPress?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     large: boolean;
+    loading: boolean;
     wider: boolean;
 }, {}>;
 export default _default;

package/lib/number-keyboard/index.css

@@ -1 +1 @@
-:root{--zt-number-keyboard-background: #edf3fa;--zt-number-keyboard-key-height: 44px;--zt-number-keyboard-key-font-size: 24px;--zt-number-keyboard-key-active-color: var(--zt-gray-3);--zt-number-keyboard-key-background: var(--zt-background-2);--zt-number-keyboard-delete-font-size: 20px;--zt-number-keyboard-title-color: var(--zt-gray-7);--zt-number-keyboard-title-height: 34px;--zt-number-keyboard-title-font-size: 14px;--zt-number-keyboard-close-padding: 0 var(--zt-padding-md);--zt-number-keyboard-close-color: var(--zt-link-color);--zt-number-keyboard-close-font-size: var(--zt-font-size-md);--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-key-font-color: var(--zt-text-color)}.zt-theme-dark{--zt-number-keyboard-background: var(--zt-gray-default);--zt-number-keyboard-key-background: var(--zt-gray-7);--zt-number-keyboard-key-active-color: var(--zt-gray-6)}.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-title-height);padding-top:2px;color:var(--zt-number-keyboard-title-color)}.zt-number-keyboard__title{display:inline-block;font-weight:400;color:#2d4b73;opacity:.6;line-height:20px;font-size:var(--zt-number-keyboard-title-font-size)}.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__close{position:absolute;right:0;height:100%;padding:var(--zt-number-keyboard-close-padding);color:var(--zt-number-keyboard-close-color);font-size:var(--zt-number-keyboard-close-font-size);background-color:transparent;border:none}.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:40px;background:var(--zt-number-keyboard-key-background);border-radius:var(--zt-radius-md);cursor:pointer;color:var(--zt-key-font-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-number-keyboard-delete-font-size)}.zt-key--active{background-color:var(--zt-number-keyboard-key-active-color)}.zt-key--blue{color:var(--zt-number-keyboard-button-text-color);background:var(--zt-number-keyboard-button-background);line-height:28px;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__finish-button-box{padding:4px 16px 12px}.zt-number-keyboard__no-title{padding-bottom:0}
+:root{--zt-number-keyboard-background: var(--zt-background-3);--zt-number-keyboard-key-height: 44px;--zt-number-keyboard-key-font-size: 24px;--zt-number-keyboard-key-background: var(--zt-background-card);--zt-number-keyboard-delete-font-size: 20px;--zt-number-keyboard-title-color: var(--zt-gray-a6);--zt-number-keyboard-title-height: 34px;--zt-number-keyboard-title-font-size: 14px;--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{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-title-height);padding-top:2px;color:var(--zt-number-keyboard-title-color);font-size:var(--zt-number-keyboard-title-font-size);line-height:var(--zt-number-keyboard-title-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-number-keyboard-delete-font-size)}.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:28px;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" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete")[], "input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "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: {
@@ -94,13 +94,13 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
 }, {
     theme: import("./NumberKeyboard").NumberKeyboardTheme;
+    show: boolean;
     maxlength: string | number;
     modelValue: string;
-    show: boolean;
     transition: boolean;
     safeAreaInsetBottom: boolean;
     blurOnClose: boolean;

package/lib/number-keyboard/style/index.js

@@ -5,5 +5,4 @@ require("../../overlay/index.css");
 require("../../popup/index.css");
 require("../../loading/index.css");
 require("../../toast/index.css");
-require("../../button/index.css");
 require("../index.css");

package/lib/picker/index.css

@@ -1 +1 @@
-:root{--zt-picker-cancel-margin: 8px 4px 8px 16px;--zt-picker-confirm-margin: 8px 16px 8px 4px;--zt-picker-title-height: 44px;--zt-picker-title-border-radius: 16px 16px 0 0;--zt-picker-frame-background-color: var(--zt-gray-a04);--zt-picker-cancel-background-color: var(--zt-white);--zt-picker-title-text-color: var(--zt-gray-a4);--zt-picker-background: var(--zt-background-2);--zt-picker-toolbar-height: 60px;--zt-picker-title-font-size: var(--zt-font-size-md);--zt-picker-title-background: var(--zt-white);--zt-picker-title-line-height: var(--zt-line-height-md);--zt-picker-action-padding: 0 var(--zt-padding-md);--zt-picker-action-font-size: var(--zt-font-size-lg);--zt-picker-confirm-action-color: var(--zt-white);--zt-picker-cancel-action-color: var(--zt-text-color);--zt-picker-option-font-size: var(--zt-font-size-lg);--zt-picker-option-padding: 0 var(--zt-padding-base);--zt-picker-option-text-color: var(--zt-text-color);--zt-picker-option-disabled-opacity: .3;--zt-picker-loading-icon-color: var(--zt-primary-color);--zt-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-picker-unit-font-size: var(--zt-font-size-md)}.zt-theme-dark{--zt-picker-selected-background: rgba(255, 255, 255, .08);--zt-picker-title-background: var(--zt-background-2);--zt-picker-title-text-color: var(--zt-gray-default);--zt-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.zt-picker{position:relative;background:var(--zt-picker-background);-webkit-user-select:none;user-select:none}.zt-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-picker-toolbar-height)}.zt-picker__cancel,.zt-picker__confirm{width:50%}.zt-picker__cancel{background:var(--zt-button-default-background);margin:var(--zt-picker-cancel-margin)}.zt-picker__confirm{margin:var(--zt-picker-confirm-margin)}.zt-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-picker-title-height);border-radius:var(--zt-picker-title-border-radius);font-size:var(--zt-picker-title-font-size);background:var(--zt-picker-title-background);color:var(--zt-picker-title-text-color)}.zt-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.zt-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-picker-loading-icon-color);background:var(--zt-picker-loading-mask-color)}.zt-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-picker-frame-background-color)}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-picker-column{position:relative;flex:1;overflow:hidden;font-size:var(--zt-picker-option-font-size);background:var(--zt-picker-background)}.zt-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-picker-option-padding);color:var(--zt-picker-option-text-color)}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-picker-option-disabled-opacity)}.zt-picker-column__item--selected{font-weight:700;background:var(--zt-picker-selected-background)}.zt-picker-column__unit{background:var(--zt-picker-title-background);position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--zt-picker-option-text-color);font-size:var(--zt-picker-option-font-size);width:100%;height:100%}.zt-picker-column__unit-text{margin:0 4px;font-size:var(--zt-picker-unit-font-size)}
+:root{--zt-picker-cancel-margin: 8px 4px 8px 16px;--zt-picker-confirm-margin: 8px 16px 8px 4px;--zt-picker-title-height: 44px;--zt-picker-title-border-radius: 16px 16px 0 0;--zt-picker-frame-background-color: var(--zt-gray-a06);--zt-picker-cancel-background-color: var(--zt-white);--zt-picker-title-text-color: var(--zt-gray-a4);--zt-picker-background: var(--zt-background-2);--zt-picker-toolbar-height: 60px;--zt-picker-title-font-size: var(--zt-font-size-md);--zt-picker-title-background: var(--zt-background-2);--zt-picker-title-line-height: var(--zt-line-height-md);--zt-picker-action-padding: 0 var(--zt-padding-md);--zt-picker-action-font-size: var(--zt-font-size-lg);--zt-picker-confirm-action-color: var(--zt-white);--zt-picker-cancel-action-color: var(--zt-text-color);--zt-picker-option-font-size: var(--zt-font-size-lg);--zt-picker-option-padding: 0 var(--zt-padding-base);--zt-picker-option-text-color: var(--zt-text-color);--zt-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-picker-loading-icon-color: var(--zt-primary-color);--zt-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-picker-unit-font-size: var(--zt-font-size-md)}.zt-theme-dark{--zt-picker-loading-mask-color: rgba(0, 0, 0, .6);--zt-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))}.zt-picker{position:relative;background:var(--zt-picker-background);-webkit-user-select:none;user-select:none}.zt-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-picker-toolbar-height)}.zt-picker__cancel,.zt-picker__confirm{width:50%}.zt-picker__cancel{background:var(--zt-button-default-background);margin:var(--zt-picker-cancel-margin)}.zt-picker__confirm{margin:var(--zt-picker-confirm-margin)}.zt-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-picker-title-height);border-radius:var(--zt-picker-title-border-radius);font-size:var(--zt-picker-title-font-size);background:var(--zt-picker-title-background);color:var(--zt-picker-title-text-color)}.zt-picker__columns{position:relative;display:flex;cursor:-webkit-grab;cursor:grab}.zt-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-picker-loading-icon-color);background:var(--zt-picker-loading-mask-color)}.zt-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-picker-frame-background-color)}.zt-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-picker-column{position:relative;flex:1;overflow:hidden;font-size:var(--zt-picker-option-font-size);background:var(--zt-picker-background)}.zt-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-picker-option-padding);color:var(--zt-picker-option-text-color)}.zt-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-picker-option-disabled-opacity)}.zt-picker-column__item--selected{font-weight:700}.zt-picker-column__unit{background:var(--zt-picker-title-background);position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--zt-picker-option-text-color);font-size:var(--zt-picker-option-font-size);width:100%;height:100%}.zt-picker-column__unit-text{margin:0 4px;font-size:var(--zt-picker-unit-font-size)}

package/lib/popover/Popover.d.ts

@@ -162,8 +162,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     offset: [number, number];
     theme: PopoverTheme;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     closeOnClickOverlay: boolean;
     actions: PopoverAction[];

package/lib/popover/Popover.js

@@ -47,10 +47,12 @@ var import_vue3 = require("@floating-ui/vue");
 var import_popperjs = require("@zartui/popperjs");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
+var import_use_scope_id = require("../composables/use-scope-id");
+var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
 var import_icon = require("../icon");
 var import_popup = require("../popup");
 const [name, bem] = (0, import_utils.createNamespace)("popover");
-const popupProps = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
 const popoverProps = {
   show: Boolean,
   theme: (0, import_utils.makeStringProp)("light"),
@@ -93,6 +95,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const wrapperRef = (0, import_vue2.ref)();
     const popoverRef = (0, import_vue2.ref)();
     const arrowRef = (0, import_vue2.ref)();
+    const show = (0, import_use_sync_prop_ref.useSyncPropRef)(() => props.show, (value) => emit("update:show", value));
     const getPopoverOptions = () => ({
       placement: props.placement,
       modifiers: [{
@@ -115,7 +118,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const updateLocation = () => {
       (0, import_vue2.nextTick)(() => {
-        if (!props.show) {
+        if (!show.value) {
           return;
         }
         if (!popper) {
@@ -129,10 +132,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       });
     };
-    const updateShow = (value) => emit("update:show", value);
+    const updateShow = (value) => {
+      show.value = value;
+    };
     const onClickWrapper = () => {
       if (props.trigger === "click") {
-        updateShow(!props.show);
+        show.value = !show.value;
       }
     };
     const onClickAction = (action, index) => {
@@ -145,12 +150,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       action.selected = true;
       emit("select", action, index);
       if (props.closeOnClickAction) {
-        updateShow(false);
+        show.value = false;
       }
     };
     const onClickAway = () => {
-      if (props.show && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
-        updateShow(false);
+      if (show.value && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
+        show.value = false;
       }
     };
     const renderActionContent = (action, index) => {
@@ -267,7 +272,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         popper = null;
       }
     });
-    (0, import_vue2.watch)(() => [props.show, props.offset, props.placement], updateLocation);
+    (0, import_vue2.watch)(() => [show.value, props.offset, props.placement], updateLocation);
     (0, import_use.useClickAway)(wrapperRef, onClickAway, {
       eventName: "touchstart"
     });
@@ -279,14 +284,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": onClickWrapper
       }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
         "ref": popoverRef,
-        "class": bem([props.theme, props.show ? "show" : "hidden"]),
+        "show": show.value,
+        "class": bem([props.theme, show.value ? "show" : "hidden"]),
         "position": "",
         "transition": "zt-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
-      }, attrs, (0, import_utils.pick)(props, popupProps), {
-        "show": true
-      }), {
+      }, attrs, (0, import_use_scope_id.useScopeId)(), (0, import_utils.pick)(props, popupProps)), {
         default: () => [props.showArrow && (0, import_vue.createVNode)("div", {
           "class": bem("arrow"),
           "ref": arrowRef

package/lib/popover/index.d.ts

@@ -107,8 +107,8 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
 }, {
     offset: [number, number];
     theme: import("./types").PopoverTheme;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     closeOnClickOverlay: boolean;
     actions: import("./types").PopoverAction[];

package/lib/popup/Popup.d.ts

@@ -187,13 +187,13 @@ declare const _default: import("vue").DefineComponent<{
     onClickCloseIcon?: ((...args: any[]) => any) | undefined;
 }, {
     position: PopupPosition;
-    show: boolean;
     overlay: boolean;
+    round: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    round: boolean;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;