zartui 3.1.20 → 3.1.21

package/lib/zartui.cjs.js

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const use = require("@zartui/use");
-const dateUtils = require("@zartui/date-utils");
+const appMediaUtils = require("@egova-mobile/app-media-utils");
 const vue$1 = require("@floating-ui/vue");
 const popperjs = require("@zartui/popperjs");
 const isDef = (val) => val !== void 0 && val !== null;
@@ -11,20 +11,8 @@ const isObject = (val) => val !== null && typeof val === "object";
 const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
 const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
 const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
-const isString = (val) => typeof val === "string";
-const isValidString = (val) => typeof val === "string" && val !== "";
-const isRegExp = (val) => Object.prototype.toString.call(val).replace(/\[object (\w+)\]/, "$1").toLowerCase() === "regexp";
 const isIOS$1 = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
-const isAndroid = () => inBrowser ? /android/.test(navigator.userAgent.toLowerCase()) : false;
 const isWeixin = () => inBrowser ? /micromessenger/.test(navigator.userAgent.toLowerCase()) : false;
-const getIosVersion = () => {
-  const reg = /CPU iPhone OS (.*?) like Mac OS/i;
-  const verStr = navigator.userAgent.match(reg);
-  if (verStr && verStr[1]) {
-    return verStr[1].replace(/_/g, ".");
-  }
-  return "";
-};
 function noop() {
 }
 const extend = Object.assign;
@@ -225,7 +213,7 @@ function padZero(num, targetLength = 2) {
   }
   return str;
 }
-const clamp$1 = (num, min, max) => Math.min(Math.max(num, min), max);
+const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
 function trimExtraChar(value, char, regExp) {
   const index = value.indexOf(char);
   if (index === -1) {
@@ -1617,7 +1605,7 @@ var stdin_default$1I = vue.defineComponent({
         "style": style.value,
         "src": props.src
       }, {
-        error: renderText()
+        error: () => renderText()
       });
     };
   }
@@ -3371,7 +3359,8 @@ var stdin_default$1z = vue.defineComponent({
     maxWidth: {
       type: String,
       default: "112px"
-    }
+    },
+    setLine: Function
   },
   setup(props, {
     slots
@@ -3431,9 +3420,30 @@ var stdin_default$1z = vue.defineComponent({
       }
       return Text;
     };
+    const mutationObserver = vue.ref();
+    const dom = vue.ref(null);
+    function mutation() {
+      props.setLine && props.setLine();
+    }
+    vue.onMounted(() => {
+      if (!dom.value) {
+        return;
+      }
+      mutationObserver.value = new MutationObserver(mutation);
+      mutationObserver.value.observe(dom.value, {
+        characterData: true,
+        childList: true,
+        subtree: true
+      });
+    });
+    vue.onBeforeUnmount(() => {
+      var _a, _b;
+      (_b = (_a = mutationObserver.value) == null ? void 0 : _a.unobserve) == null ? void 0 : _b.call(_a, dom.value);
+    });
     return () => vue.createVNode("div", {
       "id": props.id,
       "role": "tab",
+      "ref": dom,
       "class": [bem$18([props.type, {
         grow: props.scrollable && !props.shrink,
         shrink: props.shrink,
@@ -3526,9 +3536,9 @@ var stdin_default$1y = vue.defineComponent({
       } = state;
       if (pace) {
         if (props.loop) {
-          return clamp$1(active + pace, -1, count.value);
+          return clamp(active + pace, -1, count.value);
         }
-        return clamp$1(active + pace, 0, maxCount.value);
+        return clamp(active + pace, 0, maxCount.value);
       }
       return active;
     };
@@ -3539,7 +3549,7 @@ var stdin_default$1y = vue.defineComponent({
       }
       let targetOffset = offset - currentPosition;
       if (!props.loop) {
-        targetOffset = clamp$1(targetOffset, minOffset.value, 0);
+        targetOffset = clamp(targetOffset, minOffset.value, 0);
       }
       return targetOffset;
     };
@@ -3652,7 +3662,7 @@ var stdin_default$1y = vue.defineComponent({
         cb();
       }
     };
-    const resize2 = () => initialize(state.active);
+    const resize = () => initialize(state.active);
     let touchStartTime;
     const onTouchStart = (event) => {
       if (!props.touchable || // avoid resetting position on multi-finger touch
@@ -3781,7 +3791,7 @@ var stdin_default$1y = vue.defineComponent({
       prev,
       next,
       state,
-      resize: resize2,
+      resize,
       swipeTo
     });
     linkChildren({
@@ -3793,7 +3803,7 @@ var stdin_default$1y = vue.defineComponent({
     vue.watch(() => props.initialSwipe, (value) => initialize(+value));
     vue.watch(count, () => initialize(state.active));
     vue.watch(() => props.autoplay, autoplay);
-    vue.watch([windowWidth, windowHeight], resize2);
+    vue.watch([windowWidth, windowHeight], resize);
     vue.watch(use.usePageVisibility(), (visible) => {
       if (visible === "visible") {
         autoplay();
@@ -4118,6 +4128,7 @@ var stdin_default$1w = vue.defineComponent({
       "scrollable": scrollable.value,
       "activeColor": props.titleActiveColor,
       "inactiveColor": props.titleInactiveColor,
+      "setLine": setLine,
       "onClick": (event) => onClickTab(item, index, event)
     }, pick(item, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
       title: item.$slots.title,
@@ -5739,7 +5750,7 @@ function getColumnsType$1(columns, fields) {
   return "default";
 }
 function findIndexOfEnabledOption$1(options, index) {
-  index = clamp$1(index, 0, options.length);
+  index = clamp(index, 0, options.length);
   for (let i = index; i < options.length; i++) {
     if (!options[i].disabled)
       return i;
@@ -5851,7 +5862,7 @@ var stdin_default$1i = vue.defineComponent({
       updateValueByIndex(index);
       emit("clickOption", props.options[index]);
     };
-    const getIndexByOffset = (offset) => clamp$1(Math.round(-offset / props.optionHeight), 0, count() - 1);
+    const getIndexByOffset = (offset) => clamp(Math.round(-offset / props.optionHeight), 0, count() - 1);
     const momentum = (distance, duration) => {
       const speed = Math.abs(distance / duration);
       distance = currentOffset.value + speed / 3e-3 * (distance < 0 ? -1 : 1);
@@ -5891,7 +5902,7 @@ var stdin_default$1i = vue.defineComponent({
         moving = true;
         preventDefault(event, true);
       }
-      currentOffset.value = clamp$1(startOffset + touch.deltaY.value, -(count() * props.optionHeight), props.optionHeight);
+      currentOffset.value = clamp(startOffset + touch.deltaY.value, -(count() * props.optionHeight), props.optionHeight);
       const now = Date.now();
       if (now - touchStartTime > MOMENTUM_TIME$2) {
         touchStartTime = now;
@@ -6443,7 +6454,7 @@ const formatValueRange = (values, columns) => values.map((value, index) => {
   if (column.length) {
     const minValue = +column[0].value;
     const maxValue = +column[column.length - 1].value;
-    return padZero(clamp$1(+value, minValue, maxValue));
+    return padZero(clamp(+value, minValue, maxValue));
   }
   return value;
 });
@@ -6530,7 +6541,7 @@ var stdin_default$1c = vue.defineComponent({
       updateValueByIndex(index);
       emit("clickOption", props.options[index]);
     };
-    const getIndexByOffset = (offset) => clamp$1(Math.round(-offset / props.optionHeight), 0, count() - 1);
+    const getIndexByOffset = (offset) => clamp(Math.round(-offset / props.optionHeight), 0, count() - 1);
     const momentum = (distance, duration) => {
       const speed = Math.abs(distance / duration);
       distance = currentOffset.value + speed / 15e-4 * (distance < 0 ? -1 : 1);
@@ -6570,7 +6581,7 @@ var stdin_default$1c = vue.defineComponent({
         moving = true;
         preventDefault(event, true);
       }
-      currentOffset.value = clamp$1(startOffset + touch.deltaY.value, -(count() * props.optionHeight), props.optionHeight);
+      currentOffset.value = clamp(startOffset + touch.deltaY.value, -(count() * props.optionHeight), props.optionHeight);
       const now = Date.now();
       if (now - touchStartTime > MOMENTUM_TIME$1) {
         touchStartTime = now;
@@ -8276,13 +8287,6 @@ const parseNumber = (obj, defaultValue = 0) => {
   }
   return result;
 };
-const parseDecimal = (obj, defaultValue) => {
-  let result = parseFloat(obj);
-  if (isNaN(result)) {
-    result = defaultValue || 0;
-  }
-  return result;
-};
 const [name$K, bem$K] = createNamespace("tag");
 const tagProps = {
   mark: Boolean,
@@ -11425,7 +11429,7 @@ var stdin_default$R = vue.defineComponent({
       return 0;
     });
     const setScale = (scale) => {
-      scale = clamp$1(scale, +props.minZoom, +props.maxZoom + 1);
+      scale = clamp(scale, +props.minZoom, +props.maxZoom + 1);
       if (scale !== state.scale) {
         state.scale = scale;
         emit("scale", {
@@ -11486,8 +11490,8 @@ var stdin_default$R = vue.defineComponent({
         } = touch;
         const moveX = deltaX.value + startMoveX;
         const moveY = deltaY.value + startMoveY;
-        state.moveX = clamp$1(moveX, -maxMoveX.value, maxMoveX.value);
-        state.moveY = clamp$1(moveY, -maxMoveY.value, maxMoveY.value);
+        state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
+        state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
       }
       if (state.zooming && touches.length === 2) {
         const distance = getDistance(touches);
@@ -11536,8 +11540,8 @@ var stdin_default$R = vue.defineComponent({
         }
         if (!event.touches.length) {
           if (state.zooming) {
-            state.moveX = clamp$1(state.moveX, -maxMoveX.value, maxMoveX.value);
-            state.moveY = clamp$1(state.moveY, -maxMoveY.value, maxMoveY.value);
+            state.moveX = clamp(state.moveX, -maxMoveX.value, maxMoveX.value);
+            state.moveY = clamp(state.moveY, -maxMoveY.value, maxMoveY.value);
             state.zooming = false;
           }
           state.moving = false;
@@ -11647,7 +11651,7 @@ var stdin_default$Q = vue.defineComponent({
       rootHeight: 0,
       disableZoom: false
     });
-    const resize2 = () => {
+    const resize = () => {
       if (swipeRef.value) {
         const rect = use.useRect(swipeRef.value.$el);
         state.rootWidth = rect.width;
@@ -11757,8 +11761,8 @@ var stdin_default$Q = vue.defineComponent({
     useExpose({
       swipeTo
     });
-    vue.onMounted(resize2);
-    vue.watch([windowWidth, windowHeight], resize2);
+    vue.onMounted(resize);
+    vue.watch([windowWidth, windowHeight], resize);
     vue.watch(() => props.startPosition, (value) => setActive(+value));
     vue.watch(() => props.show, (value) => {
       const {
@@ -11768,7 +11772,7 @@ var stdin_default$Q = vue.defineComponent({
       if (value) {
         setActive(+startPosition);
         vue.nextTick(() => {
-          resize2();
+          resize();
           swipeTo(+startPosition, {
             immediate: true
           });
@@ -13008,9 +13012,6 @@ var stdin_default$C = vue.defineComponent({
     }, null)])])]);
   }
 });
-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;
 }
@@ -13034,47 +13035,6 @@ function getUniqueFileName(file, suffix = "") {
   )}`;
   return suffix ? name2 + "." + suffix : name2;
 }
-function adjustImgOrientation(ctx, img, orientation, width, height) {
-  switch (orientation) {
-    case 3:
-      ctx.rotate(180 * Math.PI / 180);
-      ctx.drawImage(img, -width, -height, width, height);
-      break;
-    case 6:
-      ctx.rotate(90 * Math.PI / 180);
-      ctx.drawImage(img, 0, -width, height, width);
-      break;
-    case 8:
-      ctx.rotate(270 * Math.PI / 180);
-      ctx.drawImage(img, -height, 0, height, width);
-      break;
-    case 2:
-      ctx.translate(width, 0);
-      ctx.scale(-1, 1);
-      ctx.drawImage(img, 0, 0, width, height);
-      break;
-    case 4:
-      ctx.translate(width, 0);
-      ctx.scale(-1, 1);
-      ctx.rotate(180 * Math.PI / 180);
-      ctx.drawImage(img, -width, -height, width, height);
-      break;
-    case 5:
-      ctx.translate(width, 0);
-      ctx.scale(-1, 1);
-      ctx.rotate(90 * Math.PI / 180);
-      ctx.drawImage(img, 0, -width, height, width);
-      break;
-    case 7:
-      ctx.translate(width, 0);
-      ctx.scale(-1, 1);
-      ctx.rotate(270 * Math.PI / 180);
-      ctx.drawImage(img, -height, 0, height, width);
-      break;
-    default:
-      ctx.drawImage(img, 0, 0, width, height);
-  }
-}
 function file2DataURL(file) {
   return new Promise((resolve, reject) => {
     const a = new FileReader();
@@ -13088,39 +13048,6 @@ function file2DataURL(file) {
     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("文件加载失败"));
-        }
-      };
-    }).catch(reject);
-  });
-}
-function image2Canvas(img, type, orientation, 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 = "transparent";
-    if (type === "image/jpeg") {
-      ctx.fillStyle = "#fff";
-    }
-    ctx.fillRect(0, 0, _width, _height);
-    adjustImgOrientation(ctx, img, orientation, _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(
@@ -13137,893 +13064,6 @@ function canvas2File(canvas, fileName, lastModified, type = "image/jpeg", qualit
     );
   });
 }
-function canvas2Image(canvas, type = "image/jpeg", quality = 0.8) {
-  const image = new Image();
-  image.src = canvas.toDataURL(type, quality);
-  return Promise.resolve(image);
-}
-function getStringFromCharCode(dataView, start, length) {
-  let str = "";
-  let i;
-  length += start;
-  for (i = start; i < length; i += 1) {
-    str += String.fromCharCode(dataView.getUint8(i));
-  }
-  return str;
-}
-function getOrientation(arrayBuffer) {
-  const dataView = new DataView(arrayBuffer);
-  let orientation;
-  try {
-    let littleEndian;
-    let app1Start;
-    let ifdStart;
-    if (dataView.getUint8(0) === 255 && dataView.getUint8(1) === 216) {
-      const length = dataView.byteLength;
-      let offset = 2;
-      while (offset + 1 < length) {
-        if (dataView.getUint8(offset) === 255 && dataView.getUint8(offset + 1) === 225) {
-          app1Start = offset;
-          break;
-        }
-        offset += 1;
-      }
-    }
-    if (app1Start) {
-      const exifIDCode = app1Start + 4;
-      const tiffOffset = app1Start + 10;
-      if (getStringFromCharCode(dataView, exifIDCode, 4) === "Exif") {
-        const endianness = dataView.getUint16(tiffOffset);
-        littleEndian = endianness === 18761;
-        if (littleEndian || endianness === 19789) {
-          if (dataView.getUint16(tiffOffset + 2, littleEndian) === 42) {
-            const firstIFDOffset = dataView.getUint32(
-              tiffOffset + 4,
-              littleEndian
-            );
-            if (firstIFDOffset >= 8) {
-              ifdStart = tiffOffset + firstIFDOffset;
-            }
-          }
-        }
-      }
-    }
-    if (ifdStart) {
-      const _length = dataView.getUint16(ifdStart, littleEndian);
-      let _offset;
-      let i;
-      for (i = 0; i < _length; i += 1) {
-        _offset = ifdStart + i * 12 + 2;
-        if (dataView.getUint16(_offset, littleEndian) === 274) {
-          _offset += 8;
-          orientation = dataView.getUint16(_offset, littleEndian);
-          dataView.setUint16(_offset, 1, littleEndian);
-          break;
-        }
-      }
-    }
-  } catch (e) {
-    orientation = 1;
-  }
-  return orientation;
-}
-function resize(img, {
-  inputType = "image/jpeg",
-  orientation = 1,
-  // 图片的方向
-  imageWidth = -1,
-  imageHeight = -1,
-  // equalProportion = true, // 等比例拉伸
-  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 无效"));
-  }
-  const targetWidth = scale > 1 ? imageWidth : imageWidth * scale;
-  const targetHeight = scale > 1 ? imageHeight : imageHeight * scale;
-  if (resultType === "image") {
-    return image2Canvas(
-      img,
-      inputType,
-      orientation,
-      targetWidth,
-      targetHeight
-    ).then((canvas) => canvas2Image(canvas));
-  }
-  return image2Canvas(img, inputType, orientation, targetWidth, targetHeight);
-}
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class ResizeOptions {
-  // 最大边长
-  constructor(maxSideLength) {
-    __publicField$3(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;
-      }
-    }
-  }
-}
-var __defProp$2 = Object.defineProperty;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class CompressOptions {
-  constructor(photoFileSizeLimit) {
-    __publicField$2(this, "photoFileSizeLimit");
-    __publicField$2(this, "checkOrientation", true);
-    if (!isDef(photoFileSizeLimit)) {
-      this.photoFileSizeLimit = PHOTO_FILE_SIZE_LIMIT;
-    } else {
-      this.photoFileSizeLimit = photoFileSizeLimit;
-    }
-  }
-}
-var __defProp$1 = Object.defineProperty;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
-const subString = (str, startIndex, length) => {
-  if (!isDef(length)) {
-    return str.substring(startIndex);
-  }
-  return str.substring(startIndex, startIndex + length);
-};
-const ColorMap = {
-  transparent: "#00000000",
-  white: "#FFFFFF",
-  black: "#000000",
-  darkgray: "#444444",
-  gray: "#888888",
-  lightgray: "#CCCCCC",
-  darkgrey: "#444444",
-  grey: "#888888",
-  lightgrey: "#CCCCCC",
-  red: "#FF0000",
-  green: "#00FF00",
-  blue: "#0000FF",
-  yellow: "#FFFF00",
-  cyan: "#00FFFF",
-  magenta: "#FF00FF",
-  aqua: "#00FFFF",
-  fuchsia: "#FF00FF",
-  lime: "#00FF00",
-  maroon: "#800000",
-  navy: "#000080",
-  olive: "#808000",
-  purple: "#800080",
-  silver: "#C0C0C0",
-  teal: "#008080",
-  orange: "#FF9933"
-};
-function getColorValue(key) {
-  for (const k of Object.getOwnPropertyNames(ColorMap)) {
-    if (k === key) {
-      return ColorMap[k];
-    }
-  }
-  return null;
-}
-const CONTENT_PADDING = 10;
-const DEFAULT_PADDING = 2;
-const DEFAULT_FONT_SIZE = 25;
-const DEFAULT_CANVAS_SIZE = 480;
-const DEFAULT_BACKGROUND_OPACITY = 128;
-function getHeitiFontFamily() {
-  if (isAndroid()) {
-    return "'Roboto Black', 'Droid Sans'";
-  } else if (isIOS$1()) {
-    return "'PingFang SC Medium'";
-  }
-  return '"PingFang SC Medium", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif';
-}
-function parseWatermarkStyle(styleString, canvasSize) {
-  if (!isValidString(styleString)) {
-    return null;
-  }
-  const styleParts = styleString.split("$");
-  if (styleParts.length <= 0) {
-    return null;
-  }
-  const scale = Math.min(canvasSize.width, canvasSize.height) / DEFAULT_CANVAS_SIZE;
-  if (parseNumber(styleParts[0], -1) !== -1) {
-    const fontSize2 = Math.round(
-      parseDecimal(styleParts[0], DEFAULT_FONT_SIZE) * scale
-    );
-    let position2 = "lefttop";
-    if (styleParts[1]) {
-      position2 = styleParts[1];
-    }
-    let paddingTop2 = DEFAULT_PADDING * scale;
-    let paddingBottom2 = DEFAULT_PADDING * scale;
-    if (styleParts[2]) {
-      const paddingParts = styleParts[2].split("_");
-      paddingTop2 = parseNumber(paddingParts[0], DEFAULT_PADDING) * scale;
-      if (paddingParts[1]) {
-        paddingBottom2 = parseNumber(paddingParts[1], DEFAULT_PADDING) * scale;
-      }
-    }
-    const fontName2 = getHeitiFontFamily();
-    const fontWeight2 = "normal";
-    const fontColor2 = ColorMap.transparent;
-    const backgroundColor2 = ColorMap.transparent;
-    const backgroundOpacity2 = 128;
-    return {
-      fontName: fontName2,
-      fontWeight: fontWeight2,
-      fontColor: fontColor2,
-      fontSize: fontSize2,
-      backgroundColor: backgroundColor2,
-      backgroundOpacity: backgroundOpacity2,
-      paddingTop: paddingTop2,
-      paddingBottom: paddingBottom2,
-      position: position2,
-      scale,
-      simplified: true
-    };
-  }
-  const fontName = styleParts[0] + ", " + getHeitiFontFamily();
-  let fontWeight = "normal";
-  if (styleParts[1]) {
-    fontWeight = styleParts[1];
-  }
-  let fontColor = ColorMap.white;
-  if (styleParts[2]) {
-    const color = getColorValue(styleParts[2]);
-    if (color) {
-      fontColor = color;
-    }
-  }
-  let fontSize = Math.round(DEFAULT_FONT_SIZE * scale);
-  if (styleParts[3]) {
-    fontSize = Math.round(
-      parseDecimal(styleParts[3], DEFAULT_FONT_SIZE) * scale
-    );
-  }
-  let backgroundColor = ColorMap.blue;
-  if (styleParts[4]) {
-    const color = getColorValue(styleParts[4]);
-    if (color) {
-      backgroundColor = color;
-    }
-  }
-  let position = "lefttop";
-  if (styleParts[5]) {
-    position = styleParts[5];
-  }
-  let backgroundOpacity = 255;
-  if (styleParts[6]) {
-    let opacity = parseNumber(styleParts[6], DEFAULT_BACKGROUND_OPACITY);
-    opacity = clamp(opacity, 0, 255);
-    backgroundOpacity = opacity;
-  }
-  let paddingTop = DEFAULT_PADDING * scale;
-  let paddingBottom = DEFAULT_PADDING * scale;
-  if (styleParts[7]) {
-    const paddingParts = styleParts[7].split("_");
-    paddingTop = parseNumber(paddingParts[0], DEFAULT_PADDING) * scale;
-    if (paddingParts[1]) {
-      paddingBottom = parseNumber(paddingParts[1], DEFAULT_PADDING) * scale;
-    }
-  }
-  return {
-    fontName,
-    fontWeight,
-    fontColor,
-    fontSize,
-    backgroundColor,
-    backgroundOpacity,
-    paddingTop,
-    paddingBottom,
-    position,
-    scale,
-    simplified: false
-  };
-}
-class TextScanner {
-  /**
-   * The content to scan
-   * @param text
-   */
-  constructor(text) {
-    __publicField$1(this, "text");
-    __publicField$1(this, "cursor");
-    this.text = text;
-    this.cursor = 0;
-  }
-  hasNext(obj) {
-    if (!isDef(obj)) {
-      return this.cursor < this.text.length;
-    } else if (isString(obj)) {
-      const str = obj;
-      const current2 = subString(this.text, this.cursor, str.length);
-      if (current2 === str) {
-        return true;
-      }
-    } else if (isRegExp(obj)) {
-      const regex = obj;
-      const subText = subString(this.text, this.cursor);
-      const matchResults = subText.match(regex);
-      if (matchResults) {
-        if (matchResults.index === 0) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }
-  next(obj) {
-    if (!isDef(obj)) {
-      return subString(this.text, this.cursor, 1);
-    } else if (isString(obj)) {
-      const str = obj;
-      if (subString(this.text, this.cursor, str.length) === str) {
-        return str;
-      }
-    } else if (isRegExp(obj)) {
-      const regex = obj;
-      const subText = subString(this.text, this.cursor);
-      const matchResults = subText.match(regex);
-      if (matchResults) {
-        if (matchResults.index === 0) {
-          return matchResults;
-        }
-      }
-    }
-    return null;
-  }
-  skip(obj) {
-    if (!isDef(obj)) {
-      this.cursor += 1;
-    } else if (isValidString(obj)) {
-      const str = obj;
-      this.cursor += str.length;
-    }
-    return this;
-  }
-}
-function buildContent(contentConfigString, watermarkContext) {
-  let content = "";
-  const scanner = new TextScanner(contentConfigString);
-  let steps = 0;
-  while (scanner.hasNext() && steps < contentConfigString.length) {
-    const dateRegex = new RegExp(
-      "date{(.*?)}|date"
-      /* Date */
-    );
-    if (scanner.hasNext(dateRegex)) {
-      const regexResult = scanner.next(dateRegex);
-      if (regexResult) {
-        const matchResults = regexResult;
-        let format = dateUtils.DATE_FORMAT.FORMAT_YMD;
-        if (matchResults && matchResults.length >= 2) {
-          if (isValidString(matchResults[1])) {
-            format = matchResults[1];
-          }
-        }
-        if (watermarkContext) {
-          content += dateUtils.formatDate(watermarkContext.watermarkTime, format);
-        }
-        scanner.skip(matchResults.input);
-      }
-    } else if (scanner.hasNext(
-      "time"
-      /* Time */
-    )) {
-      if (watermarkContext) {
-        const value = dateUtils.formatDate(
-          watermarkContext.watermarkTime,
-          dateUtils.DATE_FORMAT.FORMAT_HM
-        );
-        content += value;
-      }
-      scanner.skip(
-        "time"
-        /* Time */
-      );
-    } else if (scanner.hasNext(
-      "address"
-      /* Address */
-    )) {
-      if (watermarkContext) {
-        content += watermarkContext.address;
-      }
-      scanner.skip(
-        "address"
-        /* Address */
-      );
-    } else if (scanner.hasNext(
-      "humanname"
-      /* HumanName */
-    )) {
-      if (watermarkContext) {
-        content += watermarkContext.humanName;
-      }
-      scanner.skip(
-        "humanname"
-        /* HumanName */
-      );
-    } else if (scanner.hasNext(
-      "projectName"
-      /* ProjectName */
-    )) {
-      if (watermarkContext) {
-        content += watermarkContext.projectName;
-      }
-      scanner.skip(
-        "projectName"
-        /* ProjectName */
-      );
-    } else if (scanner.hasNext(
-      "{logo}"
-      /* Logo */
-    )) {
-      console.error("watermark logo ignored");
-      scanner.skip(
-        "{logo}"
-        /* Logo */
-      );
-    } else {
-      const nextChar = scanner.next();
-      if (isString(nextChar)) {
-        content += nextChar;
-      }
-      scanner.skip();
-    }
-    steps++;
-  }
-  return content;
-}
-function parseWatermarks(watermarkConfigString, canvasSize, watermarkContext) {
-  const watermarks = [];
-  const configStringArray = watermarkConfigString.split("###");
-  for (let i = 0; i < configStringArray.length; i++) {
-    const configString = configStringArray[i];
-    const configParts = configString.split("*#*");
-    if (configParts.length === 2) {
-      const styleString = configParts[0];
-      const contentString = configParts[1];
-      const style = parseWatermarkStyle(styleString, canvasSize);
-      const content = buildContent(contentString, watermarkContext);
-      if (style && content) {
-        const watermark = {
-          content,
-          style
-        };
-        watermarks.push(watermark);
-      }
-    }
-  }
-  return watermarks;
-}
-function getCanvasScale(canvas, len) {
-  const min = Math.min(canvas.width, canvas.height);
-  return min / DEFAULT_CANVAS_SIZE * len;
-}
-function buildTile(canvas, content, style) {
-  const origin = {
-    x: 0,
-    y: 0
-  };
-  const size = {
-    width: 0,
-    height: 0
-  };
-  const lines = [];
-  const ctx = canvas.getContext("2d");
-  if (!ctx) {
-    return null;
-  }
-  ctx.font = `${style.fontWeight} ${style.fontSize}px ${style.fontName}`;
-  const contentPadding = getCanvasScale(canvas, CONTENT_PADDING);
-  const contentWidth = canvas.width - contentPadding * 2;
-  const lineHeight = ctx.measureText("M").width;
-  const lineWidths = [];
-  let temp = "";
-  let lastWidth = 0;
-  for (let i = 0; i < content.length; i++) {
-    const lineWidth = ctx.measureText(temp).width;
-    if (lineWidth >= contentWidth) {
-      lines.push(temp);
-      lineWidths.push(lineWidth);
-      temp = "";
-    }
-    lastWidth = lineWidth;
-    temp += content[i];
-  }
-  lines.push(temp);
-  lineWidths.push(lastWidth);
-  size.width = contentWidth;
-  size.height = lines.length * lineHeight;
-  return { origin, size, lineHeight, lineWidths, lines, style };
-}
-function getAxisPoint(canvasWidth, origin, style) {
-  const padding = (CONTENT_PADDING + DEFAULT_PADDING) * style.scale;
-  let axisPoint = { x: padding, y: origin.y };
-  if (style.position.startsWith("center")) {
-    axisPoint = { x: canvasWidth / 2, y: origin.y };
-  } else if (style.position.startsWith("right")) {
-    axisPoint = { x: canvasWidth - padding, y: origin.y };
-  }
-  return axisPoint;
-}
-function getTextAlign(style) {
-  let align = "left";
-  if (style.position.startsWith("center")) {
-    align = "center";
-  } else if (style.position.startsWith("right")) {
-    align = "right";
-  }
-  return align;
-}
-function drawLine(canvas, line, origin, style) {
-  const ctx = canvas.getContext("2d");
-  if (!ctx) {
-    return;
-  }
-  ctx.textBaseline = "top";
-  ctx.font = `${style.fontWeight} ${style.fontSize}px ${style.fontName}`;
-  const axisPoint = getAxisPoint(canvas.width, origin, style);
-  ctx.textAlign = getTextAlign(style);
-  if (style.simplified) {
-    ctx.shadowBlur = 4;
-    ctx.shadowColor = "rgba(0, 0, 0, 0.5)";
-    const offset = clamp(style.fontSize / 40, 2, 4);
-    ctx.shadowOffsetY = offset;
-    ctx.shadowOffsetX = offset;
-    ctx.fillStyle = "rgba(255,255,255, 0.5)";
-  } else {
-    ctx.fillStyle = style.fontColor;
-  }
-  ctx.fillText(line, Math.round(axisPoint.x), Math.round(axisPoint.y));
-}
-function hexToRGB(hex, alpha) {
-  const r = parseInt(hex.slice(1, 3), 16);
-  const g = parseInt(hex.slice(3, 5), 16);
-  const b = parseInt(hex.slice(5, 7), 16);
-  if (alpha) {
-    return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
-  }
-  return "rgb(" + r + ", " + g + ", " + b + ")";
-}
-function drawBackground(canvas, tile) {
-  const ctx = canvas.getContext("2d");
-  if (!ctx) {
-    return;
-  }
-  let { backgroundColor } = tile.style;
-  let backgroundOpacity = parseDecimal(
-    String(tile.style.backgroundOpacity),
-    -1
-  );
-  if (backgroundOpacity > 255) {
-    backgroundOpacity = 255;
-  }
-  const paddingTop = 2;
-  const paddingBottom = 10;
-  if (backgroundColor !== "transparent") {
-    if (backgroundColor.startsWith("#") && backgroundOpacity >= 0) {
-      backgroundColor = hexToRGB(backgroundColor, backgroundOpacity / 255);
-    }
-    ctx.fillStyle = backgroundColor;
-    const { style } = tile;
-    const padding = (CONTENT_PADDING + DEFAULT_PADDING) * style.scale;
-    const paddingScale = tile.style.fontSize / DEFAULT_FONT_SIZE;
-    for (let j = 0; j < tile.lineWidths.length; j++) {
-      const { lineHeight } = tile;
-      const lineWidth = tile.lineWidths[j];
-      let paddingRight = 30 * paddingScale;
-      let paddingLeft = 10 * paddingScale;
-      let axisPoint = {
-        x: padding - paddingLeft,
-        y: tile.origin.y
-      };
-      if (style.position.startsWith("center")) {
-        paddingLeft = 20 * paddingScale;
-        paddingRight = 20 * paddingScale;
-        axisPoint = {
-          x: (canvas.width - lineWidth) / 2 - paddingLeft,
-          y: tile.origin.y
-        };
-      } else if (style.position.startsWith("right")) {
-        paddingLeft = 30 * paddingScale;
-        paddingRight = 10 * paddingScale;
-        axisPoint = {
-          x: canvas.width - lineWidth - padding - paddingLeft,
-          y: tile.origin.y
-        };
-      }
-      if (j === 0) {
-        ctx.fillRect(
-          axisPoint.x,
-          axisPoint.y - paddingTop > 0 ? axisPoint.y - paddingTop : 0,
-          paddingLeft + lineWidth + paddingRight,
-          paddingTop
-        );
-      }
-      ctx.fillRect(
-        axisPoint.x,
-        axisPoint.y + j * lineHeight,
-        paddingLeft + lineWidth + paddingRight,
-        lineHeight
-      );
-      if (j === tile.lineWidths.length - 1) {
-        ctx.fillRect(
-          axisPoint.x,
-          axisPoint.y + (j + 1) * lineHeight,
-          paddingLeft + lineWidth + paddingRight,
-          paddingBottom
-        );
-      }
-    }
-  }
-}
-function drawTile(canvas, tile) {
-  if (!tile.style.simplified) {
-    drawBackground(canvas, tile);
-  }
-  for (let i = 0; i < tile.lines.length; i++) {
-    const origin = {
-      x: tile.origin.x,
-      y: i * tile.lineHeight + tile.origin.y
-    };
-    drawLine(canvas, tile.lines[i], origin, tile.style);
-  }
-}
-function drawGroupedWatermarks(canvas, watermarks, groupPosition) {
-  if (!watermarks || watermarks.length === 0) {
-    return;
-  }
-  const tiles = [];
-  let totalHeight = 0;
-  for (let i = 0; i < watermarks.length; i++) {
-    const watermark = watermarks[i];
-    const tile = buildTile(canvas, watermark.content, watermark.style);
-    if (tile) {
-      tiles.push(tile);
-      totalHeight += tile.size.height;
-    }
-  }
-  if (totalHeight <= 0) {
-    console.error("watermarks height " + totalHeight);
-    console.error(JSON.stringify(watermarks));
-    return;
-  }
-  const contentPadding = getCanvasScale(canvas, CONTENT_PADDING);
-  let baseOrigin = { x: contentPadding, y: contentPadding };
-  if (groupPosition === "center") {
-    baseOrigin = {
-      x: contentPadding,
-      y: Math.round((canvas.height - totalHeight) / 2)
-    };
-  } else if (groupPosition === "bottom") {
-    baseOrigin = {
-      x: contentPadding,
-      y: canvas.height - totalHeight - contentPadding
-    };
-  } else if (groupPosition === "top") {
-    baseOrigin = { x: contentPadding, y: contentPadding };
-  }
-  let lastMarginTop = 0;
-  for (let i = 0; i < tiles.length; i++) {
-    const tile = tiles[i];
-    lastMarginTop += tile.style.paddingTop;
-    tile.origin = {
-      x: tile.origin.x + baseOrigin.x,
-      y: lastMarginTop + baseOrigin.y
-    };
-    lastMarginTop += tile.size.height;
-    lastMarginTop += tile.style.paddingBottom;
-  }
-  for (let i = 0; i < tiles.length; i++) {
-    const tile = tiles[i];
-    drawTile(canvas, tile);
-  }
-}
-function groupingWatermarks(watermarks) {
-  const topList = [];
-  const centerList = [];
-  const bottomList = [];
-  for (let i = 0; i < watermarks.length; i++) {
-    const watermark = watermarks[i];
-    if (watermark.style.position.endsWith("top")) {
-      topList.push(watermark);
-    } else if (watermark.style.position.endsWith("center")) {
-      centerList.push(watermark);
-    } else if (watermark.style.position.endsWith("bottom")) {
-      bottomList.push(watermark);
-    }
-  }
-  return {
-    [
-      "top"
-      /* Top */
-    ]: topList,
-    [
-      "center"
-      /* Center */
-    ]: centerList,
-    [
-      "bottom"
-      /* Bottom */
-    ]: bottomList
-  };
-}
-function renderWatermark(canvas, options) {
-  if (!options.enabled || options.watermarkConfigString === "no") {
-    return Promise.resolve(canvas);
-  }
-  let { watermarkConfigString } = options;
-  if (!isDef(watermarkConfigString) || watermarkConfigString === "default") {
-    watermarkConfigString = "50$lefttop$50*#*time###25$lefttop*#*date";
-  }
-  const watermarks = parseWatermarks(
-    watermarkConfigString,
-    {
-      width: canvas.width,
-      height: canvas.height
-    },
-    options.context
-  );
-  const groupedWatermarks = groupingWatermarks(watermarks);
-  drawGroupedWatermarks(
-    canvas,
-    groupedWatermarks[
-      "top"
-      /* Top */
-    ],
-    "top"
-    /* Top */
-  );
-  drawGroupedWatermarks(
-    canvas,
-    groupedWatermarks[
-      "center"
-      /* Center */
-    ],
-    "center"
-    /* Center */
-  );
-  drawGroupedWatermarks(
-    canvas,
-    groupedWatermarks[
-      "bottom"
-      /* Bottom */
-    ],
-    "bottom"
-    /* Bottom */
-  );
-  return Promise.resolve(canvas);
-}
-function checkWatermarkConfigSupported(watermarkConfigString) {
-  if (watermarkConfigString.indexOf("{logo}") > -1) {
-    console.error("水印不支持logo");
-    return false;
-  }
-  const configStringArray = watermarkConfigString.split("###");
-  for (let i = 0; i < configStringArray.length; i++) {
-    const configString = configStringArray[i];
-    const configParts = configString.split("*#*");
-    if (configParts.length === 2) {
-      const styleString = configParts[0];
-      const styleParts = styleString.split("$");
-      if (styleParts.length <= 0) {
-        console.error("水印配置不合法");
-        return false;
-      }
-    }
-  }
-  return true;
-}
-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;
-};
-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$1() && 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);
-      }
-    );
-  }
-}
 const chooseImage = (type) => {
   return new Promise((resolve, reject) => {
     window.wx.chooseImage({
@@ -14389,11 +13429,11 @@ var stdin_default$B = vue.defineComponent({
     };
     const transformImageFiles = (files) => {
       const promisesTodo = [];
-      const resizeOptions = new ResizeOptions(props.maxImageSideLength);
-      const compressOptions = new CompressOptions(props.maxImageFileSize);
+      const resizeOptions = new appMediaUtils.ResizeOptions(props.maxImageSideLength);
+      const compressOptions = new appMediaUtils.CompressOptions(props.maxImageFileSize);
       for (let i = 0; i < files.length; i++) {
         const file = files[i];
-        const watermarkEnabled = props.watermarkOptions && props.watermarkOptions.watermarkConfigString && checkWatermarkConfigSupported(props.watermarkOptions.watermarkConfigString);
+        const watermarkEnabled = props.watermarkOptions && props.watermarkOptions.watermarkConfigString && appMediaUtils.checkWatermarkConfigSupported(props.watermarkOptions.watermarkConfigString);
         let watermarkOpt;
         if (watermarkEnabled) {
           watermarkOpt = {
@@ -14411,7 +13451,7 @@ var stdin_default$B = vue.defineComponent({
             enabled: false
           };
         }
-        const promise = new ImageProcessor(file, resizeOptions, watermarkOpt, compressOptions).process().then((f) => {
+        const promise = new appMediaUtils.ImageProcessor(file, resizeOptions, watermarkOpt, compressOptions).process().then((f) => {
           if (!f) {
             return Promise.resolve(null);
           }
@@ -16403,7 +15443,7 @@ function getColumnsType(columns, fields) {
   return "default";
 }
 function findIndexOfEnabledOption(options, index) {
-  index = clamp$1(index, 0, options.length);
+  index = clamp(index, 0, options.length);
   for (let i = index; i < options.length; i++) {
     if (!options[i].disabled)
       return i;
@@ -16490,7 +15530,7 @@ var stdin_default$o = vue.defineComponent({
     const baseOffset = () => 0;
     const setRangeOffset = (distance) => {
       const maxOffsetVal = wrapper.value.clientHeight - props.wrapHeight;
-      currentOffset.value = clamp$1(distance, -maxOffsetVal, 0);
+      currentOffset.value = clamp(distance, -maxOffsetVal, 0);
     };
     const isSearchEmpty = vue.computed(() => {
       return !props.options.some((option) => {
@@ -17749,7 +16789,7 @@ var stdin_default$i = vue.defineComponent({
       const min = +props.min;
       const max = +props.max;
       const step = +props.step;
-      value = clamp$1(value, min, max);
+      value = clamp(value, min, max);
       const diff = Math.round((value - min) / step) * step;
       return addNumber(min, diff);
     };
@@ -18495,7 +17535,7 @@ var stdin_default$e = vue.defineComponent({
         if (isEdge) {
           preventDefault(event, props.stopPropagation);
         }
-        state.offset = clamp$1(deltaX.value + startOffset, -rightWidth.value, leftWidth.value);
+        state.offset = clamp(deltaX.value + startOffset, -rightWidth.value, leftWidth.value);
       }
     };
     const onTouchEnd = () => {
@@ -20809,7 +19849,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.20";
+const version = "3.1.21";
 function install(app) {
   const components = [
     ActionSheet,