zartui 2.0.39 → 2.0.41

package/lib/zart.js

@@ -380,54 +380,9 @@ function resetObject(target, source) {
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
+function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var normalMerge=["attrs","props","domProps"],toArrayMerge=["class","style","directives"],functionalMerge=["on","nativeOn"],mergeJsxProps=function(a){return a.reduce(function(c,a){for(var b in a)if(!c[b])c[b]=a[b];else if(-1!==normalMerge.indexOf(b))c[b]=_extends({},c[b],a[b]);else if(-1!==toArrayMerge.indexOf(b)){var d=c[b]instanceof Array?c[b]:[c[b]],e=a[b]instanceof Array?a[b]:[a[b]];c[b]=d.concat(e)}else if(-1!==functionalMerge.indexOf(b)){for(var f in a[b])if(c[b][f]){var g=c[b][f]instanceof Array?c[b][f]:[c[b][f]],h=a[b][f]instanceof Array?a[b][f]:[a[b][f]];c[b][f]=g.concat(h)}else c[b][f]=a[b][f];}else if("hook"==b)for(var i in a[b])c[b][i]=c[b][i]?mergeFn(c[b][i],a[b][i]):a[b][i];else c[b]=a[b];return c},{})},mergeFn=function(a,b){return function(){a&&a.apply(this,arguments),b&&b.apply(this,arguments)}};module.exports=mergeJsxProps;
 
 
-function _extends() {
-  return _extends = Object.assign || function (a) {
-    for (var b, c = 1; c < arguments.length; c++) {
-      for (var d in b = arguments[c], b) {
-        Object.prototype.hasOwnProperty.call(b, d) && (a[d] = b[d]);
-      }
-    }
-
-    return a;
-  }, _extends.apply(this, arguments);
-}
-
-var normalMerge = ["attrs", "props", "domProps"],
-    toArrayMerge = ["class", "style", "directives"],
-    functionalMerge = ["on", "nativeOn"],
-    mergeJsxProps = function mergeJsxProps(a) {
-  return a.reduce(function (c, a) {
-    for (var b in a) {
-      if (!c[b]) c[b] = a[b];else if (-1 !== normalMerge.indexOf(b)) c[b] = _extends({}, c[b], a[b]);else if (-1 !== toArrayMerge.indexOf(b)) {
-        var d = c[b] instanceof Array ? c[b] : [c[b]],
-            e = a[b] instanceof Array ? a[b] : [a[b]];
-        c[b] = d.concat(e);
-      } else if (-1 !== functionalMerge.indexOf(b)) {
-        for (var f in a[b]) {
-          if (c[b][f]) {
-            var g = c[b][f] instanceof Array ? c[b][f] : [c[b][f]],
-                h = a[b][f] instanceof Array ? a[b][f] : [a[b][f]];
-            c[b][f] = g.concat(h);
-          } else c[b][f] = a[b][f];
-        }
-      } else if ("hook" == b) for (var i in a[b]) {
-        c[b][i] = c[b][i] ? mergeFn(c[b][i], a[b][i]) : a[b][i];
-      } else c[b] = a[b];
-    }
-
-    return c;
-  }, {});
-},
-    mergeFn = function mergeFn(a, b) {
-  return function () {
-    a && a.apply(this, arguments), b && b.apply(this, arguments);
-  };
-};
-
-module.exports = mergeJsxProps;
-
 /***/ }),
 /* 2 */
 /***/ (function(module, exports) {
@@ -858,25 +813,28 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABE
 /* 10 */
 /***/ (function(module, exports) {
 
-var g; // This works in non-strict mode
+var g;
 
-g = function () {
-  return this;
-}();
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
 
 try {
-  // This works if eval is allowed (see CSP)
-  g = g || new Function("return this")();
+	// This works if eval is allowed (see CSP)
+	g = g || new Function("return this")();
 } catch (e) {
-  // This works if the window reference is available
-  if (typeof window === "object") g = window;
-} // g can still be undefined, but nothing to do about it...
+	// This works if the window reference is available
+	if (typeof window === "object") g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
 // We return undefined, instead of nothing here, so it's
 // easier to handle this case. if(!global) { ...}
 
-
 module.exports = g;
 
+
 /***/ }),
 /* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -4778,7 +4736,7 @@ var Toast_createNamespace = Object(utils["b" /* createNamespace */])('toast'),
 
 
 
-var toast_defaultOptions = {
+var defaultOptions = {
   icon: '',
   type: 'text',
   // @deprecated
@@ -4805,7 +4763,7 @@ var defaultOptionsMap = {};
 var queue = [];
 var multiple = false;
 
-var currentOptions = _extends({}, toast_defaultOptions);
+var currentOptions = _extends({}, defaultOptions);
 
 function parseOptions(message) {
   if (Object(utils["g" /* isObject */])(message)) {
@@ -4941,7 +4899,7 @@ toast_Toast.resetDefaultOptions = function (type) {
   if (typeof type === 'string') {
     defaultOptionsMap[type] = null;
   } else {
-    currentOptions = _extends({}, toast_defaultOptions);
+    currentOptions = _extends({}, defaultOptions);
     defaultOptionsMap = {};
   }
 };
@@ -16436,7 +16394,17 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
   return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
 };
 
-var classCallCheck = function classCallCheck(instance, Constructor) {
+
+
+
+
+
+
+
+
+
+
+var classCallCheck = function (instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
   }
@@ -16459,18 +16427,20 @@ var createClass = function () {
     return Constructor;
   };
 }();
+
 /*!
  * is-primitive <https://github.com/jonschlinkert/is-primitive>
  *
  * Copyright (c) 2014-2015, Jon Schlinkert.
  * Licensed under the MIT License.
  */
-// see http://jsperf.com/testing-value-is-primitive/7
 
+// see http://jsperf.com/testing-value-is-primitive/7
 
 var isPrimitive = function isPrimitive(value) {
   return value == null || typeof value !== 'function' && (typeof value === 'undefined' ? 'undefined' : _typeof(value)) !== 'object';
 };
+
 /*!
  * assign-symbols <https://github.com/jonschlinkert/assign-symbols>
  *
@@ -16478,7 +16448,6 @@ var isPrimitive = function isPrimitive(value) {
  * Licensed under the MIT License.
  */
 
-
 var assignSymbols = function assignSymbols(receiver, objects) {
   if (receiver === null || typeof receiver === 'undefined') {
     throw new TypeError('expected first argument to be an object.');
@@ -16509,11 +16478,11 @@ var assignSymbols = function assignSymbols(receiver, objects) {
       }
     }
   }
-
   return target;
 };
 
 var vue_lazyload_esm_toString = Object.prototype.toString;
+
 /**
  * Get the native `typeof` a value.
  *
@@ -16522,96 +16491,83 @@ var vue_lazyload_esm_toString = Object.prototype.toString;
  */
 
 var kindOf = function kindOf(val) {
-  var type = typeof val === 'undefined' ? 'undefined' : _typeof(val); // primitivies
+  var type = typeof val === 'undefined' ? 'undefined' : _typeof(val);
 
+  // primitivies
   if (type === 'undefined') {
     return 'undefined';
   }
-
   if (val === null) {
     return 'null';
   }
-
   if (val === true || val === false || val instanceof Boolean) {
     return 'boolean';
   }
-
   if (type === 'string' || val instanceof String) {
     return 'string';
   }
-
   if (type === 'number' || val instanceof Number) {
     return 'number';
-  } // functions
-
+  }
 
+  // functions
   if (type === 'function' || val instanceof Function) {
     if (typeof val.constructor.name !== 'undefined' && val.constructor.name.slice(0, 9) === 'Generator') {
       return 'generatorfunction';
     }
-
     return 'function';
-  } // array
-
+  }
 
+  // array
   if (typeof Array.isArray !== 'undefined' && Array.isArray(val)) {
     return 'array';
-  } // check for instances of RegExp and Date before calling `toString`
-
+  }
 
+  // check for instances of RegExp and Date before calling `toString`
   if (val instanceof RegExp) {
     return 'regexp';
   }
-
   if (val instanceof Date) {
     return 'date';
-  } // other objects
-
+  }
 
+  // other objects
   type = vue_lazyload_esm_toString.call(val);
 
   if (type === '[object RegExp]') {
     return 'regexp';
   }
-
   if (type === '[object Date]') {
     return 'date';
   }
-
   if (type === '[object Arguments]') {
     return 'arguments';
   }
-
   if (type === '[object Error]') {
     return 'error';
   }
-
   if (type === '[object Promise]') {
     return 'promise';
-  } // buffer
-
+  }
 
+  // buffer
   if (isBuffer(val)) {
     return 'buffer';
-  } // es6: Map, WeakMap, Set, WeakSet
-
+  }
 
+  // es6: Map, WeakMap, Set, WeakSet
   if (type === '[object Set]') {
     return 'set';
   }
-
   if (type === '[object WeakSet]') {
     return 'weakset';
   }
-
   if (type === '[object Map]') {
     return 'map';
   }
-
   if (type === '[object WeakMap]') {
     return 'weakmap';
   }
-
   if (type === '[object Symbol]') {
     return 'symbol';
   }
@@ -16619,142 +16575,122 @@ var kindOf = function kindOf(val) {
   if (type === '[object Map Iterator]') {
     return 'mapiterator';
   }
-
   if (type === '[object Set Iterator]') {
     return 'setiterator';
   }
-
   if (type === '[object String Iterator]') {
     return 'stringiterator';
   }
-
   if (type === '[object Array Iterator]') {
     return 'arrayiterator';
-  } // typed arrays
-
+  }
 
+  // typed arrays
   if (type === '[object Int8Array]') {
     return 'int8array';
   }
-
   if (type === '[object Uint8Array]') {
     return 'uint8array';
   }
-
   if (type === '[object Uint8ClampedArray]') {
     return 'uint8clampedarray';
   }
-
   if (type === '[object Int16Array]') {
     return 'int16array';
   }
-
   if (type === '[object Uint16Array]') {
     return 'uint16array';
   }
-
   if (type === '[object Int32Array]') {
     return 'int32array';
   }
-
   if (type === '[object Uint32Array]') {
     return 'uint32array';
   }
-
   if (type === '[object Float32Array]') {
     return 'float32array';
   }
-
   if (type === '[object Float64Array]') {
     return 'float64array';
-  } // must be a plain object
-
+  }
 
+  // must be a plain object
   return 'object';
 };
+
 /**
  * If you need to support Safari 5-7 (8-10 yr-old browser),
  * take a look at https://github.com/feross/is-buffer
  */
 
-
 function isBuffer(val) {
   return val.constructor && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);
 }
 
-function vue_lazyload_esm_assign(target
-/*, objects*/
-) {
+function vue_lazyload_esm_assign(target /*, objects*/) {
   target = target || {};
   var len = arguments.length,
       i = 0;
-
   if (len === 1) {
     return target;
   }
-
   while (++i < len) {
     var val = arguments[i];
-
     if (isPrimitive(target)) {
       target = val;
     }
-
     if (isObject$1(val)) {
       extend(target, val);
     }
   }
-
   return target;
 }
+
 /**
  * Shallow extend
  */
 
-
 function extend(target, obj) {
   assignSymbols(target, obj);
 
   for (var key in obj) {
     if (key !== '__proto__' && hasOwn(obj, key)) {
       var val = obj[key];
-
       if (isObject$1(val)) {
         if (kindOf(target[key]) === 'undefined' && kindOf(val) === 'function') {
           target[key] = val;
         }
-
         target[key] = vue_lazyload_esm_assign(target[key] || {}, val);
       } else {
         target[key] = val;
       }
     }
   }
-
   return target;
 }
+
 /**
  * Returns true if the object is a plain object or a function.
  */
 
-
 function isObject$1(obj) {
   return kindOf(obj) === 'object' || kindOf(obj) === 'function';
 }
+
 /**
  * Returns true if the given `key` is an own property of `obj`.
  */
 
-
 function hasOwn(obj, key) {
   return Object.prototype.hasOwnProperty.call(obj, key);
 }
+
 /**
  * Expose `assign`
  */
 
-
 var assignDeep = vue_lazyload_esm_assign;
+
 var inBrowser = typeof window !== 'undefined';
 var hasIntersectionObserver = checkIntersectionObserver();
 
@@ -16769,34 +16705,25 @@ function checkIntersectionObserver() {
         }
       });
     }
-
     return true;
   }
-
   return false;
 }
 
 var modeType = {
   event: 'event',
-  observer: 'observer' // CustomEvent polyfill
+  observer: 'observer'
 
-};
-
-var CustomEvent = function () {
+  // CustomEvent polyfill
+};var CustomEvent = function () {
   if (!inBrowser) return;
   if (typeof window.CustomEvent === 'function') return window.CustomEvent;
-
   function CustomEvent(event, params) {
-    params = params || {
-      bubbles: false,
-      cancelable: false,
-      detail: undefined
-    };
+    params = params || { bubbles: false, cancelable: false, detail: undefined };
     var evt = document.createEvent('CustomEvent');
     evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
     return evt;
   }
-
   CustomEvent.prototype = window.Event.prototype;
   return CustomEvent;
 }();
@@ -16809,31 +16736,32 @@ function remove(arr, item) {
 
 function some(arr, fn) {
   var has = false;
-
   for (var i = 0, len = arr.length; i < len; i++) {
     if (fn(arr[i])) {
       has = true;
       break;
     }
   }
-
   return has;
 }
 
 function getBestSelectionFromSrcset(el, scale) {
   if (el.tagName !== 'IMG' || !el.getAttribute('data-srcset')) return;
+
   var options = el.getAttribute('data-srcset');
   var result = [];
   var container = el.parentNode;
   var containerWidth = container.offsetWidth * scale;
+
   var spaceIndex = void 0;
   var tmpSrc = void 0;
   var tmpWidth = void 0;
+
   options = options.trim().split(',');
+
   options.map(function (item) {
     item = item.trim();
     spaceIndex = item.lastIndexOf(' ');
-
     if (spaceIndex === -1) {
       tmpSrc = item;
       tmpWidth = 999998;
@@ -16841,28 +16769,24 @@ function getBestSelectionFromSrcset(el, scale) {
       tmpSrc = item.substr(0, spaceIndex);
       tmpWidth = parseInt(item.substr(spaceIndex + 1, item.length - spaceIndex - 2), 10);
     }
-
     result.push([tmpWidth, tmpSrc]);
   });
+
   result.sort(function (a, b) {
     if (a[0] < b[0]) {
       return 1;
     }
-
     if (a[0] > b[0]) {
       return -1;
     }
-
     if (a[0] === b[0]) {
       if (b[1].indexOf('.webp', b[1].length - 5) !== -1) {
         return 1;
       }
-
       if (a[1].indexOf('.webp', a[1].length - 5) !== -1) {
         return -1;
       }
     }
-
     return 0;
   });
   var bestSelectedSrc = '';
@@ -16872,7 +16796,6 @@ function getBestSelectionFromSrcset(el, scale) {
     tmpOption = result[i];
     bestSelectedSrc = tmpOption[1];
     var next = result[i + 1];
-
     if (next && next[0] < containerWidth) {
       bestSelectedSrc = tmpOption[1];
       break;
@@ -16887,14 +16810,12 @@ function getBestSelectionFromSrcset(el, scale) {
 
 function find(arr, fn) {
   var item = void 0;
-
   for (var i = 0, len = arr.length; i < len; i++) {
     if (fn(arr[i])) {
       item = arr[i];
       break;
     }
   }
-
   return item;
 }
 
@@ -16905,6 +16826,7 @@ var getDPR = function getDPR() {
 
 function supportWebp() {
   if (!inBrowser) return false;
+
   var support = true;
   var d = document;
 
@@ -16930,17 +16852,14 @@ function throttle(action, delay) {
     if (timeout) {
       return;
     }
-
     var elapsed = Date.now() - lastRun;
     var context = this;
     var args = arguments;
-
     var runCallback = function runCallback() {
       lastRun = Date.now();
       timeout = false;
       action.apply(context, args);
     };
-
     if (elapsed >= delay) {
       runCallback();
     } else {
@@ -16952,7 +16871,6 @@ function throttle(action, delay) {
 function testSupportsPassive() {
   if (!inBrowser) return;
   var support = false;
-
   try {
     var opts = Object.defineProperty({}, 'passive', {
       get: function get$$1() {
@@ -16961,11 +16879,11 @@ function testSupportsPassive() {
     });
     window.addEventListener('test', null, opts);
   } catch (e) {}
-
   return support;
 }
 
 var vue_lazyload_esm_supportsPassive = testSupportsPassive();
+
 var _ = {
   on: function on(el, type, func) {
     var capture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
@@ -16981,13 +16899,13 @@ var _ = {
   },
   off: function off(el, type, func) {
     var capture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+
     el.removeEventListener(type, func, capture);
   }
 };
 
 var loadImageAsync = function loadImageAsync(item, resolve, reject) {
   var image = new Image();
-
   if (!item || !item.src) {
     var err = new Error('image src is required');
     return reject(err);
@@ -17018,7 +16936,6 @@ var overflow = function overflow(el) {
 
 var scrollParent = function scrollParent(el) {
   if (!inBrowser) return;
-
   if (!(el instanceof HTMLElement)) {
     return window;
   }
@@ -17050,18 +16967,15 @@ function isObject(obj) {
 
 function ObjectKeys(obj) {
   if (!(obj instanceof Object)) return [];
-
   if (Object.keys) {
     return Object.keys(obj);
   } else {
     var keys = [];
-
     for (var key in obj) {
       if (obj.hasOwnProperty(key)) {
         keys.push(key);
       }
     }
-
     return keys;
   }
 }
@@ -17069,11 +16983,9 @@ function ObjectKeys(obj) {
 function ArrayFrom(arrLike) {
   var len = arrLike.length;
   var list = [];
-
   for (var i = 0; i < len; i++) {
     list.push(arrLike[i]);
   }
-
   return list;
 }
 
@@ -17083,6 +16995,7 @@ var ImageCache = function () {
   function ImageCache(_ref) {
     var max = _ref.max;
     classCallCheck(this, ImageCache);
+
     this.options = {
       max: max || 100
     };
@@ -17098,9 +17011,7 @@ var ImageCache = function () {
     key: 'add',
     value: function add(key) {
       if (this.has(key)) return;
-
       this._caches.push(key);
-
       if (this._caches.length > this.options.max) {
         this.free();
       }
@@ -17112,14 +17023,15 @@ var ImageCache = function () {
     }
   }]);
   return ImageCache;
-}(); // el: {
+}();
+
+// el: {
 //     state,
 //     src,
 //     error,
 //     loading
 // }
 
-
 var ReactiveListener = function () {
   function ReactiveListener(_ref) {
     var el = _ref.el,
@@ -17132,16 +17044,21 @@ var ReactiveListener = function () {
         elRenderer = _ref.elRenderer,
         imageCache = _ref.imageCache;
     classCallCheck(this, ReactiveListener);
+
     this.el = el;
     this.src = src;
     this.error = error;
     this.loading = loading;
     this.bindType = bindType;
     this.attempt = 0;
+
     this.naturalHeight = 0;
     this.naturalWidth = 0;
+
     this.options = options;
+
     this.rect = null;
+
     this.$parent = $parent;
     this.elRenderer = elRenderer;
     this._imageCache = imageCache;
@@ -17150,10 +17067,12 @@ var ReactiveListener = function () {
       loadStart: 0,
       loadEnd: 0
     };
+
     this.filter();
     this.initState();
     this.render('loading', false);
   }
+
   /*
    * init listener state
    * @return
@@ -17176,6 +17095,7 @@ var ReactiveListener = function () {
         rendered: false
       };
     }
+
     /*
      * record performance
      * @return
@@ -17186,6 +17106,7 @@ var ReactiveListener = function () {
     value: function record(event) {
       this.performanceData[event] = Date.now();
     }
+
     /*
      * update image listener data
      * @param  {String} image uri
@@ -17200,17 +17121,18 @@ var ReactiveListener = function () {
       var src = _ref2.src,
           loading = _ref2.loading,
           error = _ref2.error;
+
       var oldSrc = this.src;
       this.src = src;
       this.loading = loading;
       this.error = error;
       this.filter();
-
       if (oldSrc !== this.src) {
         this.attempt = 0;
         this.initState();
       }
     }
+
     /*
      * get el node rect
      * @return
@@ -17221,6 +17143,7 @@ var ReactiveListener = function () {
     value: function getRect() {
       this.rect = this.el.getBoundingClientRect();
     }
+
     /*
      *  check el is in view
      * @return {Boolean} el is in view
@@ -17232,6 +17155,7 @@ var ReactiveListener = function () {
       this.getRect();
       return this.rect.top < window.innerHeight * this.options.preLoad && this.rect.bottom > this.options.preLoadTop && this.rect.left < window.innerWidth * this.options.preLoad && this.rect.right > 0;
     }
+
     /*
      * listener filter
      */
@@ -17245,6 +17169,7 @@ var ReactiveListener = function () {
         _this.options.filter[key](_this, _this.options);
       });
     }
+
     /*
      * render loading first
      * @params cb:Function
@@ -17261,7 +17186,6 @@ var ReactiveListener = function () {
         src: this.loading
       }, function (data) {
         _this2.render('loading', false);
-
         _this2.state.loading = false;
         cb();
       }, function () {
@@ -17271,6 +17195,7 @@ var ReactiveListener = function () {
         if (!_this2.options.silent) console.warn('VueLazyload log: load failed with loading image(' + _this2.loading + ')');
       });
     }
+
     /*
      * try load image and  render it
      * @return
@@ -17288,9 +17213,7 @@ var ReactiveListener = function () {
         onFinish();
         return;
       }
-
       if (this.state.rendered && this.state.loaded) return;
-
       if (this._imageCache.has(this.src)) {
         this.state.loaded = true;
         this.render('loaded', true);
@@ -17300,8 +17223,8 @@ var ReactiveListener = function () {
 
       this.renderLoading(function () {
         _this3.attempt++;
-        _this3.options.adapter['beforeLoad'] && _this3.options.adapter['beforeLoad'](_this3, _this3.options);
 
+        _this3.options.adapter['beforeLoad'] && _this3.options.adapter['beforeLoad'](_this3, _this3.options);
         _this3.record('loadStart');
 
         loadImageAsync({
@@ -17311,25 +17234,20 @@ var ReactiveListener = function () {
           _this3.naturalWidth = data.naturalWidth;
           _this3.state.loaded = true;
           _this3.state.error = false;
-
           _this3.record('loadEnd');
-
           _this3.render('loaded', false);
-
           _this3.state.rendered = true;
-
           _this3._imageCache.add(_this3.src);
-
           onFinish();
         }, function (err) {
           !_this3.options.silent && console.error(err);
           _this3.state.error = true;
           _this3.state.loaded = false;
-
           _this3.render('error', false);
         });
       });
     }
+
     /*
      * render image
      * @param  {String} state to render // ['loading', 'src', 'error']
@@ -17342,6 +17260,7 @@ var ReactiveListener = function () {
     value: function render(state, cache) {
       this.elRenderer(this, state, cache);
     }
+
     /*
      * output performance data
      * @return {Object} performance data
@@ -17359,12 +17278,14 @@ var ReactiveListener = function () {
       }
 
       if (this.state.error) state = 'error';
+
       return {
         src: this.src,
         state: state,
         time: time
       };
     }
+
     /*
      * $destroy
      * @return
@@ -17391,7 +17312,7 @@ var DEFAULT_OBSERVER_OPTIONS = {
   threshold: 0
 };
 
-var Lazy = function Lazy(Vue) {
+var Lazy = function (Vue) {
   return function () {
     function Lazy(_ref) {
       var preLoad = _ref.preLoad,
@@ -17411,6 +17332,7 @@ var Lazy = function Lazy(Vue) {
           observer = _ref.observer,
           observerOptions = _ref.observerOptions;
       classCallCheck(this, Lazy);
+
       this.version = '1.3.3';
       this.mode = modeType.event;
       this.ListenerQueue = [];
@@ -17434,15 +17356,13 @@ var Lazy = function Lazy(Vue) {
         observer: !!observer,
         observerOptions: observerOptions || DEFAULT_OBSERVER_OPTIONS
       };
-
       this._initEvent();
-
-      this._imageCache = new ImageCache({
-        max: 200
-      });
+      this._imageCache = new ImageCache({ max: 200 });
       this.lazyLoadHandler = throttle(this._lazyLoadHandler.bind(this), this.options.throttleWait);
+
       this.setMode(this.options.observer ? modeType.observer : modeType.event);
     }
+
     /**
      * update config
      * @param  {Object} config params
@@ -17454,8 +17374,10 @@ var Lazy = function Lazy(Vue) {
       key: 'config',
       value: function config() {
         var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
         assignDeep(this.options, options);
       }
+
       /**
        * output listener's load performance
        * @return {Array}
@@ -17465,11 +17387,14 @@ var Lazy = function Lazy(Vue) {
       key: 'performance',
       value: function performance() {
         var list = [];
+
         this.ListenerQueue.map(function (item) {
           list.push(item.performance());
         });
+
         return list;
       }
+
       /*
        * add lazy component to queue
        * @param  {Vue} vm lazy component instance
@@ -17480,17 +17405,15 @@ var Lazy = function Lazy(Vue) {
       key: 'addLazyBox',
       value: function addLazyBox(vm) {
         this.ListenerQueue.push(vm);
-
         if (inBrowser) {
           this._addListenerTarget(window);
-
           this._observer && this._observer.observe(vm.el);
-
           if (vm.$el && vm.$el.parentNode) {
             this._addListenerTarget(vm.$el.parentNode);
           }
         }
       }
+
       /*
        * add image listener to queue
        * @param  {DOM} el
@@ -17519,12 +17442,13 @@ var Lazy = function Lazy(Vue) {
         Vue.nextTick(function () {
           src = getBestSelectionFromSrcset(el, _this.options.scale) || src;
           _this._observer && _this._observer.observe(el);
+
           var container = Object.keys(binding.modifiers)[0];
           var $parent = void 0;
 
           if (container) {
-            $parent = vnode.context.$refs[container]; // if there is container passed in, try ref first, then fallback to getElementById to support the original usage
-
+            $parent = vnode.context.$refs[container];
+            // if there is container passed in, try ref first, then fallback to getElementById to support the original usage
             $parent = $parent ? $parent.$el || $parent : document.getElementById(container);
           }
 
@@ -17548,17 +17472,16 @@ var Lazy = function Lazy(Vue) {
 
           if (inBrowser) {
             _this._addListenerTarget(window);
-
             _this._addListenerTarget($parent);
           }
 
           _this.lazyLoadHandler();
-
           Vue.nextTick(function () {
             return _this.lazyLoadHandler();
           });
         });
       }
+
       /**
       * update image src
       * @param  {DOM} el
@@ -17577,10 +17500,10 @@ var Lazy = function Lazy(Vue) {
             error = _valueFormatter3.error;
 
         src = getBestSelectionFromSrcset(el, this.options.scale) || src;
+
         var exist = find(this.ListenerQueue, function (item) {
           return item.el === el;
         });
-
         if (!exist) {
           this.add(el, binding, vnode);
         } else {
@@ -17590,18 +17513,16 @@ var Lazy = function Lazy(Vue) {
             error: error
           });
         }
-
         if (this._observer) {
           this._observer.unobserve(el);
-
           this._observer.observe(el);
         }
-
         this.lazyLoadHandler();
         Vue.nextTick(function () {
           return _this2.lazyLoadHandler();
         });
       }
+
       /**
       * remove listener form list
       * @param  {DOM} el
@@ -17616,16 +17537,14 @@ var Lazy = function Lazy(Vue) {
         var existItem = find(this.ListenerQueue, function (item) {
           return item.el === el;
         });
-
         if (existItem) {
           this._removeListenerTarget(existItem.$parent);
-
           this._removeListenerTarget(window);
-
           remove(this.ListenerQueue, existItem);
           existItem.$destroy();
         }
       }
+
       /*
        * remove lazy components form list
        * @param  {Vue} vm Vue instance
@@ -17638,11 +17557,9 @@ var Lazy = function Lazy(Vue) {
         if (!vm) return;
         remove(this.ListenerQueue, vm);
         this._observer && this._observer.unobserve(vm.el);
-
         if (vm.$parent && vm.$el.parentNode) {
           this._removeListenerTarget(vm.$el.parentNode);
         }
-
         this._removeListenerTarget(window);
       }
     }, {
@@ -17671,10 +17588,10 @@ var Lazy = function Lazy(Vue) {
           this.TargetQueue.forEach(function (target) {
             _this3._initListen(target.el, false);
           });
-
           this._initIntersectionObserver();
         }
       }
+
       /*
       *** Private functions ***
       */
@@ -17692,7 +17609,6 @@ var Lazy = function Lazy(Vue) {
         var target = find(this.TargetQueue, function (target) {
           return target.el === el;
         });
-
         if (!target) {
           target = {
             el: el,
@@ -17705,9 +17621,9 @@ var Lazy = function Lazy(Vue) {
         } else {
           target.childrenCount++;
         }
-
         return this.TargetIndex;
       }
+
       /*
        * remove listener target or reduce target childrenCount
        * @param  {DOM} el or window
@@ -17722,17 +17638,15 @@ var Lazy = function Lazy(Vue) {
         this.TargetQueue.forEach(function (target, index) {
           if (target.el === el) {
             target.childrenCount--;
-
             if (!target.childrenCount) {
               _this4._initListen(target.el, false);
-
               _this4.TargetQueue.splice(index, 1);
-
               target = null;
             }
           }
         });
       }
+
       /*
        * add or remove eventlistener
        * @param  {DOM} el DOM or Window
@@ -17764,18 +17678,15 @@ var Lazy = function Lazy(Vue) {
 
         this.$on = function (event, func) {
           if (!_this6.Event.listeners[event]) _this6.Event.listeners[event] = [];
-
           _this6.Event.listeners[event].push(func);
         };
 
         this.$once = function (event, func) {
           var vm = _this6;
-
           function on() {
             vm.$off(event, on);
             func.apply(vm, arguments);
           }
-
           _this6.$on(event, on);
         };
 
@@ -17785,18 +17696,17 @@ var Lazy = function Lazy(Vue) {
             _this6.Event.listeners[event].length = 0;
             return;
           }
-
           remove(_this6.Event.listeners[event], func);
         };
 
         this.$emit = function (event, context, inCache) {
           if (!_this6.Event.listeners[event]) return;
-
           _this6.Event.listeners[event].forEach(function (func) {
             return func(context, inCache);
           });
         };
       }
+
       /**
        * find nodes which in viewport and trigger load
        * @return
@@ -17812,7 +17722,6 @@ var Lazy = function Lazy(Vue) {
           if (!listener.el || !listener.el.parentNode) {
             freeList.push(listener);
           }
-
           var catIn = listener.checkInView();
           if (!catIn) return;
           listener.load();
@@ -17835,13 +17744,13 @@ var Lazy = function Lazy(Vue) {
 
         if (!hasIntersectionObserver) return;
         this._observer = new IntersectionObserver(this._observerHandler.bind(this), this.options.observerOptions);
-
         if (this.ListenerQueue.length) {
           this.ListenerQueue.forEach(function (listener) {
             _this8._observer.observe(listener.el);
           });
         }
       }
+
       /**
       * init IntersectionObserver
       * @return
@@ -17863,6 +17772,7 @@ var Lazy = function Lazy(Vue) {
           }
         });
       }
+
       /**
       * set element attribute with image'url and state
       * @param  {object} lazyload listener object
@@ -17877,17 +17787,16 @@ var Lazy = function Lazy(Vue) {
         if (!listener.el) return;
         var el = listener.el,
             bindType = listener.bindType;
-        var src = void 0;
 
+
+        var src = void 0;
         switch (state) {
           case 'loading':
             src = listener.loading;
             break;
-
           case 'error':
             src = listener.error;
             break;
-
           default:
             src = listener.src;
             break;
@@ -17900,6 +17809,7 @@ var Lazy = function Lazy(Vue) {
         }
 
         el.setAttribute('lazy', state);
+
         this.$emit(state, listener, cache);
         this.options.adapter[state] && this.options.adapter[state](listener, this.options);
 
@@ -17910,6 +17820,7 @@ var Lazy = function Lazy(Vue) {
           el.dispatchEvent(event);
         }
       }
+
       /**
       * generate loading loaded error image url
       * @param {string} image's src
@@ -17921,15 +17832,15 @@ var Lazy = function Lazy(Vue) {
       value: function _valueFormatter(value) {
         var src = value;
         var loading = this.options.loading;
-        var error = this.options.error; // value is object
+        var error = this.options.error;
 
+        // value is object
         if (isObject(value)) {
           if (!value.src && !this.options.silent) console.error('Vue Lazyload warning: miss src with ' + value);
           src = value.src;
           loading = value.loading || this.options.loading;
           error = value.error || this.options.error;
         }
-
         return {
           src: src,
           loading: loading,
@@ -17941,7 +17852,7 @@ var Lazy = function Lazy(Vue) {
   }();
 };
 
-var LazyComponent = function LazyComponent(lazy) {
+var LazyComponent = (function (lazy) {
   return {
     props: {
       tag: {
@@ -17953,7 +17864,6 @@ var LazyComponent = function LazyComponent(lazy) {
       if (this.show === false) {
         return h(this.tag);
       }
-
       return h(this.tag, null, this.$slots.default);
     },
     data: function data() {
@@ -17974,6 +17884,7 @@ var LazyComponent = function LazyComponent(lazy) {
     beforeDestroy: function beforeDestroy() {
       lazy.removeComponent(this);
     },
+
     methods: {
       getRect: function getRect() {
         this.rect = this.$el.getBoundingClientRect();
@@ -17992,12 +17903,13 @@ var LazyComponent = function LazyComponent(lazy) {
       }
     }
   };
-};
+});
 
 var LazyContainerMananger = function () {
   function LazyContainerMananger(_ref) {
     var lazy = _ref.lazy;
     classCallCheck(this, LazyContainerMananger);
+
     this.lazy = lazy;
     lazy.lazyContainerMananger = this;
     this._queue = [];
@@ -18006,13 +17918,7 @@ var LazyContainerMananger = function () {
   createClass(LazyContainerMananger, [{
     key: 'bind',
     value: function bind(el, binding, vnode) {
-      var container = new LazyContainer$1({
-        el: el,
-        binding: binding,
-        vnode: vnode,
-        lazy: this.lazy
-      });
-
+      var container = new LazyContainer$1({ el: el, binding: binding, vnode: vnode, lazy: this.lazy });
       this._queue.push(container);
     }
   }, {
@@ -18022,11 +17928,7 @@ var LazyContainerMananger = function () {
         return item.el === el;
       });
       if (!container) return;
-      container.update({
-        el: el,
-        binding: binding,
-        vnode: vnode
-      });
+      container.update({ el: el, binding: binding, vnode: vnode });
     }
   }, {
     key: 'unbind',
@@ -18053,16 +17955,15 @@ var LazyContainer$1 = function () {
         vnode = _ref2.vnode,
         lazy = _ref2.lazy;
     classCallCheck(this, LazyContainer);
+
     this.el = null;
     this.vnode = vnode;
     this.binding = binding;
     this.options = {};
     this.lazy = lazy;
+
     this._queue = [];
-    this.update({
-      el: el,
-      binding: binding
-    });
+    this.update({ el: el, binding: binding });
   }
 
   createClass(LazyContainer, [{
@@ -18072,8 +17973,10 @@ var LazyContainer$1 = function () {
 
       var el = _ref3.el,
           binding = _ref3.binding;
+
       this.el = el;
       this.options = assignDeep({}, vue_lazyload_esm_defaultOptions, binding.value);
+
       var imgs = this.getImgs();
       imgs.forEach(function (el) {
         _this.lazy.add(el, assignDeep({}, _this.binding, {
@@ -18099,6 +18002,7 @@ var LazyContainer$1 = function () {
       imgs.forEach(function (el) {
         return _this2.lazy.remove(el);
       });
+
       this.vnode = null;
       this.binding = null;
       this.lazy = null;
@@ -18107,7 +18011,7 @@ var LazyContainer$1 = function () {
   return LazyContainer;
 }();
 
-var LazyImage = function LazyImage(lazyManager) {
+var LazyImage = (function (lazyManager) {
   return {
     props: {
       src: [String, Object],
@@ -18141,6 +18045,7 @@ var LazyImage = function LazyImage(lazyManager) {
         renderSrc: ''
       };
     },
+
     watch: {
       src: function src() {
         this.init();
@@ -18160,6 +18065,7 @@ var LazyImage = function LazyImage(lazyManager) {
     beforeDestroy: function beforeDestroy() {
       lazyManager.removeComponent(this);
     },
+
     methods: {
       init: function init() {
         var _lazyManager$_valueFo = lazyManager._valueFormatter(this.src),
@@ -18190,12 +18096,10 @@ var LazyImage = function LazyImage(lazyManager) {
           onFinish();
           return;
         }
-
         var src = this.options.src;
-        loadImageAsync({
-          src: src
-        }, function (_ref) {
+        loadImageAsync({ src: src }, function (_ref) {
           var src = _ref.src;
+
           _this.renderSrc = src;
           _this.state.loaded = true;
         }, function (e) {
@@ -18206,7 +18110,7 @@ var LazyImage = function LazyImage(lazyManager) {
       }
     }
   };
-};
+});
 
 var vue_lazyload_esm_index = {
   /*
@@ -18216,12 +18120,13 @@ var vue_lazyload_esm_index = {
   */
   install: function install(Vue) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     var LazyClass = Lazy(Vue);
     var lazy = new LazyClass(options);
-    var lazyContainer = new LazyContainerMananger({
-      lazy: lazy
-    });
+    var lazyContainer = new LazyContainerMananger({ lazy: lazy });
+
     var isVue2 = Vue.version.split('.')[0] === '2';
+
     Vue.prototype.$Lazyload = lazy;
 
     if (options.lazyComponent) {
@@ -18262,6 +18167,7 @@ var vue_lazyload_esm_index = {
           lazy.remove(this.el);
         }
       });
+
       Vue.directive('lazy-container', {
         update: function update(newValue, oldValue) {
           lazyContainer.update(this.el, {
@@ -18280,7 +18186,9 @@ var vue_lazyload_esm_index = {
     }
   }
 };
+
 /* harmony default export */ var vue_lazyload_esm = (vue_lazyload_esm_index);
+
 // CONCATENATED MODULE: ./es/lazyload/index.js
 
 /* harmony default export */ var lazyload = (vue_lazyload_esm);
@@ -18662,1226 +18570,1063 @@ var media_player_createNamespace = Object(utils["b" /* createNamespace */])('med
   }
 }));
 // CONCATENATED MODULE: ./node_modules/@egova/util/lib/type-check.js
-// code from: https://segmentfault.com/a/1190000022221464
-function checkDataType(tgt, type) {
-  var dataType = Object.prototype.toString.call(tgt).replace(/\[object (\w+)\]/, "$1").toLowerCase();
-  return type ? dataType === type : dataType;
-}
-function checkIsUndefined(tgt) {
-  return checkDataType(tgt, 'undefined');
-}
-function checkIsNull(tgt) {
-  return checkDataType(tgt, 'null');
-}
-function checkIsUndefinedOrNull(tgt) {
-  return checkIsUndefined(tgt) || checkIsNull(tgt);
-}
-function checkIsNumber(tgt) {
-  return checkDataType(tgt, 'number');
-}
-function checkIsString(tgt) {
-  return checkDataType(tgt, 'string');
-}
-function checkIsStringValid(tgt) {
-  if (checkDataType(tgt, 'string')) {
-    return tgt !== '';
-  } else {
-    return false;
-  }
-}
-function checkIsBoolean(tgt) {
-  return checkDataType(tgt, 'boolean');
-}
-function checkIsSymbol(tgt) {
-  return checkDataType(tgt, 'symbol');
-}
-function checkIsObject(tgt) {
-  return checkDataType(tgt, 'object');
-}
-function checkIsArray(tgt) {
-  return checkDataType(tgt, 'array');
-}
-function checkIsFunction(tgt) {
-  return checkDataType(tgt, 'function');
-}
-function checkIsDate(tgt) {
-  return checkDataType(tgt, 'date');
-}
-function checkIsRegExp(tgt) {
-  return checkDataType(tgt, 'regexp');
-}
-function checkIsError(tgt) {
-  return checkDataType(tgt, 'error');
-}
+// code from: https://segmentfault.com/a/1190000022221464
+function checkDataType(tgt, type) {
+    var dataType = Object.prototype.toString.call(tgt).replace(/\[object (\w+)\]/, "$1").toLowerCase();
+    return type ? dataType === type : dataType;
+}
+function checkIsUndefined(tgt) {
+    return checkDataType(tgt, 'undefined');
+}
+function checkIsNull(tgt) {
+    return checkDataType(tgt, 'null');
+}
+function checkIsUndefinedOrNull(tgt) {
+    return checkIsUndefined(tgt) || checkIsNull(tgt);
+}
+function checkIsNumber(tgt) {
+    return checkDataType(tgt, 'number');
+}
+function checkIsString(tgt) {
+    return checkDataType(tgt, 'string');
+}
+function checkIsStringValid(tgt) {
+    if (checkDataType(tgt, 'string')) {
+        return tgt !== '';
+    }
+    else {
+        return false;
+    }
+}
+function checkIsBoolean(tgt) {
+    return checkDataType(tgt, 'boolean');
+}
+function checkIsSymbol(tgt) {
+    return checkDataType(tgt, 'symbol');
+}
+function checkIsObject(tgt) {
+    return checkDataType(tgt, 'object');
+}
+function checkIsArray(tgt) {
+    return checkDataType(tgt, 'array');
+}
+function checkIsFunction(tgt) {
+    return checkDataType(tgt, 'function');
+}
+function checkIsDate(tgt) {
+    return checkDataType(tgt, 'date');
+}
+function checkIsRegExp(tgt) {
+    return checkDataType(tgt, 'regexp');
+}
+function checkIsError(tgt) {
+    return checkDataType(tgt, 'error');
+}
+//# sourceMappingURL=type-check.js.map
 // CONCATENATED MODULE: ./node_modules/@egova/util/lib/type-parse.js
 /**
  * 解析整数
  * @param obj， 输入字符串
  * @param defaultValue，默认值
- */
-function parseInteger(obj, defaultValue) {
-  var result = parseInt(obj, 10);
-
-  if (isNaN(result)) {
-    result = defaultValue || 0;
-  }
-
-  return result;
-}
-/**
- * 解析小数
- * @param obj， 输入字符串
- * @param defaultValue，默认值
- */
-
-function parseDecimal(obj, defaultValue) {
-  var result = parseFloat(obj);
-
-  if (isNaN(result)) {
-    result = defaultValue || 0;
-  }
-
-  return result;
-}
-// CONCATENATED MODULE: ./node_modules/@egova/util/lib/date.js
-
-var date_weekList = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
-var date_FORMAT = {
-  //英文简写如：12:01
-  FORMAT_HM: "HH:mm",
-  //英文简写如：1-12 12:01
-  FORMAT_MDHM: "MM-dd HH:mm",
-  //中文简写如：1月12日
-  FORMAT_MD_CN: "MM月dd日",
-  //中文简写如：1月12日
-  FORMAT_MD: "MM-dd",
-  //英文简写（默认）如：2010-12-01
-  FORMAT_YMD: "yyyy-MM-dd",
-  FORMAT_YMD_SLASH: "yyyy/MM/dd",
-  //英文简写（默认）如：2010-12
-  FORMAT_YM: "yyyy-MM",
-  //英文全称  如：2010-12-01 23:15
-  FORMAT_YMDHM: "yyyy-MM-dd HH:mm",
-  //英文全称  如：2010-12-01 23:15:06
-  FORMAT_YMDHMS: "yyyy-MM-dd HH:mm:ss",
-  //英文全称  如：2010-12-01 23:15:06
-  FORMAT_YMDHMSMS: "yyyy-MM-dd HH:mm:ss msms",
-  //中文简写  如：2010年12月
-  FORMAT_YM_CN: "yyyy年MM月",
-  //中文简写  如：2010年12月01日
-  FORMAT_YMD_CN: "yyyy年MM月dd日",
-  //中文简写  如：2010年12月01日  12时
-  FORMAT_YMDH_CN: "yyyy年MM月dd日 HH时",
-  //中文简写  如：12月01日  12时
-  FORMAT_MDH_CN: "MM月dd日 HH时",
-  //中文简写  如：2010年12月01日  12时12分
-  FORMAT_YMDHM_CN: "yyyy年MM月dd日 HH时mm分",
-  //中文全称  如：2010年12月01日  23时15分06秒
-  FORMAT_YMDHMS_CN: "yyyy年MM月dd日  HH时mm分ss秒"
-};
-
-var date_formatNumber_ = function __formatNumber__(number) {
-  if (number < 10) {
-    return "0" + number;
-  }
-
-  return number + "";
-};
-/**
- * 创建 Date对象
- * @param dateObj 可传入：
- * 1. number格式的timestamp；
- * 2. string格式的日期字符串
- * 3. Date对象将原封不动的返回
- * @returns {null|Date|*}
- */
-
-
-function createDate(dateObj) {
-  if (checkIsUndefinedOrNull(dateObj)) {
-    return null;
-  }
-
-  if (typeof dateObj === 'number') {
-    return new Date(dateObj);
-  } // IOS无法解析'2018-01-02'这种格式，需要替换为'2018/01/02'
-
-
-  if (typeof dateObj === 'string') {
-    dateObj = dateObj.replace(/-/g, '/');
-
-    if (dateObj.length === 7) {
-      // 只有月份的日期ios无法解析，例如  2021/06 , 需转换成2021/06/01
-      dateObj += "/01";
-    }
-
-    return new Date(dateObj);
-  }
-
-  if (checkIsDate(dateObj)) {
-    return dateObj;
-  }
-
-  return null;
-}
-function date_formatDate(dateObj, formatType) {
-  if (formatType === void 0) {
-    formatType = date_FORMAT.FORMAT_YMDHMS;
-  }
-
-  var date = createDate(dateObj);
-
-  if (date) {
-    date.getFullYear();
-    var formatResult = formatType.replace("yyyy", date_formatNumber_(date.getFullYear()));
-    formatResult = formatResult.replace("yy", String(date.getFullYear()).substring(2));
-    formatResult = formatResult.replace("MM", date_formatNumber_(date.getMonth() + 1));
-    formatResult = formatResult.replace("dd", date_formatNumber_(date.getDate()));
-    formatResult = formatResult.replace("HH", date_formatNumber_(date.getHours()));
-    formatResult = formatResult.replace("mm", date_formatNumber_(date.getMinutes()));
-    formatResult = formatResult.replace("ss", date_formatNumber_(date.getSeconds()));
-    formatResult = formatResult.replace("msms", date_formatNumber_(date.getMilliseconds()));
-    return formatResult;
-  } else {
-    return null;
-  }
-}
-// CONCATENATED MODULE: ./node_modules/@egova/util/lib/system-check.js
-function checkIsAndroid() {
-  /* istanbul ignore next */
-  return /android/.test(navigator.userAgent.toLowerCase());
-}
-function checkIsIOS() {
-  /* istanbul ignore next */
-  return /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase());
-}
-function checkIsMacOS() {
-  return navigator.platform.indexOf('Mac') > -1;
-}
-function checkIsWindows() {
-  return navigator.platform.indexOf('Win') > -1;
-}
-// CONCATENATED MODULE: ./node_modules/@egova/util/lib/index.js
-// Replace the contents of this file with your own exported values.
-
-
-
-
-// CONCATENATED MODULE: ./node_modules/@egova/media/lib/watermark.js
+ */
+function parseInteger(obj, defaultValue) {
+    var result = parseInt(obj, 10);
+    if (isNaN(result)) {
+        result = defaultValue || 0;
+    }
+    return result;
+}
 /**
- * 水印配置 {@link http://faq.egova.com.cn:7777/projects/redmine/wiki/%E6%8B%8D%E7%85%A7%E6%B0%B4%E5%8D%B0%E9%85%8D%E7%BD%AE|文档}
- * @description 水印渲染类
- * @author Jiaji Yin
- * @date 2021-11-05
- */
-
-
-var Point = function () {
-  function Point(x, y) {
-    this.x = x;
-    this.y = y;
-  }
-
-  return Point;
-}();
-
-var Size = function () {
-  function Size(width, height) {
-    this.width = width;
-    this.height = height;
-  }
-
-  return Size;
-}();
-
-var clamp = function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-};
-
-var watermark_subString = function subString(str, startIndex, length) {
-  if (checkIsUndefinedOrNull(length)) {
-    return str.substring(startIndex);
-  } else {
-    return str.substring(startIndex, startIndex + length);
-  }
-};
-/**
- * {@link http://faq.egova.com.cn:7777/files/ueditor/image/20180621/1529574697677847.png|水印位置图}
- */
-
-
-var WatermarkPosition;
-
-(function (WatermarkPosition) {
-  WatermarkPosition["LeftTop"] = "lefttop";
-  WatermarkPosition["CenterTop"] = "centertop";
-  WatermarkPosition["RightTop"] = "righttop";
-  WatermarkPosition["LeftCenter"] = "leftcenter";
-  WatermarkPosition["Center"] = "center";
-  WatermarkPosition["RightCenter"] = "rightcenter";
-  WatermarkPosition["LeftBottom"] = "leftbottom";
-  WatermarkPosition["CenterBottom"] = "centerbottom";
-  WatermarkPosition["RightBottom"] = "rightbottom";
-})(WatermarkPosition || (WatermarkPosition = {}));
-
-var WatermarkFontWeight;
-
-(function (WatermarkFontWeight) {
-  WatermarkFontWeight["Normal"] = "normal";
-  WatermarkFontWeight["Bold"] = "bold";
-})(WatermarkFontWeight || (WatermarkFontWeight = {}));
-
-var DEFAULT_DATE_FORMAT = "yyyy-MM-dd";
-var DEFAULT_TIME_FORMAT = "HH:mm";
-var WatermarkContent;
-
-(function (WatermarkContent) {
-  WatermarkContent["Raw"] = "";
-  WatermarkContent["Date"] = "date{(.*?)}|date";
-  WatermarkContent["Time"] = "time";
-  WatermarkContent["Address"] = "address";
-  WatermarkContent["HumanName"] = "humanname";
-  WatermarkContent["ProjectName"] = "projectName";
-  WatermarkContent["Logo"] = "{logo}";
-})(WatermarkContent || (WatermarkContent = {}));
-
-var 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 (var _i = 0, _a = Object.getOwnPropertyNames(ColorMap); _i < _a.length; _i++) {
-    var k = _a[_i];
-
-    if (k === key) {
-      return ColorMap[k];
-    }
-  }
-
-  return null;
-}
-
-var CONTENT_PADDING = 10;
-var DEFAULT_PADDING = 2;
-var DEFAULT_FONT_SIZE = 25.0;
-var DEFAULT_CANVAS_SIZE = 480.0;
-var DEFAULT_BACKGROUND_OPACITY = 128;
-
-var WatermarkStyle = function () {
-  /**
-   * Watermark Style
-   * @param fontName
-   * @param fontWeight
-   * @param fontColor
-   * @param fontSize
-   * @param backgroundColor
-   * @param backgroundOpacity
-   * @param paddingTop
-   * @param paddingBottom
-   * @param position
-   * @param scale
-   * @param simplified
-   */
-  function WatermarkStyle(fontName, fontWeight, fontColor, fontSize, backgroundColor, backgroundOpacity, paddingTop, paddingBottom, position, scale, simplified) {
-    this.fontName = fontName;
-    this.fontWeight = fontWeight;
-    this.fontColor = fontColor;
-    this.fontSize = fontSize;
-    this.backgroundColor = backgroundColor;
-    this.backgroundOpacity = backgroundOpacity;
-    this.paddingTop = paddingTop;
-    this.paddingBottom = paddingBottom;
-    this.position = position;
-    this.scale = scale;
-    this.simplified = simplified;
-  }
-
-  return WatermarkStyle;
-}();
-
-var WatermarkImage = function () {
-  function WatermarkImage(image) {
-    this.image = image;
-  }
-
-  return WatermarkImage;
-}();
-
-var Watermark = function () {
-  /**
-   * 水印对象，包含需要渲染的文本、图像，以及相应的style
-   * @param content
-   * @param watermarkStyle
-   */
-  function Watermark(content, watermarkStyle) {
-    this.content = content;
-    this.style = watermarkStyle;
-  }
-
-  return Watermark;
-}();
-
-var WatermarkContext = function () {
-  /**
-   * 打水印需要的环境信息
-   * @param address
-   * @param watermarkTime
-   * @param humanName
-   * @param projectName
-   * @param logo
-   */
-  function WatermarkContext(params) {
-    this.address = params.address;
-    this.watermarkTime = params.watermarkTime;
-    this.humanName = params.humanName;
-    this.projectName = params.projectName;
-    this.logo = params.logo;
-  }
-
-  return WatermarkContext;
-}();
-
-
-
-var WatermarkOptions = function () {
-  /**
-   * 水印配置项
-   * @param enabled， 是否开启水印
-   * @param watermarkConfigString，水印配置的字符串
-   * @param context，打水印需要的环境信息
-   */
-  function WatermarkOptions(params) {
-    this.enabled = params.enabled;
-    this.watermarkConfigString = params.watermarkConfigString;
-    this.context = params.context;
-  }
-
-  return WatermarkOptions;
-}();
-
-
-
-function parseWatermarkStyle(styleString, canvasSize) {
-  if (!checkIsStringValid(styleString)) {
-    return null;
-  }
-
-  var styleParts = styleString.split("$");
-
-  if (styleParts.length <= 0) {
-    return null;
-  }
-
-  var scale = Math.min(canvasSize.width, canvasSize.height) / DEFAULT_CANVAS_SIZE;
-  /**
-   1. 20190314版本开始可以使用简化版配置，格式为[文字大小]$[水印位置]$[上下padding]*#*[水印内容]          其中[上下padding]一般不设置，如需设置，格式为"上padding_下padding"，下padding可省略
-   2. 简化版配置使用条件：字体（黑体）、字体样式（normal）、文字颜色（transparent）、背景颜色（transparent）、背景不透明度（128）全部使用默认值（括号中的值）
-   */
-
-  if (parseInteger(styleParts[0], -1) !== -1) {
-    // 第一项为数字，则为新的简化配置
-    var fontSize = Math.round(parseDecimal(styleParts[0], DEFAULT_FONT_SIZE) * scale);
-    var position = WatermarkPosition.LeftTop;
-
-    if (styleParts[1]) {
-      position = styleParts[1];
-    }
-
-    var paddingTop = DEFAULT_PADDING * scale;
-    var paddingBottom = DEFAULT_PADDING * scale;
-
-    if (styleParts[2]) {
-      var paddingParts = styleParts[2].split("_");
-      paddingTop = parseInteger(paddingParts[0], DEFAULT_PADDING) * scale;
-
-      if (paddingParts[1]) {
-        paddingBottom = parseInteger(paddingParts[1], DEFAULT_PADDING) * scale;
-      }
-    }
-
-    var fontName = getHeitiFontFamily();
-    var fontWeight = WatermarkFontWeight.Normal;
-    var fontColor = ColorMap.transparent;
-    var backgroundColor = ColorMap.transparent;
-    var backgroundOpacity = 128;
-    return new WatermarkStyle(fontName, fontWeight, fontColor, fontSize, backgroundColor, backgroundOpacity, paddingTop, paddingBottom, position, scale, true);
-  } else {
-    // [字体]$[文字样式]$[文字颜色]$[文字大小]$[背景颜色]$[水印位置]$[背景不透明度]$[上下padding]*#*[水印内容]
-    var fontName = styleParts[0] + ', ' + getHeitiFontFamily();
-    var fontWeight = WatermarkFontWeight.Normal;
-
-    if (styleParts[1]) {
-      fontWeight = styleParts[1];
-    }
-
-    var fontColor = ColorMap.white;
-
-    if (styleParts[2]) {
-      var color = getColorValue(styleParts[2]);
-
-      if (color) {
-        fontColor = color;
-      }
-    }
-
-    var fontSize = Math.round(DEFAULT_FONT_SIZE * scale);
-
-    if (styleParts[3]) {
-      fontSize = Math.round(parseDecimal(styleParts[3], DEFAULT_FONT_SIZE) * scale);
-    }
-
-    var backgroundColor = ColorMap.blue;
-
-    if (styleParts[4]) {
-      var color = getColorValue(styleParts[4]);
-
-      if (color) {
-        backgroundColor = color;
-      }
-    }
-
-    var position = WatermarkPosition.LeftTop;
-
-    if (styleParts[5]) {
-      position = styleParts[5];
-    }
-
-    var backgroundOpacity = 255;
-
-    if (styleParts[6]) {
-      var opacity = parseInteger(styleParts[6], DEFAULT_BACKGROUND_OPACITY);
-      opacity = clamp(opacity, 0, 255);
-      backgroundOpacity = opacity;
-    }
-
-    var paddingTop = DEFAULT_PADDING * scale;
-    var paddingBottom = DEFAULT_PADDING * scale;
-
-    if (styleParts[7]) {
-      var paddingParts = styleParts[7].split("_");
-      paddingTop = parseInteger(paddingParts[0], DEFAULT_PADDING) * scale;
-
-      if (paddingParts[1]) {
-        paddingBottom = parseInteger(paddingParts[1], DEFAULT_PADDING) * scale;
-      }
-    }
-
-    return new WatermarkStyle(fontName, fontWeight, fontColor, fontSize, backgroundColor, backgroundOpacity, paddingTop, paddingBottom, position, scale, false);
-  }
-}
-/**
- * A JavaScript Scanner like Java's
- * @see java.util.Scanner
- */
-
-
-var watermark_TextScanner = function () {
-  /**
-   * The content to scan
-   * @param text
-   */
-  function TextScanner(text) {
-    this.text = text;
-    this.cursor = 0;
-  }
-
-  TextScanner.prototype.hasNext = function (obj) {
-    if (checkIsUndefinedOrNull(obj)) {
-      return this.cursor < this.text.length;
-    } else if (checkIsString(obj)) {
-      var str = obj;
-      var current = watermark_subString(this.text, this.cursor, str.length);
-
-      if (current === str) {
-        return true;
-      }
-    } else if (checkIsRegExp(obj)) {
-      var regex = obj;
-      var subText = watermark_subString(this.text, this.cursor);
-      var matchResults = subText.match(regex);
-
-      if (matchResults) {
-        if (matchResults.index === 0) {
-          return true;
-        }
-      }
-    }
-
-    return false;
-  };
-
-  TextScanner.prototype.next = function (obj) {
-    if (checkIsUndefinedOrNull(obj)) {
-      return watermark_subString(this.text, this.cursor, 1);
-    } else if (checkIsString(obj)) {
-      var str = obj;
-
-      if (watermark_subString(this.text, this.cursor, str.length) === str) {
-        return str;
-      }
-    } else if (checkIsRegExp(obj)) {
-      var regex = obj;
-      var subText = watermark_subString(this.text, this.cursor);
-      var matchResults = subText.match(regex);
-
-      if (matchResults) {
-        if (matchResults.index === 0) {
-          return matchResults;
-        }
-      }
-    }
-
-    return null;
-  };
-
-  TextScanner.prototype.skip = function (obj) {
-    if (checkIsUndefinedOrNull(obj)) {
-      this.cursor += 1;
-    } else if (checkIsStringValid(obj)) {
-      var str = obj;
-      this.cursor += str.length;
-    }
-
-    return this;
-  };
-
-  return TextScanner;
-}();
-
-
-
-function buildContent(contentConfigString, watermarkContext) {
-  var content = "";
-  var scanner = new watermark_TextScanner(contentConfigString);
-  var steps = 0;
-
-  while (scanner.hasNext() &&
-  /* 防止scanner代码错误产生无限循环，设置一个最大scan步数*/
-  steps < contentConfigString.length) {
-    var dateRegex = new RegExp(WatermarkContent.Date);
-
-    if (scanner.hasNext(dateRegex)) {
-      var regexResult = scanner.next(dateRegex);
-
-      if (regexResult) {
-        var matchResults = regexResult;
-        var format = date_FORMAT.FORMAT_YMD;
-
-        if (matchResults && matchResults.length >= 2) {
-          if (checkIsStringValid(matchResults[1])) {
-            format = matchResults[1];
-          }
-        }
-
-        content += date_formatDate(watermarkContext.watermarkTime, format);
-        scanner.skip(matchResults.input);
-      }
-    } else if (scanner.hasNext(WatermarkContent.Time)) {
-      var value = date_formatDate(watermarkContext.watermarkTime, date_FORMAT.FORMAT_HM);
-      content += value;
-      scanner.skip(WatermarkContent.Time);
-    } else if (scanner.hasNext(WatermarkContent.Address)) {
-      content += watermarkContext.address;
-      scanner.skip(WatermarkContent.Address);
-    } else if (scanner.hasNext(WatermarkContent.HumanName)) {
-      content += watermarkContext.humanName;
-      scanner.skip(WatermarkContent.HumanName);
-    } else if (scanner.hasNext(WatermarkContent.ProjectName)) {
-      content += watermarkContext.projectName;
-      scanner.skip(WatermarkContent.ProjectName);
-    } else if (scanner.hasNext(WatermarkContent.Logo)) {
-      console.error("watermark logo ignored");
-      scanner.skip(WatermarkContent.Logo);
-    } else {
-      var nextChar = scanner.next(); // console.log(`next out "${nextChar}"`)
-
-      if (checkIsString(nextChar)) {
-        // console.log(`next in "${nextChar}"`)
-        content += nextChar;
-      }
-
-      scanner.skip();
-    }
-
-    steps++;
-  }
-
-  return content;
-}
-
-function parseWatermarks(watermarkConfigString, canvasSize, watermarkContext) {
-  var watermarks = [];
-  var configStringArray = watermarkConfigString.split("###");
-
-  for (var i = 0; i < configStringArray.length; i++) {
-    var configString = configStringArray[i]; //console.log('config string ' + configString);
-
-    var configParts = configString.split("*#*"); //console.log(JSON.stringify(configParts));
-
-    if (configParts.length === 2) {
-      var styleString = configParts[0];
-      var contentString = configParts[1];
-      var style = parseWatermarkStyle(styleString, canvasSize);
-      var content = buildContent(contentString, watermarkContext);
-
-      if (style && content) {
-        var watermark = new Watermark(content, style);
-        watermarks.push(watermark);
-      }
-    }
-  }
-
-  return watermarks;
-}
-/**
- * 画水印默认使用黑体
- * @see {@link https://www.zhihu.com/question/19911793|使用黑体}
- */
-
-
-function getHeitiFontFamily() {
-  if (checkIsAndroid()) {
-    return "'Roboto Black', 'Droid Sans'";
-  } else if (checkIsIOS()) {
-    return "'PingFang SC Medium'";
-  } else {
-    return '"PingFang SC Medium", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif';
-  }
-}
-/**
- * 可以渲染的内容
- */
-
-
-var Tile = function () {
-  function Tile(origin, size, lineHeight, lineWidths, lines, style) {
-    this.origin = origin;
-    this.size = size;
-    this.lineHeight = lineHeight;
-    this.lineWidths = lineWidths;
-    this.lines = lines;
-    this.style = style;
-  }
-
-  return Tile;
-}();
-
-function buildTile(canvas, content, style) {
-  var origin = new Point(0, 0);
-  var size = new Size(0, 0);
-  var lines = [];
-  var ctx = canvas.getContext("2d");
-
-  if (!ctx) {
-    return null;
-  }
-
-  ctx.font = style.fontWeight + " " + style.fontSize + "px " + style.fontName;
-  var contentPadding = getCanvasScale(canvas, CONTENT_PADDING);
-  var contentWidth = canvas.width - contentPadding * 2; // @see {@link https://stackoverflow.com/questions/1134586/how-can-you-find-the-height-of-text-on-an-html-canvas}
-
-  var lineHeight = ctx.measureText('M').width;
-  var lineWidths = []; // content超过宽度就换行
-
-  var temp = "";
-  var lastWidth = 0;
-
-  for (var i = 0; i < content.length; i++) {
-    var 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 new Tile(origin, size, lineHeight, lineWidths, lines, style);
-}
-/**
- * 画文字，默认{@link https://stackoverflow.com/questions/43242709/how-can-i-draw-text-that-looks-embossed-using-kinetic-js-and-canvas|浮雕效果}
- * @param canvas
- * @param text
- */
-// function getEmbossTextImageData(text: string, size: Size): ImageData | null {
-//   // constants
-//   const canvas = document.createElement('canvas');
-//   document.body.appendChild(canvas);
-//   const ctx = canvas.getContext("2d");
-//   if (!ctx) {
-//     return null
-//   }
-//
-//   canvas.width = size.width;
-//   canvas.height = size.height;
-//
-//   // constants
-//   const blur = 2;
-//   const highLight = "rgba(100,190,256,0.75)";
-//   const shadow = "rgba(0,0,0,0.65)";
-//   const font = "84px arial black";
-//   const background = "linear-gradient(to right,  #1e5799 0%,#3096e5 100%)";
-//   const border = "2px solid #6CF"
-//
-// // create canvas add styles and put on page
-//
-//   const w = (canvas.width = innerWidth - 24) / 2;  // set size and get centers
-//   const h = (canvas.height = innerHeight - 24) / 2;
-//   canvas.style.background = background;
-//   canvas.style.border = border;
-//
-//
-// // set up font and font rendering alignment
-//   ctx.font = font;
-//   ctx.textAlign = "center";
-//   ctx.textBaseline = "middle";
-//
-// // draw dark shadow
-//   ctx.shadowBlur = blur; // shadow
-//   ctx.fillStyle = ctx.shadowColor = shadow;
-//   ctx.shadowOffsetY = ctx.shadowOffsetX = blur;
-//   ctx.fillText(text, w, h);
-//
-// // draw highLight
-//   ctx.fillStyle = ctx.shadowColor = highLight;
-//   ctx.shadowOffsetY = ctx.shadowOffsetX = -blur;
-//   ctx.fillText(text,  w, h);
-//
-// // draw center text that removes pixels
-//   ctx.shadowColor = "rgba(0,0,0,0.0)";               // turn off shadow
-//   ctx.fillStyle = "black";
-//   ctx.globalCompositeOperation = "destination-out"; // New pixels will remove old pixels making them transparent
-//   ctx.fillText(text,  w, h);
-//   ctx.globalCompositeOperation = "source-over";     // restore default composite operation.
-//
-//   return  ctx.getImageData(0, 0, size.width, size.height)
-// }
-
-
-function getAxisPoint(canvasWidth, origin, style) {
-  var padding = (CONTENT_PADDING + DEFAULT_PADDING) * style.scale;
-  var axisPoint = new Point(padding, origin.y);
-
-  if (style.position.startsWith("center")) {
-    axisPoint = new Point(canvasWidth / 2, origin.y);
-  } else if (style.position.startsWith("right")) {
-    axisPoint = new Point(canvasWidth - padding, origin.y);
-  }
-
-  return axisPoint;
-}
-
-function getTextAlign(style) {
-  var 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) {
-  var ctx = canvas.getContext("2d");
-
-  if (!ctx) {
-    return;
-  }
-  /**
-   * The fillText's second argument is the Y coordinate for the baseline of the text (the default textBaseline is "alphabetic") ,
-   * so the text is being drawn above the visible canvas element when you use 0.
-   * @see {@link https://stackoverflow.com/questions/14289331/html5-canvas-doesnt-fill-text-at-coordinates-0-0}
-   */
-
-
-  ctx.textBaseline = "top";
-  ctx.font = style.fontWeight + " " + style.fontSize + "px " + style.fontName;
-  var axisPoint = getAxisPoint(canvas.width, origin, style);
-  ctx.textAlign = getTextAlign(style);
-
-  if (style.simplified) {
-    ctx.shadowBlur = 4; // shadow
-    // ctx.shadowColor = "rgba(220,220,220,0.75)";
-
-    ctx.shadowColor = "rgba(0, 0, 0, 0.5)";
-    var 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) {
-  var r = parseInt(hex.slice(1, 3), 16),
-      g = parseInt(hex.slice(3, 5), 16),
-      b = parseInt(hex.slice(5, 7), 16);
-
-  if (alpha) {
-    return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
-  } else {
-    return "rgb(" + r + ", " + g + ", " + b + ")";
-  }
-}
-
-function drawBackground(canvas, tile) {
-  var ctx = canvas.getContext("2d");
-
-  if (!ctx) {
-    return;
-  }
-
-  var backgroundColor = tile.style.backgroundColor;
-  var backgroundOpacity = parseDecimal(String(tile.style.backgroundOpacity), -1);
-
-  if (backgroundOpacity > 255) {
-    backgroundOpacity = 255;
-  }
-
-  var paddingTop = 2;
-  var paddingBottom = 10;
-
-  if (backgroundColor !== 'transparent') {
-    if (backgroundColor.startsWith("#") && backgroundOpacity >= 0) {
-      backgroundColor = hexToRGB(backgroundColor, backgroundOpacity / 255.0);
-    }
-
-    ctx.fillStyle = backgroundColor;
-    var style = tile.style;
-    var padding = (CONTENT_PADDING + DEFAULT_PADDING) * style.scale;
-    var paddingScale = tile.style.fontSize / DEFAULT_FONT_SIZE;
-
-    for (var j = 0; j < tile.lineWidths.length; j++) {
-      var lineHeight = tile.lineHeight;
-      var lineWidth = tile.lineWidths[j];
-      var paddingRight = 30 * paddingScale;
-      var paddingLeft = 10 * paddingScale;
-      var axisPoint = new Point(padding - paddingLeft, tile.origin.y);
-
-      if (style.position.startsWith("center")) {
-        paddingLeft = 20 * paddingScale;
-        paddingRight = 20 * paddingScale;
-        axisPoint = new Point((canvas.width - lineWidth) / 2 - paddingLeft, tile.origin.y);
-      } else if (style.position.startsWith("right")) {
-        paddingLeft = 30 * paddingScale;
-        paddingRight = 10 * paddingScale;
-        axisPoint = new Point(canvas.width - lineWidth - padding - paddingLeft, tile.origin.y);
-      } // padding top
-
-
-      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); // padding bottom
-
-      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 (var i = 0; i < tile.lines.length; i++) {
-    var origin_1 = new Point(tile.origin.x, i * tile.lineHeight + tile.origin.y);
-    drawLine(canvas, tile.lines[i], origin_1, tile.style);
-  }
-}
-
-function getCanvasScale(canvas, len) {
-  var min = Math.min(canvas.width, canvas.height);
-  return min / DEFAULT_CANVAS_SIZE * len;
-}
-
-var GroupPosition;
-
-(function (GroupPosition) {
-  GroupPosition["Top"] = "top";
-  GroupPosition["Center"] = "center";
-  GroupPosition["Bottom"] = "bottom";
-})(GroupPosition || (GroupPosition = {}));
-
-function drawGroupedWatermarks(canvas, watermarks, groupPosition) {
-  if (!watermarks || watermarks.length === 0) {
-    return;
-  }
-
-  var tiles = []; //NOTE: 每个watermark 都占满整个宽度，一行只放一个watermark
-
-  var totalHeight = 0;
-
-  for (var i = 0; i < watermarks.length; i++) {
-    var watermark = watermarks[i];
-    var tile = buildTile(canvas, watermark.content, watermark.style);
-
-    if (tile) {
-      tiles.push(tile);
-      totalHeight += tile.size.height;
-    }
-  }
-
-  if (totalHeight <= 0) {
-    // no need draw
-    console.error('watermarks height ' + totalHeight);
-    console.error(JSON.stringify(watermarks));
-    return;
-  }
-
-  var contentPadding = getCanvasScale(canvas, CONTENT_PADDING);
-  var baseOrigin = new Point(contentPadding, contentPadding);
-
-  if (groupPosition === GroupPosition.Center) {
-    baseOrigin = new Point(contentPadding, Math.round((canvas.height - totalHeight) / 2));
-  } else if (groupPosition === GroupPosition.Bottom) {
-    baseOrigin = new Point(contentPadding, canvas.height - totalHeight - contentPadding);
-  } else if (groupPosition === GroupPosition.Top) {
-    baseOrigin = new Point(contentPadding, contentPadding);
-  } // update all the tiles' origin
-
-
-  var lastMarginTop = 0;
-
-  for (var i = 0; i < tiles.length; i++) {
-    var tile = tiles[i];
-    lastMarginTop += tile.style.paddingTop;
-    tile.origin = new Point(tile.origin.x + baseOrigin.x, lastMarginTop + baseOrigin.y);
-    lastMarginTop += tile.size.height;
-    lastMarginTop += tile.style.paddingBottom;
-  } // draw all tiles
-
-
-  for (var i = 0; i < tiles.length; i++) {
-    var tile = tiles[i];
-    drawTile(canvas, tile);
-  }
-}
+ * 解析小数
+ * @param obj， 输入字符串
+ * @param defaultValue，默认值
+ */
+function parseDecimal(obj, defaultValue) {
+    var result = parseFloat(obj);
+    if (isNaN(result)) {
+        result = defaultValue || 0;
+    }
+    return result;
+}
+//# sourceMappingURL=type-parse.js.map
+// CONCATENATED MODULE: ./node_modules/@egova/util/lib/date.js
+
+var date_weekList = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
+var date_FORMAT = {
+    //英文简写如：12:01
+    FORMAT_HM: "HH:mm",
+    //英文简写如：1-12 12:01
+    FORMAT_MDHM: "MM-dd HH:mm",
+    //中文简写如：1月12日
+    FORMAT_MD_CN: "MM月dd日",
+    //中文简写如：1月12日
+    FORMAT_MD: "MM-dd",
+    //英文简写（默认）如：2010-12-01
+    FORMAT_YMD: "yyyy-MM-dd",
+    FORMAT_YMD_SLASH: "yyyy/MM/dd",
+    //英文简写（默认）如：2010-12
+    FORMAT_YM: "yyyy-MM",
+    //英文全称  如：2010-12-01 23:15
+    FORMAT_YMDHM: "yyyy-MM-dd HH:mm",
+    //英文全称  如：2010-12-01 23:15:06
+    FORMAT_YMDHMS: "yyyy-MM-dd HH:mm:ss",
+    //英文全称  如：2010-12-01 23:15:06
+    FORMAT_YMDHMSMS: "yyyy-MM-dd HH:mm:ss msms",
+    //中文简写  如：2010年12月
+    FORMAT_YM_CN: "yyyy年MM月",
+    //中文简写  如：2010年12月01日
+    FORMAT_YMD_CN: "yyyy年MM月dd日",
+    //中文简写  如：2010年12月01日  12时
+    FORMAT_YMDH_CN: "yyyy年MM月dd日 HH时",
+    //中文简写  如：12月01日  12时
+    FORMAT_MDH_CN: "MM月dd日 HH时",
+    //中文简写  如：2010年12月01日  12时12分
+    FORMAT_YMDHM_CN: "yyyy年MM月dd日 HH时mm分",
+    //中文全称  如：2010年12月01日  23时15分06秒
+    FORMAT_YMDHMS_CN: "yyyy年MM月dd日  HH时mm分ss秒"
+};
+var date_formatNumber_ = function (number) {
+    if (number < 10) {
+        return "0" + number;
+    }
+    return number + "";
+};
+/**
+ * 创建 Date对象
+ * @param dateObj 可传入：
+ * 1. number格式的timestamp；
+ * 2. string格式的日期字符串
+ * 3. Date对象将原封不动的返回
+ * @returns {null|Date|*}
+ */
+function createDate(dateObj) {
+    if (checkIsUndefinedOrNull(dateObj)) {
+        return null;
+    }
+    if (typeof dateObj === 'number') {
+        return new Date(dateObj);
+    }
+    // IOS无法解析'2018-01-02'这种格式，需要替换为'2018/01/02'
+    if (typeof dateObj === 'string') {
+        dateObj = dateObj.replace(/-/g, '/');
+        if (dateObj.length === 7) {
+            // 只有月份的日期ios无法解析，例如  2021/06 , 需转换成2021/06/01
+            dateObj += "/01";
+        }
+        return new Date(dateObj);
+    }
+    if (checkIsDate(dateObj)) {
+        return dateObj;
+    }
+    return null;
+}
+function date_formatDate(dateObj, formatType) {
+    if (formatType === void 0) { formatType = date_FORMAT.FORMAT_YMDHMS; }
+    var date = createDate(dateObj);
+    if (date) {
+        date.getFullYear();
+        var formatResult = formatType.replace("yyyy", date_formatNumber_(date.getFullYear()));
+        formatResult = formatResult.replace("yy", String(date.getFullYear()).substring(2));
+        formatResult = formatResult.replace("MM", date_formatNumber_(date.getMonth() + 1));
+        formatResult = formatResult.replace("dd", date_formatNumber_(date.getDate()));
+        formatResult = formatResult.replace("HH", date_formatNumber_(date.getHours()));
+        formatResult = formatResult.replace("mm", date_formatNumber_(date.getMinutes()));
+        formatResult = formatResult.replace("ss", date_formatNumber_(date.getSeconds()));
+        formatResult = formatResult.replace("msms", date_formatNumber_(date.getMilliseconds()));
+        return formatResult;
+    }
+    else {
+        return null;
+    }
+}
+//# sourceMappingURL=date.js.map
+// CONCATENATED MODULE: ./node_modules/@egova/util/lib/system-check.js
+function checkIsAndroid() {
+    /* istanbul ignore next */
+    return /android/.test(navigator.userAgent.toLowerCase());
+}
+function checkIsIOS() {
+    /* istanbul ignore next */
+    return /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase());
+}
+function checkIsMacOS() {
+    return navigator.platform.indexOf('Mac') > -1;
+}
+function checkIsWindows() {
+    return navigator.platform.indexOf('Win') > -1;
+}
+//# sourceMappingURL=system-check.js.map
+// CONCATENATED MODULE: ./node_modules/@egova/util/lib/index.js
+// Replace the contents of this file with your own exported values.
+
+
+
+
+//# sourceMappingURL=index.js.map
+// CONCATENATED MODULE: ./node_modules/@egova/media/lib/watermark.js
+/**
+ * 水印配置 {@link http://faq.egova.com.cn:7777/projects/redmine/wiki/%E6%8B%8D%E7%85%A7%E6%B0%B4%E5%8D%B0%E9%85%8D%E7%BD%AE|文档}
+ * @description 水印渲染类
+ * @author Jiaji Yin
+ * @date 2021-11-05
+ */
+
+var Point = /** @class */ (function () {
+    function Point(x, y) {
+        this.x = x;
+        this.y = y;
+    }
+    return Point;
+}());
+var Size = /** @class */ (function () {
+    function Size(width, height) {
+        this.width = width;
+        this.height = height;
+    }
+    return Size;
+}());
+var clamp = function (value, min, max) { return Math.min(Math.max(value, min), max); };
+var subString = function (str, startIndex, length) {
+    if (checkIsUndefinedOrNull(length)) {
+        return str.substring(startIndex);
+    }
+    else {
+        return str.substring(startIndex, startIndex + length);
+    }
+};
+/**
+ * {@link http://faq.egova.com.cn:7777/files/ueditor/image/20180621/1529574697677847.png|水印位置图}
+ */
+var WatermarkPosition;
+(function (WatermarkPosition) {
+    WatermarkPosition["LeftTop"] = "lefttop";
+    WatermarkPosition["CenterTop"] = "centertop";
+    WatermarkPosition["RightTop"] = "righttop";
+    WatermarkPosition["LeftCenter"] = "leftcenter";
+    WatermarkPosition["Center"] = "center";
+    WatermarkPosition["RightCenter"] = "rightcenter";
+    WatermarkPosition["LeftBottom"] = "leftbottom";
+    WatermarkPosition["CenterBottom"] = "centerbottom";
+    WatermarkPosition["RightBottom"] = "rightbottom";
+})(WatermarkPosition || (WatermarkPosition = {}));
+var WatermarkFontWeight;
+(function (WatermarkFontWeight) {
+    WatermarkFontWeight["Normal"] = "normal";
+    WatermarkFontWeight["Bold"] = "bold";
+})(WatermarkFontWeight || (WatermarkFontWeight = {}));
+var DEFAULT_DATE_FORMAT = "yyyy-MM-dd";
+var DEFAULT_TIME_FORMAT = "HH:mm";
+var WatermarkContent;
+(function (WatermarkContent) {
+    WatermarkContent["Raw"] = "";
+    WatermarkContent["Date"] = "date{(.*?)}|date";
+    WatermarkContent["Time"] = "time";
+    WatermarkContent["Address"] = "address";
+    WatermarkContent["HumanName"] = "humanname";
+    WatermarkContent["ProjectName"] = "projectName";
+    WatermarkContent["Logo"] = "{logo}";
+})(WatermarkContent || (WatermarkContent = {}));
+var 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 (var _i = 0, _a = Object.getOwnPropertyNames(ColorMap); _i < _a.length; _i++) {
+        var k = _a[_i];
+        if (k === key) {
+            return ColorMap[k];
+        }
+    }
+    return null;
+}
+var CONTENT_PADDING = 10;
+var DEFAULT_PADDING = 2;
+var DEFAULT_FONT_SIZE = 25.0;
+var DEFAULT_CANVAS_SIZE = 480.0;
+var DEFAULT_BACKGROUND_OPACITY = 128;
+var WatermarkStyle = /** @class */ (function () {
+    /**
+     * Watermark Style
+     * @param fontName
+     * @param fontWeight
+     * @param fontColor
+     * @param fontSize
+     * @param backgroundColor
+     * @param backgroundOpacity
+     * @param paddingTop
+     * @param paddingBottom
+     * @param position
+     * @param scale
+     * @param simplified
+     */
+    function WatermarkStyle(fontName, fontWeight, fontColor, fontSize, backgroundColor, backgroundOpacity, paddingTop, paddingBottom, position, scale, simplified) {
+        this.fontName = fontName;
+        this.fontWeight = fontWeight;
+        this.fontColor = fontColor;
+        this.fontSize = fontSize;
+        this.backgroundColor = backgroundColor;
+        this.backgroundOpacity = backgroundOpacity;
+        this.paddingTop = paddingTop;
+        this.paddingBottom = paddingBottom;
+        this.position = position;
+        this.scale = scale;
+        this.simplified = simplified;
+    }
+    return WatermarkStyle;
+}());
+var WatermarkImage = /** @class */ (function () {
+    function WatermarkImage(image) {
+        this.image = image;
+    }
+    return WatermarkImage;
+}());
+var Watermark = /** @class */ (function () {
+    /**
+     * 水印对象，包含需要渲染的文本、图像，以及相应的style
+     * @param content
+     * @param watermarkStyle
+     */
+    function Watermark(content, watermarkStyle) {
+        this.content = content;
+        this.style = watermarkStyle;
+    }
+    return Watermark;
+}());
+var WatermarkContext = /** @class */ (function () {
+    /**
+     * 打水印需要的环境信息
+     * @param address
+     * @param watermarkTime
+     * @param humanName
+     * @param projectName
+     * @param logo
+     */
+    function WatermarkContext(params) {
+        this.address = params.address;
+        this.watermarkTime = params.watermarkTime;
+        this.humanName = params.humanName;
+        this.projectName = params.projectName;
+        this.logo = params.logo;
+    }
+    return WatermarkContext;
+}());
+
+var WatermarkOptions = /** @class */ (function () {
+    /**
+     * 水印配置项
+     * @param enabled， 是否开启水印
+     * @param watermarkConfigString，水印配置的字符串
+     * @param context，打水印需要的环境信息
+     */
+    function WatermarkOptions(params) {
+        this.enabled = params.enabled;
+        this.watermarkConfigString = params.watermarkConfigString;
+        this.context = params.context;
+    }
+    return WatermarkOptions;
+}());
+
+function parseWatermarkStyle(styleString, canvasSize) {
+    if (!checkIsStringValid(styleString)) {
+        return null;
+    }
+    var styleParts = styleString.split("$");
+    if (styleParts.length <= 0) {
+        return null;
+    }
+    var scale = Math.min(canvasSize.width, canvasSize.height) / DEFAULT_CANVAS_SIZE;
+    /**
+     1. 20190314版本开始可以使用简化版配置，格式为[文字大小]$[水印位置]$[上下padding]*#*[水印内容]          其中[上下padding]一般不设置，如需设置，格式为"上padding_下padding"，下padding可省略
+     2. 简化版配置使用条件：字体（黑体）、字体样式（normal）、文字颜色（transparent）、背景颜色（transparent）、背景不透明度（128）全部使用默认值（括号中的值）
+     */
+    if (parseInteger(styleParts[0], -1) !== -1) { // 第一项为数字，则为新的简化配置
+        var fontSize = Math.round(parseDecimal(styleParts[0], DEFAULT_FONT_SIZE) * scale);
+        var position = WatermarkPosition.LeftTop;
+        if (styleParts[1]) {
+            position = styleParts[1];
+        }
+        var paddingTop = DEFAULT_PADDING * scale;
+        var paddingBottom = DEFAULT_PADDING * scale;
+        if (styleParts[2]) {
+            var paddingParts = styleParts[2].split("_");
+            paddingTop = parseInteger(paddingParts[0], DEFAULT_PADDING) * scale;
+            if (paddingParts[1]) {
+                paddingBottom = parseInteger(paddingParts[1], DEFAULT_PADDING) * scale;
+            }
+        }
+        var fontName = getHeitiFontFamily();
+        var fontWeight = WatermarkFontWeight.Normal;
+        var fontColor = ColorMap.transparent;
+        var backgroundColor = ColorMap.transparent;
+        var backgroundOpacity = 128;
+        return new WatermarkStyle(fontName, fontWeight, fontColor, fontSize, backgroundColor, backgroundOpacity, paddingTop, paddingBottom, position, scale, true);
+    }
+    else { // [字体]$[文字样式]$[文字颜色]$[文字大小]$[背景颜色]$[水印位置]$[背景不透明度]$[上下padding]*#*[水印内容]
+        var fontName = styleParts[0] + ', ' + getHeitiFontFamily();
+        var fontWeight = WatermarkFontWeight.Normal;
+        if (styleParts[1]) {
+            fontWeight = styleParts[1];
+        }
+        var fontColor = ColorMap.white;
+        if (styleParts[2]) {
+            var color = getColorValue(styleParts[2]);
+            if (color) {
+                fontColor = color;
+            }
+        }
+        var fontSize = Math.round(DEFAULT_FONT_SIZE * scale);
+        if (styleParts[3]) {
+            fontSize = Math.round(parseDecimal(styleParts[3], DEFAULT_FONT_SIZE) * scale);
+        }
+        var backgroundColor = ColorMap.blue;
+        if (styleParts[4]) {
+            var color = getColorValue(styleParts[4]);
+            if (color) {
+                backgroundColor = color;
+            }
+        }
+        var position = WatermarkPosition.LeftTop;
+        if (styleParts[5]) {
+            position = styleParts[5];
+        }
+        var backgroundOpacity = 255;
+        if (styleParts[6]) {
+            var opacity = parseInteger(styleParts[6], DEFAULT_BACKGROUND_OPACITY);
+            opacity = clamp(opacity, 0, 255);
+            backgroundOpacity = opacity;
+        }
+        var paddingTop = DEFAULT_PADDING * scale;
+        var paddingBottom = DEFAULT_PADDING * scale;
+        if (styleParts[7]) {
+            var paddingParts = styleParts[7].split("_");
+            paddingTop = parseInteger(paddingParts[0], DEFAULT_PADDING) * scale;
+            if (paddingParts[1]) {
+                paddingBottom = parseInteger(paddingParts[1], DEFAULT_PADDING) * scale;
+            }
+        }
+        return new WatermarkStyle(fontName, fontWeight, fontColor, fontSize, backgroundColor, backgroundOpacity, paddingTop, paddingBottom, position, scale, false);
+    }
+}
+/**
+ * A JavaScript Scanner like Java's
+ * @see java.util.Scanner
+ */
+var watermark_TextScanner = /** @class */ (function () {
+    /**
+     * The content to scan
+     * @param text
+     */
+    function TextScanner(text) {
+        this.text = text;
+        this.cursor = 0;
+    }
+    TextScanner.prototype.hasNext = function (obj) {
+        if (checkIsUndefinedOrNull(obj)) {
+            return this.cursor < this.text.length;
+        }
+        else if (checkIsString(obj)) {
+            var str = obj;
+            var current = subString(this.text, this.cursor, str.length);
+            if (current === str) {
+                return true;
+            }
+        }
+        else if (checkIsRegExp(obj)) {
+            var regex = obj;
+            var subText = subString(this.text, this.cursor);
+            var matchResults = subText.match(regex);
+            if (matchResults) {
+                if (matchResults.index === 0) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    TextScanner.prototype.next = function (obj) {
+        if (checkIsUndefinedOrNull(obj)) {
+            return subString(this.text, this.cursor, 1);
+        }
+        else if (checkIsString(obj)) {
+            var str = obj;
+            if (subString(this.text, this.cursor, str.length) === str) {
+                return str;
+            }
+        }
+        else if (checkIsRegExp(obj)) {
+            var regex = obj;
+            var subText = subString(this.text, this.cursor);
+            var matchResults = subText.match(regex);
+            if (matchResults) {
+                if (matchResults.index === 0) {
+                    return matchResults;
+                }
+            }
+        }
+        return null;
+    };
+    TextScanner.prototype.skip = function (obj) {
+        if (checkIsUndefinedOrNull(obj)) {
+            this.cursor += 1;
+        }
+        else if (checkIsStringValid(obj)) {
+            var str = obj;
+            this.cursor += str.length;
+        }
+        return this;
+    };
+    return TextScanner;
+}());
+
+function buildContent(contentConfigString, watermarkContext) {
+    var content = "";
+    var scanner = new watermark_TextScanner(contentConfigString);
+    var steps = 0;
+    while (scanner.hasNext() &&
+        /* 防止scanner代码错误产生无限循环，设置一个最大scan步数*/
+        steps < contentConfigString.length) {
+        var dateRegex = new RegExp(WatermarkContent.Date);
+        if (scanner.hasNext(dateRegex)) {
+            var regexResult = scanner.next(dateRegex);
+            if (regexResult) {
+                var matchResults = regexResult;
+                var format = date_FORMAT.FORMAT_YMD;
+                if (matchResults && matchResults.length >= 2) {
+                    if (checkIsStringValid(matchResults[1])) {
+                        format = matchResults[1];
+                    }
+                }
+                content += date_formatDate(watermarkContext.watermarkTime, format);
+                scanner.skip(matchResults.input);
+            }
+        }
+        else if (scanner.hasNext(WatermarkContent.Time)) {
+            var value = date_formatDate(watermarkContext.watermarkTime, date_FORMAT.FORMAT_HM);
+            content += value;
+            scanner.skip(WatermarkContent.Time);
+        }
+        else if (scanner.hasNext(WatermarkContent.Address)) {
+            content += watermarkContext.address;
+            scanner.skip(WatermarkContent.Address);
+        }
+        else if (scanner.hasNext(WatermarkContent.HumanName)) {
+            content += watermarkContext.humanName;
+            scanner.skip(WatermarkContent.HumanName);
+        }
+        else if (scanner.hasNext(WatermarkContent.ProjectName)) {
+            content += watermarkContext.projectName;
+            scanner.skip(WatermarkContent.ProjectName);
+        }
+        else if (scanner.hasNext(WatermarkContent.Logo)) {
+            console.error("watermark logo ignored");
+            scanner.skip(WatermarkContent.Logo);
+        }
+        else {
+            var nextChar = scanner.next();
+            // console.log(`next out "${nextChar}"`)
+            if (checkIsString(nextChar)) {
+                // console.log(`next in "${nextChar}"`)
+                content += nextChar;
+            }
+            scanner.skip();
+        }
+        steps++;
+    }
+    return content;
+}
+function parseWatermarks(watermarkConfigString, canvasSize, watermarkContext) {
+    var watermarks = [];
+    var configStringArray = watermarkConfigString.split("###");
+    for (var i = 0; i < configStringArray.length; i++) {
+        var configString = configStringArray[i];
+        //console.log('config string ' + configString);
+        var configParts = configString.split("*#*");
+        //console.log(JSON.stringify(configParts));
+        if (configParts.length === 2) {
+            var styleString = configParts[0];
+            var contentString = configParts[1];
+            var style = parseWatermarkStyle(styleString, canvasSize);
+            var content = buildContent(contentString, watermarkContext);
+            if (style && content) {
+                var watermark = new Watermark(content, style);
+                watermarks.push(watermark);
+            }
+        }
+    }
+    return watermarks;
+}
+/**
+ * 画水印默认使用黑体
+ * @see {@link https://www.zhihu.com/question/19911793|使用黑体}
+ */
+function getHeitiFontFamily() {
+    if (checkIsAndroid()) {
+        return "'Roboto Black', 'Droid Sans'";
+    }
+    else if (checkIsIOS()) {
+        return "'PingFang SC Medium'";
+    }
+    else {
+        return '"PingFang SC Medium", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif';
+    }
+}
+/**
+ * 可以渲染的内容
+ */
+var Tile = /** @class */ (function () {
+    function Tile(origin, size, lineHeight, lineWidths, lines, style) {
+        this.origin = origin;
+        this.size = size;
+        this.lineHeight = lineHeight;
+        this.lineWidths = lineWidths;
+        this.lines = lines;
+        this.style = style;
+    }
+    return Tile;
+}());
+function buildTile(canvas, content, style) {
+    var origin = new Point(0, 0);
+    var size = new Size(0, 0);
+    var lines = [];
+    var ctx = canvas.getContext("2d");
+    if (!ctx) {
+        return null;
+    }
+    ctx.font = style.fontWeight + " " + style.fontSize + "px " + style.fontName;
+    var contentPadding = getCanvasScale(canvas, CONTENT_PADDING);
+    var contentWidth = canvas.width - contentPadding * 2;
+    // @see {@link https://stackoverflow.com/questions/1134586/how-can-you-find-the-height-of-text-on-an-html-canvas}
+    var lineHeight = ctx.measureText('M').width;
+    var lineWidths = [];
+    // content超过宽度就换行
+    var temp = "";
+    var lastWidth = 0;
+    for (var i = 0; i < content.length; i++) {
+        var 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 new Tile(origin, size, lineHeight, lineWidths, lines, style);
+}
+/**
+ * 画文字，默认{@link https://stackoverflow.com/questions/43242709/how-can-i-draw-text-that-looks-embossed-using-kinetic-js-and-canvas|浮雕效果}
+ * @param canvas
+ * @param text
+ */
+// function getEmbossTextImageData(text: string, size: Size): ImageData | null {
+//   // constants
+//   const canvas = document.createElement('canvas');
+//   document.body.appendChild(canvas);
+//   const ctx = canvas.getContext("2d");
+//   if (!ctx) {
+//     return null
+//   }
+//
+//   canvas.width = size.width;
+//   canvas.height = size.height;
+//
+//   // constants
+//   const blur = 2;
+//   const highLight = "rgba(100,190,256,0.75)";
+//   const shadow = "rgba(0,0,0,0.65)";
+//   const font = "84px arial black";
+//   const background = "linear-gradient(to right,  #1e5799 0%,#3096e5 100%)";
+//   const border = "2px solid #6CF"
+//
+// // create canvas add styles and put on page
+//
+//   const w = (canvas.width = innerWidth - 24) / 2;  // set size and get centers
+//   const h = (canvas.height = innerHeight - 24) / 2;
+//   canvas.style.background = background;
+//   canvas.style.border = border;
+//
+//
+// // set up font and font rendering alignment
+//   ctx.font = font;
+//   ctx.textAlign = "center";
+//   ctx.textBaseline = "middle";
+//
+// // draw dark shadow
+//   ctx.shadowBlur = blur; // shadow
+//   ctx.fillStyle = ctx.shadowColor = shadow;
+//   ctx.shadowOffsetY = ctx.shadowOffsetX = blur;
+//   ctx.fillText(text, w, h);
+//
+// // draw highLight
+//   ctx.fillStyle = ctx.shadowColor = highLight;
+//   ctx.shadowOffsetY = ctx.shadowOffsetX = -blur;
+//   ctx.fillText(text,  w, h);
+//
+// // draw center text that removes pixels
+//   ctx.shadowColor = "rgba(0,0,0,0.0)";               // turn off shadow
+//   ctx.fillStyle = "black";
+//   ctx.globalCompositeOperation = "destination-out"; // New pixels will remove old pixels making them transparent
+//   ctx.fillText(text,  w, h);
+//   ctx.globalCompositeOperation = "source-over";     // restore default composite operation.
+//
+//   return  ctx.getImageData(0, 0, size.width, size.height)
+// }
+function getAxisPoint(canvasWidth, origin, style) {
+    var padding = (CONTENT_PADDING + DEFAULT_PADDING) * style.scale;
+    var axisPoint = new Point(padding, origin.y);
+    if (style.position.startsWith("center")) {
+        axisPoint = new Point(canvasWidth / 2, origin.y);
+    }
+    else if (style.position.startsWith("right")) {
+        axisPoint = new Point(canvasWidth - padding, origin.y);
+    }
+    return axisPoint;
+}
+function getTextAlign(style) {
+    var 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) {
+    var ctx = canvas.getContext("2d");
+    if (!ctx) {
+        return;
+    }
+    /**
+     * The fillText's second argument is the Y coordinate for the baseline of the text (the default textBaseline is "alphabetic") ,
+     * so the text is being drawn above the visible canvas element when you use 0.
+     * @see {@link https://stackoverflow.com/questions/14289331/html5-canvas-doesnt-fill-text-at-coordinates-0-0}
+     */
+    ctx.textBaseline = "top";
+    ctx.font = style.fontWeight + " " + style.fontSize + "px " + style.fontName;
+    var axisPoint = getAxisPoint(canvas.width, origin, style);
+    ctx.textAlign = getTextAlign(style);
+    if (style.simplified) {
+        ctx.shadowBlur = 4; // shadow
+        // ctx.shadowColor = "rgba(220,220,220,0.75)";
+        ctx.shadowColor = "rgba(0, 0, 0, 0.5)";
+        var 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) {
+    var r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16);
+    if (alpha) {
+        return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
+    }
+    else {
+        return "rgb(" + r + ", " + g + ", " + b + ")";
+    }
+}
+function drawBackground(canvas, tile) {
+    var ctx = canvas.getContext("2d");
+    if (!ctx) {
+        return;
+    }
+    var backgroundColor = tile.style.backgroundColor;
+    var backgroundOpacity = parseDecimal(String(tile.style.backgroundOpacity), -1);
+    if (backgroundOpacity > 255) {
+        backgroundOpacity = 255;
+    }
+    var paddingTop = 2;
+    var paddingBottom = 10;
+    if (backgroundColor !== 'transparent') {
+        if (backgroundColor.startsWith("#") && backgroundOpacity >= 0) {
+            backgroundColor = hexToRGB(backgroundColor, backgroundOpacity / 255.0);
+        }
+        ctx.fillStyle = backgroundColor;
+        var style = tile.style;
+        var padding = (CONTENT_PADDING + DEFAULT_PADDING) * style.scale;
+        var paddingScale = tile.style.fontSize / DEFAULT_FONT_SIZE;
+        for (var j = 0; j < tile.lineWidths.length; j++) {
+            var lineHeight = tile.lineHeight;
+            var lineWidth = tile.lineWidths[j];
+            var paddingRight = 30 * paddingScale;
+            var paddingLeft = 10 * paddingScale;
+            var axisPoint = new Point(padding - paddingLeft, tile.origin.y);
+            if (style.position.startsWith("center")) {
+                paddingLeft = 20 * paddingScale;
+                paddingRight = 20 * paddingScale;
+                axisPoint = new Point((canvas.width - lineWidth) / 2 - paddingLeft, tile.origin.y);
+            }
+            else if (style.position.startsWith("right")) {
+                paddingLeft = 30 * paddingScale;
+                paddingRight = 10 * paddingScale;
+                axisPoint = new Point(canvas.width - lineWidth - padding - paddingLeft, tile.origin.y);
+            }
+            // padding top
+            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);
+            // padding bottom
+            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 (var i = 0; i < tile.lines.length; i++) {
+        var origin_1 = new Point(tile.origin.x, i * tile.lineHeight + tile.origin.y);
+        drawLine(canvas, tile.lines[i], origin_1, tile.style);
+    }
+}
+function getCanvasScale(canvas, len) {
+    var min = Math.min(canvas.width, canvas.height);
+    return min / DEFAULT_CANVAS_SIZE * len;
+}
+var GroupPosition;
+(function (GroupPosition) {
+    GroupPosition["Top"] = "top";
+    GroupPosition["Center"] = "center";
+    GroupPosition["Bottom"] = "bottom";
+})(GroupPosition || (GroupPosition = {}));
+function drawGroupedWatermarks(canvas, watermarks, groupPosition) {
+    if (!watermarks || watermarks.length === 0) {
+        return;
+    }
+    var tiles = [];
+    //NOTE: 每个watermark 都占满整个宽度，一行只放一个watermark
+    var totalHeight = 0;
+    for (var i = 0; i < watermarks.length; i++) {
+        var watermark = watermarks[i];
+        var tile = buildTile(canvas, watermark.content, watermark.style);
+        if (tile) {
+            tiles.push(tile);
+            totalHeight += tile.size.height;
+        }
+    }
+    if (totalHeight <= 0) {
+        // no need draw
+        console.error('watermarks height ' + totalHeight);
+        console.error(JSON.stringify(watermarks));
+        return;
+    }
+    var contentPadding = getCanvasScale(canvas, CONTENT_PADDING);
+    var baseOrigin = new Point(contentPadding, contentPadding);
+    if (groupPosition === GroupPosition.Center) {
+        baseOrigin = new Point(contentPadding, Math.round((canvas.height - totalHeight) / 2));
+    }
+    else if (groupPosition === GroupPosition.Bottom) {
+        baseOrigin = new Point(contentPadding, canvas.height - totalHeight - contentPadding);
+    }
+    else if (groupPosition === GroupPosition.Top) {
+        baseOrigin = new Point(contentPadding, contentPadding);
+    }
+    // update all the tiles' origin
+    var lastMarginTop = 0;
+    for (var i = 0; i < tiles.length; i++) {
+        var tile = tiles[i];
+        lastMarginTop += tile.style.paddingTop;
+        tile.origin = new Point(tile.origin.x + baseOrigin.x, lastMarginTop + baseOrigin.y);
+        lastMarginTop += tile.size.height;
+        lastMarginTop += tile.style.paddingBottom;
+    }
+    // draw all tiles
+    for (var i = 0; i < tiles.length; i++) {
+        var tile = tiles[i];
+        drawTile(canvas, tile);
+    }
+}
 /**
  * 把watermark 分为 上、中、三组
  * @param watermarks
- */
-
-
-function groupingWatermarks(watermarks) {
-  var _a;
-
-  var topList = [];
-  var centerList = [];
-  var bottomList = [];
-
-  for (var i = 0; i < watermarks.length; i++) {
-    var 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 _a = {}, _a[GroupPosition.Top] = topList, _a[GroupPosition.Center] = centerList, _a[GroupPosition.Bottom] = bottomList, _a;
-}
-
-function renderWatermark(canvas, options) {
-  // console.log("canvas width " + canvas.width);
-  // console.log("canvas height " + canvas.height);
-  if (!options.enabled || options.watermarkConfigString === "no") {
-    return Promise.resolve(canvas);
-  }
-
-  var watermarkConfigString = options.watermarkConfigString;
-
-  if (watermarkConfigString === "default") {
-    watermarkConfigString = "50$lefttop$50*#*time###25$lefttop*#*date";
-  }
-
-  var watermarks = parseWatermarks(watermarkConfigString, new Size(canvas.width, canvas.height), options.context);
-  var groupedWatermarks = groupingWatermarks(watermarks);
-  drawGroupedWatermarks(canvas, groupedWatermarks[GroupPosition.Top], GroupPosition.Top);
-  drawGroupedWatermarks(canvas, groupedWatermarks[GroupPosition.Center], GroupPosition.Center);
-  drawGroupedWatermarks(canvas, groupedWatermarks[GroupPosition.Bottom], GroupPosition.Bottom);
-  return Promise.resolve(canvas);
-}
-function checkWatermarkConfigSupported(watermarkConfigString) {
-  if (watermarkConfigString.indexOf("{logo}") > -1) {
-    console.error("水印不支持logo");
-    return false;
-  }
-
-  var configStringArray = watermarkConfigString.split("###");
-
-  for (var i = 0; i < configStringArray.length; i++) {
-    var configString = configStringArray[i]; //console.log('config string ' + configString);
-
-    var configParts = configString.split("*#*"); //console.log(JSON.stringify(configParts));
-
-    if (configParts.length === 2) {
-      var styleString = configParts[0];
-      var styleParts = styleString.split("$");
-
-      if (styleParts.length <= 0) {
-        console.error("水印配置不合法");
-        return false;
-      }
-    }
-  }
-
-  return true;
-}
+ */
+function groupingWatermarks(watermarks) {
+    var _a;
+    var topList = [];
+    var centerList = [];
+    var bottomList = [];
+    for (var i = 0; i < watermarks.length; i++) {
+        var 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 _a = {},
+        _a[GroupPosition.Top] = topList,
+        _a[GroupPosition.Center] = centerList,
+        _a[GroupPosition.Bottom] = bottomList,
+        _a;
+}
+function renderWatermark(canvas, options) {
+    // console.log("canvas width " + canvas.width);
+    // console.log("canvas height " + canvas.height);
+    if (!options.enabled || options.watermarkConfigString === "no") {
+        return Promise.resolve(canvas);
+    }
+    var watermarkConfigString = options.watermarkConfigString;
+    if (watermarkConfigString === "default") {
+        watermarkConfigString = "50$lefttop$50*#*time###25$lefttop*#*date";
+    }
+    var watermarks = parseWatermarks(watermarkConfigString, new Size(canvas.width, canvas.height), options.context);
+    var groupedWatermarks = groupingWatermarks(watermarks);
+    drawGroupedWatermarks(canvas, groupedWatermarks[GroupPosition.Top], GroupPosition.Top);
+    drawGroupedWatermarks(canvas, groupedWatermarks[GroupPosition.Center], GroupPosition.Center);
+    drawGroupedWatermarks(canvas, groupedWatermarks[GroupPosition.Bottom], GroupPosition.Bottom);
+    return Promise.resolve(canvas);
+}
+function checkWatermarkConfigSupported(watermarkConfigString) {
+    if (watermarkConfigString.indexOf("{logo}") > -1) {
+        console.error("水印不支持logo");
+        return false;
+    }
+    var configStringArray = watermarkConfigString.split("###");
+    for (var i = 0; i < configStringArray.length; i++) {
+        var configString = configStringArray[i];
+        //console.log('config string ' + configString);
+        var configParts = configString.split("*#*");
+        //console.log(JSON.stringify(configParts));
+        if (configParts.length === 2) {
+            var styleString = configParts[0];
+            var styleParts = styleString.split("$");
+            if (styleParts.length <= 0) {
+                console.error("水印配置不合法");
+                return false;
+            }
+        }
+    }
+    return true;
+}
+//# sourceMappingURL=watermark.js.map
 // CONCATENATED MODULE: ./node_modules/@egova/media/lib/image-util.js
 /**
  * Convert File to data schema url
  * @param file
- */
-function file2DataURL(file) {
-  return new Promise(function (resolve, reject) {
-    var a = new FileReader();
-
-    a.onload = function (res) {
-      if (res && res.target) {
-        resolve(res.target.result);
-      } else {
-        reject(new Error('读取文件url失败'));
-      }
-    };
-
-    a.readAsDataURL(file);
-  });
-}
+ */
+function file2DataURL(file) {
+    return new Promise(function (resolve, reject) {
+        var a = new FileReader();
+        a.onload = function (res) {
+            if (res && res.target) {
+                resolve(res.target.result);
+            }
+            else {
+                reject(new Error('读取文件url失败'));
+            }
+        };
+        a.readAsDataURL(file);
+    });
+}
 /**
  * Convert file to image
  * @param file
- */
-
-function file2Image(file) {
-  return new Promise(function (resolve, reject) {
-    file2DataURL(file).then(function (url) {
-      var img = new Image();
-      img.src = url;
-
-      img.onload = function (e) {
-        if (img.complete) {
-          resolve(img);
-        } else {
-          reject(new Error('文件加载失败'));
-        }
-      };
-    }).catch(reject);
-  });
-}
-function image2file(img, fileName, lastModified, type, quality) {
-  if (type === void 0) {
-    type = "image/jpeg";
-  }
-
-  if (quality === void 0) {
-    quality = 0.8;
-  }
-
-  return image2Canvas(img, type).then(function (canvas) {
-    return canvas2File(canvas, fileName, lastModified, type, quality);
-  });
-}
+ */
+function file2Image(file) {
+    return new Promise(function (resolve, reject) {
+        file2DataURL(file).then(function (url) {
+            var img = new Image();
+            img.src = url;
+            img.onload = function (e) {
+                if (img.complete) {
+                    resolve(img);
+                }
+                else {
+                    reject(new Error('文件加载失败'));
+                }
+            };
+        }).catch(reject);
+    });
+}
+function image2file(img, fileName, lastModified, type, quality) {
+    if (type === void 0) { type = "image/jpeg"; }
+    if (quality === void 0) { quality = 0.8; }
+    return image2Canvas(img, type).then(function (canvas) {
+        return canvas2File(canvas, fileName, lastModified, type, quality);
+    });
+}
 /**
  * Draw image on canvas
  * @param img
  * @param width
  * @param height
- */
-
-function image2Canvas(img, type, width, height) {
-  var canvas = document.createElement('canvas');
-
-  if (!width) {
-    width = img.width;
-  }
-
-  if (!height) {
-    height = img.height;
-  }
-
-  canvas.width = width;
-  canvas.height = height;
-  var ctx = canvas.getContext('2d');
-
-  if (ctx) {
-    // png经canvas.toDataURL转换后背景变成黑色，这里提前填充白色
-    ctx.fillStyle = 'transparent';
-
-    if (type === 'image/jpeg') {
-      ctx.fillStyle = '#fff';
-    }
-
-    ctx.drawImage(img, 0, 0, width, height);
-    return Promise.resolve(canvas);
-  } else {
-    return Promise.reject(null);
-  }
-}
+ */
+function image2Canvas(img, type, width, height) {
+    var canvas = document.createElement('canvas');
+    if (!width) {
+        width = img.width;
+    }
+    if (!height) {
+        height = img.height;
+    }
+    canvas.width = width;
+    canvas.height = height;
+    var ctx = canvas.getContext('2d');
+    if (ctx) {
+        // png经canvas.toDataURL转换后背景变成黑色，这里提前填充白色
+        ctx.fillStyle = 'transparent';
+        if (type === 'image/jpeg') {
+            ctx.fillStyle = '#fff';
+        }
+        ctx.drawImage(img, 0, 0, width, height);
+        return Promise.resolve(canvas);
+    }
+    else {
+        return Promise.reject(null);
+    }
+}
 /**
  * Export Image from canvas
  * @param canvas
  * @param type
  * @param quality
  * @see {@link https://meshworld.in/convert-canvas-to-an-image-using-javascript/}
- */
-
-function canvas2Image(canvas, type, quality) {
-  if (type === void 0) {
-    type = "image/jpeg";
-  }
-
-  if (quality === void 0) {
-    quality = 0.8;
-  }
-
-  var image = new Image();
-  image.src = canvas.toDataURL(type, quality);
-  return Promise.resolve(image);
-}
+ */
+function canvas2Image(canvas, type, quality) {
+    if (type === void 0) { type = "image/jpeg"; }
+    if (quality === void 0) { quality = 0.8; }
+    var image = new Image();
+    image.src = canvas.toDataURL(type, quality);
+    return Promise.resolve(image);
+}
 /**
  * Export File from canvas
  * @param canvas
@@ -19890,33 +19635,24 @@ function canvas2Image(canvas, type, quality) {
  * @param type
  * @param quality
  * @see {@link https://meshworld.in/convert-canvas-to-an-image-using-javascript/}
- */
-
-function canvas2File(canvas, fileName, lastModified, type, quality) {
-  if (type === void 0) {
-    type = "image/jpeg";
-  }
-
-  if (quality === void 0) {
-    quality = 0.8;
-  }
-
-  return new Promise(function (resolve, reject) {
-    canvas.toBlob(function (blob) {
-      if (!blob) {
-        reject(new Error('canvas文件导出失败'));
-      } else {
-        var file = new File([blob], fileName, {
-          lastModified: lastModified,
-          type: type
-        }); // console.log("file size " + file.size / 1024 + "kb");
-        // console.log(file)
-
-        resolve(file);
-      }
-    }, type, quality);
-  });
-}
+ */
+function canvas2File(canvas, fileName, lastModified, type, quality) {
+    if (type === void 0) { type = "image/jpeg"; }
+    if (quality === void 0) { quality = 0.8; }
+    return new Promise(function (resolve, reject) {
+        canvas.toBlob(function (blob) {
+            if (!blob) {
+                reject(new Error('canvas文件导出失败'));
+            }
+            else {
+                var file = new File([blob], fileName, { lastModified: lastModified, type: type });
+                // console.log("file size " + file.size / 1024 + "kb");
+                // console.log(file)
+                resolve(file);
+            }
+        }, type, quality);
+    });
+}
 /**
  * 缩放图片
  * @param img：HTMLImageElement 图片对象
@@ -19927,162 +19663,138 @@ function canvas2File(canvas, fileName, lastModified, type, quality) {
  * @param sideLengthLimit 图片边长限制
  * @param baseOnShortSide 是否以短边为限制
  * @param resultType: ResizeResultType, "image" | "canvas"
- */
-
-function resize(img, _a) {
-  var _b = _a.inputType,
-      inputType = _b === void 0 ? 'image/jpeg' : _b,
-      _c = _a.imageWidth,
-      imageWidth = _c === void 0 ? -1 : _c,
-      _d = _a.imageHeight,
-      imageHeight = _d === void 0 ? -1 : _d,
-      _e = _a.equalProportion,
-      equalProportion = _e === void 0 ? true : _e,
-      //等比例拉伸
-  _f = _a.sideLengthLimit,
-      //等比例拉伸
-  sideLengthLimit = _f === void 0 ? 640 : _f,
-      _g = _a.baseOnShortSide,
-      baseOnShortSide = _g === void 0 ? true : _g,
-      // 是否以短边为基准缩放
-  _h = _a.resultType,
-      // 是否以短边为基准缩放
-  resultType = _h === void 0 ? "image" : _h;
-  var scale = 1;
-  var 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 无效'));
-  }
-
-  var targetWidth = scale > 1 ? imageWidth : imageWidth * scale;
-  var targetHeight = scale > 1 ? imageHeight : imageHeight * scale;
-
-  if (resultType === "image") {
-    return image2Canvas(img, inputType, targetWidth, targetHeight).then(function (canvas) {
-      return canvas2Image(canvas);
-    });
-  } else {
-    return image2Canvas(img, inputType, targetWidth, targetHeight);
-  }
-}
+ */
+function resize(img, _a) {
+    var _b = _a.inputType, inputType = _b === void 0 ? 'image/jpeg' : _b, _c = _a.imageWidth, imageWidth = _c === void 0 ? -1 : _c, _d = _a.imageHeight, imageHeight = _d === void 0 ? -1 : _d, _e = _a.equalProportion, equalProportion = _e === void 0 ? true : _e, //等比例拉伸
+    _f = _a.sideLengthLimit, //等比例拉伸
+    sideLengthLimit = _f === void 0 ? 640 : _f, _g = _a.baseOnShortSide, baseOnShortSide = _g === void 0 ? true : _g, // 是否以短边为基准缩放
+    _h = _a.resultType, // 是否以短边为基准缩放
+    resultType = _h === void 0 ? "image" : _h;
+    var scale = 1;
+    var 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 无效'));
+    }
+    var targetWidth = scale > 1 ? imageWidth : imageWidth * scale;
+    var targetHeight = scale > 1 ? imageHeight : imageHeight * scale;
+    if (resultType === "image") {
+        return image2Canvas(img, inputType, targetWidth, targetHeight).then(function (canvas) {
+            return canvas2Image(canvas);
+        });
+    }
+    else {
+        return image2Canvas(img, inputType, targetWidth, targetHeight);
+    }
+}
+//# sourceMappingURL=image-util.js.map
 // CONCATENATED MODULE: ./node_modules/@egova/media/lib/image-processor.js
-
-
-
-var MAX_SIDE_LENGTH = 1920;
-var MIN_SIDE_LEnGTH = 480;
-var PHOTO_FILE_SIZE_LIMIT = 1000; // 1000kb
-
-var DEFAULT_JPEG_QUALITY = 0.8;
-var MIN_JPEG_QUALITY = 0.1;
-var JPEG_QUALITY_STEP = 0.05;
-
-var image_processor_ResizeOptions = function () {
-  function ResizeOptions(maxSideLength) {
-    if (checkIsUndefinedOrNull(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;
-      }
-    }
-  }
-
-  return ResizeOptions;
-}();
-
-
-
-var image_processor_CompressOptions = function () {
-  function CompressOptions(photoFileSizeLimit) {
-    if (checkIsUndefinedOrNull(photoFileSizeLimit)) {
-      this.photoFileSizeLimit = PHOTO_FILE_SIZE_LIMIT;
-    } else {
-      this.photoFileSizeLimit = photoFileSizeLimit;
-    }
-  }
-
-  return CompressOptions;
-}();
-
-
-
-var image_processor_ImageProcessor = function () {
-  function ImageProcessor(file, resizeOptions, watermarkOptions, compressOptions) {
-    this.file = file;
-    this.resizeOptions = resizeOptions;
-    this.watermarkOptions = watermarkOptions;
-    this.compressOptions = compressOptions;
-  }
-
-  ImageProcessor.prototype.process = function () {
-    var _this = this;
-
-    var filename = this.file.name;
-    var lastModified = this.file.lastModified;
-    var fileType = this.file.type;
-
-    if (this.file.size > this.compressOptions.photoFileSizeLimit * 1024) {
-      fileType = 'image/jpeg';
-    }
-
-    if (fileType === 'image/gif') {
-      fileType = 'image/png';
-    }
-
-    return file2Image(this.file).then(function (img) {
-      //第一步 resize image
-      return resize(img, {
-        inputType: fileType,
-        sideLengthLimit: _this.resizeOptions.maxSideLength,
-        resultType: "canvas"
-      });
-    }).then(function (result) {
-      var canvas = result; //第二步 打水印
-
-      return renderWatermark(canvas, _this.watermarkOptions);
-    }).then(function (canvas) {
-      var exportFilename = filename.replace(/\./g, "-") + '.jpg';
-      return _this.compress(canvas, exportFilename, lastModified, fileType, DEFAULT_JPEG_QUALITY);
-    });
-  };
-
-  ImageProcessor.prototype.compress = function (canvas, filename, lastModified, type, quality) {
-    var _this = this;
-
-    return canvas2File(canvas, filename, lastModified, type, quality).then(function (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);
-      } else {
-        return Promise.resolve(file);
-      }
-    });
-  };
-
-  return ImageProcessor;
-}();
-
-
+
+
+
+var MAX_SIDE_LENGTH = 1920;
+var MIN_SIDE_LEnGTH = 480;
+var PHOTO_FILE_SIZE_LIMIT = 1000; // 1000kb
+var DEFAULT_JPEG_QUALITY = 0.8;
+var MIN_JPEG_QUALITY = 0.1;
+var JPEG_QUALITY_STEP = 0.05;
+var image_processor_ResizeOptions = /** @class */ (function () {
+    function ResizeOptions(maxSideLength) {
+        if (checkIsUndefinedOrNull(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;
+            }
+        }
+    }
+    return ResizeOptions;
+}());
+
+var image_processor_CompressOptions = /** @class */ (function () {
+    function CompressOptions(photoFileSizeLimit) {
+        if (checkIsUndefinedOrNull(photoFileSizeLimit)) {
+            this.photoFileSizeLimit = PHOTO_FILE_SIZE_LIMIT;
+        }
+        else {
+            this.photoFileSizeLimit = photoFileSizeLimit;
+        }
+    }
+    return CompressOptions;
+}());
+
+var image_processor_ImageProcessor = /** @class */ (function () {
+    function ImageProcessor(file, resizeOptions, watermarkOptions, compressOptions) {
+        this.file = file;
+        this.resizeOptions = resizeOptions;
+        this.watermarkOptions = watermarkOptions;
+        this.compressOptions = compressOptions;
+    }
+    ImageProcessor.prototype.process = function () {
+        var _this = this;
+        var filename = this.file.name;
+        var lastModified = this.file.lastModified;
+        var fileType = this.file.type;
+        if (this.file.size > this.compressOptions.photoFileSizeLimit * 1024) {
+            fileType = 'image/jpeg';
+        }
+        if (fileType === 'image/gif') {
+            fileType = 'image/png';
+        }
+        return file2Image(this.file).then(function (img) {
+            //第一步 resize image
+            return resize(img, {
+                inputType: fileType,
+                sideLengthLimit: _this.resizeOptions.maxSideLength,
+                resultType: "canvas"
+            });
+        }).then(function (result) {
+            var canvas = result;
+            //第二步 打水印
+            return renderWatermark(canvas, _this.watermarkOptions);
+        }).then(function (canvas) {
+            var exportFilename = filename.replace(/\./g, "-") + '.jpg';
+            return _this.compress(canvas, exportFilename, lastModified, fileType, DEFAULT_JPEG_QUALITY);
+        });
+    };
+    ImageProcessor.prototype.compress = function (canvas, filename, lastModified, type, quality) {
+        var _this = this;
+        return canvas2File(canvas, filename, lastModified, type, quality).then(function (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);
+            }
+            else {
+                return Promise.resolve(file);
+            }
+        });
+    };
+    return ImageProcessor;
+}());
+
+//# sourceMappingURL=image-processor.js.map
 // CONCATENATED MODULE: ./node_modules/@egova/media/lib/index.js
 /**
  * @description 水印渲染类
  * @author Jiaji Yin
  * @date 2021-11-05
- */
-
-
-
+ */
+
+
+
+//# sourceMappingURL=index.js.map
 // CONCATENATED MODULE: ./es/media-picker/image/TakePhotoIcon.js
 /* harmony default export */ var TakePhotoIcon = ({
   methods: {
@@ -23868,8 +23580,6 @@ PasswordInput.props = {
 };
 /* harmony default export */ var password_input = (password_input_createComponent(PasswordInput));
 // CONCATENATED MODULE: ./node_modules/@vant/popperjs/dist/esm/index.js
-
-
 function getBoundingClientRect(element) {
   var rect = element.getBoundingClientRect();
   return {
@@ -23975,8 +23685,9 @@ function isScrollParent(element) {
       overflowY = _getComputedStyle.overflowY;
 
   return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
-} // Composite means it takes into account transforms as well as layout.
+}
 
+// Composite means it takes into account transforms as well as layout.
 
 function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   if (isFixed === void 0) {
@@ -24016,8 +23727,9 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
     width: rect.width,
     height: rect.height
   };
-} // means it doesn't take into account transforms.
+}
 
+// means it doesn't take into account transforms.
 
 function getLayoutRect(element) {
   var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
@@ -24071,6 +23783,7 @@ function getScrollParent(node) {
 
   return getScrollParent(getParentNode(node));
 }
+
 /*
 given a DOM element, return the list of all scroll parents, up the list of ancesors
 until we get to the top window object. This list is what we attach scroll listeners
@@ -24078,7 +23791,6 @@ to, because if any of these parent elements scroll, we'll need to re-calculate t
 reference element's position.
 */
 
-
 function listScrollParents(element, list) {
   var _element$ownerDocumen;
 
@@ -24254,7 +23966,6 @@ function esm_format(str) {
 var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
 var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
 var VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];
-
 function validateModifiers(modifiers) {
   modifiers.forEach(function (modifier) {
     Object.keys(modifier).forEach(function (key) {
@@ -24346,9 +24057,9 @@ function getBasePlacement(placement) {
 function mergeByName(modifiers) {
   var merged = modifiers.reduce(function (merged, current) {
     var existing = merged[current.name];
-    merged[current.name] = existing ? _extends({}, existing, current, {
-      options: _extends({}, existing.options, current.options),
-      data: _extends({}, existing.data, current.data)
+    merged[current.name] = existing ? Object.assign({}, existing, current, {
+      options: Object.assign({}, existing.options, current.options),
+      data: Object.assign({}, existing.data, current.data)
     }) : current;
     return merged;
   }, {}); // IE11 does not support Object.values
@@ -24469,7 +24180,7 @@ function popperGenerator(generatorOptions) {
     var state = {
       placement: 'bottom',
       orderedModifiers: [],
-      options: _extends({}, DEFAULT_OPTIONS, defaultOptions),
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
       modifiersData: {},
       elements: {
         reference: reference,
@@ -24484,7 +24195,7 @@ function popperGenerator(generatorOptions) {
       state: state,
       setOptions: function setOptions(options) {
         cleanupModifierEffects();
-        state.options = _extends({}, defaultOptions, state.options, options);
+        state.options = Object.assign({}, defaultOptions, state.options, options);
         state.scrollParents = {
           reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
           popper: listScrollParents(popper)
@@ -24541,7 +24252,7 @@ function popperGenerator(generatorOptions) {
         // To ensure persistent data, use `${name}#persistent`
 
         state.orderedModifiers.forEach(function (modifier) {
-          return state.modifiersData[modifier.name] = _extends({}, modifier.data);
+          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
         });
         var __debug_loops__ = 0;
 
@@ -24704,6 +24415,7 @@ var popperOffsets$1 = {
   fn: popperOffsets,
   data: {}
 };
+
 var unsetSides = {
   top: 'auto',
   right: 'auto',
@@ -24780,17 +24492,17 @@ function mapToStyles(_ref2) {
     }
   }
 
-  var commonStyles = _extends({
+  var commonStyles = Object.assign({
     position: position
   }, adaptive && unsetSides);
 
   if (gpuAcceleration) {
     var _Object$assign;
 
-    return _extends({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
   }
 
-  return _extends({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
+  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
 }
 
 function computeStyles(_ref4) {
@@ -24813,7 +24525,7 @@ function computeStyles(_ref4) {
   };
 
   if (state.modifiersData.popperOffsets != null) {
-    state.styles.popper = _extends({}, state.styles.popper, mapToStyles(_extends({}, commonStyles, {
+    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
       offsets: state.modifiersData.popperOffsets,
       position: state.options.strategy,
       adaptive: adaptive,
@@ -24822,7 +24534,7 @@ function computeStyles(_ref4) {
   }
 
   if (state.modifiersData.arrow != null) {
-    state.styles.arrow = _extends({}, state.styles.arrow, mapToStyles(_extends({}, commonStyles, {
+    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
       offsets: state.modifiersData.arrow,
       position: 'absolute',
       adaptive: false,
@@ -24830,7 +24542,7 @@ function computeStyles(_ref4) {
     })));
   }
 
-  state.attributes.popper = _extends({}, state.attributes.popper, {
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
     'data-popper-placement': state.placement
   });
 } // eslint-disable-next-line import/no-unused-modules
@@ -24842,7 +24554,9 @@ var computeStyles$1 = {
   phase: 'beforeWrite',
   fn: computeStyles,
   data: {}
-}; // and applies them to the HTMLElements such as popper and arrow
+};
+
+// and applies them to the HTMLElements such as popper and arrow
 
 function applyStyles(_ref) {
   var state = _ref.state;
@@ -24858,8 +24572,7 @@ function applyStyles(_ref) {
     // $FlowFixMe[cannot-write]
 
 
-    _extends(element.style, style);
-
+    Object.assign(element.style, style);
     Object.keys(attributes).forEach(function (name) {
       var value = attributes[name];
 
@@ -24886,13 +24599,11 @@ function effect$1(_ref2) {
     },
     reference: {}
   };
-
-  _extends(state.elements.popper.style, initialStyles.popper);
-
+  Object.assign(state.elements.popper.style, initialStyles.popper);
   state.styles = initialStyles;
 
   if (state.elements.arrow) {
-    _extends(state.elements.arrow.style, initialStyles.arrow);
+    Object.assign(state.elements.arrow.style, initialStyles.arrow);
   }
 
   return function () {
@@ -24910,8 +24621,7 @@ function effect$1(_ref2) {
         return;
       }
 
-      _extends(element.style, style);
-
+      Object.assign(element.style, style);
       Object.keys(attributes).forEach(function (attribute) {
         element.removeAttribute(attribute);
       });
@@ -24928,16 +24638,17 @@ var applyStyles$1 = {
   effect: effect$1,
   requires: ['computeStyles']
 };
-var esm_defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
+
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
 var esm_createPopper = /*#__PURE__*/popperGenerator({
-  defaultModifiers: esm_defaultModifiers
+  defaultModifiers: defaultModifiers
 }); // eslint-disable-next-line import/no-unused-modules
 
 function distanceAndSkiddingToXY(placement, rects, offset) {
   var basePlacement = getBasePlacement(placement);
   var invertDistance = [esm_left, esm_top].indexOf(basePlacement) >= 0 ? -1 : 1;
 
-  var _ref = typeof offset === 'function' ? offset(_extends({}, rects, {
+  var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
     placement: placement
   })) : offset,
       skidding = _ref[0],
@@ -24985,6 +24696,8 @@ var offset$1 = {
   fn: esm_offset
 };
 
+
+
 // CONCATENATED MODULE: ./es/popover/index.js
 
 
@@ -28516,6 +28229,10 @@ var timeline_defaultData = function defaultData() {
     enableSingleFold: {
       type: Boolean,
       default: true
+    },
+    showFold: {
+      type: Boolean,
+      default: true
     }
   },
   data: function data() {
@@ -28703,8 +28420,12 @@ var timeline_defaultData = function defaultData() {
     }, [h("div", {
       "class": timeline_bem("bar")
     }), h("div", {
-      "class": timeline_bem("title")
+      "class": timeline_bem("main-title")
     }, [this.title])]), h("div", {
+      "directives": [{
+        name: "show",
+        value: this.showFold
+      }],
       "class": timeline_bem("top-right")
     }, [h("span", {
       "class": timeline_bem("fold-text")
@@ -29424,7 +29145,7 @@ var uploader_createNamespace = Object(utils["b" /* createNamespace */])('uploade
 
 
 
-var version = '2.0.39';
+var version = '2.0.41';
 
 function install(Vue) {
   var components = [action_sheet, es_area, avatar, back_top, badge, es_button, calendar, cascader, cell, cell_group, es_checkbox, checkbox_group, col, collapse, collapse_item, count_down, datetime_picker, dialog, divider, dropdown_item, dropdown_menu, empty, es_field, fold_dialog, es_form, grid, grid_item, hierarchy_select, es_icon, es_image, image_preview, index_anchor, index_bar, es_info, lazyload, es_list, es_loading, locale["a" /* default */], media_picker, media_player, multiple_picker, nav_bar, notice_bar, number_keyboard, es_overlay, password_input, es_picker, popover, popup, pull_refresh, es_radio, radio_group, rate, row, search, signature, skeleton, slider, es_step, stepper, es_steps, es_sticky, swipe, swipe_cell, swipe_item, es_switch, switch_cell, tab, tabbar, tabbar_item, table, tabs, es_tag, timeline, es_toast, uploader];