@visactor/vrender-components 1.0.43 → 1.0.45

package/dist/index.es.js

@@ -499,20 +499,14 @@ class ContributionProviderCache {
   }
 }
 function bindContributionProvider(bind, id) {
-  bind(ContributionProvider).toDynamicValue(_ref => {
-    let {
-      container: container
-    } = _ref;
-    return new ContributionProviderCache(id, container);
-  }).inSingletonScope().whenTargetNamed(id);
+  bind(ContributionProvider).toDynamicValue(({
+    container: container
+  }) => new ContributionProviderCache(id, container)).inSingletonScope().whenTargetNamed(id);
 }
 function bindContributionProviderNoSingletonScope(bind, id) {
-  bind(ContributionProvider).toDynamicValue(_ref2 => {
-    let {
-      container: container
-    } = _ref2;
-    return new ContributionProviderCache(id, container);
-  }).whenTargetNamed(id);
+  bind(ContributionProvider).toDynamicValue(({
+    container: container
+  }) => new ContributionProviderCache(id, container)).whenTargetNamed(id);
 }
 class ContributionStore {
   static getStore(id) {
@@ -582,10 +576,7 @@ class Hook {
 }
 
 class SyncHook extends Hook {
-  call() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  call(...args) {
     this.taps.map(t => t.fn).forEach(cb => cb(...args));
   }
 }
@@ -900,16 +891,13 @@ let DefaultGlobal = class extends EventListenerManager {
   updateDom(dom, params) {
     return this._env || this.setEnv("browser"), this.envContribution.updateDom(dom, params);
   }
-  getElementTop(dom) {
-    let baseWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  getElementTop(dom, baseWindow = !1) {
     return this._env || this.setEnv("browser"), this.envContribution.getElementTop(dom, baseWindow);
   }
-  getElementLeft(dom) {
-    let baseWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  getElementLeft(dom, baseWindow = !1) {
     return this._env || this.setEnv("browser"), this.envContribution.getElementLeft(dom, baseWindow);
   }
-  getElementTopLeft(dom) {
-    let baseWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  getElementTopLeft(dom, baseWindow = !1) {
     return this._env || this.setEnv("browser"), this.envContribution.getElementTopLeft(dom, baseWindow);
   }
   isMacOS() {
@@ -994,7 +982,7 @@ class BoundsContext {
   clear() {
     this.bounds.clear();
   }
-  release() {}
+  release(...params) {}
 }
 
 class CurvePath {
@@ -1169,8 +1157,7 @@ function drawArc(context, x, y, coords) {
     context.bezierCurveTo(bez[0], bez[1], bez[2], bez[3], bez[4], bez[5]);
   }
 }
-const addArcToBezierPath = function (bezierPath, startAngle, endAngle, cx, cy, rx, ry) {
-  let counterclockwise = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : !1;
+const addArcToBezierPath = (bezierPath, startAngle, endAngle, cx, cy, rx, ry, counterclockwise = !1) => {
   const PI2 = 2 * Math.PI,
     sAngle = (startAngle % PI2 + PI2) % PI2;
   let deltaAngle,
@@ -1198,12 +1185,7 @@ const addArcToBezierPath = function (bezierPath, startAngle, endAngle, cx, cy, r
 };
 
 const commandFuncs = [(command, context, x, y, sx, sy, z) => context.arc(command[1] * sx + x, command[2] * sy + y, command[3] * (sx + sy) / 2, command[4], command[5], command[6], z), (command, context, x, y, sx, sy, z) => context.arcTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * (sx + sy) / 2, z), (command, context, x, y, sx, sy, z) => context.bezierCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * sx + x, command[6] * sy + y, z), (command, context, x, y) => context.closePath(), (command, context, x, y, sx, sy) => context.ellipse(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, command[5], command[6], command[7], command[8]), (command, context, x, y, sx, sy, z) => context.lineTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.moveTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.quadraticCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, z), (command, context, x, y, sx, sy, z) => context.rect(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, z)];
-function renderCommandList(commandList, context) {
-  let x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  let y = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  let sx = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  let sy = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
-  let z = arguments.length > 6 ? arguments[6] : undefined;
+function renderCommandList(commandList, context, x = 0, y = 0, sx = 1, sy = 1, z) {
   for (let i = 0; i < commandList.length; i++) {
     const command = commandList[i];
     commandFuncs[command[0]](command, context, x, y, sx, sy, z);
@@ -1444,7 +1426,7 @@ class ReflectSegContext extends SegContext {
   }
 }
 
-function genCurveSegments(path, points) {
+function genCurveSegments(path, points, step = 1) {
   let defined0 = !1;
   for (let i = 0, n = points.length; i <= n; i++) i >= n === defined0 && ((defined0 = !defined0) ? path.lineStart() : path.lineEnd()), defined0 && path.point(points[i]);
 }
@@ -1487,8 +1469,7 @@ class Linear {
     return this.context.tryUpdateLength();
   }
 }
-function genLinearSegments(points) {
-  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function genLinearSegments(points, params = {}) {
   const {
     direction: direction,
     startPoint: startPoint
@@ -1498,7 +1479,7 @@ function genLinearSegments(points) {
   return genLinearTypeSegments(new Linear(segContext, startPoint), points), segContext;
 }
 function genLinearTypeSegments(path, points) {
-  return genCurveSegments(path, points);
+  return genCurveSegments(path, points, 1);
 }
 
 function point$3(curveClass, x, y, defined, p) {
@@ -1541,10 +1522,9 @@ class Basis {
   }
 }
 function genBasisTypeSegments(path, points) {
-  return genCurveSegments(path, points);
+  return genCurveSegments(path, points, 2);
 }
-function genBasisSegments(points) {
-  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function genBasisSegments(points, params = {}) {
   const {
     direction: direction,
     startPoint: startPoint
@@ -1637,10 +1617,9 @@ class MonotoneY extends MonotoneX {
   }
 }
 function genMonotoneXTypeSegments(path, points) {
-  return genCurveSegments(path, points);
+  return genCurveSegments(path, points, 2);
 }
-function genMonotoneXSegments(points) {
-  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function genMonotoneXSegments(points, params = {}) {
   const {
     direction: direction,
     startPoint: startPoint
@@ -1651,10 +1630,9 @@ function genMonotoneXSegments(points) {
   return genMonotoneXTypeSegments(new MonotoneX(segContext, startPoint), points), segContext;
 }
 function genMonotoneYTypeSegments(path, points) {
-  return genCurveSegments(path, points);
+  return genCurveSegments(path, points, 2);
 }
-function genMonotoneYSegments(points) {
-  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function genMonotoneYSegments(points, params = {}) {
   const {
     direction: direction,
     startPoint: startPoint
@@ -1666,9 +1644,7 @@ function genMonotoneYSegments(points) {
 }
 
 let Step$1 = class Step {
-  constructor(context) {
-    let t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
-    let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+  constructor(context, t = .5, startPoint) {
     this.context = context, this._t = t, this.startPoint = startPoint;
   }
   areaStart() {
@@ -1709,8 +1685,7 @@ class StepClosed extends Step$1 {
     this.context.closePath();
   }
 }
-function genStepSegments(points, t) {
-  let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+function genStepSegments(points, t, params = {}) {
   const {
     direction: direction,
     startPoint: startPoint
@@ -1720,10 +1695,9 @@ function genStepSegments(points, t) {
   return genStepTypeSegments(new Step$1(segContext, t, startPoint), points), segContext;
 }
 function genStepTypeSegments(path, points) {
-  return genCurveSegments(path, points);
+  return genCurveSegments(path, points, 1);
 }
-function genStepClosedSegments(points, t) {
-  let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+function genStepClosedSegments(points, t, params = {}) {
   const {
     direction: direction,
     startPoint: startPoint
@@ -1738,8 +1712,7 @@ class LinearClosed extends Linear {
     this.context.closePath();
   }
 }
-function genLinearClosedSegments(points) {
-  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function genLinearClosedSegments(points, params = {}) {
   const {
     direction: direction,
     startPoint: startPoint
@@ -1749,7 +1722,7 @@ function genLinearClosedSegments(points) {
   return genLinearClosedTypeSegments(new LinearClosed(segContext, startPoint), points), segContext;
 }
 function genLinearClosedTypeSegments(path, points) {
-  return genCurveSegments(path, points);
+  return genCurveSegments(path, points, 1);
 }
 
 function point$1(curveClass, x, y, defined, p) {
@@ -1770,9 +1743,7 @@ function point$1(curveClass, x, y, defined, p) {
   curveClass.context.bezierCurveTo(x1, y1, x2, y2, curveClass._x2, curveClass._y2, defined, curveClass.lastPoint1);
 }
 class CatmullRom {
-  constructor(context) {
-    let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
-    let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+  constructor(context, alpha = .5, startPoint) {
     this.context = context, this.startPoint = startPoint, this._alpha = alpha;
   }
   areaStart() {
@@ -1826,8 +1797,7 @@ class CatmullRom {
   }
 }
 function commonGenCatmullRomSegments(type, cons) {
-  return function (points, alpha) {
-    let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return function (points, alpha, params = {}) {
     const {
       direction: direction,
       startPoint: startPoint
@@ -1836,15 +1806,13 @@ function commonGenCatmullRomSegments(type, cons) {
     if (points.length < 3 - Number(!!startPoint)) return genLinearSegments(points, params);
     const segContext = genSegContext(type, direction, points),
       gatmullRom = new cons(segContext, alpha, startPoint);
-    return genCurveSegments(gatmullRom, points), segContext;
+    return genCurveSegments(gatmullRom, points, 2), segContext;
   };
 }
 const genCatmullRomSegments = commonGenCatmullRomSegments("catmullRom", CatmullRom);
 
 class CatmullRomClosed {
-  constructor(context) {
-    let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
-    let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+  constructor(context, alpha = .5, startPoint) {
     this.context = context, this.startPoint = startPoint, this._alpha = alpha;
   }
   areaStart() {
@@ -2154,11 +2122,7 @@ class CustomPath2D extends CurvePath {
     cmd[1] = cmd[1] * sx + x, cmd[2] = cmd[2] * sy + y, cmd[3] = cmd[3] * (sx + sy) / 2;
   }
   closePathTransform() {}
-  _runCommandStrList(commandStrList) {
-    let l = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let t = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    let sX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-    let sY = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+  _runCommandStrList(commandStrList, l = 0, t = 0, sX = 1, sY = 1) {
     let current,
       tempX,
       tempY,
@@ -2232,11 +2196,7 @@ class CustomPath2D extends CurvePath {
       previous = current;
     }
   }
-  _runCommandList(commandList) {
-    let l = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let t = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    let sX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
-    let sY = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
+  _runCommandList(commandList, l = 0, t = 0, sX = 1, sY = 1) {
     if (0 !== l || 0 !== t || 1 !== sX || 1 !== sY) for (let i = 0, len = commandList.length; i < len; ++i) {
       const current = commandList[i].slice();
       switch (current[0]) {
@@ -2448,6 +2408,7 @@ const DefaultStyle = Object.assign(Object.assign(Object.assign(Object.assign({
   backgroundScale: 1,
   backgroundOffsetX: 0,
   backgroundOffsetY: 0,
+  backgroundPosition: "top-left",
   blur: 0,
   filter: "",
   cursor: null,
@@ -2620,11 +2581,16 @@ const DefaultRichTextAttribute = Object.assign(Object.assign(Object.assign({}, D
 const DefaultImageAttribute = Object.assign(Object.assign({
   repeatX: "no-repeat",
   repeatY: "no-repeat",
+  imageMode: void 0,
   image: "",
   width: 0,
   height: 0,
   maxWidth: 500,
-  maxHeight: 500
+  maxHeight: 500,
+  imagePosition: "top-left",
+  imageScale: 1,
+  imageOffsetX: 0,
+  imageOffsetY: 0
 }, DefaultAttribute), {
   fill: !0,
   cornerRadius: 0,
@@ -2908,9 +2874,7 @@ function getScaledStroke(context, width, dpr) {
     scaleY = Math.sign(d) * Math.sqrt(c * c + d * d);
   return scaleX + scaleY === 0 ? 0 : (strokeWidth = strokeWidth / Math.abs(scaleX + scaleY) * 2 * dpr, strokeWidth);
 }
-function createColor(context, c, params) {
-  let offsetX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  let offsetY = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+function createColor(context, c, params, offsetX = 0, offsetY = 0) {
   var _a, _b, _c, _d;
   if (!c || !0 === c) return "black";
   let result, color;
@@ -3049,8 +3013,7 @@ function getStrByWithCanvas(desc, width, character, guessIndex, needTestLetter)
   }
   return needTestLetter && (index = testLetter(desc, index)), index;
 }
-function testLetter(string, index) {
-  let negativeWrongMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+function testLetter(string, index, negativeWrongMatch = !1) {
   let i = index;
   for (; regLetter.test(string[i - 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i--, i <= 0) return negativeWrongMatch ? testLetter2(string, index) : index;
   return i;
@@ -3060,8 +3023,7 @@ function testLetter2(string, index) {
   for (; regLetter.test(string[i + 1]) && regLetter.test(string[i]) || regPunctuation.test(string[i]);) if (i++, i >= string.length) return i;
   return i + 1;
 }
-function measureTextCanvas(text, character) {
-  let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "actual";
+function measureTextCanvas(text, character, mode = "actual") {
   var _a;
   if ("" === text) return {
     ascent: 0,
@@ -3134,10 +3096,9 @@ let ATextMeasure = class {
     }
     return metrics;
   }
-  estimate(text, _ref) {
-    let {
-      fontSize = DefaultTextAttribute.fontSize
-    } = _ref;
+  estimate(text, {
+    fontSize = DefaultTextAttribute.fontSize
+  }) {
     let eCharLen = 0,
       cCharLen = 0;
     for (let i = 0; i < text.length; i++) text.charCodeAt(i) < 128 ? eCharLen++ : cCharLen++;
@@ -3448,8 +3409,7 @@ let ATextMeasure = class {
       });
     });
   }
-  clipTextWithSuffix(text, options, width, suffix, wordBreak, position) {
-    let forceSuffix = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !1;
+  clipTextWithSuffix(text, options, width, suffix, wordBreak, position, forceSuffix = !1) {
     if ("" === suffix) return this.clipText(text, options, width, wordBreak);
     if (0 === text.length) return {
       str: "",
@@ -3895,7 +3855,7 @@ class DefaultCanvasAllocate {
   get length() {
     return this.pools.length;
   }
-  release() {
+  release(...params) {
     this.pools = [];
   }
 }
@@ -4095,8 +4055,7 @@ let DefaultGraphicUtil = class {
   bindTextMeasure(tm) {
     this._textMeasure && "DefaultTextMeasureContribution" !== tm.id || (this._textMeasure = tm), this._textMeasureMap.has(tm.id) || this._textMeasureMap.set(tm.id, tm);
   }
-  measureText(text, tc) {
-    let method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "native";
+  measureText(text, tc, method = "native") {
     var _a;
     this.configure(this.global, this.global.env);
     const m = this.global.measureTextMethod;
@@ -4279,8 +4238,7 @@ class Theme {
     for (; group.parent;) if ((group = group.parent).theme) return group;
     return null;
   }
-  applyTheme(group, pt) {
-    let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+  applyTheme(group, pt, force = !1) {
     if (this.dirty) {
       const parentGroup = this.getParentWithTheme(group);
       if (parentGroup) {
@@ -4379,8 +4337,7 @@ class Node extends EventEmitter {
   constructor() {
     super(), this._uid = Generator.GenAutoIncrementId(), this._firstChild = null, this._lastChild = null, this.parent = null, this._count = 1;
   }
-  forEachChildren(cb) {
-    let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  forEachChildren(cb, reverse = !1) {
     if (reverse) {
       let child = this._lastChild,
         i = 0;
@@ -4397,8 +4354,7 @@ class Node extends EventEmitter {
       }
     }
   }
-  forEachChildrenAsync(cb) {
-    let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  forEachChildrenAsync(cb, reverse = !1) {
     return __awaiter$3(this, void 0, void 0, function* () {
       if (reverse) {
         let child = this._lastChild,
@@ -4422,13 +4378,12 @@ class Node extends EventEmitter {
   forEach(cb) {
     return this.forEachChildren(cb);
   }
-  appendChild(node) {
-    let highPerformance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+  appendChild(node, highPerformance = !0) {
     if (this._uid === node._uid) return null;
     if (!highPerformance && node.isAncestorsOf(this)) throw new Error("【Node::appendChild】不能将父辈元素append为子元素");
     return node.parent && node.parent.removeChild(node), node.parent = this, this._lastChild ? (this._lastChild._next = node, node._prev = this._lastChild, this._lastChild = node) : (this._firstChild = this._lastChild = node, node._prev = node._next = null), this._idMap || (this._idMap = new Map()), this._idMap.set(node._uid, node), this.setCount(node.count), this._structEdit = !0, node;
   }
-  appendChildArrHighPerformance(nodes) {
+  appendChildArrHighPerformance(nodes, replace = !1) {
     return console.error("暂不支持该函数"), nodes;
   }
   insertBefore(newNode, referenceNode) {
@@ -4496,8 +4451,7 @@ class Node extends EventEmitter {
   replaceChild(newChild, oldChild) {
     throw new Error("暂不支持");
   }
-  find(callback) {
-    let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  find(callback, deep = !1) {
     let target = null;
     return this.forEachChildren((node, index) => !(node === this || !callback(node, index)) && (target = node, !0)), deep && this.forEachChildren(child => {
       if (child.isContainer) {
@@ -4507,8 +4461,7 @@ class Node extends EventEmitter {
       return !1;
     }), target;
   }
-  findAll(callback) {
-    let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  findAll(callback, deep = !1) {
     let nodes = [];
     return this.forEachChildren((node, index) => {
       node !== this && callback(node, index) && nodes.push(node);
@@ -4537,8 +4490,7 @@ class Node extends EventEmitter {
   getElementsByType(type) {
     return this.findAll(node => node.type === type, !0);
   }
-  getChildByName(name) {
-    let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  getChildByName(name, deep = !1) {
     return this.find(node => node.name === name, deep);
   }
   getChildAt(idx) {
@@ -4657,10 +4609,7 @@ class Node extends EventEmitter {
   removeAllListeners() {
     return this.removeAllEventListeners();
   }
-  dispatchEvent(event) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
+  dispatchEvent(event, ...args) {
     return super.emit(event.type, event, ...args), !event.defaultPrevented;
   }
   emit(event, data) {
@@ -5055,8 +5004,7 @@ class SquareSymbol extends BaseSymbol {
 }
 var square$1 = new SquareSymbol();
 
-function trianglUpOffset(ctx, r, x, y) {
-  let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+function trianglUpOffset(ctx, r, x, y, offset = 0) {
   return ctx.moveTo(x + r + 2 * offset, r + y + offset), ctx.lineTo(x - r - 2 * offset, r + y + offset), ctx.lineTo(x, y - r - 2 * offset), ctx.closePath(), !0;
 }
 class TriangleUpSymbol extends BaseSymbol {
@@ -5202,8 +5150,7 @@ class TriangleLeftSymbol extends BaseSymbol {
 }
 var triangleLeft = new TriangleLeftSymbol();
 
-function trianglRightOffset(ctx, r, x, y) {
-  let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+function trianglRightOffset(ctx, r, x, y, offset = 0) {
   return ctx.moveTo(x - r - offset, r + y + 2 * offset), ctx.lineTo(r + x + 2 * offset, y), ctx.lineTo(x - r - offset, y - r - 2 * offset), ctx.closePath(), !0;
 }
 class TriangleRightSymbol extends BaseSymbol {
@@ -5219,8 +5166,7 @@ class TriangleRightSymbol extends BaseSymbol {
 }
 var triangleRight = new TriangleRightSymbol();
 
-function trianglDownOffset(ctx, r, x, y) {
-  let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+function trianglDownOffset(ctx, r, x, y, offset = 0) {
   return ctx.moveTo(x - r - 2 * offset, y - r - offset), ctx.lineTo(x + r + 2 * offset, y - r - offset), ctx.lineTo(x, y + r + 2 * offset), ctx.closePath(), !0;
 }
 class TriangleDownSymbol extends BaseSymbol {
@@ -5437,8 +5383,7 @@ var rect = new RectSymbol();
 
 const tempBounds = new AABBBounds();
 class CustomSymbolClass {
-  constructor(type, path) {
-    let isSvg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+  constructor(type, path, isSvg = !1) {
     this.pathStr = "", this.type = type, isArray(path) ? this.svgCache = path : this.path = path, this.isSvg = isSvg;
   }
   drawOffset(ctx, size, x, y, offset, z, cb) {
@@ -5460,10 +5405,9 @@ class CustomSymbolClass {
   bounds(size, bounds) {
     if (size = this.parseSize(size), this.isSvg) {
       if (!this.svgCache) return;
-      return bounds.clear(), void this.svgCache.forEach(_ref => {
-        let {
-          path: path
-        } = _ref;
+      return bounds.clear(), void this.svgCache.forEach(({
+        path: path
+      }) => {
         tempBounds.x1 = path.bounds.x1 * size, tempBounds.y1 = path.bounds.y1 * size, tempBounds.x2 = path.bounds.x2 * size, tempBounds.y2 = path.bounds.y2 * size, bounds.union(tempBounds);
       });
     }
@@ -5519,8 +5463,7 @@ function findClosingIndex(xmlData, str, i, errMsg) {
   if (-1 === closingIndex) throw new Error(errMsg);
   return closingIndex + str.length - 1;
 }
-function tagExpWithClosingIndex(xmlData, i) {
-  let closingChar = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ">";
+function tagExpWithClosingIndex(xmlData, i, closingChar = ">") {
   let attrBoundary,
     tagExp = "";
   for (let index = i; index < xmlData.length; index++) {
@@ -5538,8 +5481,7 @@ function tagExpWithClosingIndex(xmlData, i) {
     tagExp += ch;
   }
 }
-function readTagExp(xmlData, i, removeNSPrefix) {
-  let closingChar = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ">";
+function readTagExp(xmlData, i, removeNSPrefix, closingChar = ">") {
   const result = tagExpWithClosingIndex(xmlData, i + 1, closingChar);
   if (!result) return;
   let tagExp = result.data;
@@ -5701,8 +5643,7 @@ undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator)
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-function boundStroke(bounds, halfW, miter) {
-  let pad = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+function boundStroke(bounds, halfW, miter, pad = 0) {
   return bounds.expand(halfW + (pad / 2 + (miter ? miterAdjustment(miter, halfW) : 0))), bounds;
 }
 function miterAdjustment(miter, strokeWidth) {
@@ -5887,7 +5828,7 @@ class DefaultMatrixAllocate {
   get length() {
     return this.pools.length;
   }
-  release() {
+  release(...params) {
     this.pools = [];
   }
 }
@@ -5915,7 +5856,7 @@ class DefaultMat4Allocate {
   get length() {
     return this.pools.length;
   }
-  release() {
+  release(...params) {
     this.pools = [];
   }
 }
@@ -5950,8 +5891,7 @@ let EmptyContext2d = class {
   getContext() {
     throw new Error("不支持getContext");
   }
-  setTransformForCurrent() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  setTransformForCurrent(force = !1) {
     !force && this.applyedMatrix.equalToMatrix(this.matrix) || (this.applyedMatrix = this.cloneMatrix(this.matrix));
   }
   get currentMatrix() {
@@ -5972,8 +5912,7 @@ let EmptyContext2d = class {
   highPerformanceRestore() {
     this.stack.length > 0 && (matrixAllocate.free(this.matrix), this.matrix = this.stack.pop());
   }
-  rotate(rad) {
-    let setTransform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+  rotate(rad, setTransform = !0) {
     this.matrix.rotate(rad), setTransform && this.setTransformForCurrent();
   }
   save() {
@@ -5984,55 +5923,41 @@ let EmptyContext2d = class {
     const matrix = this.cloneMatrix(this.matrix);
     this.stack.push(matrix);
   }
-  scale(sx, sy) {
-    let setTransform = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
+  scale(sx, sy, setTransform = !0) {
     this.matrix.scale(sx, sy), setTransform && this.setTransformForCurrent();
   }
-  setScale(sx, sy) {
-    let setTransform = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
+  setScale(sx, sy, setTransform = !0) {
     this.matrix.setScale(sx, sy), setTransform && this.setTransformForCurrent();
   }
-  scalePoint(sx, sy, px, py) {
-    let setTransform = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !0;
+  scalePoint(sx, sy, px, py, setTransform = !0) {
     this.translate(px, py, !1), this.scale(sx, sy, !1), this.translate(-px, -py, !1), setTransform && this.setTransformForCurrent();
   }
-  setTransform(a, b, c, d, e, f) {
-    let setTransform = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !0;
-    let dpr = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : this.dpr;
+  setTransform(a, b, c, d, e, f, setTransform = !0, dpr = this.dpr) {
     this.matrix.setValue(dpr * a, dpr * b, dpr * c, dpr * d, dpr * e, dpr * f), setTransform && this.setTransformForCurrent();
   }
-  setTransformFromMatrix(matrix) {
-    let setTransform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-    let dpr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.dpr;
+  setTransformFromMatrix(matrix, setTransform = !0, dpr = this.dpr) {
     this.matrix.setValue(matrix.a * dpr, matrix.b * dpr, matrix.c * dpr, matrix.d * dpr, matrix.e * dpr, matrix.f * dpr), setTransform && this.setTransformForCurrent();
   }
-  resetTransform() {
-    let setTransform = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
-    let dpr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.dpr;
+  resetTransform(setTransform = !0, dpr = this.dpr) {
     this.setTransform(dpr, 0, 0, dpr, 0, 0), setTransform && this.setTransformForCurrent();
   }
-  transform(a, b, c, d, e, f) {
-    let setTransform = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !0;
+  transform(a, b, c, d, e, f, setTransform = !0) {
     this.matrix.multiply(a, b, c, d, e, f), setTransform && this.setTransformForCurrent();
   }
   transformFromMatrix(matrix, setTransform) {
     this.matrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), setTransform && this.setTransformForCurrent();
   }
-  translate(x, y) {
-    let setTransform = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
+  translate(x, y, setTransform = !0) {
     this.matrix.translate(x, y), setTransform && this.setTransformForCurrent();
   }
-  rotateDegrees(deg) {
-    let setTransform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+  rotateDegrees(deg, setTransform = !0) {
     const rad = deg * Math.PI / 180;
     this.rotate(rad, setTransform);
   }
-  rotateAbout(rad, x, y) {
-    let setTransform = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !0;
+  rotateAbout(rad, x, y, setTransform = !0) {
     this.translate(x, y, !1), this.rotate(rad, !1), this.translate(-x, -y, !1), setTransform && this.setTransformForCurrent();
   }
-  rotateDegreesAbout(deg, x, y) {
-    let setTransform = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !0;
+  rotateDegreesAbout(deg, x, y, setTransform = !0) {
     this.translate(x, y, !1), this.rotateDegrees(deg, !1), this.translate(-x, -y, !1), setTransform && this.setTransformForCurrent();
   }
   beginPath() {
@@ -6126,19 +6051,16 @@ let EmptyContext2d = class {
   setTextStyleWithoutAlignBaseline(params, defaultParams) {}
   setTextStyle(params, defaultParams) {}
   draw() {}
-  clearMatrix() {
-    let setTransform = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
-    let dpr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.dpr;
+  clearMatrix(setTransform = !0, dpr = this.dpr) {
     this.setTransformFromMatrix(initMatrix, setTransform, dpr);
   }
   setClearMatrix(a, b, c, d, e, f) {
     this._clearMatrix.setValue(a, b, c, d, e, f);
   }
-  onlyTranslate() {
-    let dpr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.dpr;
+  onlyTranslate(dpr = this.dpr) {
     return this.matrix.a === dpr && 0 === this.matrix.b && 0 === this.matrix.c && this.matrix.d === dpr;
   }
-  release() {
+  release(...params) {
     this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
   }
 };
@@ -6149,9 +6071,7 @@ var ColorType;
   ColorType[ColorType.Color255 = 0] = "Color255", ColorType[ColorType.Color1 = 1] = "Color1";
 }(ColorType || (ColorType = {}));
 class ColorStore {
-  static Get(str) {
-    let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ColorType.Color1;
-    let arr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [0, 0, 0, 1];
+  static Get(str, size = ColorType.Color1, arr = [0, 0, 0, 1]) {
     if (size === ColorType.Color1) {
       const color = ColorStore.store1[str];
       if (color) return arr[0] = color[0], arr[1] = color[1], arr[2] = color[2], arr[3] = color[3], arr;
@@ -6179,8 +6099,7 @@ class ColorStore {
 }
 ColorStore.store255 = {}, ColorStore.store1 = {};
 
-function colorArrayToString(color) {
-  let alphaChannel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+function colorArrayToString(color, alphaChannel = !1) {
   return Array.isArray(color) && isNumber(color[0]) ? alphaChannel ? `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])},${color[3].toFixed(2)})` : `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])})` : color;
 }
 function interpolateColor(from, to, ratio, alphaChannel, cb) {
@@ -6364,8 +6283,7 @@ class Graphic extends Node {
   get globalTransMatrix() {
     return this.tryUpdateGlobalTransMatrix(!0);
   }
-  constructor() {
-    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(params = {}) {
     var _a;
     super(), this._AABBBounds = new AABBBounds(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), this.updateAABBBoundsStamp = 0, params.background ? this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
   }
@@ -6385,8 +6303,7 @@ class Graphic extends Node {
   set2dMode() {
     this.in3dMode = !1;
   }
-  getOffsetXY(attr) {
-    let includeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  getOffsetXY(attr, includeScroll = !1) {
     var _a, _b;
     const {
       dx = attr.dx,
@@ -6497,7 +6414,7 @@ class Graphic extends Node {
     const b = this.AABBBounds;
     return this._globalAABBBounds ? this._globalAABBBounds.setValue(b.x1, b.y1, b.x2, b.y2) : this._globalAABBBounds = b.clone(), this._globalAABBBounds.empty() || this.parent && this._globalAABBBounds.transformWithMatrix(this.parent.globalTransMatrix), this._globalAABBBounds;
   }
-  tryUpdateGlobalTransMatrix() {
+  tryUpdateGlobalTransMatrix(clearTag = !0) {
     if (this._globalTransMatrix) {
       if (this.parent) {
         const m = this.parent.globalTransMatrix;
@@ -6509,8 +6426,7 @@ class Graphic extends Node {
   shouldUpdateGlobalMatrix() {
     return !0;
   }
-  tryUpdateLocalTransMatrix() {
-    let clearTag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+  tryUpdateLocalTransMatrix(clearTag = !0) {
     return this._transMatrix || (this._transMatrix = new Matrix()), this.shouldUpdateLocalMatrix() && (this.doUpdateLocalMatrix(), clearTag && this.clearUpdateLocalPositionTag()), this._transMatrix;
   }
   shouldUpdateAABBBounds() {
@@ -6550,24 +6466,17 @@ class Graphic extends Node {
   setWidthHeightWithoutTransform(aabbBounds) {
     this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
   }
-  setAttributesAndPreventAnimate(params) {
-    let forceUpdateTag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-    let context = arguments.length > 2 ? arguments[2] : undefined;
-    let ignorePriority = arguments.length > 3 ? arguments[3] : undefined;
+  setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context, ignorePriority) {
     this.setAttributes(params, forceUpdateTag, context), this.animates && this.animates.forEach(animate => {
       (animate.priority !== 1 / 0 || ignorePriority) && Object.keys(params).forEach(key => {
         animate.preventAttr(key);
       });
     });
   }
-  setAttributes(params) {
-    let forceUpdateTag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-    let context = arguments.length > 2 ? arguments[2] : undefined;
+  setAttributes(params, forceUpdateTag = !1, context) {
     params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
   }
-  _setAttributes(params) {
-    let forceUpdateTag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-    let context = arguments.length > 2 ? arguments[2] : undefined;
+  _setAttributes(params, forceUpdateTag = !1, context) {
     const keys = Object.keys(params);
     for (let i = 0; i < keys.length; i++) {
       const key = keys[i];
@@ -6582,16 +6491,14 @@ class Graphic extends Node {
     }, this.attribute, key, context);
     params ? this._setAttributes(params, forceUpdateTag, context) : isNil(null === (_a = this.normalAttrs) || void 0 === _a ? void 0 : _a[key]) ? (this.attribute[key] = value, this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.addUpdateLayoutTag(), this.onAttributeUpdate(context)) : this.normalAttrs[key] = value, "background" === key ? this.loadImage(value, !0) : "shadowGraphic" === key && this.setShadowGraphic(value);
   }
-  needUpdateTags(keys) {
-    let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GRAPHIC_UPDATE_TAG_KEY;
+  needUpdateTags(keys, k = GRAPHIC_UPDATE_TAG_KEY) {
     for (let i = 0; i < k.length; i++) {
       const attrKey = k[i];
       if (-1 !== keys.indexOf(attrKey)) return !0;
     }
     return !1;
   }
-  needUpdateTag(key) {
-    let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GRAPHIC_UPDATE_TAG_KEY;
+  needUpdateTag(key, k = GRAPHIC_UPDATE_TAG_KEY) {
     for (let i = 0; i < k.length; i++) {
       if (key === k[i]) return !0;
     }
@@ -6747,8 +6654,7 @@ class Graphic extends Node {
       newNormalAttrs[key] = this.getNormalAttribute(key);
     }), this.normalAttrs = newNormalAttrs;
   }
-  stopStateAnimates() {
-    let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "end";
+  stopStateAnimates(type = "end") {
     this.animates && this.animates.forEach(animate => {
       animate.stateNames && (animate.stop(type), this.animates.delete(animate.id));
     });
@@ -6913,8 +6819,7 @@ class Graphic extends Node {
     var _a;
     return null !== (_a = this.attribute[name]) && void 0 !== _a ? _a : this.getDefaultAttribute(name);
   }
-  onSetStage(cb) {
-    let immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  onSetStage(cb, immediate = !1) {
     this._onSetStage = cb, immediate && this.stage && cb(this, this.stage);
   }
   attachShadow(shadowRoot) {
@@ -6935,9 +6840,9 @@ class Graphic extends Node {
   createPathProxy(path) {
     return isString(path, !0) ? this.pathProxy = new CustomPath2D().fromString(path) : this.pathProxy = new CustomPath2D(), this.pathProxy;
   }
-  loadImage(image) {
-    let background = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-    if (!image || background && backgroundNotImage(image)) return;
+  loadImage(image, background = !1) {
+    if (background && (null == image ? void 0 : image.background) && (image = image.background), background && (!image || backgroundNotImage(image))) return void (this.backgroundImg = !1);
+    if (!image) return;
     const url = image;
     this.resources || (this.resources = new Map());
     const cache = {
@@ -6966,8 +6871,7 @@ class Graphic extends Node {
       animate.stop();
     });
   }
-  stopAnimates() {
-    let stopChildren = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  stopAnimates(stopChildren = !1) {
     this._stopAnimates(this.animates), this.shadowRoot && this.shadowRoot.stopAnimates(!0), this.isContainer && stopChildren && this.forEachChildren(c => {
       c.stopAnimates(stopChildren);
     });
@@ -6993,7 +6897,7 @@ class Graphic extends Node {
   }
 }
 function backgroundNotImage(image) {
-  return !(!image.fill && !image.stroke);
+  return "string" == typeof image ? !(image.startsWith("<svg") || isValidUrl(image) || image.includes("/") || isBase64(image)) : !(!image.fill && !image.stroke) || !("string" != typeof image.gradient || !Array.isArray(image.stops));
 }
 Graphic.userSymbolMap = {}, Graphic.mixin(EventTarget);
 
@@ -7115,8 +7019,7 @@ class Group extends Graphic {
   _updateChildToStage(child) {
     return this.stage && child && child.setStage(this.stage, this.layer), this.addUpdateBoundTag(), child;
   }
-  appendChild(node) {
-    let addStage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+  appendChild(node, addStage = !0) {
     const data = super.appendChild(node);
     return addStage && this.stage && data && data.setStage(this.stage, this.layer), this.addUpdateBoundTag(), data;
   }
@@ -7133,8 +7036,7 @@ class Group extends Graphic {
     const data = super.removeChild(child);
     return this.getGraphicService().onRemove(child), child.stage = null, this.addUpdateBoundTag(), data;
   }
-  removeAllChild() {
-    let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  removeAllChild(deep = !1) {
     this.forEachChildren(child => {
       this.getGraphicService().onRemove(child), deep && child.isContainer && child.removeAllChild(deep);
     }), super.removeAllChild(), this.addUpdateBoundTag();
@@ -7154,8 +7056,7 @@ class Group extends Graphic {
       g.isContainer && g.addUpdateGlobalPositionTag();
     });
   }
-  tryUpdateGlobalTransMatrix() {
-    let clearTag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+  tryUpdateGlobalTransMatrix(clearTag = !0) {
     if (this.shouldUpdateGlobalMatrix()) {
       if (this._globalTransMatrix) {
         if (this.parent) {
@@ -7229,8 +7130,7 @@ class Layer extends Group {
       zIndex: null !== (_a = params.zIndex) && void 0 !== _a ? _a : 0
     }), this.layer = this, this.subLayers = new Map(), this.theme = new Theme(), this.background = "rgba(0, 0, 0, 0)", this.afterDrawCbs = [];
   }
-  combineSubLayer() {
-    let removeIncrementalKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+  combineSubLayer(removeIncrementalKey = !0) {
     const subLayers = Array.from(this.subLayers.values()).sort((a, b) => a.zIndex - b.zIndex);
     this.layerHandler.merge(subLayers.map(l => (l.layer.subLayers.size && l.layer.combineSubLayer(removeIncrementalKey), l.layer.getNativeHandler()))), removeIncrementalKey && subLayers.forEach(l => {
       l.group && (l.group.incremental = 0);
@@ -7339,10 +7239,9 @@ let DefaultLayerService = DefaultLayerService_1 = class {
     let layerHandler;
     return layerHandler = "static" === layerMode ? container.get(StaticLayerHandlerContribution) : "dynamic" === layerMode ? container.get(DynamicLayerHandlerContribution) : container.get(VirtualLayerHandlerContribution), layerHandler;
   }
-  createLayer(stage) {
-    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      main: !1
-    };
+  createLayer(stage, options = {
+    main: !1
+  }) {
     var _a;
     this.tryInit();
     let layerMode = this.getRecommendedLayerType(options.layerMode);
@@ -7583,8 +7482,7 @@ const InteractiveSubRenderContribution = Symbol.for("InteractiveSubRenderContrib
 function textDrawOffsetX(textAlign, width) {
   return "end" === textAlign || "right" === textAlign ? -width : "center" === textAlign ? -width / 2 : 0;
 }
-function textLayoutOffsetY(baseline, lineHeight, fontSize) {
-  let buf = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+function textLayoutOffsetY(baseline, lineHeight, fontSize, buf = 0) {
   return "middle" === baseline ? -lineHeight / 2 : "top" === baseline ? 0 : "bottom" === baseline ? buf - lineHeight : baseline && "alphabetic" !== baseline ? 0 : (fontSize || (fontSize = lineHeight), -(lineHeight - fontSize) / 2 - .79 * fontSize);
 }
 
@@ -7798,10 +7696,9 @@ const updateBoundsOfCommonOuterBorder = (attribute, theme, aabbBounds) => {
 
 const CIRCLE_UPDATE_TAG_KEY = ["radius", "startAngle", "endAngle", ...GRAPHIC_UPDATE_TAG_KEY];
 class Circle extends Graphic {
-  constructor() {
-    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      radius: 1
-    };
+  constructor(params = {
+    radius: 1
+  }) {
     super(params), this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
   }
   isValid() {
@@ -7883,10 +7780,7 @@ class CanvasTextLayout {
     } else bbox.yOffset = -bbox.height;
     return bbox;
   }
-  GetLayoutByLines(lines, textAlign, textBaseline, lineHeight) {
-    let suffix = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : "";
-    let wordBreak = arguments.length > 5 ? arguments[5] : undefined;
-    let params = arguments.length > 6 ? arguments[6] : undefined;
+  GetLayoutByLines(lines, textAlign, textBaseline, lineHeight, suffix = "", wordBreak, params) {
     const {
       lineWidth: lineWidth,
       suffixPosition = "end",
@@ -8009,11 +7903,10 @@ class Text extends Graphic {
   get isMultiLine() {
     return Array.isArray(this.attribute.text) || "normal" === this.attribute.whiteSpace;
   }
-  constructor() {
-    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      text: "",
-      fontSize: 16
-    };
+  constructor(params = {
+    text: "",
+    fontSize: 16
+  }) {
     super(params), this.type = "text", this.numberType = TEXT_NUMBER_TYPE, this.cache = {};
   }
   isValid() {
@@ -8345,12 +8238,10 @@ class Text extends Graphic {
     var _a;
     return null !== (_a = calculateLineHeight(attribute.lineHeight, attribute.fontSize || textTheme.fontSize)) && void 0 !== _a ? _a : (attribute.fontSize || textTheme.fontSize) + buf;
   }
-  needUpdateTags(keys) {
-    let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TEXT_UPDATE_TAG_KEY;
+  needUpdateTags(keys, k = TEXT_UPDATE_TAG_KEY) {
     return super.needUpdateTags(keys, k);
   }
-  needUpdateTag(key) {
-    let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TEXT_UPDATE_TAG_KEY;
+  needUpdateTag(key, k = TEXT_UPDATE_TAG_KEY) {
     return super.needUpdateTag(key, k);
   }
   _interpolate(key, ratio, lastStepVal, nextStepVal, nextAttributes) {
@@ -8553,19 +8444,15 @@ const updateBoundsOfSymbolOuterBorder = (attribute, symbolTheme, aabbBounds) =>
 
 const SYMBOL_UPDATE_TAG_KEY = ["symbolType", "size", ...GRAPHIC_UPDATE_TAG_KEY];
 let Symbol$1 = class Symbol extends Graphic {
-  constructor() {
-    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      symbolType: "circle"
-    };
+  constructor(params = {
+    symbolType: "circle"
+  }) {
     super(params), this.type = "symbol", this.numberType = SYMBOL_NUMBER_TYPE;
   }
   getParsedPath() {
     return this.shouldUpdateShape() && (this._parsedPath = this.doUpdateParsedPath(), this.clearUpdateShapeTag()), this._parsedPath;
   }
-  getParsedPath2D() {
-    let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  getParsedPath2D(x = 0, y = 0, size = 1) {
     let path = null;
     try {
       path = new Path2D();
@@ -8652,8 +8539,7 @@ function createSymbol(attributes) {
 
 const LINE_UPDATE_TAG_KEY = ["segments", "points", "curveType", "curveTension", ...GRAPHIC_UPDATE_TAG_KEY];
 let Line$1 = class Line extends Graphic {
-  constructor() {
-    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(params = {}) {
     super(params), this.type = "line", this.numberType = LINE_NUMBER_TYPE;
   }
   isValid() {
@@ -9105,7 +8991,7 @@ function seperateParagraph(paragraph, index) {
   return [new Paragraph(text1, paragraph.newLine, paragraph.character, paragraph.ascentDescentMode), new Paragraph(text2, !0, paragraph.character, paragraph.ascentDescentMode)];
 }
 
-const IMAGE_UPDATE_TAG_KEY = ["width", "height", "image", ...GRAPHIC_UPDATE_TAG_KEY];
+const IMAGE_UPDATE_TAG_KEY = ["width", "height", "image", "imageMode", "imagePosition", "imageScale", "imageOffsetX", "imageOffsetY", ...GRAPHIC_UPDATE_TAG_KEY];
 class Image extends Graphic {
   constructor(params) {
     super(params), this.type = "image", this.numberType = IMAGE_NUMBER_TYPE, this.loadImage(this.attribute.image);
@@ -9210,6 +9096,7 @@ class Image extends Graphic {
 }
 Image.NOWORK_ANIMATE_ATTR = Object.assign({
   image: 1,
+  imageMode: 1,
   repeatX: 1,
   repeatY: 1
 }, NOWORK_ANIMATE_ATTR);
@@ -9391,8 +9278,7 @@ class Wrapper {
       line = new Line(this.frame.left, this[this.directionKey.width], this.y + maxAscent, maxAscent, maxDescent, this.lineBuffer, this.direction, "horizontal" === this.direction ? this.frame.isWidthMax : this.frame.isHeightMax);
     this.frame.lines.push(line), this.frame.actualHeight += line.height, this.y += line.height, this.lineBuffer.length = 0, this.lineWidth = this.maxAscent = this.maxDescent = this.maxAscentForBlank = this.maxDescentForBlank = 0;
   }
-  deal(paragraph) {
-    let singleLine = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  deal(paragraph, singleLine = !1) {
     paragraph instanceof RichTextIcon ? "horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : 0 === this.lineBuffer.length ? (this.store(paragraph), this.send()) : (this.send(), this.deal(paragraph)) : "number" != typeof this.width || this.width < 0 || (paragraph.newLine && this.send(), (0 !== paragraph.text.length || this.newLine) && ("horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : this.lineWidth === this[this.directionKey.width] ? (this.send(), this.deal(paragraph)) : this.cut(paragraph, singleLine)));
   }
   cut(paragraph, singleLine) {
@@ -10248,11 +10134,12 @@ class DefaultBaseBackgroundRenderContribution {
       backgroundScale = graphicAttribute.backgroundScale,
       backgroundOffsetX = graphicAttribute.backgroundOffsetX,
       backgroundOffsetY = graphicAttribute.backgroundOffsetY,
-      backgroundClip = graphicAttribute.backgroundClip
+      backgroundClip = graphicAttribute.backgroundClip,
+      backgroundPosition = graphicAttribute.backgroundPosition
     } = graphic.attribute;
     if (background) if (graphic.backgroundImg && graphic.resources) {
-      const res = graphic.resources.get(background);
-      if ("success" !== res.state || !res.data) return;
+      const res = graphic.resources.get(getBackgroundImage(background));
+      if (!res || "success" !== res.state || !res.data) return;
       if (context.save(), graphic.parent && !graphic.transMatrix.onlyTranslate()) {
         const groupAttribute = getTheme(graphic.parent).group,
           {
@@ -10269,59 +10156,160 @@ class DefaultBaseBackgroundRenderContribution {
         backgroundKeepAspectRatio: backgroundKeepAspectRatio,
         backgroundScale: backgroundScale,
         backgroundOffsetX: backgroundOffsetX,
-        backgroundOffsetY: backgroundOffsetY
+        backgroundOffsetY: backgroundOffsetY,
+        backgroundPosition: backgroundPosition
       }), context.restore(), graphic.transMatrix.onlyTranslate() || context.setTransformForCurrent();
     } else context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.globalAlpha = backgroundOpacity * opacity, context.fillStyle = background, context.fill(), context.highPerformanceRestore();
   }
   doDrawImage(context, data, b, params) {
-    const {
-        backgroundMode: backgroundMode,
-        backgroundFit: backgroundFit,
-        backgroundKeepAspectRatio: backgroundKeepAspectRatio,
-        backgroundScale = 1,
-        backgroundOffsetX = 0,
-        backgroundOffsetY = 0
-      } = params,
-      targetW = b.width(),
-      targetH = b.height();
-    let w = targetW,
-      h = targetH;
-    if ("no-repeat" === backgroundMode) {
-      if (backgroundFit) {
-        if (backgroundKeepAspectRatio) {
-          const maxScale = Math.max(targetW / data.width, targetH / data.height);
-          context.drawImage(data, b.x1 + backgroundOffsetX, b.y1 + backgroundOffsetY, data.width * maxScale * backgroundScale, data.height * maxScale * backgroundScale);
-        } else context.drawImage(data, b.x1, b.y1, b.width(), b.height());
-      } else {
-        const resW = data.width * backgroundScale,
-          resH = data.height * backgroundScale;
-        context.drawImage(data, b.x1 + backgroundOffsetX, b.y1 + backgroundOffsetY, resW, resH);
-      }
-    } else {
-      if (backgroundFit && "repeat" !== backgroundMode && (data.width || data.height)) {
-        const resW = data.width,
-          resH = data.height;
-        if ("repeat-x" === backgroundMode) {
-          w = resW * (targetH / resH), h = targetH;
-        } else if ("repeat-y" === backgroundMode) {
-          h = resH * (targetW / resW), w = targetW;
-        }
-        const dpr = context.dpr,
-          canvas = canvasAllocate.allocate({
-            width: w,
-            height: h,
-            dpr: dpr
-          }),
-          ctx = canvas.getContext("2d");
-        ctx && (ctx.inuse = !0, ctx.clearMatrix(), ctx.setTransformForCurrent(!0), ctx.clearRect(0, 0, w, h), ctx.drawImage(data, 0, 0, w, h), data = canvas.nativeCanvas), canvasAllocate.free(canvas);
-      }
-      const dpr = context.dpr,
-        pattern = context.createPattern(data, backgroundMode);
-      pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0])), context.fillStyle = pattern, context.translate(b.x1, b.y1), context.fillRect(0, 0, targetW, targetH), context.translate(-b.x1, -b.y1);
-    }
+    drawBackgroundImage(context, data, b, params);
   }
 }
 const defaultBaseBackgroundRenderContribution = new DefaultBaseBackgroundRenderContribution();
+const verticalPositionKeywords = new Set(["top", "center", "bottom"]);
+function getBackgroundImage(background) {
+  var _a;
+  return null !== (_a = null == background ? void 0 : background.background) && void 0 !== _a ? _a : background;
+}
+function resolveBackgroundSizing({
+  backgroundFit: backgroundFit,
+  backgroundKeepAspectRatio: backgroundKeepAspectRatio
+}) {
+  return backgroundFit ? backgroundKeepAspectRatio ? "cover" : "fill" : "auto";
+}
+const NO_REPEAT_SIZING_MAP = {
+  "no-repeat-cover": "cover",
+  "no-repeat-contain": "contain",
+  "no-repeat-fill": "fill",
+  "no-repeat-auto": "auto"
+};
+function resolveBackgroundDrawMode({
+  backgroundMode: backgroundMode,
+  backgroundFit: backgroundFit,
+  backgroundKeepAspectRatio: backgroundKeepAspectRatio
+}) {
+  const sizing = NO_REPEAT_SIZING_MAP[backgroundMode];
+  return sizing ? {
+    backgroundRepeatMode: "no-repeat",
+    backgroundSizing: sizing
+  } : {
+    backgroundRepeatMode: backgroundMode,
+    backgroundSizing: resolveBackgroundSizing({
+      backgroundFit: backgroundFit,
+      backgroundKeepAspectRatio: backgroundKeepAspectRatio
+    })
+  };
+}
+function isPercentageValue(value) {
+  return /^-?\d+(\.\d+)?%$/.test(value);
+}
+function parsePositionToken(value, remainSpace, startKeyword, centerKeyword, endKeyword) {
+  if ("number" == typeof value && Number.isFinite(value)) return value;
+  const normalizedValue = `${null != value ? value : ""}`.trim().toLowerCase();
+  if (!normalizedValue || normalizedValue === startKeyword) return 0;
+  if (normalizedValue === centerKeyword) return remainSpace / 2;
+  if (normalizedValue === endKeyword) return remainSpace;
+  if (isPercentageValue(normalizedValue)) return remainSpace * parseFloat(normalizedValue) / 100;
+  const parsedValue = Number(normalizedValue);
+  return Number.isFinite(parsedValue) ? parsedValue : 0;
+}
+function normalizeBackgroundPosition(position) {
+  var _a, _b;
+  if (Array.isArray(position)) return [null !== (_a = position[0]) && void 0 !== _a ? _a : "left", null !== (_b = position[1]) && void 0 !== _b ? _b : "top"];
+  const tokens = `${null != position ? position : "top-left"}`.trim().toLowerCase().replace(/-/g, " ").split(/\s+/).filter(Boolean);
+  if (0 === tokens.length) return ["left", "top"];
+  if (1 === tokens.length) {
+    const token = tokens[0];
+    return "center" === token ? ["center", "center"] : verticalPositionKeywords.has(token) ? ["center", token] : [token, "center"];
+  }
+  let horizontal, vertical;
+  const genericTokens = [];
+  for (let i = 0; i < 2; i++) {
+    const token = tokens[i];
+    "left" !== token && "right" !== token ? "top" !== token && "bottom" !== token ? genericTokens.push(token) : vertical = token : horizontal = token;
+  }
+  return null == horizontal && genericTokens.length && (horizontal = genericTokens.shift()), null == vertical && genericTokens.length && (vertical = genericTokens.shift()), [null != horizontal ? horizontal : "left", null != vertical ? vertical : "top"];
+}
+function resolveBackgroundPosition(position, remainWidth, remainHeight) {
+  const [horizontalPosition, verticalPosition] = normalizeBackgroundPosition(position);
+  return {
+    x: parsePositionToken(horizontalPosition, remainWidth, "left", "center", "right"),
+    y: parsePositionToken(verticalPosition, remainHeight, "top", "center", "bottom")
+  };
+}
+function pickRenderableDimension(...values) {
+  for (const value of values) if ("number" == typeof value && Number.isFinite(value) && value > 0) return value;
+  return null;
+}
+function resolveRenderableImageSize(data) {
+  if (!data) return null;
+  const width = pickRenderableDimension(data.naturalWidth, data.videoWidth, data.width),
+    height = pickRenderableDimension(data.naturalHeight, data.videoHeight, data.height);
+  return null == width || null == height ? null : {
+    width: width,
+    height: height
+  };
+}
+function drawBackgroundImage(context, data, b, params) {
+  var _a, _b;
+  const {
+      backgroundMode: backgroundMode,
+      backgroundFit: backgroundFit,
+      backgroundKeepAspectRatio: backgroundKeepAspectRatio,
+      backgroundScale = 1,
+      backgroundOffsetX = 0,
+      backgroundOffsetY = 0,
+      backgroundPosition = "top-left"
+    } = params,
+    targetW = b.width(),
+    targetH = b.height(),
+    sourceSize = resolveRenderableImageSize(data),
+    {
+      backgroundRepeatMode: backgroundRepeatMode,
+      backgroundSizing: resolvedBackgroundSizing
+    } = resolveBackgroundDrawMode({
+      backgroundMode: backgroundMode,
+      backgroundFit: backgroundFit,
+      backgroundKeepAspectRatio: backgroundKeepAspectRatio
+    });
+  let w = targetW,
+    h = targetH;
+  if (targetW <= 0 || targetH <= 0) return;
+  if ("no-repeat" === backgroundRepeatMode) {
+    let drawWidth = null !== (_a = null == sourceSize ? void 0 : sourceSize.width) && void 0 !== _a ? _a : targetW,
+      drawHeight = null !== (_b = null == sourceSize ? void 0 : sourceSize.height) && void 0 !== _b ? _b : targetH;
+    if ("cover" !== resolvedBackgroundSizing && "contain" !== resolvedBackgroundSizing || !sourceSize) "fill" === resolvedBackgroundSizing && (drawWidth = targetW, drawHeight = targetH);else {
+      const scale = "cover" === resolvedBackgroundSizing ? Math.max(targetW / sourceSize.width, targetH / sourceSize.height) : Math.min(targetW / sourceSize.width, targetH / sourceSize.height);
+      drawWidth = sourceSize.width * scale, drawHeight = sourceSize.height * scale;
+    }
+    drawWidth *= backgroundScale, drawHeight *= backgroundScale;
+    const {
+      x: x,
+      y: y
+    } = resolveBackgroundPosition(backgroundPosition, targetW - drawWidth, targetH - drawHeight);
+    return void context.drawImage(data, b.x1 + x + backgroundOffsetX, b.y1 + y + backgroundOffsetY, drawWidth, drawHeight);
+  }
+  if (backgroundFit && "repeat" !== backgroundRepeatMode && sourceSize) {
+    const resW = sourceSize.width,
+      resH = sourceSize.height;
+    if ("repeat-x" === backgroundRepeatMode) {
+      w = resW * (targetH / resH), h = targetH;
+    } else if ("repeat-y" === backgroundRepeatMode) {
+      h = resH * (targetW / resW), w = targetW;
+    }
+    const dpr = context.dpr,
+      canvas = canvasAllocate.allocate({
+        width: w,
+        height: h,
+        dpr: dpr
+      }),
+      ctx = canvas.getContext("2d");
+    ctx && (ctx.inuse = !0, ctx.clearMatrix(), ctx.setTransformForCurrent(!0), ctx.clearRect(0, 0, w, h), ctx.drawImage(data, 0, 0, w, h), data = canvas.nativeCanvas), canvasAllocate.free(canvas);
+  }
+  const dpr = context.dpr,
+    pattern = context.createPattern(data, backgroundRepeatMode);
+  pattern.setTransform && pattern.setTransform(new DOMMatrix([1 / dpr, 0, 0, 1 / dpr, 0, 0])), context.fillStyle = pattern, context.translate(b.x1, b.y1), context.fillRect(0, 0, targetW, targetH), context.translate(-b.x1, -b.y1);
+}
 let DefaultBaseInteractiveRenderContribution = class {
   constructor(subRenderContribitions) {
     this.subRenderContribitions = subRenderContribitions, this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -10678,35 +10666,38 @@ class DefaultGroupBackgroundRenderContribution extends DefaultBaseBackgroundRend
   drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb) {
     const {
       background: background,
+      backgroundOpacity = graphicAttribute.backgroundOpacity,
+      opacity = graphicAttribute.opacity,
       backgroundMode = graphicAttribute.backgroundMode,
       backgroundFit = graphicAttribute.backgroundFit,
       backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio,
       backgroundScale = graphicAttribute.backgroundScale,
       backgroundOffsetX = graphicAttribute.backgroundOffsetX,
-      backgroundOffsetY = graphicAttribute.backgroundOffsetY
+      backgroundOffsetY = graphicAttribute.backgroundOffsetY,
+      backgroundClip = graphicAttribute.backgroundClip,
+      backgroundPosition = graphicAttribute.backgroundPosition
     } = graphic.attribute;
     if (background) if (graphic.backgroundImg && graphic.resources) {
-      const res = graphic.resources.get(background);
-      if ("success" !== res.state || !res.data) return;
+      const res = graphic.resources.get(getBackgroundImage(background));
+      if (!res || "success" !== res.state || !res.data) return;
       context.highPerformanceSave(), context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0);
       const b = graphic.AABBBounds;
-      this.doDrawImage(context, res.data, b, {
+      context.globalAlpha = backgroundOpacity * opacity, backgroundClip && context.clip(), this.doDrawImage(context, res.data, b, {
         backgroundMode: backgroundMode,
         backgroundFit: backgroundFit,
         backgroundKeepAspectRatio: backgroundKeepAspectRatio,
         backgroundScale: backgroundScale,
         backgroundOffsetX: backgroundOffsetX,
-        backgroundOffsetY: backgroundOffsetY
+        backgroundOffsetY: backgroundOffsetY,
+        backgroundPosition: backgroundPosition
       }), context.highPerformanceRestore(), context.setTransformForCurrent();
-    } else context.highPerformanceSave(), context.fillStyle = background, context.fill(), context.highPerformanceRestore();
+    } else context.highPerformanceSave(), context.globalAlpha = backgroundOpacity * opacity, context.fillStyle = background, context.fill(), context.highPerformanceRestore();
   }
 }
 const defaultGroupBackgroundRenderContribution = new DefaultGroupBackgroundRenderContribution();
 
 const halfPi = pi / 2;
-function createRectPath(path, x, y, width, height, rectCornerRadius) {
-  let roundCorner = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !0;
-  let edgeCb = arguments.length > 7 ? arguments[7] : undefined;
+function createRectPath(path, x, y, width, height, rectCornerRadius, roundCorner = !0, edgeCb) {
   let cornerRadius;
   if (Array.isArray(roundCorner) && (edgeCb = roundCorner, roundCorner = !0), width < 0 && (x += width, width = -width), height < 0 && (y += height, height = -height), isNumber(rectCornerRadius, !0)) cornerRadius = [rectCornerRadius = abs(rectCornerRadius), rectCornerRadius, rectCornerRadius, rectCornerRadius];else if (Array.isArray(rectCornerRadius)) {
     const cornerRadiusArr = rectCornerRadius;
@@ -11047,8 +11038,7 @@ class BaseRender {
       doStroke: doStroke
     };
   }
-  transform(graphic, graphicAttribute, context) {
-    let use3dMatrixIn3dMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
+  transform(graphic, graphicAttribute, context, use3dMatrixIn3dMode = !1) {
     const {
         x = graphicAttribute.x,
         y = graphicAttribute.y,
@@ -12171,7 +12161,7 @@ class DefaultBoundsAllocate {
   get length() {
     return this.pools.length;
   }
-  release() {
+  release(...params) {
     this.pools = [];
   }
 }
@@ -12184,9 +12174,17 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
   drawShape(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb) {
     var _a, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const {
+      backgroundOpacity = graphicAttribute.backgroundOpacity,
+      opacity = graphicAttribute.opacity,
       backgroundMode = graphicAttribute.backgroundMode,
       backgroundFit = graphicAttribute.backgroundFit,
-      backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio
+      backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio,
+      backgroundScale = graphicAttribute.backgroundScale,
+      backgroundOffsetX = graphicAttribute.backgroundOffsetX,
+      backgroundOffsetY = graphicAttribute.backgroundOffsetY,
+      backgroundPosition = graphicAttribute.backgroundPosition,
+      backgroundClip = graphicAttribute.backgroundClip,
+      backgroundCornerRadius = graphicAttribute.backgroundCornerRadius
     } = graphic.attribute;
     let matrix,
       {
@@ -12198,18 +12196,18 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
     };
     let b;
     "richtext" === graphic.type && (matrix = context.currentMatrix.clone(), context.restore(), context.save(), context.setTransformForCurrent());
-    const shouldReCalBounds = isObject(background) && background.background,
+    const backgroundConfig = isObject(background) && background.background ? background : null,
       onlyTranslate = graphic.transMatrix.onlyTranslate();
-    if (shouldReCalBounds) {
+    if (backgroundConfig) {
       const _b = graphic.AABBBounds,
-        x = (null !== (_a = background.x) && void 0 !== _a ? _a : _b.x1) + (null !== (_c = background.dx) && void 0 !== _c ? _c : 0),
-        y = (null !== (_d = background.y) && void 0 !== _d ? _d : _b.y1) + (null !== (_e = background.dy) && void 0 !== _e ? _e : 0),
-        w = null !== (_f = background.width) && void 0 !== _f ? _f : _b.width(),
-        h = null !== (_g = background.height) && void 0 !== _g ? _g : _b.height();
-      if (b = boundsAllocate.allocate(x, y, x + w, y + h), background = background.background, !onlyTranslate) {
+        x = (null !== (_a = backgroundConfig.x) && void 0 !== _a ? _a : _b.x1) + (null !== (_c = backgroundConfig.dx) && void 0 !== _c ? _c : 0),
+        y = (null !== (_d = backgroundConfig.y) && void 0 !== _d ? _d : _b.y1) + (null !== (_e = backgroundConfig.dy) && void 0 !== _e ? _e : 0),
+        w = null !== (_f = backgroundConfig.width) && void 0 !== _f ? _f : _b.width(),
+        h = null !== (_g = backgroundConfig.height) && void 0 !== _g ? _g : _b.height();
+      if (b = boundsAllocate.allocate(x, y, x + w, y + h), background = backgroundConfig.background, !onlyTranslate) {
         const w = b.width(),
           h = b.height();
-        b.set((null !== (_h = background.x) && void 0 !== _h ? _h : 0) + (null !== (_j = background.dx) && void 0 !== _j ? _j : 0), (null !== (_k = background.y) && void 0 !== _k ? _k : 0) + (null !== (_l = background.dy) && void 0 !== _l ? _l : 0), w, h);
+        b.set((null !== (_h = backgroundConfig.x) && void 0 !== _h ? _h : 0) + (null !== (_j = backgroundConfig.dx) && void 0 !== _j ? _j : 0), (null !== (_k = backgroundConfig.y) && void 0 !== _k ? _k : 0) + (null !== (_l = backgroundConfig.dy) && void 0 !== _l ? _l : 0), w, h);
       }
     } else b = graphic.AABBBounds, onlyTranslate || (b = getTextBounds(Object.assign(Object.assign({}, graphic.attribute), {
       angle: 0,
@@ -12222,20 +12220,18 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
     })).clone());
     if (graphic.backgroundImg && graphic.resources) {
       const res = graphic.resources.get(background);
-      if ("success" !== res.state || !res.data) return void restore();
-      context.highPerformanceSave(), onlyTranslate && context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), this.doDrawImage(context, res.data, b, {
+      if (!res || "success" !== res.state || !res.data) return void restore();
+      context.highPerformanceSave(), onlyTranslate && context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0), context.globalAlpha = backgroundOpacity * opacity, backgroundClip && (context.beginPath(), backgroundCornerRadius ? createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, !0) : context.rect(b.x1, b.y1, b.width(), b.height()), context.clip()), this.doDrawImage(context, res.data, b, {
         backgroundMode: backgroundMode,
         backgroundFit: backgroundFit,
-        backgroundKeepAspectRatio: backgroundKeepAspectRatio
+        backgroundKeepAspectRatio: backgroundKeepAspectRatio,
+        backgroundScale: backgroundScale,
+        backgroundOffsetX: backgroundOffsetX,
+        backgroundOffsetY: backgroundOffsetY,
+        backgroundPosition: backgroundPosition
       }), context.highPerformanceRestore(), context.setTransformForCurrent();
-    } else {
-      const {
-        backgroundCornerRadius: backgroundCornerRadius,
-        backgroundOpacity = 1
-      } = graphic.attribute;
-      context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.globalAlpha = backgroundOpacity, context.fillStyle = background, backgroundCornerRadius ? (createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, !0), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
-    }
-    shouldReCalBounds && boundsAllocate.free(b), restore();
+    } else context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.globalAlpha = backgroundOpacity * opacity, context.fillStyle = background, backgroundCornerRadius ? (createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, !0), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
+    backgroundConfig && boundsAllocate.free(b), restore();
   }
 }
 const defaultTextBackgroundRenderContribution = new DefaultTextBackgroundRenderContribution();
@@ -12397,8 +12393,7 @@ function drawPolygon(path, points, x, y) {
     for (let i = 1; i < points.length; i++) path.lineTo(points[i].x + x, points[i].y + y);
   }
 }
-function drawRoundedPolygon(path, points, x, y, cornerRadius) {
-  let closePath = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !0;
+function drawRoundedPolygon(path, points, x, y, cornerRadius, closePath = !0) {
   var _a;
   if (points.length < 3) return void drawPolygon(path, points, x, y);
   let startI = 0,
@@ -12663,6 +12658,92 @@ var __decorate$w = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 const repeatStr = ["", "repeat-x", "repeat-y", "repeat"];
+function resolveImageMode({
+  repeatX = "no-repeat",
+  repeatY = "no-repeat",
+  imageMode: imageMode
+}) {
+  const repeatMode = resolveImageRepeatMode(repeatX, repeatY);
+  return {
+    repeatMode: repeatMode,
+    sizingMode: "no-repeat" === repeatMode && null != imageMode ? imageMode : "fill"
+  };
+}
+const IMAGE_MODE_TO_BACKGROUND_MODE = {
+  cover: "no-repeat-cover",
+  contain: "no-repeat-contain",
+  fill: "no-repeat-fill",
+  auto: "no-repeat-auto"
+};
+function resolveBackgroundParamsByImageSizing(sizingMode) {
+  return {
+    backgroundMode: IMAGE_MODE_TO_BACKGROUND_MODE[sizingMode],
+    backgroundFit: !1,
+    backgroundKeepAspectRatio: !1
+  };
+}
+function resolveImageRepeatMode(repeatX, repeatY) {
+  let repeat = 0;
+  return "repeat" === repeatX && (repeat |= 1), "repeat" === repeatY && (repeat |= 2), repeat ? repeatStr[repeat] : "no-repeat";
+}
+function shouldClipImageByLayout({
+  repeatX = "no-repeat",
+  repeatY = "no-repeat",
+  imageMode: imageMode,
+  imageScale = 1,
+  imageOffsetX = 0,
+  imageOffsetY = 0,
+  imagePosition = "top-left"
+}) {
+  const {
+    repeatMode: repeatMode,
+    sizingMode: sizingMode
+  } = resolveImageMode({
+    repeatX: repeatX,
+    repeatY: repeatY,
+    imageMode: imageMode
+  });
+  return "no-repeat" === repeatMode && ("cover" === sizingMode || "auto" === sizingMode || 1 !== imageScale || 0 !== imageOffsetX || 0 !== imageOffsetY);
+}
+function drawImageWithLayout(context, data, x, y, width, height, {
+  repeatX = "no-repeat",
+  repeatY = "no-repeat",
+  imageMode: imageMode,
+  imageScale = 1,
+  imageOffsetX = 0,
+  imageOffsetY = 0,
+  imagePosition = "top-left"
+}) {
+  const {
+      repeatMode: repeatMode,
+      sizingMode: sizingMode
+    } = resolveImageMode({
+      repeatX: repeatX,
+      repeatY: repeatY,
+      imageMode: imageMode
+    }),
+    imageBackgroundParams = "no-repeat" === repeatMode ? resolveBackgroundParamsByImageSizing(sizingMode) : {
+      backgroundMode: repeatMode,
+      backgroundFit: !1,
+      backgroundKeepAspectRatio: !1
+    };
+  drawBackgroundImage(context, data, {
+    x1: x,
+    y1: y,
+    x2: x + width,
+    y2: y + height,
+    width: () => width,
+    height: () => height
+  }, {
+    backgroundMode: imageBackgroundParams.backgroundMode,
+    backgroundFit: imageBackgroundParams.backgroundFit,
+    backgroundKeepAspectRatio: imageBackgroundParams.backgroundKeepAspectRatio,
+    backgroundScale: imageScale,
+    backgroundOffsetX: imageOffsetX,
+    backgroundOffsetY: imageOffsetY,
+    backgroundPosition: imagePosition
+  });
+}
 let DefaultCanvasImageRender = class extends BaseRender {
   constructor(graphicRenderContributions) {
     super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = IMAGE_NUMBER_TYPE, this.builtinContributions = [defaultImageRenderContribution, defaultImageBackgroundRenderContribution], this.init(graphicRenderContributions);
@@ -12677,6 +12758,11 @@ let DefaultCanvasImageRender = class extends BaseRender {
         cornerRadius = imageAttribute.cornerRadius,
         fillStrokeOrder = imageAttribute.fillStrokeOrder,
         cornerType = imageAttribute.cornerType,
+        imageMode = imageAttribute.imageMode,
+        imageScale = imageAttribute.imageScale,
+        imageOffsetX = imageAttribute.imageOffsetX,
+        imageOffsetY = imageAttribute.imageOffsetY,
+        imagePosition = imageAttribute.imagePosition,
         image: url
       } = image.attribute,
       data = this.valid(image, imageAttribute, fillCb);
@@ -12693,22 +12779,33 @@ let DefaultCanvasImageRender = class extends BaseRender {
     const width = image.width,
       height = image.height;
     context.beginPath();
-    let needRestore = !1;
-    0 === cornerRadius || isArray(cornerRadius) && cornerRadius.every(num => 0 === num) ? context.rect(x, y, width, height) : (createRectPath(context, x, y, width, height, cornerRadius, "bevel" !== cornerType), needRestore = !0), context.setShadowBlendStyle && context.setShadowBlendStyle(image, image.attribute, imageAttribute);
+    let needCornerClip = !1;
+    0 === cornerRadius || isArray(cornerRadius) && cornerRadius.every(num => 0 === num) ? context.rect(x, y, width, height) : (createRectPath(context, x, y, width, height, cornerRadius, "bevel" !== cornerType), needCornerClip = !0), context.setShadowBlendStyle && context.setShadowBlendStyle(image, image.attribute, imageAttribute);
     const _runFill = () => {
-        if (doFill) if (fillCb) fillCb(context, image.attribute, imageAttribute);else if (fVisible) {
-          context.setCommonStyle(image, image.attribute, x, y, imageAttribute);
-          let repeat = 0;
-          if ("repeat" === repeatX && (repeat |= 1), "repeat" === repeatY && (repeat |= 2), repeat) {
-            const pattern = context.createPattern(res.data, repeatStr[repeat]);
-            context.fillStyle = pattern, context.translate(x, y, !0), context.fillRect(0, 0, width, height), context.translate(-x, -y, !0);
-          } else context.drawImage(res.data, x, y, width, height);
-        }
+        doFill && (fillCb ? fillCb(context, image.attribute, imageAttribute) : fVisible && (context.setCommonStyle(image, image.attribute, x, y, imageAttribute), drawImageWithLayout(context, res.data, x, y, width, height, {
+          repeatX: repeatX,
+          repeatY: repeatY,
+          imageMode: imageMode,
+          imageScale: imageScale,
+          imageOffsetX: imageOffsetX,
+          imageOffsetY: imageOffsetY,
+          imagePosition: imagePosition
+        })));
       },
       _runStroke = () => {
         doStroke && (strokeCb ? strokeCb(context, image.attribute, imageAttribute) : sVisible && (context.setStrokeStyle(image, image.attribute, originX - x, originY - y, imageAttribute), context.stroke()));
-      };
-    fillStrokeOrder ? (_runStroke(), needRestore && (context.save(), context.clip()), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb), _runFill(), needRestore && context.restore()) : (needRestore && (context.save(), context.clip()), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb), _runFill(), needRestore && context.restore(), _runStroke()), this.afterRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
+      },
+      needLayoutClip = shouldClipImageByLayout({
+        repeatX: repeatX,
+        repeatY: repeatY,
+        imageMode: imageMode,
+        imageScale: imageScale,
+        imageOffsetX: imageOffsetX,
+        imageOffsetY: imageOffsetY,
+        imagePosition: imagePosition
+      }),
+      needClip = needCornerClip || needLayoutClip;
+    fillStrokeOrder ? (_runStroke(), needClip && (context.save(), context.clip()), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb), _runFill(), needClip && context.restore()) : (needClip && (context.save(), context.clip()), this.beforeRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb), _runFill(), needClip && context.restore(), _runStroke()), this.afterRenderStep(image, context, x, y, doFill, !1, fVisible, !1, imageAttribute, drawContext, fillCb);
   }
   draw(image, renderService, drawContext) {
     const {
@@ -13155,7 +13252,7 @@ let DefaultPluginService = class {
   unRegister(plugin) {
     "onStartupFinished" === plugin.activeEvent ? this.onStartupFinishedPlugin.splice(this.onStartupFinishedPlugin.indexOf(plugin), 1) : "onRegister" === plugin.activeEvent && this.onRegisterPlugin.splice(this.onStartupFinishedPlugin.indexOf(plugin), 1), plugin.deactivate(this);
   }
-  release() {
+  release(...params) {
     this.onStartupFinishedPlugin.forEach(plugin => {
       plugin.deactivate(this);
     }), this.onStartupFinishedPlugin = [], this.onRegisterPlugin.forEach(plugin => {
@@ -13302,9 +13399,7 @@ function parseChildMap(graphic, defaultZIndex, reverse) {
     zIdxArray: zIdxArray
   };
 }
-function foreach(graphic, defaultZIndex, cb) {
-  let reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-  let sort3d = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
+function foreach(graphic, defaultZIndex, cb, reverse = !1, sort3d = !1) {
   let needSort = !1;
   if (sort3d) needSort = !0;else {
     let lastZIndex;
@@ -13335,14 +13430,12 @@ function foreach(graphic, defaultZIndex, cb) {
     }
   } else graphic.forEachChildren(cb, reverse);
 }
-function foreachAsync(graphic, defaultZIndex, cb) {
-  let reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
+function foreachAsync(graphic, defaultZIndex, cb, reverse = !1) {
   return __awaiter$2(this, void 0, void 0, function* () {
     yield graphic.forEachChildrenAsync(cb, reverse);
   });
 }
-function findNextGraphic(graphic, id, defaultZIndex) {
-  let reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
+function findNextGraphic(graphic, id, defaultZIndex, reverse = !1) {
   let needSort = !1;
   graphic.forEachChildren((item, i) => {
     const {
@@ -13567,7 +13660,7 @@ let DefaultDrawContribution = class {
     return data || this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
   }
   clearScreen(renderService, context, drawContext) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const {
         clear: clear,
         viewBox: viewBox
@@ -13577,9 +13670,20 @@ let DefaultDrawContribution = class {
     if (clear) {
       context.clearRect(0, 0, width, height), (null === (_a = renderService.drawParams) || void 0 === _a ? void 0 : _a.stage) && renderService.drawParams.stage.hooks.afterClearRect.call(renderService.drawParams);
       const stage = null === (_b = renderService.drawParams) || void 0 === _b ? void 0 : _b.stage;
-      if (stage && (context.globalAlpha = null !== (_c = stage.attribute.opacity) && void 0 !== _c ? _c : 1), stage && stage.backgroundImg && stage.resources) {
-        const res = stage.resources.get(clear);
-        res && "success" === res.state && res.data && context.drawImage(res.data, 0, 0, width, height);
+      if (stage && (context.globalAlpha = (null !== (_c = stage.attribute.opacity) && void 0 !== _c ? _c : 1) * (null !== (_d = stage.attribute.backgroundOpacity) && void 0 !== _d ? _d : 1)), stage && stage.backgroundImg && stage.resources) {
+        const res = stage.resources.get(getBackgroundImage(clear));
+        if (res && "success" === res.state && res.data) {
+          const backgroundBounds = boundsAllocate.allocate(0, 0, 0 + width, 0 + height);
+          drawBackgroundImage(context, res.data, backgroundBounds, {
+            backgroundMode: null !== (_e = stage.attribute.backgroundMode) && void 0 !== _e ? _e : DefaultAttribute.backgroundMode,
+            backgroundFit: null !== (_f = stage.attribute.backgroundFit) && void 0 !== _f ? _f : DefaultAttribute.backgroundFit,
+            backgroundKeepAspectRatio: null !== (_g = stage.attribute.backgroundKeepAspectRatio) && void 0 !== _g ? _g : DefaultAttribute.backgroundKeepAspectRatio,
+            backgroundScale: null !== (_h = stage.attribute.backgroundScale) && void 0 !== _h ? _h : DefaultAttribute.backgroundScale,
+            backgroundOffsetX: null !== (_j = stage.attribute.backgroundOffsetX) && void 0 !== _j ? _j : DefaultAttribute.backgroundOffsetX,
+            backgroundOffsetY: null !== (_k = stage.attribute.backgroundOffsetY) && void 0 !== _k ? _k : DefaultAttribute.backgroundOffsetY,
+            backgroundPosition: null !== (_l = stage.attribute.backgroundPosition) && void 0 !== _l ? _l : DefaultAttribute.backgroundPosition
+          }), boundsAllocate.free(backgroundBounds);
+        }
       } else context.fillStyle = createColor(context, clear, {
         AABBBounds: {
           x1: 0,
@@ -18974,8 +19078,7 @@ class Step {
   getLastProps() {
     return this.prev ? this.prev.props || {} : this.animate.getStartProps();
   }
-  setDuration(duration) {
-    let updateDownstream = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+  setDuration(duration, updateDownstream = !0) {
     this.duration = duration, updateDownstream && this.updateDownstreamStartTimes();
   }
   getDuration() {
@@ -18996,8 +19099,7 @@ class Step {
       } else interpolateUpdateStore[key] ? funcs.push(interpolateUpdateStore[key]) : funcs.push(commonInterpolateUpdate);
     }), this.interpolateUpdateFunctions = funcs;
   }
-  setStartTime(time) {
-    let updateDownstream = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+  setStartTime(time, updateDownstream = !0) {
     this._startTime = time, updateDownstream && this.updateDownstreamStartTimes();
   }
   getStartTime() {
@@ -19123,8 +19225,7 @@ class DefaultTimeline extends EventEmitter {
       animate.release();
     }), this.head = null, this.tail = null, this.animateMap.clear(), this._animateCount = 0, this._totalDuration = 0;
   }
-  removeAnimate(animate) {
-    let release = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+  removeAnimate(animate, release = !0) {
     const node = this.animateMap.get(animate);
     node && (release && (animate._onRemove && animate._onRemove.forEach(cb => cb()), animate.release()), node.prev ? node.prev.next = node.next : this.head = node.next, node.next ? node.next.prev = node.prev : this.tail = node.prev, this.animateMap.delete(animate), this._animateCount--, animate.getStartTime() + animate.getDuration() >= this._totalDuration && this.recalculateTotalDuration());
   }
@@ -19162,10 +19263,7 @@ const defaultTimeline = new DefaultTimeline();
 defaultTimeline.isGlobal = !0;
 
 class Animate {
-  constructor() {
-    let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Generator.GenAutoIncrementId();
-    let timeline = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultTimeline;
-    let slience = arguments.length > 2 ? arguments[2] : undefined;
+  constructor(id = Generator.GenAutoIncrementId(), timeline = defaultTimeline, slience) {
     this.id = id, this.status = AnimateStatus.INITIAL, this._timeline = timeline, timeline.addAnimate(this), this.slience = slience, this._startTime = 0, this._duration = 0, this._totalDuration = 0, this._loopCount = 0, this._currentLoop = 0, this._bounce = !1, this._firstStep = null, this._lastStep = null, this._startProps = {}, this._endProps = {}, this._preventAttrs = new Set(), this.currentTime = 0, this.interpolateUpdateFunction = null, this.priority = 0;
   }
   getStartProps() {
@@ -19188,9 +19286,7 @@ class Animate {
       this.stop(), this.target.animates.delete(this.id);
     }), this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
   }
-  to(props) {
-    let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
-    let easing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "linear";
+  to(props, duration = 300, easing = "linear") {
     const step = new Step(AnimateStepType.to, props, duration, easing);
     return step.bind(this.target, this), this.updateStepAfterAppend(step), this;
   }
@@ -19220,9 +19316,7 @@ class Animate {
       this._endProps[key] = currentStep.props[key];
     }), currentStep = currentStep.next;
   }
-  from(props) {
-    let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
-    let easing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "linear";
+  from(props, duration = 300, easing = "linear") {
     const step = new Step(AnimateStepType.from, props, duration, easing);
     return this._firstStep ? (this._lastStep.append(step), this._lastStep = step) : (this._firstStep = step, this._lastStep = step), this.updateDuration(), this;
   }
@@ -19422,12 +19516,10 @@ class DefaultTicker extends EventEmitter {
   getTimelines() {
     return this.timelines;
   }
-  initHandler() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  initHandler(force = !1) {
     this.setupTickHandler(force);
   }
-  setupTickHandler() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  setupTickHandler(force = !1) {
     if (!force && this.tickerHandler) return !0;
     const handler = new RAFTickHandler();
     return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, !0;
@@ -19469,8 +19561,7 @@ class DefaultTicker extends EventEmitter {
     }
     return !1;
   }
-  start() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  start(force = !1) {
     if (this.status === STATUS$1.RUNNING) return !1;
     if (!this.tickerHandler) return !1;
     if (!force) {
@@ -19601,6 +19692,7 @@ function getCustomType(custom) {
   if (custom.prototype.constructor === custom) {
     const descriptor = Object.getOwnPropertyDescriptor(custom, "prototype");
     if (descriptor && !descriptor.writable) return 1;
+    if (Object.getOwnPropertyNames(custom.prototype).length > 1) return 1;
   }
   return 2;
 }
@@ -19860,22 +19952,17 @@ class AnimateExecutor {
     var _a, _b;
     return void 0 === value ? defaultValue : "function" == typeof value && graphic ? value(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : value;
   }
-  executeItem(params, graphic) {
-    let index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    let count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  executeItem(params, graphic, index = 0, count = 1) {
     return Array.isArray(params) ? params.map(param => this._executeItem(param, graphic, index, count)).filter(Boolean) : [this._executeItem(params, graphic, index, count)].filter(Boolean);
   }
-  _executeItem(params, graphic) {
-    let index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-    let count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  _executeItem(params, graphic, index = 0, count = 1) {
     if (!graphic) return null;
     const isTimeline = ("timeSlices" in params);
     let animate = null;
     const parsedParams = this.parseParams(params, isTimeline);
     return animate = isTimeline ? this.executeTimelineItem(parsedParams, graphic, index, count) : this.executeTypeConfigItem(parsedParams, graphic, index, count), animate && this._trackAnimation(animate), animate;
   }
-  stop(type) {
-    let callEnd = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+  stop(type, callEnd = !0) {
     for (; this._animates.length > 0;) {
       const animate = this._animates.pop();
       !1 === callEnd && (animate.status = AnimateStatus.END), null == animate || animate.stop(type);
@@ -20032,8 +20119,7 @@ class GraphicStateExtension {
   applyUnhighlightState(animationConfig, callback) {
     return this._getAnimationStateManager(this).applyUnhighlightState(animationConfig, callback), this;
   }
-  stopAnimationState(state, type) {
-    let deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+  stopAnimationState(state, type, deep = !1) {
     return this._getAnimationStateManager(this).stopState(state, type), deep && this.isContainer && this.forEachChildren(child => {
       child.stopAnimationState(state, type, deep);
     }), this;
@@ -20042,8 +20128,7 @@ class GraphicStateExtension {
     const stateManager = this._animationStateManager;
     return stateManager && stateManager.clearState(), this;
   }
-  reApplyAnimationState(state) {
-    let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  reApplyAnimationState(state, deep = !1) {
     const stateManager = this._animationStateManager;
     return stateManager && stateManager.reApplyState(state), deep && this.isContainer && this.forEachChildren(child => {
       child.reApplyAnimationState(state, deep);
@@ -20055,8 +20140,7 @@ class GraphicStateExtension {
 }
 
 class AnimateExtension {
-  getAttributes() {
-    let final = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  getAttributes(final = !1) {
     return final && this.finalAttribute ? this.finalAttribute : this.attribute;
   }
   animate(params) {
@@ -20098,24 +20182,20 @@ class AnimateExtension {
   getFinalAttribute() {
     return this.finalAttribute;
   }
-  getGraphicAttribute(key) {
-    let prev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+  getGraphicAttribute(key, prev = !1) {
     return !prev && this.finalAttribute ? this.finalAttribute[key] : this.attribute[key];
   }
-  pauseAnimation() {
-    let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  pauseAnimation(deep = !1) {
     this.animates && this.animates.forEach(animate => animate.pause()), deep && this.isContainer && this.forEachChildren(child => {
       child.pauseAnimation(deep);
     });
   }
-  resumeAnimation() {
-    let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  resumeAnimation(deep = !1) {
     this.animates && this.animates.forEach(animate => animate.resume()), deep && this.isContainer && this.forEachChildren(child => {
       child.resumeAnimation(deep);
     });
   }
-  stopAnimation() {
-    let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
+  stopAnimation(deep = !1) {
     this.animates && this.animates.forEach(animate => animate.stop()), deep && this.isContainer && this.forEachChildren(child => {
       child.stopAnimation(deep);
     });
@@ -25732,7 +25812,8 @@ class DataZoomRenderer {
             visible: this._showText,
             pickable: false,
             childrenPickable: false,
-            textStyle: startTextAlignStyle
+            textStyle: startTextAlignStyle,
+            zIndex: LAYOUT_LEVEL.handlerText
         }), `data-zoom-start-text`);
         this._endText = this._maybeAddLabel(this._getContainer(), merge({}, restEndTextStyle, {
             text: endTextValue,
@@ -25741,7 +25822,8 @@ class DataZoomRenderer {
             visible: this._showText,
             pickable: false,
             childrenPickable: false,
-            textStyle: endTextAlignStyle
+            textStyle: endTextAlignStyle,
+            zIndex: LAYOUT_LEVEL.handlerText
         }), `data-zoom-end-text`);
     }
     _maybeAddLabel(container, attributes, name) {
@@ -35009,6 +35091,6 @@ TableSeriesNumber.defaultAttributes = {
     select: true
 };
 
-const version = "1.0.43";
+const version = "1.0.45";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IDataZoomEvent, IDataZoomInteractiveEvent, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PolygonSectorCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SeriesNumberCellStateValue, SeriesNumberEvent, SizeContinuousLegend, Slider, StoryLabelItem, Switch, SymbolLabel, TableSeriesNumber, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, WeatherBox, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, hasOverlap, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, loadScrollbar, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, scrollbarModule, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };