zartui 3.1.20 → 3.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zartui",
-  "version": "3.1.20",
+  "version": "3.1.21",
   "description": "面向政务场景的移动端组件库",
   "main": "lib/zartui.cjs.js",
   "module": "es/index.mjs",
@@ -29,9 +29,10 @@
   ],
   "dependencies": {
     "@floating-ui/vue": "^0.2.1",
+    "@zartui/popperjs": "^1.3.1",
+    "@egova-mobile/app-media-utils": "^0.0.2",
     "@zartui/date-utils": "^0.0.5",
-    "@zartui/use": "^1.4.8",
-    "@zartui/popperjs": "^1.3.1"
+    "@zartui/use": "^1.4.8"
   },
   "peerDependencies": {
     "vue": "^3.0.0"
@@ -52,9 +53,9 @@
     "vue": "^3.3.4",
     "vue-router": "^4.2.4",
     "@zartui/mobile-cli": "^5.0.7",
-    "@zartui/number-font": "^0.0.1",
-    "@zartui/icons": "^0.0.6",
-    "@zartui/eslint-config": "^4.0.2"
+    "@zartui/eslint-config": "^4.0.2",
+    "@zartui/icons": "^0.0.7",
+    "@zartui/number-font": "^0.0.1"
   },
   "sideEffects": [
     "es/**/style/*",

package/es/media-picker/watermark/compress-options.d.ts

@@ -1,5 +0,0 @@
-export declare class CompressOptions {
-    photoFileSizeLimit: number;
-    checkOrientation: boolean;
-    constructor(photoFileSizeLimit: number);
-}

package/es/media-picker/watermark/compress-options.mjs

@@ -1,23 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { isDef } from "../../utils/index.mjs";
-import { PHOTO_FILE_SIZE_LIMIT } from "../util/media-util.mjs";
-class CompressOptions {
-  constructor(photoFileSizeLimit) {
-    // 图片大小限制，单位kb
-    __publicField(this, "photoFileSizeLimit");
-    __publicField(this, "checkOrientation", true);
-    if (!isDef(photoFileSizeLimit)) {
-      this.photoFileSizeLimit = PHOTO_FILE_SIZE_LIMIT;
-    } else {
-      this.photoFileSizeLimit = photoFileSizeLimit;
-    }
-  }
-}
-export {
-  CompressOptions
-};

package/es/media-picker/watermark/image-processor.d.ts

@@ -1,12 +0,0 @@
-import { ResizeOptions } from './resize-options';
-import { WatermarkOptions } from './watermark';
-import { CompressOptions } from './compress-options';
-export declare class ImageProcessor {
-    private file;
-    private resizeOptions;
-    private watermarkOptions;
-    private compressOptions;
-    constructor(file: File, resizeOptions: ResizeOptions, watermarkOptions: WatermarkOptions, compressOptions: CompressOptions);
-    process(): Promise<void | File>;
-    compress(canvas: HTMLCanvasElement, filename: string, lastModified: number, type: string, quality: number): Promise<File>;
-}

package/es/media-picker/watermark/image-processor.mjs

@@ -1,97 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { renderWatermark } from "./watermark.mjs";
-import { getIosVersion, isIOS } from "../../utils/index.mjs";
-import {
-  canvas2File,
-  file2Image,
-  getOrientation,
-  resize
-} from "../util/media-util.mjs";
-const DEFAULT_JPEG_QUALITY = 0.8;
-const MIN_JPEG_QUALITY = 0.1;
-const JPEG_QUALITY_STEP = 0.05;
-class ImageProcessor {
-  // 压缩图片的配置
-  constructor(file, resizeOptions, watermarkOptions, compressOptions) {
-    __publicField(this, "file");
-    // 图片文件
-    __publicField(this, "resizeOptions");
-    // 缩放图片的配置
-    __publicField(this, "watermarkOptions");
-    // 打水印配置项和相关环境信息
-    __publicField(this, "compressOptions");
-    this.file = file;
-    this.resizeOptions = resizeOptions;
-    this.watermarkOptions = watermarkOptions;
-    this.compressOptions = compressOptions;
-  }
-  process() {
-    const filename = this.file.name;
-    let fileType = this.file.type;
-    const { lastModified } = this.file;
-    let orientation = 1;
-    if (this.file.size > this.compressOptions.photoFileSizeLimit * 1024) {
-      fileType = "image/jpeg";
-    }
-    if (isIOS() && fileType === "image/jpeg" && getIosVersion() < "13.4") {
-      const reader = new FileReader();
-      reader.readAsArrayBuffer(this.file);
-      reader.onload = function(_ref) {
-        const { target } = _ref;
-        if (target == null ? void 0 : target.result) {
-          orientation = getOrientation(target == null ? void 0 : target.result);
-        }
-      };
-    }
-    if (fileType === "image/gif") {
-      fileType = "image/png";
-    }
-    return file2Image(this.file).then(
-      (img) => (
-        // 第一步 resize image
-        resize(img, {
-          inputType: fileType,
-          orientation,
-          sideLengthLimit: this.resizeOptions.maxSideLength,
-          resultType: "canvas"
-        })
-      )
-    ).then((result) => {
-      const canvas = result;
-      return renderWatermark(canvas, this.watermarkOptions);
-    }).then((canvas) => {
-      const exportFilename = filename.replace(/\./g, "-") + ".jpg";
-      return this.compress(
-        canvas,
-        exportFilename,
-        lastModified,
-        fileType,
-        DEFAULT_JPEG_QUALITY
-      );
-    });
-  }
-  compress(canvas, filename, lastModified, type, quality) {
-    return canvas2File(canvas, filename, lastModified, type, quality).then(
-      (file) => {
-        if (file.size > this.compressOptions.photoFileSizeLimit * 1024 && quality - JPEG_QUALITY_STEP > MIN_JPEG_QUALITY) {
-          return this.compress(
-            canvas,
-            filename,
-            lastModified,
-            type,
-            quality - JPEG_QUALITY_STEP
-          );
-        }
-        return Promise.resolve(file);
-      }
-    );
-  }
-}
-export {
-  ImageProcessor
-};

package/es/media-picker/watermark/resize-options.d.ts

@@ -1,4 +0,0 @@
-export declare class ResizeOptions {
-    maxSideLength: number;
-    constructor(maxSideLength: number);
-}

package/es/media-picker/watermark/resize-options.mjs

@@ -1,27 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { isDef } from "../../utils/index.mjs";
-import { MAX_SIDE_LENGTH, MIN_SIDE_LENGTH } from "../util/media-util.mjs";
-class ResizeOptions {
-  // 最大边长
-  constructor(maxSideLength) {
-    __publicField(this, "maxSideLength");
-    if (!isDef(maxSideLength)) {
-      this.maxSideLength = MAX_SIDE_LENGTH;
-    } else {
-      this.maxSideLength = maxSideLength;
-      if (this.maxSideLength > MAX_SIDE_LENGTH) {
-        this.maxSideLength = MAX_SIDE_LENGTH;
-      } else if (this.maxSideLength < MIN_SIDE_LENGTH) {
-        this.maxSideLength = MIN_SIDE_LENGTH;
-      }
-    }
-  }
-}
-export {
-  ResizeOptions
-};

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

@@ -1,42 +0,0 @@
-export interface WatermarkContextParams {
-    address: string;
-    watermarkTime: Date;
-    humanName: string;
-    projectName: string;
-    logo: File;
-}
-export type WatermarkContext = {
-    address: string;
-    watermarkTime: Date;
-    humanName: string;
-    projectName: string;
-    logo?: File;
-};
-export interface WatermarkOptionsParams {
-    enabled: boolean;
-    watermarkConfigString: string;
-    context: WatermarkContext;
-}
-export type WatermarkOptions = {
-    enabled: boolean;
-    watermarkConfigString?: string;
-    context?: WatermarkContext;
-};
-/**
- * A JavaScript Scanner like Java's
- * @see java.util.Scanner
- */
-export declare class TextScanner {
-    private text;
-    private cursor;
-    /**
-     * The content to scan
-     * @param text
-     */
-    constructor(text: string);
-    hasNext(obj?: any): boolean;
-    next(obj?: any): string | RegExpMatchArray | null;
-    skip(obj?: string): TextScanner;
-}
-export declare function renderWatermark(canvas: HTMLCanvasElement, options: WatermarkOptions): Promise<HTMLCanvasElement>;
-export declare function checkWatermarkConfigSupported(watermarkConfigString: string): boolean;