zartui 3.1.23 → 3.1.24

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

@@ -1,4 +1,4 @@
-export declare const MediaPicker: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const MediaPicker: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     useFileNameAsLabel: BooleanConstructor;
@@ -65,7 +65,8 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./type").MediaSizeType>;
         default: import("./type").MediaSizeType;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:mediaList")[], "delete" | "update:mediaList", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    mediaPlayerProps: import("vue").PropType<Partial<import("..").MediaPlayerProps>>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:mediaList")[], "delete" | "update:mediaList", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     useFileNameAsLabel: BooleanConstructor;
@@ -132,10 +133,11 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./type").MediaSizeType>;
         default: import("./type").MediaSizeType;
     };
-}>> & {
+    mediaPlayerProps: import("vue").PropType<Partial<import("..").MediaPlayerProps>>;
+}>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
     "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     disabled: boolean;
     showTitle: boolean;
@@ -158,7 +160,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     allowPickFile: boolean;
     useWx: boolean;
     imageSizeType: import("./type").MediaSizeType;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default MediaPicker;
 export type { MediaPickerProps } from './MediaPicker';
 export type { Media, MediaType, MediaAddType, MediaUploadStatus, MediaPreview, MediaPick, MediaBeforeRead, MediaAfterRead, MediaBeforeDelete, MediaPickerThemeVars, MediaSizeType, } from './type';

package/lib/media-player/MediaPlayer.d.ts

@@ -10,9 +10,14 @@ declare const mediaPlayerProps: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
 };
 export type MediaPlayerProps = ExtractPropTypes<typeof mediaPlayerProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     show: BooleanConstructor;
     mediaType: {
         type: import("vue").PropType<MediaType>;
@@ -22,7 +27,12 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     mediaType: {
         type: import("vue").PropType<MediaType>;
@@ -32,11 +42,17 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-}>> & {
+    /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>> & Readonly<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     show: boolean;
+    controlsList: string[];
     mediaType: MediaType;
     mediaUrl: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/media-player/MediaPlayer.js

@@ -37,7 +37,9 @@ var import_popup = __toESM(require("../popup"));
 const mediaPlayerProps = {
   show: Boolean,
   mediaType: (0, import_utils.makeStringProp)("file"),
-  mediaUrl: (0, import_utils.makeStringProp)("")
+  mediaUrl: (0, import_utils.makeStringProp)(""),
+  /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
+  controlsList: (0, import_utils.makeArrayProp)([])
 };
 const [name, bem] = (0, import_utils.createNamespace)("media-player");
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -95,6 +97,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "src": props.mediaUrl,
             "ref": videoRef,
             "controls": true,
+            "controlslist": props.controlsList.join(" "),
             "autoplay": true,
             "id": "video",
             "webkit-playsinline": true,
@@ -106,6 +109,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "src": props.mediaUrl,
             "ref": audioRef,
             "controls": true,
+            "controlslist": props.controlsList.join(" "),
             "autoplay": true,
             "id": "audio"
           }, [(0, import_vue.createTextVNode)("\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301audio\u6807\u7B7E")]);

package/lib/media-player/index.d.ts

@@ -1,4 +1,4 @@
-export declare const MediaPlayer: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const MediaPlayer: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     mediaType: {
         type: import("vue").PropType<import("..").MediaType>;
@@ -8,7 +8,11 @@ export declare const MediaPlayer: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     mediaType: {
         type: import("vue").PropType<import("..").MediaType>;
@@ -18,13 +22,18 @@ export declare const MediaPlayer: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string>;
         default: string;
     };
-}>> & {
+    controlsList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>> & Readonly<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     show: boolean;
+    controlsList: string[];
     mediaType: import("..").MediaType;
     mediaUrl: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default MediaPlayer;
 export type { MediaPlayerProps } from './MediaPlayer';
 declare module 'vue' {

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

@@ -62,7 +62,7 @@ declare const multiplePickerProps: {
     };
 };
 export type MultiplePickerProps = ExtractPropTypes<typeof multiplePickerProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -121,7 +121,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -180,14 +180,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
@@ -204,5 +204,5 @@ declare const _default: import("vue").DefineComponent<{
     toolbarPosition: string;
     selectedIndex: number[];
     selectedValue: Numeric[];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/multiple-picker/MultiplePicker.js

@@ -31,7 +31,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_format = require("../utils/format");
 var import_deep_clone = require("../utils/deep-clone");
@@ -61,7 +60,7 @@ const multiplePickerProps = {
   selectedValue: (0, import_utils.makeArrayProp)([]),
   popup: import_utils.truthProp
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: multiplePickerProps,
   emits: ["cancel", "confirm", "change", "update:showPicker", "update:selectedIndex", "update:selectedValue"],
@@ -69,8 +68,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const confirmIndexes = (0, import_vue2.ref)(props.selectedIndex);
-    const confirmValues = (0, import_vue2.ref)(props.selectedValue);
+    const confirmIndexes = (0, import_vue.ref)(props.selectedIndex);
+    const confirmValues = (0, import_vue.ref)(props.selectedValue);
     const getIndexesByValues = () => {
       var _a;
       if (confirmValues.value && confirmValues.value.length > 0) {
@@ -83,10 +82,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     getIndexesByValues();
-    const pickerOptions = (0, import_vue2.ref)();
-    const currentShow = (0, import_vue2.ref)(props.showPicker);
-    const DEFAULT_ITEM_HEIGHT = (0, import_vue2.ref)(36);
-    (0, import_vue2.watch)(currentShow, (newValue) => {
+    const pickerOptions = (0, import_vue.ref)();
+    const currentShow = (0, import_vue.ref)(props.showPicker);
+    const DEFAULT_ITEM_HEIGHT = (0, import_vue.ref)(36);
+    (0, import_vue.watch)(currentShow, (newValue) => {
       if (newValue !== props.showPicker) {
         emit("update:showPicker", newValue);
       }
@@ -94,14 +93,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       confirmValues.value = (0, import_deep_clone.deepClone)(props.selectedValue);
       getIndexesByValues();
     });
-    (0, import_vue2.watch)(() => props.showPicker, (newValue) => {
+    (0, import_vue.watch)(() => props.showPicker, (newValue) => {
       var _a;
       if (newValue !== currentShow.value) {
         currentShow.value = newValue;
       }
       (_a = pickerOptions.value) == null ? void 0 : _a.setConfirmIndex(confirmIndexes.value);
     });
-    const itemPxHeight = (0, import_vue2.computed)(() => {
+    const itemPxHeight = (0, import_vue.computed)(() => {
       props.itemHeight ? (0, import_format.unitToPx)(Number(props.itemHeight)) : DEFAULT_ITEM_HEIGHT;
     });
     const onCancel = () => {

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

@@ -24,7 +24,7 @@ declare const multiplePickerOptionsProps: {
     };
 };
 export type MultiplePickerOptionsProps = ExtractPropTypes<typeof multiplePickerOptionsProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     textKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:currentIndexes")[], "change" | "update:currentIndexes", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:currentIndexes")[], "change" | "update:currentIndexes", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     textKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -70,10 +70,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number[]>;
         default: () => number[];
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:currentIndexes"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly: boolean;
     allowHtml: boolean;
     textKey: string;
@@ -81,5 +81,5 @@ declare const _default: import("vue").DefineComponent<{
     columnCounts: number;
     initialOptions: object[];
     currentIndexes: number[];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/multiple-picker/MultiplePickerOptions.js

@@ -21,7 +21,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_deep_clone = require("../utils/deep-clone");
 var import_use_expose = require("../composables/use-expose");
@@ -35,7 +34,7 @@ const multiplePickerOptionsProps = {
   initialOptions: (0, import_utils.makeArrayProp)([]),
   currentIndexes: (0, import_utils.makeArrayProp)([])
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: multiplePickerOptionsProps,
   emits: ["change", "update:currentIndexes"],
@@ -43,12 +42,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const state = (0, import_vue2.reactive)({
+    const state = (0, import_vue.reactive)({
       options: props.initialOptions,
       confirmed: false
     });
-    const currentIndexes = (0, import_vue2.ref)(props.currentIndexes);
-    const columnCounts = (0, import_vue2.ref)(props.columnCounts);
+    const currentIndexes = (0, import_vue.ref)(props.currentIndexes);
+    const columnCounts = (0, import_vue.ref)(props.columnCounts);
     const onClickItem = (index) => {
       if (props.readonly) {
         return;

package/lib/multiple-picker/index.css

@@ -1 +1 @@
-:root{--zt-multiple-picker-warpper-padding: 12px 16px 4px 16px;--zt-multiple-picker-option-text-color: var(--zt-gray-a6);--zt-multiple-picker-background-color: var(--zt-background-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}
+: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;-moz-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:grab;overflow-y:scroll}.zt-multiple-picker__options:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-multiple-picker__options:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-multiple-picker-loading-icon-color);background-color:var(--zt-multiple-picker-loading-mask-color)}.zt-multiple-picker-options{flex:1;overflow-y:scroll;font-size:var(--zt-font-size-md);margin:0;outline:0 none;padding:0}.zt-multiple-picker-options__wrapper{display:flex;flex-wrap:wrap;background-color:var(--zt-multiple-picker-background-color);padding:var(--zt-multiple-picker-warpper-padding)}.zt-multiple-picker-options__item{color:var(--zt-multiple-picker-option-text-color);padding:var(--zt-multiple-picker-item-padding);box-sizing:border-box;text-align:center;font-size:var(--zt-font-size-md)}.zt-multiple-picker-options__item .zt-ellipsis{height:var(--zt-multiple-picker-ellipsis-height);line-height:var(--zt-multiple-picker-ellipsis-height);border-radius:calc(var(--zt-multiple-picker-ellipsis-height) / 2);border:var(--zt-multiple-picker-ellipsis-border);padding:0 var(--zt-padding-md)}.zt-multiple-picker-options__item:active{opacity:var(--zt-active-opacity)}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;color:var(--zt-gray-a2)}.zt-multiple-picker-options__item--disabled .zt-ellipsis{background:var(--zt-multiple-picker-option-disabled-background);border:0}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected{color:var(--zt-primary-color)}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:var(--zt-primary-color-a1);border:var(--zt-multiple-picker-ellipsis-border-selected)}.zt-multiple-picker-options__item--disabled-selected{cursor:not-allowed;color:var(--zt-gray)!important}.zt-multiple-picker-options__item--disabled-selected .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important;border:0!important}

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

@@ -1,6 +1,6 @@
 import { MultiplePickerProps } from './MultiplePicker';
 export type { MultiplePickerThemeVars } from './types';
-export declare const MultiplePicker: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const MultiplePicker: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -59,7 +59,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue")[], "cancel" | "change" | "confirm" | "update:showPicker" | "update:selectedIndex" | "update:selectedValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -118,14 +118,14 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     "onUpdate:showPicker"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
@@ -142,7 +142,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     toolbarPosition: string;
     selectedIndex: number[];
     selectedValue: import("../utils").Numeric[];
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default MultiplePicker;
 export type { MultiplePickerProps };
 declare module 'vue' {

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

@@ -20,7 +20,7 @@ declare const navBarProps: {
     leftBtnStyle: PropType<CSSProperties>;
 };
 export type NavBarProps = ExtractPropTypes<typeof navBarProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     navBarBackground: StringConstructor;
     leftBtnStyle: PropType<CSSProperties>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -56,10 +56,10 @@ declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     navBarBackground: StringConstructor;
     leftBtnStyle: PropType<CSSProperties>;
-}>> & {
+}>> & Readonly<{
     onClickLeft?: ((...args: any[]) => any) | undefined;
     onClickRight?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     fixed: boolean;
     border: boolean;
     leftIcon: boolean;
@@ -68,5 +68,5 @@ declare const _default: import("vue").DefineComponent<{
     safeAreaInsetTop: boolean;
     leftText: boolean;
     multiIcon: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/nav-bar/NavBar.js

@@ -21,7 +21,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use_placeholder = require("../composables/use-placeholder");
 var import_icon = require("../icon");
@@ -42,7 +41,7 @@ const navBarProps = {
   navBarBackground: String,
   leftBtnStyle: Object
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: navBarProps,
   emits: ["clickLeft", "clickRight"],
@@ -50,7 +49,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const navBarRef = (0, import_vue2.ref)();
+    const navBarRef = (0, import_vue.ref)();
     const renderPlaceholder = (0, import_use_placeholder.usePlaceholder)(navBarRef, bem);
     const onClickLeft = (event) => emit("clickLeft", event);
     const onClickRight = (event) => emit("clickRight", event);

package/lib/nav-bar/index.css

@@ -1 +1 @@
-:root{--zt-nav-bar-height: 44px;--zt-nav-bar-padding-bottom: 12px;--zt-nav-bar-icon-color: var(--zt-text-color);--zt-nav-bar-button-height: 36px;--zt-nav-bar-title-height: 28px;--zt-nav-bar-z-index: 1;--zt-nav-bar-btn-border-radius: 18px;--zt-nav-bar-padding-left: 16px;--zt-nav-bar-padding-right: 16px;--zt-nav-bar-btn-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-nav-bar-btn-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-nav-bar-btn-border: 1px solid rgba(255, 255, 255, .75);--zt-nav-bar-icon-font-size: 24px;--zt-nav-bar-icon-size: 36px}:root[zt-theme-size=large]{--zt-nav-bar-icon-size: 48px;--zt-nav-bar-icon-font-size: 30px;--zt-nav-bar-title-height: 40px}.zt-nav-bar{position:relative;padding-bottom:var(--zt-nav-bar-padding-bottom);z-index:var(--zt-nav-bar-z-index);text-align:center;-webkit-user-select:none;user-select:none;color:var(--zt-nav-bar-icon-color)}.zt-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.zt-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.zt-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--zt-nav-bar-height)}.zt-nav-bar__icon{width:var(--zt-nav-bar-icon-size);height:var(--zt-nav-bar-icon-size);line-height:var(--zt-nav-bar-icon-size);font-size:var(--zt-nav-bar-icon-font-size)}.zt-nav-bar__text{display:inline-block;font-size:var(--zt-font-size-lg);padding-right:var(--zt-nav-bar-padding-left);padding-left:var(--zt-nav-bar-padding-right)}.zt-nav-bar__text--left-text{padding-left:0}.zt-nav-bar__bar-btn{display:flex;align-items:center;box-sizing:border-box;height:var(--zt-nav-bar-button-height);line-height:var(--zt-nav-bar-icon-size);background:var(--zt-nav-bar-btn-background);box-shadow:var(--zt-nav-bar-btn-box-shadow);border-radius:var(--zt-nav-bar-btn-border-radius);border:var(--zt-nav-bar-btn-border)}.zt-nav-bar__bar-btn:active{border:1px solid rgba(255,255,255,.75);box-shadow:inset 4px 4px 8px rgba(45,75,115,.24);background:rgba(45,75,115,.04)}.zt-nav-bar__title{height:var(--zt-nav-bar-title-height);text-align:center;line-height:var(--zt-nav-bar-title-height);max-width:50%;margin:0 auto;font-weight:var(--zt-font-bold);font-size:var(--zt-font-size-xl)}.zt-nav-bar__left,.zt-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--zt-padding-md);font-size:var(--zt-font-size-md);max-width:30%}.zt-nav-bar__left{left:0}.zt-nav-bar__right{right:0}.zt-theme-dark{--zt-nav-bar-btn-background: linear-gradient(135deg, #0e1824 0%, #203043 100%, #ffffff 100%, #1d2c3d 100%);--zt-nav-bar-btn-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-nav-bar-btn-border: 1px solid #394555}
+:root{--zt-nav-bar-height: 44px;--zt-nav-bar-padding-bottom: 12px;--zt-nav-bar-icon-color: var(--zt-text-color);--zt-nav-bar-button-height: 36px;--zt-nav-bar-title-height: 28px;--zt-nav-bar-z-index: 1;--zt-nav-bar-btn-border-radius: 18px;--zt-nav-bar-padding-left: 16px;--zt-nav-bar-padding-right: 16px;--zt-nav-bar-btn-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-nav-bar-btn-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-nav-bar-btn-border: 1px solid rgba(255, 255, 255, .75);--zt-nav-bar-icon-font-size: 24px;--zt-nav-bar-icon-size: 36px}:root[zt-theme-size=large]{--zt-nav-bar-icon-size: 48px;--zt-nav-bar-icon-font-size: 30px;--zt-nav-bar-title-height: 40px}.zt-nav-bar{position:relative;padding-bottom:var(--zt-nav-bar-padding-bottom);z-index:var(--zt-nav-bar-z-index);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--zt-nav-bar-icon-color)}.zt-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.zt-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.zt-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--zt-nav-bar-height)}.zt-nav-bar__icon{width:var(--zt-nav-bar-icon-size);height:var(--zt-nav-bar-icon-size);line-height:var(--zt-nav-bar-icon-size);font-size:var(--zt-nav-bar-icon-font-size)}.zt-nav-bar__text{display:inline-block;font-size:var(--zt-font-size-lg);padding-right:var(--zt-nav-bar-padding-left);padding-left:var(--zt-nav-bar-padding-right)}.zt-nav-bar__text--left-text{padding-left:0}.zt-nav-bar__bar-btn{display:flex;align-items:center;box-sizing:border-box;height:var(--zt-nav-bar-button-height);line-height:var(--zt-nav-bar-icon-size);background:var(--zt-nav-bar-btn-background);box-shadow:var(--zt-nav-bar-btn-box-shadow);border-radius:var(--zt-nav-bar-btn-border-radius);border:var(--zt-nav-bar-btn-border)}.zt-nav-bar__bar-btn:active{border:1px solid rgba(255,255,255,.75);box-shadow:inset 4px 4px 8px rgba(45,75,115,.24);background:rgba(45,75,115,.04)}.zt-nav-bar__title{height:var(--zt-nav-bar-title-height);text-align:center;line-height:var(--zt-nav-bar-title-height);max-width:50%;margin:0 auto;font-weight:var(--zt-font-bold);font-size:var(--zt-font-size-xl)}.zt-nav-bar__left,.zt-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--zt-padding-md);font-size:var(--zt-font-size-md);max-width:30%}.zt-nav-bar__left{left:0}.zt-nav-bar__right{right:0}.zt-theme-dark{--zt-nav-bar-btn-background: linear-gradient(135deg, #0e1824 0%, #203043 100%, #ffffff 100%, #1d2c3d 100%);--zt-nav-bar-btn-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-nav-bar-btn-border: 1px solid #394555}

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

@@ -1,4 +1,4 @@
-export declare const NavBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const NavBar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -16,7 +16,7 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     color: StringConstructor;
     navBarBackground: StringConstructor;
     leftBtnStyle: import("vue").PropType<import("vue").CSSProperties>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -34,10 +34,10 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     color: StringConstructor;
     navBarBackground: StringConstructor;
     leftBtnStyle: import("vue").PropType<import("vue").CSSProperties>;
-}>> & {
+}>> & Readonly<{
     onClickLeft?: ((...args: any[]) => any) | undefined;
     onClickRight?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     fixed: boolean;
     border: boolean;
     leftIcon: boolean;
@@ -46,7 +46,7 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     safeAreaInsetTop: boolean;
     leftText: boolean;
     multiIcon: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default NavBar;
 export type { NavBarProps } from './NavBar';
 export type { NavBarThemeVars } from './types';

package/lib/notice-bar/NoticeBar.d.ts

@@ -21,7 +21,7 @@ declare const noticeBarProps: {
     };
 };
 export type NoticeBarProps = ExtractPropTypes<typeof noticeBarProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;
@@ -59,13 +59,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     onReplay?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     scrollable: boolean | null;
     delay: string | number;
     speed: string | number;
     wrapable: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/notice-bar/NoticeBar.js

@@ -31,7 +31,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@zartui/use");
 var import_use_expose = require("../composables/use-expose");
@@ -52,7 +51,7 @@ const noticeBarProps = {
     default: null
   }
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: noticeBarProps,
   emits: ["close", "replay"],
@@ -63,9 +62,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     let wrapWidth = 0;
     let contentWidth = 0;
     let startTimer;
-    const wrapRef = (0, import_vue2.ref)();
-    const contentRef = (0, import_vue2.ref)();
-    const state = (0, import_vue2.reactive)({
+    const wrapRef = (0, import_vue.ref)();
+    const contentRef = (0, import_vue.ref)();
+    const state = (0, import_vue.reactive)({
       show: true,
       offset: 0,
       duration: 0
@@ -172,7 +171,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     (0, import_use_expose.useExpose)({
       reset
     });
-    (0, import_vue2.watch)(() => [props.text, props.scrollable], reset);
+    (0, import_vue.watch)(() => [props.text, props.scrollable], reset);
     return () => {
       const {
         color,

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

@@ -1,5 +1,5 @@
 import { NoticeBarProps } from './NoticeBar';
-export declare const NoticeBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const NoticeBar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     text: StringConstructor;
     mode: import("vue").PropType<import("./types").NoticeBarMode>;
     color: StringConstructor;
@@ -18,7 +18,7 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: StringConstructor;
     mode: import("vue").PropType<import("./types").NoticeBarMode>;
     color: StringConstructor;
@@ -37,15 +37,15 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     onReplay?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     scrollable: boolean | null;
     delay: string | number;
     speed: string | number;
     wrapable: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default NoticeBar;
 export type { NoticeBarProps };
 export type { NoticeBarMode, NoticeBarInstance, NoticeBarThemeVars, } from './types';