zartui 3.1.88 → 3.1.90

package/lib/index.d.ts

@@ -45,6 +45,7 @@ export * from "./number-keyboard";
 export * from "./overlay";
 export * from "./pagination";
 export * from "./password-input";
+export * from "./photo-picker";
 export * from "./picker";
 export * from "./popover";
 export * from "./popup";
@@ -85,4 +86,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.88";
+export const version: "3.1.90";

package/lib/index.js

@@ -69,6 +69,7 @@ var import_number_keyboard = require("./number-keyboard");
 var import_overlay = require("./overlay");
 var import_pagination = require("./pagination");
 var import_password_input = require("./password-input");
+var import_photo_picker = require("./photo-picker");
 var import_picker = require("./picker");
 var import_popover = require("./popover");
 var import_popup = require("./popup");
@@ -150,6 +151,7 @@ __reExport(stdin_exports, require("./number-keyboard"), module.exports);
 __reExport(stdin_exports, require("./overlay"), module.exports);
 __reExport(stdin_exports, require("./pagination"), module.exports);
 __reExport(stdin_exports, require("./password-input"), module.exports);
+__reExport(stdin_exports, require("./photo-picker"), module.exports);
 __reExport(stdin_exports, require("./picker"), module.exports);
 __reExport(stdin_exports, require("./popover"), module.exports);
 __reExport(stdin_exports, require("./popup"), module.exports);
@@ -184,7 +186,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.1.88";
+const version = "3.1.90";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,
@@ -233,6 +235,7 @@ function install(app) {
     import_overlay.Overlay,
     import_pagination.Pagination,
     import_password_input.PasswordInput,
+    import_photo_picker.PhotoPicker,
     import_picker.Picker,
     import_popover.Popover,
     import_popup.Popup,

package/lib/media-picker/MediaPicker.js

@@ -165,6 +165,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const videoOptionsVisible = (0, import_vue2.ref)(false);
     const audioOptionsVisible = (0, import_vue2.ref)(false);
+    const photoOptionsVisible = (0, import_vue2.ref)(false);
     const actionVisible = (0, import_vue2.ref)(false);
     const mediaPlayerVisible = (0, import_vue2.ref)(false);
     const mediaTypeToPlay = (0, import_vue2.ref)("file");
@@ -311,6 +312,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const imageList = (0, import_vue2.computed)(() => props.mediaList.filter((media) => media.type === "photo"));
     const actionOptions = (0, import_vue2.computed)(() => {
+      if (photoOptionsVisible.value) {
+        return [{
+          name: "\u62CD\u7167",
+          callback: () => {
+            mediaPickAction("photo", "take");
+          }
+        }, {
+          name: "\u7167\u7247",
+          callback: () => {
+            mediaPickAction("photo", "pick");
+          }
+        }];
+      }
       if (videoOptionsVisible.value) {
         return [{
           name: "\u62CD\u6444",
@@ -930,6 +944,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     const selectAction = (action) => {
       actionVisible.value = false;
+      photoOptionsVisible.value = false;
+      videoOptionsVisible.value = false;
+      audioOptionsVisible.value = false;
       action.func && action.func();
     };
     (0, import_vue2.watch)(() => [props.sortable, props.mediaList.length], (_0) => __async(this, [_0], function* ([sortable, mediaCount]) {

package/lib/pagination/Pagination.js

@@ -132,7 +132,9 @@ var stdin_default = (0, import_vue.defineComponent)({
         "class": bem("popup-pages")
       }, [pages.value.map((page) => (0, import_vue.createVNode)("button", {
         "type": "button",
-        "class": bem("popup-page"),
+        "class": bem("popup-page", {
+          active: page === currentPage.value
+        }),
         "onClick": () => onSelect(page)
       }, [page]))]), (0, import_vue.createVNode)("div", {
         "class": bem("popup-footer")

package/lib/pagination/index.css

@@ -1 +1 @@
-:root{--zt-pagination-bottom: 29px;--zt-pagination-item-size: 44px;--zt-pagination-gap: 16px;--zt-pagination-background: #2d4b7380;--zt-pagination-backdrop-filter: blur(5.44px);--zt-pagination-box-shadow: 0 4px 8px 0 #2d4b7333;--zt-pagination-text-color: #fff;--zt-pagination-disabled-icon-color: rgba(255, 255, 255, .45);--zt-pagination-font-size: 14px;--zt-pagination-text-line-height: 17px;--zt-pagination-z-index: 100}.zt-pagination{position:fixed;left:0;right:0;bottom:var(--zt-pagination-bottom);z-index:var(--zt-pagination-z-index);display:flex;align-items:center;justify-content:center;pointer-events:none}.zt-pagination__button,.zt-pagination__page{height:var(--zt-pagination-item-size);background:var(--zt-pagination-background);-webkit-backdrop-filter:var(--zt-pagination-backdrop-filter);backdrop-filter:var(--zt-pagination-backdrop-filter);box-shadow:var(--zt-pagination-box-shadow)}.zt-pagination__button{width:var(--zt-pagination-item-size);padding:0;border:0;border-radius:50%;color:var(--zt-pagination-text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:opacity var(--zt-duration-fast),transform var(--zt-duration-fast)}.zt-pagination__button:not(.zt-pagination__button--disabled):hover{opacity:.88;transform:scale(1.04)}.zt-pagination__button:not(.zt-pagination__button--disabled):active{opacity:.75;transform:scale(.96)}.zt-pagination__button--disabled{color:var(--zt-pagination-disabled-icon-color);cursor:default}.zt-pagination__page{margin:0 var(--zt-pagination-gap);padding:0 27px;border:0;border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--zt-pagination-text-color);cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zt-pagination__text{height:var(--zt-pagination-text-line-height);color:var(--zt-pagination-text-color);font-size:var(--zt-pagination-font-size);line-height:var(--zt-pagination-text-line-height)}.zt-pagination__next-icon{transform:rotate(180deg)}.zt-pagination__popup{height:100%;display:flex;flex-direction:column;background:#fff}.zt-pagination__popup-title{padding-top:var(--zt-popup-close-icon-margin);color:#2d4b73;font-size:18px;font-weight:600;text-align:center}.zt-pagination__popup-pages{flex:1;display:grid;grid-template-columns:repeat(5,40px);grid-auto-rows:40px;justify-content:space-around;row-gap:24px;padding:24px 0;overflow-y:auto}.zt-pagination__popup-page{width:40px;height:40px;padding:0;border:0;border-radius:50%;color:#235;background:#F1F6FA;font-size:16px;line-height:24px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color var(--zt-duration-fast),transform var(--zt-duration-fast),opacity var(--zt-duration-fast)}.zt-pagination__popup-page:hover{background:rgba(45,75,115,.1);transform:scale(1.04)}.zt-pagination__popup-page:active{opacity:.75;transform:scale(.96)}.zt-pagination__popup-footer{padding:8px 16px;border-top:1px solid var(--zt-border-color)}
+:root{--zt-pagination-bottom: 29px;--zt-pagination-item-size: 44px;--zt-pagination-gap: 16px;--zt-pagination-background: #2d4b7380;--zt-pagination-backdrop-filter: blur(5.44px);--zt-pagination-box-shadow: 0 4px 8px 0 #2d4b7333;--zt-pagination-text-color: #fff;--zt-pagination-disabled-icon-color: rgba(255, 255, 255, .45);--zt-pagination-font-size: 14px;--zt-pagination-text-line-height: 17px;--zt-pagination-z-index: 100}.zt-pagination{position:fixed;left:0;right:0;bottom:var(--zt-pagination-bottom);z-index:var(--zt-pagination-z-index);display:flex;align-items:center;justify-content:center;pointer-events:none}.zt-pagination__button,.zt-pagination__page{height:var(--zt-pagination-item-size);background:var(--zt-pagination-background);-webkit-backdrop-filter:var(--zt-pagination-backdrop-filter);backdrop-filter:var(--zt-pagination-backdrop-filter);box-shadow:var(--zt-pagination-box-shadow)}.zt-pagination__button{width:var(--zt-pagination-item-size);padding:0;border:0;border-radius:50%;color:var(--zt-pagination-text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:opacity var(--zt-duration-fast),transform var(--zt-duration-fast)}.zt-pagination__button:not(.zt-pagination__button--disabled):hover{opacity:.88;transform:scale(1.04)}.zt-pagination__button:not(.zt-pagination__button--disabled):active{opacity:.75;transform:scale(.96)}.zt-pagination__button--disabled{color:var(--zt-pagination-disabled-icon-color);cursor:default}.zt-pagination__page{margin:0 var(--zt-pagination-gap);padding:0 27px;border:0;border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--zt-pagination-text-color);cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zt-pagination__text{height:var(--zt-pagination-text-line-height);color:var(--zt-pagination-text-color);font-size:var(--zt-pagination-font-size);line-height:var(--zt-pagination-text-line-height)}.zt-pagination__next-icon{transform:rotate(180deg)}.zt-pagination__popup{height:100%;display:flex;flex-direction:column;background:#fff}.zt-pagination__popup-title{padding-top:var(--zt-popup-close-icon-margin);color:#2d4b73;font-size:18px;font-weight:600;text-align:center}.zt-pagination__popup-pages{flex:1;display:grid;grid-template-columns:repeat(5,40px);grid-auto-rows:40px;justify-content:space-around;row-gap:24px;padding:24px 0;overflow-y:auto}.zt-pagination__popup-page{width:40px;height:40px;padding:0;border:0;border-radius:50%;color:#235;background:#F1F6FA;font-size:16px;line-height:24px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color var(--zt-duration-fast),color var(--zt-duration-fast),transform var(--zt-duration-fast),opacity var(--zt-duration-fast)}.zt-pagination__popup-page:not(.zt-pagination__popup-page--active):hover{background:rgba(45,75,115,.1);transform:scale(1.04)}.zt-pagination__popup-page:active{opacity:.75;transform:scale(.96)}.zt-pagination__popup-page--active{color:#fff;background:#3388FF}.zt-pagination__popup-page--active:hover{color:#fff;background:#3388FF;transform:scale(1.04)}.zt-pagination__popup-footer{padding:8px 16px;border-top:1px solid var(--zt-border-color)}

package/lib/photo-picker/PhotoPicker.d.ts

@@ -0,0 +1,202 @@
+import { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
+import type { Media, MediaAddType, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType, MediaType } from '../media-picker/type';
+import { DownloadActionParams } from '../image-preview/ImagePreview';
+declare const photoPickerProps: {
+    disabled: BooleanConstructor;
+    showTitle: BooleanConstructor;
+    showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
+    useFileNameAsLabel: BooleanConstructor;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    mediaList: {
+        type: PropType<Media[]>;
+        default: () => Media[];
+    };
+    attachmentHeight: PropType<string | number>;
+    maxAttachmentCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageSideLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    watermarkOptions: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+    allowTakePhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowPickPhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    preview: PropType<MediaPreview>;
+    mediaPick: PropType<MediaPick>;
+    beforeRead: PropType<MediaBeforeRead>;
+    afterRead: PropType<MediaAfterRead>;
+    beforeDelete: PropType<MediaBeforeDelete>;
+    useWx: BooleanConstructor;
+    imageSizeType: {
+        type: PropType<MediaSizeType>;
+        default: MediaSizeType;
+    };
+};
+export type PhotoPickerProps = ExtractPropTypes<typeof photoPickerProps>;
+export type PhotoPickerInstance = ComponentPublicInstance<{
+    mediaPickAction: (mediaType: MediaType, mediaAddType: MediaAddType) => void;
+}>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    showTitle: BooleanConstructor;
+    showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
+    useFileNameAsLabel: BooleanConstructor;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    mediaList: {
+        type: PropType<Media[]>;
+        default: () => Media[];
+    };
+    attachmentHeight: PropType<string | number>;
+    maxAttachmentCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageSideLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    watermarkOptions: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+    allowTakePhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowPickPhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    preview: PropType<MediaPreview>;
+    mediaPick: PropType<MediaPick>;
+    beforeRead: PropType<MediaBeforeRead>;
+    afterRead: PropType<MediaAfterRead>;
+    beforeDelete: PropType<MediaBeforeDelete>;
+    useWx: BooleanConstructor;
+    imageSizeType: {
+        type: PropType<MediaSizeType>;
+        default: MediaSizeType;
+    };
+}>, () => 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;
+    showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
+    useFileNameAsLabel: BooleanConstructor;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    mediaList: {
+        type: PropType<Media[]>;
+        default: () => Media[];
+    };
+    attachmentHeight: PropType<string | number>;
+    maxAttachmentCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageSideLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    watermarkOptions: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+    allowTakePhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowPickPhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    preview: PropType<MediaPreview>;
+    mediaPick: PropType<MediaPick>;
+    beforeRead: PropType<MediaBeforeRead>;
+    afterRead: PropType<MediaAfterRead>;
+    beforeDelete: PropType<MediaBeforeDelete>;
+    useWx: BooleanConstructor;
+    imageSizeType: {
+        type: PropType<MediaSizeType>;
+        default: MediaSizeType;
+    };
+}>> & Readonly<{
+    onDelete?: ((...args: any[]) => any) | undefined;
+    onProcessing?: ((...args: any[]) => any) | undefined;
+    "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    disabled: boolean;
+    showTitle: boolean;
+    showDownload: boolean;
+    useFileNameAsLabel: boolean;
+    mediaList: Media[];
+    maxImageSideLength: number;
+    maxImageFileSize: number;
+    maxFileSize: number;
+    keepFileType: boolean;
+    watermarkOptions: Record<string, any>;
+    allowTakePhoto: boolean;
+    allowPickPhoto: boolean;
+    useWx: boolean;
+    imageSizeType: MediaSizeType;
+    maxAttachmentCount: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;