zartui 3.1.88 → 3.1.90

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

@@ -44,6 +44,7 @@ import { NumberKeyboard } from "./number-keyboard/index.mjs";
 import { Overlay } from "./overlay/index.mjs";
 import { Pagination } from "./pagination/index.mjs";
 import { PasswordInput } from "./password-input/index.mjs";
+import { PhotoPicker } from "./photo-picker/index.mjs";
 import { Picker } from "./picker/index.mjs";
 import { Popover } from "./popover/index.mjs";
 import { Popup } from "./popup/index.mjs";
@@ -78,7 +79,7 @@ import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Video } from "./video/index.mjs";
-const version = "3.1.88";
+const version = "3.1.90";
 function install(app) {
   const components = [
     ActionSheet,
@@ -127,6 +128,7 @@ function install(app) {
     Overlay,
     Pagination,
     PasswordInput,
+    PhotoPicker,
     Picker,
     Popover,
     Popup,
@@ -217,6 +219,7 @@ export * from "./number-keyboard/index.mjs";
 export * from "./overlay/index.mjs";
 export * from "./pagination/index.mjs";
 export * from "./password-input/index.mjs";
+export * from "./photo-picker/index.mjs";
 export * from "./picker/index.mjs";
 export * from "./popover/index.mjs";
 export * from "./popup/index.mjs";

package/es/media-picker/MediaPicker.mjs

@@ -133,6 +133,7 @@ var stdin_default = defineComponent({
   }) {
     const videoOptionsVisible = ref(false);
     const audioOptionsVisible = ref(false);
+    const photoOptionsVisible = ref(false);
     const actionVisible = ref(false);
     const mediaPlayerVisible = ref(false);
     const mediaTypeToPlay = ref("file");
@@ -279,6 +280,19 @@ var stdin_default = defineComponent({
     };
     const imageList = computed(() => props.mediaList.filter((media) => media.type === "photo"));
     const actionOptions = 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",
@@ -898,6 +912,9 @@ var stdin_default = defineComponent({
     });
     const selectAction = (action) => {
       actionVisible.value = false;
+      photoOptionsVisible.value = false;
+      videoOptionsVisible.value = false;
+      audioOptionsVisible.value = false;
       action.func && action.func();
     };
     watch(() => [props.sortable, props.mediaList.length], (_0) => __async(this, [_0], function* ([sortable, mediaCount]) {

package/es/pagination/Pagination.mjs

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

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