zartui 3.1.76 → 3.1.78

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.76";
+export const version: "3.1.78";

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

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

@@ -90,6 +90,7 @@ declare const mediaPickerProps: {
         default: MediaSizeType;
     };
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 };
 export type MediaPickerProps = ExtractPropTypes<typeof mediaPickerProps>;
 export type MediaPickerInstance = ComponentPublicInstance<{
@@ -183,6 +184,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: MediaSizeType;
     };
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 }>, () => 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<{
     sortable: {
         type: BooleanConstructor;
@@ -271,6 +273,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: MediaSizeType;
     };
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 }>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
     onProcessing?: ((...args: any[]) => any) | undefined;
@@ -301,5 +304,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     allowPickFile: boolean;
     useWx: boolean;
     imageSizeType: MediaSizeType;
+    autoCheckFileType: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/media-picker/MediaPicker.mjs

@@ -23,6 +23,7 @@ import { createNamespace, isDef, isWeixin, makeArrayProp, makeNumberProp, makeSt
 import { computed, defineComponent, ref, watch } from "vue";
 import { showFailToast, showLoadingToast, closeToast } from "../toast/index.mjs";
 import DeleteIcon from "./image/DeleteIcon.mjs";
+import { fileTypeFromBuffer } from "file-type";
 import ZtGrid from "../grid/index.mjs";
 import ZtGridItem from "../grid-item/index.mjs";
 import ZtActionSheet from "../action-sheet/index.mjs";
@@ -47,6 +48,17 @@ import { useExpose } from "../composables/use-expose.mjs";
 import Sortable from "sortablejs";
 const [name, bem] = createNamespace("media-picker");
 const FILE_SIZE_LIMIT = 100;
+const COMPATIBLE_TYPE_MAPPINGS = {
+  "mp3": /* @__PURE__ */ new Set(["mpga"]),
+  "mp4": /* @__PURE__ */ new Set(["qt"]),
+  "html": /* @__PURE__ */ new Set(["txt"]),
+  "json": /* @__PURE__ */ new Set(["txt"]),
+  "xml": /* @__PURE__ */ new Set(["txt"]),
+  "gif": /* @__PURE__ */ new Set(["png"]),
+  "jpeg": /* @__PURE__ */ new Set(["jpg"]),
+  "jpg": /* @__PURE__ */ new Set(["jpeg"]),
+  "m4a": /* @__PURE__ */ new Set(["mp4", "mp4a", "x-m4a"])
+};
 const mediaPickerProps = {
   sortable: {
     type: Boolean,
@@ -109,7 +121,9 @@ const mediaPickerProps = {
   // 是否强制使用微信
   useWx: Boolean,
   imageSizeType: makeStringProp("compressed"),
-  mediaPlayerProps: Object
+  mediaPlayerProps: Object,
+  // 是否自动检查文件类型（校验文件扩展名与实际文件头信息是否匹配）
+  autoCheckFileType: Boolean
 };
 var stdin_default = defineComponent({
   name,
@@ -519,6 +533,32 @@ var stdin_default = defineComponent({
       if (!checkFileCountAfterAdd(files)) {
         return;
       }
+      if (props.autoCheckFileType) {
+        try {
+          for (const file of files) {
+            const buffer = yield file.slice(0, 4100).arrayBuffer();
+            const fileType = yield fileTypeFromBuffer(new Uint8Array(buffer));
+            const fileName = file.name.toLowerCase();
+            const extensionMatch = fileName.match(/\.([^.]+)$/);
+            const extension = extensionMatch ? extensionMatch[1] : "";
+            if (fileType && extension) {
+              if (fileType.ext !== extension) {
+                const compatibleTypes = COMPATIBLE_TYPE_MAPPINGS[extension];
+                const isCompatible = compatibleTypes && compatibleTypes.has(fileType.ext);
+                if (!isCompatible) {
+                  showFailToast({
+                    message: `\u6587\u4EF6\u540E\u7F00\u4E0E\u5B9E\u9645\u6587\u4EF6\u7C7B\u578B\u4E0D\u5339\u914D\uFF1A${file.name}`,
+                    duration: 5e3
+                  });
+                  return;
+                }
+              }
+            }
+          }
+        } catch (error) {
+          console.error("\u6587\u4EF6\u7C7B\u578B\u6821\u9A8C\u5931\u8D25:", error);
+        }
+      }
       if (props.beforeRead) {
         try {
           const response = yield props.beforeRead(files);

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

@@ -76,6 +76,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         default: import("./type").MediaSizeType;
     };
     mediaPlayerProps: import("vue").PropType<Partial<import("..").MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 }>, () => 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<{
     sortable: {
         type: BooleanConstructor;
@@ -154,6 +155,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         default: import("./type").MediaSizeType;
     };
     mediaPlayerProps: import("vue").PropType<Partial<import("..").MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 }>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
     onProcessing?: ((...args: any[]) => any) | undefined;
@@ -184,6 +186,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     allowPickFile: boolean;
     useWx: boolean;
     imageSizeType: import("./type").MediaSizeType;
+    autoCheckFileType: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default MediaPicker;
 export type { MediaPickerProps, MediaPickerInstance } from './MediaPicker';

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.76";
+export const version: "3.1.78";

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

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

@@ -90,6 +90,7 @@ declare const mediaPickerProps: {
         default: MediaSizeType;
     };
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 };
 export type MediaPickerProps = ExtractPropTypes<typeof mediaPickerProps>;
 export type MediaPickerInstance = ComponentPublicInstance<{
@@ -183,6 +184,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: MediaSizeType;
     };
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 }>, () => 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<{
     sortable: {
         type: BooleanConstructor;
@@ -271,6 +273,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: MediaSizeType;
     };
     mediaPlayerProps: PropType<Partial<MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 }>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
     onProcessing?: ((...args: any[]) => any) | undefined;
@@ -301,5 +304,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     allowPickFile: boolean;
     useWx: boolean;
     imageSizeType: MediaSizeType;
+    autoCheckFileType: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/media-picker/MediaPicker.js

@@ -55,6 +55,7 @@ var import_utils = require("../utils");
 var import_vue2 = require("vue");
 var import_toast = require("../toast");
 var import_DeleteIcon = __toESM(require("./image/DeleteIcon"));
+var import_file_type = require("file-type");
 var import_grid = __toESM(require("../grid"));
 var import_grid_item = __toESM(require("../grid-item"));
 var import_action_sheet = __toESM(require("../action-sheet"));
@@ -79,6 +80,17 @@ var import_use_expose = require("../composables/use-expose");
 var import_sortablejs = __toESM(require("sortablejs"));
 const [name, bem] = (0, import_utils.createNamespace)("media-picker");
 const FILE_SIZE_LIMIT = 100;
+const COMPATIBLE_TYPE_MAPPINGS = {
+  "mp3": /* @__PURE__ */ new Set(["mpga"]),
+  "mp4": /* @__PURE__ */ new Set(["qt"]),
+  "html": /* @__PURE__ */ new Set(["txt"]),
+  "json": /* @__PURE__ */ new Set(["txt"]),
+  "xml": /* @__PURE__ */ new Set(["txt"]),
+  "gif": /* @__PURE__ */ new Set(["png"]),
+  "jpeg": /* @__PURE__ */ new Set(["jpg"]),
+  "jpg": /* @__PURE__ */ new Set(["jpeg"]),
+  "m4a": /* @__PURE__ */ new Set(["mp4", "mp4a", "x-m4a"])
+};
 const mediaPickerProps = {
   sortable: {
     type: Boolean,
@@ -141,7 +153,9 @@ const mediaPickerProps = {
   // 是否强制使用微信
   useWx: Boolean,
   imageSizeType: (0, import_utils.makeStringProp)("compressed"),
-  mediaPlayerProps: Object
+  mediaPlayerProps: Object,
+  // 是否自动检查文件类型（校验文件扩展名与实际文件头信息是否匹配）
+  autoCheckFileType: Boolean
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -551,6 +565,32 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (!checkFileCountAfterAdd(files)) {
         return;
       }
+      if (props.autoCheckFileType) {
+        try {
+          for (const file of files) {
+            const buffer = yield file.slice(0, 4100).arrayBuffer();
+            const fileType = yield (0, import_file_type.fileTypeFromBuffer)(new Uint8Array(buffer));
+            const fileName = file.name.toLowerCase();
+            const extensionMatch = fileName.match(/\.([^.]+)$/);
+            const extension = extensionMatch ? extensionMatch[1] : "";
+            if (fileType && extension) {
+              if (fileType.ext !== extension) {
+                const compatibleTypes = COMPATIBLE_TYPE_MAPPINGS[extension];
+                const isCompatible = compatibleTypes && compatibleTypes.has(fileType.ext);
+                if (!isCompatible) {
+                  (0, import_toast.showFailToast)({
+                    message: `\u6587\u4EF6\u540E\u7F00\u4E0E\u5B9E\u9645\u6587\u4EF6\u7C7B\u578B\u4E0D\u5339\u914D\uFF1A${file.name}`,
+                    duration: 5e3
+                  });
+                  return;
+                }
+              }
+            }
+          }
+        } catch (error) {
+          console.error("\u6587\u4EF6\u7C7B\u578B\u6821\u9A8C\u5931\u8D25:", error);
+        }
+      }
       if (props.beforeRead) {
         try {
           const response = yield props.beforeRead(files);

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

@@ -76,6 +76,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         default: import("./type").MediaSizeType;
     };
     mediaPlayerProps: import("vue").PropType<Partial<import("..").MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 }>, () => 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<{
     sortable: {
         type: BooleanConstructor;
@@ -154,6 +155,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
         default: import("./type").MediaSizeType;
     };
     mediaPlayerProps: import("vue").PropType<Partial<import("..").MediaPlayerProps>>;
+    autoCheckFileType: BooleanConstructor;
 }>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
     onProcessing?: ((...args: any[]) => any) | undefined;
@@ -184,6 +186,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     allowPickFile: boolean;
     useWx: boolean;
     imageSizeType: import("./type").MediaSizeType;
+    autoCheckFileType: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default MediaPicker;
 export type { MediaPickerProps, MediaPickerInstance } from './MediaPicker';