zartui 3.1.74 → 3.1.76

package/es/index.d.ts

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

package/es/index.mjs

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

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

@@ -1,6 +1,7 @@
 import { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
 import type { Media, MediaAddType, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType, MediaType } from './type';
 import { MediaPlayerProps } from '../media-player';
+import { DownloadActionParams } from '../image-preview/ImagePreview';
 declare const mediaPickerProps: {
     sortable: {
         type: BooleanConstructor;
@@ -9,6 +10,7 @@ declare const mediaPickerProps: {
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: PropType<string>;
@@ -30,6 +32,10 @@ declare const mediaPickerProps: {
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * {
      *  maxImageSideLength,
@@ -97,6 +103,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: PropType<string>;
@@ -118,6 +125,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * {
      *  maxImageSideLength,
@@ -180,6 +191,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: PropType<string>;
@@ -201,6 +213,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * {
      *  maxImageSideLength,
@@ -270,6 +286,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     maxImageSideLength: number;
     maxImageFileSize: number;
     maxFileSize: number;
+    keepFileType: boolean;
     watermarkOptions: Record<string, any>;
     maxMediaCount: number;
     maxImageCount: number;

package/es/media-picker/MediaPicker.mjs

@@ -55,6 +55,7 @@ const mediaPickerProps = {
   disabled: Boolean,
   showTitle: Boolean,
   showDownload: Boolean,
+  downloadAction: Function,
   useFileNameAsLabel: Boolean,
   title: makeStringProp("\u6DFB\u52A0\u9644\u4EF6"),
   mediaList: makeArrayProp(),
@@ -64,6 +65,11 @@ const mediaPickerProps = {
   maxImageFileSize: makeNumberProp(1024),
   // 单个文件大小限制（本单位为KB，默认最大1M）
   maxFileSize: makeNumberProp(FILE_SIZE_LIMIT * 1024),
+  // 是否保持原始文件类型（不转换为jpg）
+  keepFileType: {
+    type: Boolean,
+    default: false
+  },
   /**
    * {
    *  maxImageSideLength,
@@ -371,10 +377,22 @@ var stdin_default = defineComponent({
       }).finally(() => {
       });
     };
+    const getExtensionFromMimeType = (mimeType) => {
+      const mimeToExt = {
+        "image/jpeg": "jpg",
+        "image/jpg": "jpg",
+        "image/png": "png",
+        "image/gif": "gif",
+        "image/webp": "webp",
+        "image/bmp": "bmp",
+        "image/svg+xml": "svg"
+      };
+      return mimeToExt[mimeType] || "jpg";
+    };
     const transformImageFiles = (files) => {
       const promisesTodo = [];
       const resizeOptions = new ResizeOptions(props.maxImageSideLength);
-      const compressOptions = new CompressOptions(props.maxImageFileSize);
+      const compressOptions = new CompressOptions(props.maxImageFileSize, props.keepFileType);
       for (let i = 0; i < files.length; i++) {
         const file = files[i];
         const watermarkEnabled = props.watermarkOptions && props.watermarkOptions.watermarkConfigString && checkWatermarkConfigSupported(props.watermarkOptions.watermarkConfigString);
@@ -400,7 +418,8 @@ var stdin_default = defineComponent({
             return Promise.resolve(null);
           }
           return file2DataURL(f).then((base64) => {
-            const uniqueFileName = getUniqueFileName(f, "jpg");
+            const ext = props.keepFileType ? getExtensionFromMimeType(f.type) : "jpg";
+            const uniqueFileName = getUniqueFileName(f, ext);
             const media = {
               showSrc: base64,
               type: "photo",
@@ -746,6 +765,7 @@ var stdin_default = defineComponent({
             url: image.url || image.showSrc || ""
           })),
           showDownload: props.showDownload,
+          downloadAction: props.downloadAction,
           startPosition: imageIndex,
           closeable: true
         });

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

@@ -6,6 +6,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: import("vue").PropType<(params: import("../image-preview/ImagePreview").DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: import("vue").PropType<string>;
@@ -27,6 +28,10 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     watermarkOptions: {
         type: ObjectConstructor;
         default: () => null;
@@ -79,6 +84,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: import("vue").PropType<(params: import("../image-preview/ImagePreview").DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: import("vue").PropType<string>;
@@ -100,6 +106,10 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     watermarkOptions: {
         type: ObjectConstructor;
         default: () => null;
@@ -159,6 +169,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     maxImageSideLength: number;
     maxImageFileSize: number;
     maxFileSize: number;
+    keepFileType: boolean;
     watermarkOptions: Record<string, any>;
     maxMediaCount: number;
     maxImageCount: number;

package/lib/index.d.ts

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

package/lib/index.js

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

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

@@ -1,6 +1,7 @@
 import { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
 import type { Media, MediaAddType, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType, MediaType } from './type';
 import { MediaPlayerProps } from '../media-player';
+import { DownloadActionParams } from '../image-preview/ImagePreview';
 declare const mediaPickerProps: {
     sortable: {
         type: BooleanConstructor;
@@ -9,6 +10,7 @@ declare const mediaPickerProps: {
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: PropType<string>;
@@ -30,6 +32,10 @@ declare const mediaPickerProps: {
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * {
      *  maxImageSideLength,
@@ -97,6 +103,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: PropType<string>;
@@ -118,6 +125,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * {
      *  maxImageSideLength,
@@ -180,6 +191,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: PropType<string>;
@@ -201,6 +213,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * {
      *  maxImageSideLength,
@@ -270,6 +286,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     maxImageSideLength: number;
     maxImageFileSize: number;
     maxFileSize: number;
+    keepFileType: boolean;
     watermarkOptions: Record<string, any>;
     maxMediaCount: number;
     maxImageCount: number;

package/lib/media-picker/MediaPicker.js

@@ -87,6 +87,7 @@ const mediaPickerProps = {
   disabled: Boolean,
   showTitle: Boolean,
   showDownload: Boolean,
+  downloadAction: Function,
   useFileNameAsLabel: Boolean,
   title: (0, import_utils.makeStringProp)("\u6DFB\u52A0\u9644\u4EF6"),
   mediaList: (0, import_utils.makeArrayProp)(),
@@ -96,6 +97,11 @@ const mediaPickerProps = {
   maxImageFileSize: (0, import_utils.makeNumberProp)(1024),
   // 单个文件大小限制（本单位为KB，默认最大1M）
   maxFileSize: (0, import_utils.makeNumberProp)(FILE_SIZE_LIMIT * 1024),
+  // 是否保持原始文件类型（不转换为jpg）
+  keepFileType: {
+    type: Boolean,
+    default: false
+  },
   /**
    * {
    *  maxImageSideLength,
@@ -403,10 +409,22 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }).finally(() => {
       });
     };
+    const getExtensionFromMimeType = (mimeType) => {
+      const mimeToExt = {
+        "image/jpeg": "jpg",
+        "image/jpg": "jpg",
+        "image/png": "png",
+        "image/gif": "gif",
+        "image/webp": "webp",
+        "image/bmp": "bmp",
+        "image/svg+xml": "svg"
+      };
+      return mimeToExt[mimeType] || "jpg";
+    };
     const transformImageFiles = (files) => {
       const promisesTodo = [];
       const resizeOptions = new import_app_media_utils.ResizeOptions(props.maxImageSideLength);
-      const compressOptions = new import_app_media_utils.CompressOptions(props.maxImageFileSize);
+      const compressOptions = new import_app_media_utils.CompressOptions(props.maxImageFileSize, props.keepFileType);
       for (let i = 0; i < files.length; i++) {
         const file = files[i];
         const watermarkEnabled = props.watermarkOptions && props.watermarkOptions.watermarkConfigString && (0, import_app_media_utils.checkWatermarkConfigSupported)(props.watermarkOptions.watermarkConfigString);
@@ -432,7 +450,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
             return Promise.resolve(null);
           }
           return (0, import_media_util.file2DataURL)(f).then((base64) => {
-            const uniqueFileName = (0, import_media_util.getUniqueFileName)(f, "jpg");
+            const ext = props.keepFileType ? getExtensionFromMimeType(f.type) : "jpg";
+            const uniqueFileName = (0, import_media_util.getUniqueFileName)(f, ext);
             const media = {
               showSrc: base64,
               type: "photo",
@@ -778,6 +797,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
             url: image.url || image.showSrc || ""
           })),
           showDownload: props.showDownload,
+          downloadAction: props.downloadAction,
           startPosition: imageIndex,
           closeable: true
         });

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

@@ -6,6 +6,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: import("vue").PropType<(params: import("../image-preview/ImagePreview").DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: import("vue").PropType<string>;
@@ -27,6 +28,10 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     watermarkOptions: {
         type: ObjectConstructor;
         default: () => null;
@@ -79,6 +84,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
+    downloadAction: import("vue").PropType<(params: import("../image-preview/ImagePreview").DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: import("vue").PropType<string>;
@@ -100,6 +106,10 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         type: NumberConstructor;
         default: number;
     };
+    keepFileType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     watermarkOptions: {
         type: ObjectConstructor;
         default: () => null;
@@ -159,6 +169,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     maxImageSideLength: number;
     maxImageFileSize: number;
     maxFileSize: number;
+    keepFileType: boolean;
     watermarkOptions: Record<string, any>;
     maxMediaCount: number;
     maxImageCount: number;