zartui 3.2.1 → 3.2.3

package/lib/index.d.ts

@@ -57,6 +57,7 @@ export * from "./search";
 export * from "./signature";
 export * from "./skeleton";
 export * from "./slider";
+export * from "./speech-recognizer";
 export * from "./step";
 export * from "./stepper";
 export * from "./steps";
@@ -83,4 +84,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.2.1";
+export const version: "3.2.3";

package/lib/index.js

@@ -81,6 +81,7 @@ var import_search = require("./search");
 var import_signature = require("./signature");
 var import_skeleton = require("./skeleton");
 var import_slider = require("./slider");
+var import_speech_recognizer = require("./speech-recognizer");
 var import_step = require("./step");
 var import_stepper = require("./stepper");
 var import_steps = require("./steps");
@@ -160,6 +161,7 @@ __reExport(stdin_exports, require("./search"), module.exports);
 __reExport(stdin_exports, require("./signature"), module.exports);
 __reExport(stdin_exports, require("./skeleton"), module.exports);
 __reExport(stdin_exports, require("./slider"), module.exports);
+__reExport(stdin_exports, require("./speech-recognizer"), module.exports);
 __reExport(stdin_exports, require("./step"), module.exports);
 __reExport(stdin_exports, require("./stepper"), module.exports);
 __reExport(stdin_exports, require("./steps"), module.exports);
@@ -180,7 +182,7 @@ __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video"), module.exports);
-const version = "3.2.1";
+const version = "3.2.3";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,
@@ -241,6 +243,7 @@ function install(app) {
     import_signature.Signature,
     import_skeleton.Skeleton,
     import_slider.Slider,
+    import_speech_recognizer.SpeechRecognizer,
     import_step.Step,
     import_stepper.Stepper,
     import_steps.Steps,

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

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

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

@@ -1,5 +1,5 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import type { Media, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType } from './type';
+import { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+import type { Media, MediaAddType, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType, MediaType } from './type';
 import { MediaPlayerProps } from '../media-player';
 declare const mediaPickerProps: {
     disabled: BooleanConstructor;
@@ -81,6 +81,9 @@ declare const mediaPickerProps: {
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
 };
 export type MediaPickerProps = ExtractPropTypes<typeof mediaPickerProps>;
+export type MediaPickerInstance = ComponentPublicInstance<{
+    mediaPickAction: (mediaType: MediaType, mediaAddType: MediaAddType) => void;
+}>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
@@ -159,7 +162,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: MediaSizeType;
     };
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:mediaList")[], "delete" | "update:mediaList", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "processing" | "update:mediaList")[], "delete" | "processing" | "update:mediaList", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     useFileNameAsLabel: BooleanConstructor;
@@ -239,6 +242,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
 }>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
+    onProcessing?: ((...args: any[]) => any) | undefined;
     "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;

package/lib/media-picker/MediaPicker.js

@@ -133,7 +133,7 @@ const mediaPickerProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: mediaPickerProps,
-  emits: ["update:mediaList", "delete"],
+  emits: ["update:mediaList", "delete", "processing"],
   setup(props, {
     emit,
     slots
@@ -151,6 +151,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const audioRecorderInputRef = (0, import_vue2.ref)();
     const audioFileInputRef = (0, import_vue2.ref)();
     const fileInputRef = (0, import_vue2.ref)();
+    const mediaListPlaceholder = (0, import_vue2.ref)([]);
     const checkFileCountBeforeAdd = (mediaType) => {
       if (props.mediaList.length === props.maxMediaCount) {
         (0, import_toast.showFailToast)("\u5DF2\u8FBE\u5230\u6587\u4EF6\u6700\u5927\u6570\u91CF\u9650\u5236");
@@ -173,7 +174,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const triggerHiddenInput = (ref2) => {
       ref2 && ref2.click();
     };
-    const mediaPick = (mediaType, mediaAddType) => {
+    const mediaPickAction = (mediaType, mediaAddType) => {
       if (props.disabled) {
         return;
       }
@@ -249,24 +250,24 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return [{
           name: "\u62CD\u6444",
           callback: () => {
-            mediaPick("video", "take");
+            mediaPickAction("video", "take");
           }
         }, {
           name: "\u89C6\u9891\u6587\u4EF6",
           callback: () => {
-            mediaPick("video", "pick");
+            mediaPickAction("video", "pick");
           }
         }];
       } else if (audioOptionsVisible.value) {
         return [{
           name: "\u5F55\u97F3",
           callback: () => {
-            mediaPick("audio", "take");
+            mediaPickAction("audio", "take");
           }
         }, {
           name: "\u97F3\u9891\u6587\u4EF6",
           callback: () => {
-            mediaPick("audio", "pick");
+            mediaPickAction("audio", "pick");
           }
         }];
       }
@@ -332,6 +333,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         fileName: f.name,
         originalName: f.name,
         originalSize: f.size,
+        originalFile: f,
         deletable: true,
         message: ""
       };
@@ -354,17 +356,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
             message: "",
             originalName: file.name,
             // 原始名称
-            originalSize: file.size
+            originalSize: file.size,
             // 原始大小
+            originalFile: file
           };
           return media;
         });
       });
-      (0, import_toast.showLoadingToast)({
-        message: "\u5904\u7406\u4E2D...",
-        forbidClick: true,
-        duration: 0
-      });
       return Promise.all(mediaList).then((medias) => {
         const _medias = [];
         medias.forEach((media) => {
@@ -374,7 +372,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
         });
         return _medias;
       }).finally(() => {
-        (0, import_toast.closeToast)();
       });
     };
     const transformImageFiles = (files) => {
@@ -433,11 +430,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
         });
         promisesTodo.push(promise);
       }
-      (0, import_toast.showLoadingToast)({
-        message: "\u5904\u7406\u4E2D...",
-        forbidClick: true,
-        duration: 0
-      });
       return Promise.all(promisesTodo).then((medias) => {
         const _medias = [];
         medias.forEach((media) => {
@@ -447,10 +439,47 @@ var stdin_default = (0, import_vue2.defineComponent)({
         });
         return _medias;
       }).finally(() => {
-        (0, import_toast.closeToast)();
       });
     };
     const readFiles = (files) => {
+      emit("processing", true);
+      mediaListPlaceholder.value = files.map((file) => {
+        let type;
+        if ((0, import_media_util.isAudioType)(file)) {
+          type = "audio";
+        } else if ((0, import_media_util.isVideoType)(file)) {
+          type = "video";
+        } else if ((0, import_media_util.isImageType)(file)) {
+          type = "photo";
+        } else {
+          type = "file";
+        }
+        return {
+          file,
+          message: "\u5904\u7406\u4E2D...",
+          status: "processing",
+          type
+        };
+      });
+      emit("processing", true);
+      mediaListPlaceholder.value = files.map((file) => {
+        let type;
+        if ((0, import_media_util.isAudioType)(file)) {
+          type = "audio";
+        } else if ((0, import_media_util.isVideoType)(file)) {
+          type = "video";
+        } else if ((0, import_media_util.isImageType)(file)) {
+          type = "photo";
+        } else {
+          type = "file";
+        }
+        return {
+          file,
+          message: "\u5904\u7406\u4E2D...",
+          status: "processing",
+          type
+        };
+      });
       const notImages = files.filter((f) => !(0, import_media_util.isImageType)(f)).map((f) => transformNotImageFile(f));
       let newMedias = [];
       if (notImages.length > 0) {
@@ -473,6 +502,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
             newMedia.label = newMedia.originalName;
           });
         }
+        mediaListPlaceholder.value = [];
+        emit("processing", false);
         emit("update:mediaList", [...props.mediaList, ...newMedias]);
         if (props.afterRead) {
           props.afterRead(newMedias);
@@ -608,7 +639,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("box")
       }, [(0, import_vue.createVNode)("div", {
         "class": bem("button"),
-        "onClick": () => mediaPick(mediaType, mediaAddType)
+        "onClick": () => mediaPickAction(mediaType, mediaAddType)
       }, [renderIcon(mediaType, mediaAddType)]), (0, import_vue.createVNode)("div", {
         "class": bem("label")
       }, [label])]);
@@ -649,7 +680,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         status,
         message
       } = media;
-      if (status === "uploading" || status === "failed") {
+      if (status === "processing" || status === "uploading" || status === "failed") {
         const MaskIcon = status === "failed" ? (0, import_vue.createVNode)(import_icon.default, {
           "name": "close",
           "class": bem("mask-icon")
@@ -704,7 +735,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return (0, import_vue.createVNode)("div", {
         "class": bem("thumbnail-label")
-      }, [media.label, (0, import_vue.createTextVNode)("12312")]);
+      }, [media.label]);
     };
     const onDelete = (media, index) => {
       if (props.beforeDelete) {
@@ -782,6 +813,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
         (0, import_toast.showFailToast)("\u6682\u4E0D\u652F\u6301\u6B64\u7C7B\u6587\u4EF6\u7684\u9884\u89C8");
       }
     });
+    const renderMediaListPlaceholder = () => {
+      return mediaListPlaceholder.value.map((media) => {
+        return (0, import_vue.createVNode)(import_grid_item.default, {
+          "key": media.uniqueCode
+        }, {
+          default: () => [renderMediaThumbnail(media), renderMediaLabel(media), genThumbnailMask(media)]
+        });
+      });
+    };
     const renderMediaList = () => props.mediaList.map((media, index) => {
       const showDelete = media.deletable && media.status !== "uploading";
       const deleteIcon = showDelete && (0, import_vue.createVNode)(import_DeleteIcon.default, {
@@ -803,7 +843,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       action.func && action.func();
     };
     (0, import_use_expose.useExpose)({
-      mediaPick
+      mediaPickAction
     });
     return () => {
       const title = props.showTitle && (0, import_vue.createVNode)("div", {
@@ -835,7 +875,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("grid")
       }, {
         default: () => [renderMediaList()]
-      }), [[import_vue.vShow, props.mediaList.length]])]);
+      }), [[import_vue.vShow, props.mediaList.length]]), (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_grid.default, {
+        "column-num": "3",
+        "border": false,
+        "square": true,
+        "gutter": "4",
+        "class": bem("grid")
+      }, {
+        default: () => [renderMediaListPlaceholder()]
+      }), [[import_vue.vShow, mediaListPlaceholder.value.length]])]);
     };
   }
 });

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

@@ -66,7 +66,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         default: import("./type").MediaSizeType;
     };
     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<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "processing" | "update:mediaList")[], "delete" | "processing" | "update:mediaList", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     useFileNameAsLabel: BooleanConstructor;
@@ -136,6 +136,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     mediaPlayerProps: import("vue").PropType<Partial<import("..").MediaPlayerProps>>;
 }>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
+    onProcessing?: ((...args: any[]) => any) | undefined;
     "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;
@@ -162,7 +163,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     imageSizeType: import("./type").MediaSizeType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default MediaPicker;
-export type { MediaPickerProps } from './MediaPicker';
+export type { MediaPickerProps, MediaPickerInstance } from './MediaPicker';
 export type { Media, MediaType, MediaAddType, MediaUploadStatus, MediaPreview, MediaPick, MediaBeforeRead, MediaAfterRead, MediaBeforeDelete, MediaPickerThemeVars, MediaSizeType, } from './type';
 export { defaultMedia } from './type';
 declare module 'vue' {

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

@@ -1,6 +1,6 @@
 export type MediaType = 'photo' | 'audio' | 'video' | 'file';
 export type MediaAddType = 'take' | 'pick' | 'take_and_pick';
-export type MediaUploadStatus = 'uploading' | 'done' | 'failed';
+export type MediaUploadStatus = 'processing' | 'uploading' | 'done' | 'failed';
 export type WxMediaType = 'camera' | 'album';
 export type MediaSizeType = 'original' | 'compressed';
 export type Media = {
@@ -13,6 +13,7 @@ export type Media = {
     fileName: string;
     originalName: string;
     originalSize: number;
+    originalFile?: File;
     lastModified: number;
     deletable: boolean;
     status?: MediaUploadStatus;

package/lib/picker/Picker.d.ts

@@ -30,6 +30,10 @@ export declare const pickerSharedProps: {
         default: string;
     };
 } & {
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 };
@@ -62,6 +66,10 @@ export declare const pickerProps: {
         default: string;
     };
 } & {
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -126,6 +134,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
 } & {
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -188,6 +200,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
 } & {
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {

package/lib/picker/Picker.js

@@ -209,16 +209,6 @@ var stdin_default = (0, import_vue.defineComponent)({
         }), (0, import_utils.pick)(slots, import_PickerToolbar.pickerToolbarSlots));
       }
     };
-    const renderTitleBar = () => {
-      if (props.showTitle) {
-        if (slots["title-bar"]) {
-          return slots["title-bar"]();
-        }
-        return (0, import_vue.createVNode)("div", {
-          "class": [(0, import_utils2.bem)("title"), import_utils.HAPTICS_FEEDBACK]
-        }, [props.title]);
-      }
-    };
     const buttomDivider = () => props.showToolbar ? (0, import_vue.createVNode)(import_divider.Divider, {
       "style": "margin: 0"
     }, null) : null;
@@ -261,9 +251,9 @@ var stdin_default = (0, import_vue.defineComponent)({
       var _a, _b;
       return (0, import_vue.createVNode)("div", {
         "class": (0, import_utils2.bem)()
-      }, [renderTitleBar(), props.loading ? (0, import_vue.createVNode)(import_loading.Loading, {
+      }, [renderToolbar(), props.loading ? (0, import_vue.createVNode)(import_loading.Loading, {
         "class": (0, import_utils2.bem)("loading")
-      }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), buttomDivider(), renderToolbar()]);
+      }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots)]);
     };
     const renderOptionItems = () => {
       return currentColumns.value.map((options, columnIndex) => {
@@ -290,9 +280,9 @@ var stdin_default = (0, import_vue.defineComponent)({
       var _a, _b;
       return (0, import_vue.createVNode)("div", {
         "class": (0, import_utils2.bem)()
-      }, [renderTitleBar(), props.loading ? (0, import_vue.createVNode)(import_loading.Loading, {
+      }, [renderToolbar(), props.loading ? (0, import_vue.createVNode)(import_loading.Loading, {
         "class": (0, import_utils2.bem)("loading")
-      }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderOptions(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), buttomDivider(), renderToolbar()]);
+      }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderOptions(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots)]);
     };
     return () => {
       if (isButtonPicker.value) {

package/lib/picker/PickerToolbar.d.ts

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

package/lib/picker/PickerToolbar.js

@@ -26,10 +26,9 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_utils = require("./utils");
 var import_utils2 = require("../utils");
-var import_button = require("../button");
 const [name] = (0, import_utils2.createNamespace)("picker-toolbar");
 const pickerToolbarProps = {
-  // title: String,
+  title: (0, import_utils2.makeStringProp)("\u8BF7\u9009\u62E9"),
   cancelButtonText: String,
   confirmButtonText: String
 };
@@ -43,31 +42,34 @@ var stdin_default = (0, import_vue.defineComponent)({
     emit,
     slots
   }) {
+    const renderTitle = () => {
+      if (slots.title) {
+        return slots.title();
+      }
+      if (props.title) {
+        return (0, import_vue.createVNode)("div", {
+          "class": [(0, import_utils.bem)("title"), "zt-ellipsis"]
+        }, [props.title]);
+      }
+    };
     const onCancel = () => emit("cancel");
     const onConfirm = () => emit("confirm");
     const renderCancel = () => {
       const text = props.cancelButtonText || (0, import_utils.t)("cancel");
-      return (0, import_vue.createVNode)(import_button.Button, {
-        "type": "default",
-        "hairline": true,
+      return (0, import_vue.createVNode)("div", {
         "class": (0, import_utils.bem)("cancel"),
         "onClick": onCancel
-      }, {
-        default: () => [slots.cancel ? slots.cancel() : text]
-      });
+      }, [slots.cancel ? slots.cancel() : text]);
     };
     const renderConfirm = () => {
       const text = props.confirmButtonText || (0, import_utils.t)("confirm");
-      return (0, import_vue.createVNode)(import_button.Button, {
-        "type": "primary",
+      return (0, import_vue.createVNode)("div", {
         "class": [(0, import_utils.bem)("confirm"), import_utils2.HAPTICS_FEEDBACK],
         "onClick": onConfirm
-      }, {
-        default: () => [slots.confirm ? slots.confirm() : text]
-      });
+      }, [slots.confirm ? slots.confirm() : text]);
     };
     return () => (0, import_vue.createVNode)("div", {
       "class": (0, import_utils.bem)("toolbar")
-    }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderConfirm()]]);
+    }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderTitle(), renderConfirm()]]);
   }
 });