zartui 3.0.2 → 3.0.3

package/lib/media-picker/image/TakeVideoIcon.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var stdin_default = (0, import_vue2.defineComponent)({
+  name: "TakeVideoIcon",
+  setup() {
+    return () => (0, import_vue.createVNode)("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "viewBox": "0 0 32 32"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(-8 -8)",
+      "fill": "none",
+      "fill-rule": "evenodd"
+    }, [(0, import_vue.createVNode)("g", {
+      "fill": "#2D4B73"
+    }, [(0, import_vue.createVNode)("path", {
+      "d": "M19.2451698,0.625 C21.1808341,0.625 22.75,2.19340919 22.75,4.12432622 L22.75,14.6256738 C22.75,16.5582983 21.1863004,18.125 19.2451698,18.125 L3.50483022,18.125 C1.56916594,18.125 0,16.5565908 0,14.6256738 L0,4.12432622 C0,2.19170171 1.56369963,0.625 3.50483022,0.625 L19.2451698,0.625 Z M10.0666465,5.82290404 C9.34681606,5.37301004 8.75,5.700372 8.75,6.56432465 L8.75,6.56432465 L8.75,12.1856754 C8.75,13.0634022 9.3394827,13.3815733 10.0666465,12.927096 L10.0666465,12.927096 L14.4333535,10.197904 C15.1531839,9.74801004 15.1605173,9.00657331 14.4333535,8.55209596 L14.4333535,8.55209596 Z",
+      "transform": "translate(10 12)"
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M10.7916667,18.125 L9.5736435,23.6061043 C9.38722951,24.4449672 8.54211085,25.125 7.68910567,25.125 L6.21367211,25.125 C5.35928459,25.125 4.66666667,24.4282217 4.66666667,23.5714731 L4.66666667,18.125 L10.7916667,18.125 Z M28,2.36694574 L28,16.3830543 C28,17.3451043 27.3562469,17.6958313 26.5375823,17.1500549 L22.75,14.625 L22.75,4.125 L26.5375823,1.59994513 C27.3452533,1.0614978 28,1.39953349 28,2.36694574 Z",
+      "fill-opacity": ".4",
+      "transform": "translate(10 12)"
+    }, null)])])]);
+  }
+});

package/lib/media-picker/index.css

@@ -0,0 +1 @@
+.zt-media-picker__hidden{display:none}.zt-media-picker__title{position:relative;height:44px;line-height:44px;font-weight:700;font-size:16px;color:var(--zt-text-color);padding:0 16px}.zt-media-picker__title:before{position:absolute;width:4px;height:16px;background:var(--zt-blue);left:0;top:14px;content:" "}.zt-media-picker__title:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-media-picker__line{width:100%;height:92px;display:flex;align-items:center;overflow-x:auto}.zt-media-picker__line::-webkit-scrollbar{width:0;height:0}.zt-media-picker__line:after{content:" ";min-width:16px;height:10px}.zt-media-picker__box{width:48px;display:flex;flex-direction:column;align-items:center}.zt-media-picker__box:first-child{margin-left:16px}.zt-media-picker__box:not(:last-child){margin-right:24px}.zt-media-picker__button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#e6ebf0 0%,#fff 100%,#fff 100%);box-shadow:-4px -4px 8px #fff,4px 4px 8px rgba(45,75,115,.1);border-radius:8px;box-sizing:border-box}.zt-media-picker__button:active{background:rgba(45,75,115,.04);border:1px solid rgba(255,255,255,.75);box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-media-picker__icon{width:32px;height:32px}.zt-media-picker__label{margin-top:8px;font-size:12px;opacity:.8;color:#2d4b73;letter-spacing:0;text-align:center;line-height:16px;-webkit-user-select:none;user-select:none}.zt-media-picker__grid{padding:0 16px 8px!important}.zt-media-picker__delete{box-sizing:content-box;width:20px;height:20px;position:absolute;padding:4px;top:0;right:0}.zt-media-picker .zt-image{width:100%;height:100%}.zt-media-picker .zt-grid-item__content{padding:0}.zt-media-picker__thumbnail{width:100%;height:100%}.zt-media-picker__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-white);background-color:var(--zt-uploader-mask-background);border-radius:4px}.zt-media-picker__mask-icon{font-size:var(--zt-uploader-mask-icon-size)}.zt-media-picker__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-uploader-mask-message-font-size);line-height:var(--zt-uploader-mask-message-line-height)}.zt-media-picker__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-icon-color)}

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

@@ -0,0 +1,153 @@
+export declare const MediaPicker: import("../utils").WithInstall<import("vue").DefineComponent<{
+    disabled: BooleanConstructor;
+    showTitle: BooleanConstructor;
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    mediaList: {
+        type: import("vue").PropType<import("./type").Media[]>;
+        default: () => import("./type").Media[];
+    };
+    maxImageSideLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    watermarkOptions: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+    maxMediaCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxAudioCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxVideoCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    allowTakePhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowPickPhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowTakeVideo: BooleanConstructor;
+    allowPickVideo: BooleanConstructor;
+    allowTakeAudio: BooleanConstructor;
+    allowPickAudio: BooleanConstructor;
+    allowPickFile: BooleanConstructor;
+    preview: import("vue").PropType<import("./type").MediaPreview>;
+    mediaPick: import("vue").PropType<import("./type").MediaPick>;
+    beforeRead: import("vue").PropType<import("./type").MediaBeforeRead>;
+    afterRead: import("vue").PropType<import("./type").MediaAfterRead>;
+    beforeDelete: import("vue").PropType<import("./type").MediaBeforeDelete>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:mediaList" | "delete")[], "update:mediaList" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    showTitle: BooleanConstructor;
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    mediaList: {
+        type: import("vue").PropType<import("./type").Media[]>;
+        default: () => import("./type").Media[];
+    };
+    maxImageSideLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    watermarkOptions: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+    maxMediaCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxAudioCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxVideoCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    allowTakePhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowPickPhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowTakeVideo: BooleanConstructor;
+    allowPickVideo: BooleanConstructor;
+    allowTakeAudio: BooleanConstructor;
+    allowPickAudio: BooleanConstructor;
+    allowPickFile: BooleanConstructor;
+    preview: import("vue").PropType<import("./type").MediaPreview>;
+    mediaPick: import("vue").PropType<import("./type").MediaPick>;
+    beforeRead: import("vue").PropType<import("./type").MediaBeforeRead>;
+    afterRead: import("vue").PropType<import("./type").MediaAfterRead>;
+    beforeDelete: import("vue").PropType<import("./type").MediaBeforeDelete>;
+}>> & {
+    "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    disabled: boolean;
+    showTitle: boolean;
+    mediaList: import("./type").Media[];
+    maxImageSideLength: number;
+    maxImageFileSize: number;
+    maxFileSize: number;
+    watermarkOptions: Record<string, any>;
+    maxMediaCount: number;
+    maxImageCount: number;
+    maxAudioCount: number;
+    maxVideoCount: number;
+    allowTakePhoto: boolean;
+    allowPickPhoto: boolean;
+    allowTakeVideo: boolean;
+    allowPickVideo: boolean;
+    allowTakeAudio: boolean;
+    allowPickAudio: boolean;
+    allowPickFile: boolean;
+}>>;
+export default MediaPicker;
+export type { MediaPickerProps } from './MediaPicker';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtMediaPicker: typeof MediaPicker;
+    }
+}

package/lib/media-picker/index.js

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  MediaPicker: () => MediaPicker,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_MediaPicker = __toESM(require("./MediaPicker"));
+const MediaPicker = (0, import_utils.withInstall)(import_MediaPicker.default);
+var stdin_default = MediaPicker;

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

@@ -0,0 +1 @@
+export {};

package/lib/media-picker/style/index.js

@@ -0,0 +1,16 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../image/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../media-player/index.css");
+require("../../loading/index.css");
+require("../../toast/index.css");
+require("../../action-sheet/index.css");
+require("../../swipe/index.css");
+require("../../swipe-item/index.css");
+require("../../image-preview/index.css");
+require("../../grid/index.css");
+require("../../grid-item/index.css");
+require("../index.css");

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

@@ -0,0 +1,22 @@
+export declare type MediaType = 'photo' | 'audio' | 'video' | 'file';
+export declare type MediaAddType = 'take' | 'pick' | 'take_and_pick';
+export declare type MediaUploadStatus = 'uploading' | 'done' | 'failed';
+export declare type Media = {
+    file: File;
+    url?: string;
+    type: MediaType;
+    uniqueCode: string;
+    showSrc?: string;
+    fileSize: number;
+    lastModified: number;
+    deletable: boolean;
+    status?: MediaUploadStatus;
+    message?: string;
+    mediaShot?: string;
+    extra?: object;
+};
+export declare type MediaBeforeRead = (files: Array<File>) => boolean | Promise<Array<File>>;
+export declare type MediaAfterRead = (medias: Array<Media>) => void;
+export declare type MediaBeforeDelete = (media: Media) => boolean | Promise<void>;
+export declare type MediaPick = (mediaType: MediaType, mediaAddType: MediaAddType) => boolean;
+export declare type MediaPreview = (medias: Array<Media>, index: number) => boolean;

package/lib/media-picker/type.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

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

@@ -0,0 +1,71 @@
+export declare const MAX_SIDE_LENGTH = 1920;
+export declare const MIN_SIDE_LENGTH = 480;
+export declare const PHOTO_FILE_SIZE_LIMIT = 1000;
+export declare function isImageType(file: File): boolean;
+export declare function isAudioType(file: File): boolean;
+export declare function isVideoType(file: File): boolean;
+/**
+ * 文件唯一标识
+ */
+export declare function getFileUniqueCode(file: File): string;
+/**
+ * 生成不重复的文件名
+ * @param {File} file 原始文件
+ * @param {string} suffix 指定文件名后缀
+ */
+export declare function getUniqueFileName(file: File, suffix?: string): string;
+/**
+ * Convert File to data schema url
+ * @param file
+ */
+export declare function file2DataURL(file: File): Promise<string>;
+/**
+ * Convert file to image
+ * @param file
+ */
+export declare function file2Image(file: File): Promise<HTMLImageElement>;
+/**
+ * Draw image on canvas
+ * @param img
+ * @param width
+ * @param height
+ */
+export declare function image2Canvas(img: HTMLImageElement, width?: number, height?: number): Promise<HTMLCanvasElement>;
+/**
+ * Export File from canvas
+ * @param canvas
+ * @param fileName
+ * @param lastModified
+ * @param type
+ * @param quality
+ * @see {@link https://meshworld.in/convert-canvas-to-an-image-using-javascript/}
+ */
+export declare function canvas2File(canvas: HTMLCanvasElement, fileName: string, lastModified: number, type?: string, quality?: number): Promise<File>;
+export declare function image2file(img: HTMLImageElement, fileName: string, lastModified: number, type?: string, quality?: number): Promise<File>;
+/**
+ * Export Image from canvas
+ * @param canvas
+ * @param type
+ * @param quality
+ * @see {@link https://meshworld.in/convert-canvas-to-an-image-using-javascript/}
+ */
+export declare function canvas2Image(canvas: HTMLCanvasElement, type?: string, quality?: number): Promise<HTMLImageElement>;
+export declare type ResizeResultType = 'image' | 'canvas';
+/**
+ * 缩放图片
+ * @param img：HTMLImageElement 图片对象
+ * @param imageWidth 图片宽度
+ * @param imageHeight 图片高度
+ // * @param equalProportion 是否等比例拉伸，默认是，目前只支持等比例拉伸
+ * @param sideLengthLimit 图片边长限制
+ * @param baseOnShortSide 是否以短边为限制
+ * @param resultType: ResizeResultType, "image" | "canvas"
+ */
+export declare function resize(img: HTMLImageElement, { imageWidth, imageHeight, sideLengthLimit, baseOnShortSide, // 是否以短边为基准缩放
+resultType, }: {
+    imageWidth?: number | undefined;
+    imageHeight?: number | undefined;
+    sideLengthLimit?: number | undefined;
+    baseOnShortSide?: boolean | undefined;
+    resultType?: string | undefined;
+}): Promise<HTMLImageElement | HTMLCanvasElement>;

package/lib/media-picker/util/media-util.js

@@ -0,0 +1,158 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  MAX_SIDE_LENGTH: () => MAX_SIDE_LENGTH,
+  MIN_SIDE_LENGTH: () => MIN_SIDE_LENGTH,
+  PHOTO_FILE_SIZE_LIMIT: () => PHOTO_FILE_SIZE_LIMIT,
+  canvas2File: () => canvas2File,
+  canvas2Image: () => canvas2Image,
+  file2DataURL: () => file2DataURL,
+  file2Image: () => file2Image,
+  getFileUniqueCode: () => getFileUniqueCode,
+  getUniqueFileName: () => getUniqueFileName,
+  image2Canvas: () => image2Canvas,
+  image2file: () => image2file,
+  isAudioType: () => isAudioType,
+  isImageType: () => isImageType,
+  isVideoType: () => isVideoType,
+  resize: () => resize
+});
+module.exports = __toCommonJS(stdin_exports);
+const MAX_SIDE_LENGTH = 1920;
+const MIN_SIDE_LENGTH = 480;
+const PHOTO_FILE_SIZE_LIMIT = 1e3;
+function isImageType(file) {
+  return file.type.indexOf("image/") >= 0;
+}
+function isAudioType(file) {
+  return file.type.indexOf("audio/") >= 0;
+}
+function isVideoType(file) {
+  return file.type.indexOf("video/") >= 0;
+}
+function getFileUniqueCode(file) {
+  return `${file.name}_${file.type}_${file.size}_${file.lastModified}`;
+}
+function getUniqueFileName(file, suffix = "") {
+  const dotIndex = file.name.lastIndexOf(".");
+  if (dotIndex > 0) {
+    suffix = file.name.substring(dotIndex + 1);
+  }
+  const now = new Date();
+  const name = `${now.getFullYear()}${now.getMonth()}${now.getDay()}${now.getHours()}${now.getMinutes()}${now.getSeconds()}${now.getMilliseconds()}_${Math.ceil(
+    Math.random() * 1e4
+  )}`;
+  return suffix ? name + "." + suffix : name;
+}
+function file2DataURL(file) {
+  return new Promise((resolve, reject) => {
+    const a = new FileReader();
+    a.onload = function(res) {
+      if (res && res.target) {
+        resolve(res.target.result);
+      } else {
+        reject(new Error("\u8BFB\u53D6\u6587\u4EF6url\u5931\u8D25"));
+      }
+    };
+    a.readAsDataURL(file);
+  });
+}
+function file2Image(file) {
+  return new Promise((resolve, reject) => {
+    file2DataURL(file).then((url) => {
+      const img = new Image();
+      img.src = url;
+      img.onload = function() {
+        if (img.complete) {
+          resolve(img);
+        } else {
+          reject(new Error("\u6587\u4EF6\u52A0\u8F7D\u5931\u8D25"));
+        }
+      };
+    }).catch(reject);
+  });
+}
+function image2Canvas(img, width, height) {
+  const canvas = document.createElement("canvas");
+  const _width = width || img.width;
+  const _height = height || img.height;
+  canvas.width = _width;
+  canvas.height = _height;
+  const ctx = canvas.getContext("2d");
+  if (ctx) {
+    ctx.fillStyle = "#fff";
+    ctx.fillRect(0, 0, _width, _height);
+    ctx.drawImage(img, 0, 0, _width, _height);
+    return Promise.resolve(canvas);
+  }
+  return Promise.reject(new Error("canvas getContext return null"));
+}
+function canvas2File(canvas, fileName, lastModified, type = "image/jpeg", quality = 0.8) {
+  return new Promise((resolve, reject) => {
+    canvas.toBlob(
+      (blob) => {
+        if (!blob) {
+          reject(new Error("canvas\u6587\u4EF6\u5BFC\u51FA\u5931\u8D25"));
+        } else {
+          const file = new File([blob], fileName, { lastModified, type });
+          resolve(file);
+        }
+      },
+      type,
+      quality
+    );
+  });
+}
+function image2file(img, fileName, lastModified, type = "image/jpeg", quality = 0.8) {
+  return image2Canvas(img).then(
+    (canvas) => canvas2File(canvas, fileName, lastModified, type, quality)
+  );
+}
+function canvas2Image(canvas, type = "image/jpeg", quality = 0.8) {
+  const image = new Image();
+  image.src = canvas.toDataURL(type, quality);
+  return Promise.resolve(image);
+}
+function resize(img, {
+  imageWidth = -1,
+  imageHeight = -1,
+  sideLengthLimit = 640,
+  baseOnShortSide = true,
+  resultType = "image"
+}) {
+  let scale = 1;
+  const scaleBaseFunc = baseOnShortSide ? Math.min : Math.max;
+  if (imageWidth > 0 && imageHeight > 0) {
+    scale = sideLengthLimit / scaleBaseFunc(imageWidth, imageHeight);
+  } else if (img.width > 0 && img.height > 0) {
+    scale = sideLengthLimit / scaleBaseFunc(img.width, img.height);
+    imageWidth = img.width;
+    imageHeight = img.height;
+  } else {
+    return Promise.reject(new Error("image width/height \u65E0\u6548"));
+  }
+  const targetWidth = imageWidth * scale;
+  const targetHeight = imageHeight * scale;
+  if (resultType === "image") {
+    return image2Canvas(img, targetWidth, targetHeight).then(
+      (canvas) => canvas2Image(canvas)
+    );
+  }
+  return image2Canvas(img, targetWidth, targetHeight);
+}

package/lib/media-picker/util/orientation-util.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Get string from char code in data view.
+ * @param {DataView} dataView - The data view for read.
+ * @param {number} start - The start index.
+ * @param {number} length - The read length.
+ * @returns {string} The read result.
+ */
+export declare function getStringFromCharCode(dataView: DataView, start: number, length: number): string;
+/**
+ * Get orientation value from given array buffer.
+ * @param {ArrayBuffer} arrayBuffer - The array buffer to read.
+ * @returns {number} The read orientation value.
+ */
+export declare function resetAndGetOrientation(arrayBuffer: ArrayBufferLike): number;
+/**
+ * Convert array-like or iterable object to an array.
+ * @param {*} value - The value to convert.
+ * @returns {Array} Returns a new array.
+ */
+export declare function toArray(value: ArrayLike<unknown>): any[];
+/**
+ * Transform array buffer to Data URL.
+ * @param {ArrayBuffer} arrayBuffer - The array buffer to transform.
+ * @param {string} mimeType - The mime type of the Data URL.
+ * @returns {string} The result Data URL.
+ */
+export declare function arrayBufferToDataURL(arrayBuffer: ArrayBuffer, mimeType: string): string;
+/**
+ * Parse Exif Orientation value.
+ * @param {number} orientation - The orientation to parse.
+ * @returns {Object} The parsed result.
+ */
+export declare function parseOrientation(orientation: number): {
+    rotate: number;
+    scaleX: number;
+    scaleY: number;
+};