@visactor/vrender-components 1.0.45 → 1.0.46-alpha.0

package/dist/index.es.js

@@ -499,14 +499,20 @@ class ContributionProviderCache {
   }
 }
 function bindContributionProvider(bind, id) {
-  bind(ContributionProvider).toDynamicValue(({
-    container: container
-  }) => new ContributionProviderCache(id, container)).inSingletonScope().whenTargetNamed(id);
+  bind(ContributionProvider).toDynamicValue(_ref => {
+    let {
+      container: container
+    } = _ref;
+    return new ContributionProviderCache(id, container);
+  }).inSingletonScope().whenTargetNamed(id);
 }
 function bindContributionProviderNoSingletonScope(bind, id) {
-  bind(ContributionProvider).toDynamicValue(({
-    container: container
-  }) => new ContributionProviderCache(id, container)).whenTargetNamed(id);
+  bind(ContributionProvider).toDynamicValue(_ref2 => {
+    let {
+      container: container
+    } = _ref2;
+    return new ContributionProviderCache(id, container);
+  }).whenTargetNamed(id);
 }
 class ContributionStore {
   static getStore(id) {
@@ -576,7 +582,10 @@ class Hook {
 }
 
 class SyncHook extends Hook {
-  call(...args) {
+  call() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
     this.taps.map(t => t.fn).forEach(cb => cb(...args));
   }
 }
@@ -891,13 +900,16 @@ let DefaultGlobal = class extends EventListenerManager {
   updateDom(dom, params) {
     return this._env || this.setEnv("browser"), this.envContribution.updateDom(dom, params);
   }
-  getElementTop(dom, baseWindow = !1) {
+  getElementTop(dom) {
+    let baseWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     return this._env || this.setEnv("browser"), this.envContribution.getElementTop(dom, baseWindow);
   }
-  getElementLeft(dom, baseWindow = !1) {
+  getElementLeft(dom) {
+    let baseWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     return this._env || this.setEnv("browser"), this.envContribution.getElementLeft(dom, baseWindow);
   }
-  getElementTopLeft(dom, baseWindow = !1) {
+  getElementTopLeft(dom) {
+    let baseWindow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     return this._env || this.setEnv("browser"), this.envContribution.getElementTopLeft(dom, baseWindow);
   }
   isMacOS() {
@@ -982,7 +994,7 @@ class BoundsContext {
   clear() {
     this.bounds.clear();
   }
-  release(...params) {}
+  release() {}
 }
 
 class CurvePath {
@@ -1157,7 +1169,8 @@ function drawArc(context, x, y, coords) {
     context.bezierCurveTo(bez[0], bez[1], bez[2], bez[3], bez[4], bez[5]);
   }
 }
-const addArcToBezierPath = (bezierPath, startAngle, endAngle, cx, cy, rx, ry, counterclockwise = !1) => {
+const addArcToBezierPath = function (bezierPath, startAngle, endAngle, cx, cy, rx, ry) {
+  let counterclockwise = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : !1;
   const PI2 = 2 * Math.PI,
     sAngle = (startAngle % PI2 + PI2) % PI2;
   let deltaAngle,
@@ -1185,7 +1198,12 @@ const addArcToBezierPath = (bezierPath, startAngle, endAngle, cx, cy, rx, ry, co
 };
 
 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, x = 0, y = 0, sx = 1, sy = 1, 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;
   for (let i = 0; i < commandList.length; i++) {
     const command = commandList[i];
     commandFuncs[command[0]](command, context, x, y, sx, sy, z);
@@ -1426,7 +1444,7 @@ class ReflectSegContext extends SegContext {
   }
 }
 
-function genCurveSegments(path, points, step = 1) {
+function genCurveSegments(path, points) {
   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]);
 }
@@ -1469,7 +1487,8 @@ class Linear {
     return this.context.tryUpdateLength();
   }
 }
-function genLinearSegments(points, params = {}) {
+function genLinearSegments(points) {
+  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     direction: direction,
     startPoint: startPoint
@@ -1479,7 +1498,7 @@ function genLinearSegments(points, params = {}) {
   return genLinearTypeSegments(new Linear(segContext, startPoint), points), segContext;
 }
 function genLinearTypeSegments(path, points) {
-  return genCurveSegments(path, points, 1);
+  return genCurveSegments(path, points);
 }
 
 function point$3(curveClass, x, y, defined, p) {
@@ -1522,9 +1541,10 @@ class Basis {
   }
 }
 function genBasisTypeSegments(path, points) {
-  return genCurveSegments(path, points, 2);
+  return genCurveSegments(path, points);
 }
-function genBasisSegments(points, params = {}) {
+function genBasisSegments(points) {
+  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     direction: direction,
     startPoint: startPoint
@@ -1617,9 +1637,10 @@ class MonotoneY extends MonotoneX {
   }
 }
 function genMonotoneXTypeSegments(path, points) {
-  return genCurveSegments(path, points, 2);
+  return genCurveSegments(path, points);
 }
-function genMonotoneXSegments(points, params = {}) {
+function genMonotoneXSegments(points) {
+  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     direction: direction,
     startPoint: startPoint
@@ -1630,9 +1651,10 @@ function genMonotoneXSegments(points, params = {}) {
   return genMonotoneXTypeSegments(new MonotoneX(segContext, startPoint), points), segContext;
 }
 function genMonotoneYTypeSegments(path, points) {
-  return genCurveSegments(path, points, 2);
+  return genCurveSegments(path, points);
 }
-function genMonotoneYSegments(points, params = {}) {
+function genMonotoneYSegments(points) {
+  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     direction: direction,
     startPoint: startPoint
@@ -1644,7 +1666,9 @@ function genMonotoneYSegments(points, params = {}) {
 }
 
 let Step$1 = class Step {
-  constructor(context, t = .5, startPoint) {
+  constructor(context) {
+    let t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
+    let startPoint = arguments.length > 2 ? arguments[2] : undefined;
     this.context = context, this._t = t, this.startPoint = startPoint;
   }
   areaStart() {
@@ -1685,7 +1709,8 @@ class StepClosed extends Step$1 {
     this.context.closePath();
   }
 }
-function genStepSegments(points, t, params = {}) {
+function genStepSegments(points, t) {
+  let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   const {
     direction: direction,
     startPoint: startPoint
@@ -1695,9 +1720,10 @@ function genStepSegments(points, t, params = {}) {
   return genStepTypeSegments(new Step$1(segContext, t, startPoint), points), segContext;
 }
 function genStepTypeSegments(path, points) {
-  return genCurveSegments(path, points, 1);
+  return genCurveSegments(path, points);
 }
-function genStepClosedSegments(points, t, params = {}) {
+function genStepClosedSegments(points, t) {
+  let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   const {
     direction: direction,
     startPoint: startPoint
@@ -1712,7 +1738,8 @@ class LinearClosed extends Linear {
     this.context.closePath();
   }
 }
-function genLinearClosedSegments(points, params = {}) {
+function genLinearClosedSegments(points) {
+  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     direction: direction,
     startPoint: startPoint
@@ -1722,7 +1749,7 @@ function genLinearClosedSegments(points, params = {}) {
   return genLinearClosedTypeSegments(new LinearClosed(segContext, startPoint), points), segContext;
 }
 function genLinearClosedTypeSegments(path, points) {
-  return genCurveSegments(path, points, 1);
+  return genCurveSegments(path, points);
 }
 
 function point$1(curveClass, x, y, defined, p) {
@@ -1743,7 +1770,9 @@ 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, alpha = .5, startPoint) {
+  constructor(context) {
+    let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
+    let startPoint = arguments.length > 2 ? arguments[2] : undefined;
     this.context = context, this.startPoint = startPoint, this._alpha = alpha;
   }
   areaStart() {
@@ -1797,7 +1826,8 @@ class CatmullRom {
   }
 }
 function commonGenCatmullRomSegments(type, cons) {
-  return function (points, alpha, params = {}) {
+  return function (points, alpha) {
+    let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     const {
       direction: direction,
       startPoint: startPoint
@@ -1806,13 +1836,15 @@ 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, 2), segContext;
+    return genCurveSegments(gatmullRom, points), segContext;
   };
 }
 const genCatmullRomSegments = commonGenCatmullRomSegments("catmullRom", CatmullRom);
 
 class CatmullRomClosed {
-  constructor(context, alpha = .5, startPoint) {
+  constructor(context) {
+    let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
+    let startPoint = arguments.length > 2 ? arguments[2] : undefined;
     this.context = context, this.startPoint = startPoint, this._alpha = alpha;
   }
   areaStart() {
@@ -2122,7 +2154,11 @@ 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, l = 0, t = 0, sX = 1, sY = 1) {
+  _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;
     let current,
       tempX,
       tempY,
@@ -2196,7 +2232,11 @@ class CustomPath2D extends CurvePath {
       previous = current;
     }
   }
-  _runCommandList(commandList, l = 0, t = 0, sX = 1, sY = 1) {
+  _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;
     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]) {
@@ -2408,7 +2448,6 @@ const DefaultStyle = Object.assign(Object.assign(Object.assign(Object.assign({
   backgroundScale: 1,
   backgroundOffsetX: 0,
   backgroundOffsetY: 0,
-  backgroundPosition: "top-left",
   blur: 0,
   filter: "",
   cursor: null,
@@ -2581,16 +2620,11 @@ 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,
-  imagePosition: "top-left",
-  imageScale: 1,
-  imageOffsetX: 0,
-  imageOffsetY: 0
+  maxHeight: 500
 }, DefaultAttribute), {
   fill: !0,
   cornerRadius: 0,
@@ -2874,7 +2908,9 @@ 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, offsetX = 0, offsetY = 0) {
+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;
   var _a, _b, _c, _d;
   if (!c || !0 === c) return "black";
   let result, color;
@@ -3013,7 +3049,8 @@ function getStrByWithCanvas(desc, width, character, guessIndex, needTestLetter)
   }
   return needTestLetter && (index = testLetter(desc, index)), index;
 }
-function testLetter(string, index, negativeWrongMatch = !1) {
+function testLetter(string, index) {
+  let negativeWrongMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !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;
@@ -3023,7 +3060,8 @@ 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, mode = "actual") {
+function measureTextCanvas(text, character) {
+  let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "actual";
   var _a;
   if ("" === text) return {
     ascent: 0,
@@ -3096,9 +3134,10 @@ let ATextMeasure = class {
     }
     return metrics;
   }
-  estimate(text, {
-    fontSize = DefaultTextAttribute.fontSize
-  }) {
+  estimate(text, _ref) {
+    let {
+      fontSize = DefaultTextAttribute.fontSize
+    } = _ref;
     let eCharLen = 0,
       cCharLen = 0;
     for (let i = 0; i < text.length; i++) text.charCodeAt(i) < 128 ? eCharLen++ : cCharLen++;
@@ -3409,7 +3448,8 @@ let ATextMeasure = class {
       });
     });
   }
-  clipTextWithSuffix(text, options, width, suffix, wordBreak, position, forceSuffix = !1) {
+  clipTextWithSuffix(text, options, width, suffix, wordBreak, position) {
+    let forceSuffix = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !1;
     if ("" === suffix) return this.clipText(text, options, width, wordBreak);
     if (0 === text.length) return {
       str: "",
@@ -3855,7 +3895,7 @@ class DefaultCanvasAllocate {
   get length() {
     return this.pools.length;
   }
-  release(...params) {
+  release() {
     this.pools = [];
   }
 }
@@ -4055,7 +4095,8 @@ 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, method = "native") {
+  measureText(text, tc) {
+    let method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "native";
     var _a;
     this.configure(this.global, this.global.env);
     const m = this.global.measureTextMethod;
@@ -4238,7 +4279,8 @@ class Theme {
     for (; group.parent;) if ((group = group.parent).theme) return group;
     return null;
   }
-  applyTheme(group, pt, force = !1) {
+  applyTheme(group, pt) {
+    let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
     if (this.dirty) {
       const parentGroup = this.getParentWithTheme(group);
       if (parentGroup) {
@@ -4337,7 +4379,8 @@ class Node extends EventEmitter {
   constructor() {
     super(), this._uid = Generator.GenAutoIncrementId(), this._firstChild = null, this._lastChild = null, this.parent = null, this._count = 1;
   }
-  forEachChildren(cb, reverse = !1) {
+  forEachChildren(cb) {
+    let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     if (reverse) {
       let child = this._lastChild,
         i = 0;
@@ -4354,7 +4397,8 @@ class Node extends EventEmitter {
       }
     }
   }
-  forEachChildrenAsync(cb, reverse = !1) {
+  forEachChildrenAsync(cb) {
+    let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     return __awaiter$3(this, void 0, void 0, function* () {
       if (reverse) {
         let child = this._lastChild,
@@ -4378,12 +4422,13 @@ class Node extends EventEmitter {
   forEach(cb) {
     return this.forEachChildren(cb);
   }
-  appendChild(node, highPerformance = !0) {
+  appendChild(node) {
+    let highPerformance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !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, replace = !1) {
+  appendChildArrHighPerformance(nodes) {
     return console.error("暂不支持该函数"), nodes;
   }
   insertBefore(newNode, referenceNode) {
@@ -4451,7 +4496,8 @@ class Node extends EventEmitter {
   replaceChild(newChild, oldChild) {
     throw new Error("暂不支持");
   }
-  find(callback, deep = !1) {
+  find(callback) {
+    let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     let target = null;
     return this.forEachChildren((node, index) => !(node === this || !callback(node, index)) && (target = node, !0)), deep && this.forEachChildren(child => {
       if (child.isContainer) {
@@ -4461,7 +4507,8 @@ class Node extends EventEmitter {
       return !1;
     }), target;
   }
-  findAll(callback, deep = !1) {
+  findAll(callback) {
+    let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     let nodes = [];
     return this.forEachChildren((node, index) => {
       node !== this && callback(node, index) && nodes.push(node);
@@ -4490,7 +4537,8 @@ class Node extends EventEmitter {
   getElementsByType(type) {
     return this.findAll(node => node.type === type, !0);
   }
-  getChildByName(name, deep = !1) {
+  getChildByName(name) {
+    let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     return this.find(node => node.name === name, deep);
   }
   getChildAt(idx) {
@@ -4609,7 +4657,10 @@ class Node extends EventEmitter {
   removeAllListeners() {
     return this.removeAllEventListeners();
   }
-  dispatchEvent(event, ...args) {
+  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];
+    }
     return super.emit(event.type, event, ...args), !event.defaultPrevented;
   }
   emit(event, data) {
@@ -5004,7 +5055,8 @@ class SquareSymbol extends BaseSymbol {
 }
 var square$1 = new SquareSymbol();
 
-function trianglUpOffset(ctx, r, x, y, offset = 0) {
+function trianglUpOffset(ctx, r, x, y) {
+  let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 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 {
@@ -5150,7 +5202,8 @@ class TriangleLeftSymbol extends BaseSymbol {
 }
 var triangleLeft = new TriangleLeftSymbol();
 
-function trianglRightOffset(ctx, r, x, y, offset = 0) {
+function trianglRightOffset(ctx, r, x, y) {
+  let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 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 {
@@ -5166,7 +5219,8 @@ class TriangleRightSymbol extends BaseSymbol {
 }
 var triangleRight = new TriangleRightSymbol();
 
-function trianglDownOffset(ctx, r, x, y, offset = 0) {
+function trianglDownOffset(ctx, r, x, y) {
+  let offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 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 {
@@ -5383,7 +5437,8 @@ var rect = new RectSymbol();
 
 const tempBounds = new AABBBounds();
 class CustomSymbolClass {
-  constructor(type, path, isSvg = !1) {
+  constructor(type, path) {
+    let isSvg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !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) {
@@ -5405,9 +5460,10 @@ class CustomSymbolClass {
   bounds(size, bounds) {
     if (size = this.parseSize(size), this.isSvg) {
       if (!this.svgCache) return;
-      return bounds.clear(), void this.svgCache.forEach(({
-        path: path
-      }) => {
+      return bounds.clear(), void this.svgCache.forEach(_ref => {
+        let {
+          path: path
+        } = _ref;
         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);
       });
     }
@@ -5463,7 +5519,8 @@ function findClosingIndex(xmlData, str, i, errMsg) {
   if (-1 === closingIndex) throw new Error(errMsg);
   return closingIndex + str.length - 1;
 }
-function tagExpWithClosingIndex(xmlData, i, closingChar = ">") {
+function tagExpWithClosingIndex(xmlData, i) {
+  let closingChar = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ">";
   let attrBoundary,
     tagExp = "";
   for (let index = i; index < xmlData.length; index++) {
@@ -5481,7 +5538,8 @@ function tagExpWithClosingIndex(xmlData, i, closingChar = ">") {
     tagExp += ch;
   }
 }
-function readTagExp(xmlData, i, removeNSPrefix, closingChar = ">") {
+function readTagExp(xmlData, i, removeNSPrefix) {
+  let closingChar = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ">";
   const result = tagExpWithClosingIndex(xmlData, i + 1, closingChar);
   if (!result) return;
   let tagExp = result.data;
@@ -5643,7 +5701,8 @@ undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator)
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-function boundStroke(bounds, halfW, miter, pad = 0) {
+function boundStroke(bounds, halfW, miter) {
+  let pad = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   return bounds.expand(halfW + (pad / 2 + (miter ? miterAdjustment(miter, halfW) : 0))), bounds;
 }
 function miterAdjustment(miter, strokeWidth) {
@@ -5828,7 +5887,7 @@ class DefaultMatrixAllocate {
   get length() {
     return this.pools.length;
   }
-  release(...params) {
+  release() {
     this.pools = [];
   }
 }
@@ -5856,7 +5915,7 @@ class DefaultMat4Allocate {
   get length() {
     return this.pools.length;
   }
-  release(...params) {
+  release() {
     this.pools = [];
   }
 }
@@ -5891,7 +5950,8 @@ let EmptyContext2d = class {
   getContext() {
     throw new Error("不支持getContext");
   }
-  setTransformForCurrent(force = !1) {
+  setTransformForCurrent() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     !force && this.applyedMatrix.equalToMatrix(this.matrix) || (this.applyedMatrix = this.cloneMatrix(this.matrix));
   }
   get currentMatrix() {
@@ -5912,7 +5972,8 @@ let EmptyContext2d = class {
   highPerformanceRestore() {
     this.stack.length > 0 && (matrixAllocate.free(this.matrix), this.matrix = this.stack.pop());
   }
-  rotate(rad, setTransform = !0) {
+  rotate(rad) {
+    let setTransform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
     this.matrix.rotate(rad), setTransform && this.setTransformForCurrent();
   }
   save() {
@@ -5923,41 +5984,55 @@ let EmptyContext2d = class {
     const matrix = this.cloneMatrix(this.matrix);
     this.stack.push(matrix);
   }
-  scale(sx, sy, setTransform = !0) {
+  scale(sx, sy) {
+    let setTransform = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
     this.matrix.scale(sx, sy), setTransform && this.setTransformForCurrent();
   }
-  setScale(sx, sy, setTransform = !0) {
+  setScale(sx, sy) {
+    let setTransform = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
     this.matrix.setScale(sx, sy), setTransform && this.setTransformForCurrent();
   }
-  scalePoint(sx, sy, px, py, setTransform = !0) {
+  scalePoint(sx, sy, px, py) {
+    let setTransform = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !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, setTransform = !0, dpr = this.dpr) {
+  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;
     this.matrix.setValue(dpr * a, dpr * b, dpr * c, dpr * d, dpr * e, dpr * f), setTransform && this.setTransformForCurrent();
   }
-  setTransformFromMatrix(matrix, setTransform = !0, dpr = this.dpr) {
+  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;
     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(setTransform = !0, dpr = this.dpr) {
+  resetTransform() {
+    let setTransform = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+    let dpr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.dpr;
     this.setTransform(dpr, 0, 0, dpr, 0, 0), setTransform && this.setTransformForCurrent();
   }
-  transform(a, b, c, d, e, f, setTransform = !0) {
+  transform(a, b, c, d, e, f) {
+    let setTransform = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : !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, setTransform = !0) {
+  translate(x, y) {
+    let setTransform = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
     this.matrix.translate(x, y), setTransform && this.setTransformForCurrent();
   }
-  rotateDegrees(deg, setTransform = !0) {
+  rotateDegrees(deg) {
+    let setTransform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
     const rad = deg * Math.PI / 180;
     this.rotate(rad, setTransform);
   }
-  rotateAbout(rad, x, y, setTransform = !0) {
+  rotateAbout(rad, x, y) {
+    let setTransform = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !0;
     this.translate(x, y, !1), this.rotate(rad, !1), this.translate(-x, -y, !1), setTransform && this.setTransformForCurrent();
   }
-  rotateDegreesAbout(deg, x, y, setTransform = !0) {
+  rotateDegreesAbout(deg, x, y) {
+    let setTransform = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !0;
     this.translate(x, y, !1), this.rotateDegrees(deg, !1), this.translate(-x, -y, !1), setTransform && this.setTransformForCurrent();
   }
   beginPath() {
@@ -6051,16 +6126,19 @@ let EmptyContext2d = class {
   setTextStyleWithoutAlignBaseline(params, defaultParams) {}
   setTextStyle(params, defaultParams) {}
   draw() {}
-  clearMatrix(setTransform = !0, dpr = this.dpr) {
+  clearMatrix() {
+    let setTransform = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+    let dpr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.dpr;
     this.setTransformFromMatrix(initMatrix, setTransform, dpr);
   }
   setClearMatrix(a, b, c, d, e, f) {
     this._clearMatrix.setValue(a, b, c, d, e, f);
   }
-  onlyTranslate(dpr = this.dpr) {
+  onlyTranslate() {
+    let dpr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.dpr;
     return this.matrix.a === dpr && 0 === this.matrix.b && 0 === this.matrix.c && this.matrix.d === dpr;
   }
-  release(...params) {
+  release() {
     this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
   }
 };
@@ -6071,7 +6149,9 @@ var ColorType;
   ColorType[ColorType.Color255 = 0] = "Color255", ColorType[ColorType.Color1 = 1] = "Color1";
 }(ColorType || (ColorType = {}));
 class ColorStore {
-  static Get(str, size = ColorType.Color1, arr = [0, 0, 0, 1]) {
+  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];
     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;
@@ -6099,7 +6179,8 @@ class ColorStore {
 }
 ColorStore.store255 = {}, ColorStore.store1 = {};
 
-function colorArrayToString(color, alphaChannel = !1) {
+function colorArrayToString(color) {
+  let alphaChannel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !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) {
@@ -6229,6 +6310,7 @@ const GRAPHIC_UPDATE_TAG_KEY = ["lineWidth", "scaleX", "scaleY", "angle", "ancho
 const tempConstantXYKey = ["x", "y"],
   tempConstantScaleXYKey = ["scaleX", "scaleY"],
   tempConstantAngleKey = ["angle"],
+  builtinTextureTypes = new Set(["circle", "diamond", "rect", "vertical-line", "horizontal-line", "bias-lr", "bias-rl", "grid", "wave"]),
   point = new Point();
 const NOWORK_ANIMATE_ATTR = {
   strokeSeg: 1,
@@ -6283,9 +6365,10 @@ class Graphic extends Node {
   get globalTransMatrix() {
     return this.tryUpdateGlobalTransMatrix(!0);
   }
-  constructor(params = {}) {
+  constructor() {
+    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     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);
+    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), isExternalTexture(params.texture) ? this.loadImage(params.texture, !1) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
   }
   getGraphicService() {
     var _a, _b;
@@ -6303,7 +6386,8 @@ class Graphic extends Node {
   set2dMode() {
     this.in3dMode = !1;
   }
-  getOffsetXY(attr, includeScroll = !1) {
+  getOffsetXY(attr) {
+    let includeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     var _a, _b;
     const {
       dx = attr.dx,
@@ -6414,7 +6498,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(clearTag = !0) {
+  tryUpdateGlobalTransMatrix() {
     if (this._globalTransMatrix) {
       if (this.parent) {
         const m = this.parent.globalTransMatrix;
@@ -6426,7 +6510,8 @@ class Graphic extends Node {
   shouldUpdateGlobalMatrix() {
     return !0;
   }
-  tryUpdateLocalTransMatrix(clearTag = !0) {
+  tryUpdateLocalTransMatrix() {
+    let clearTag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
     return this._transMatrix || (this._transMatrix = new Matrix()), this.shouldUpdateLocalMatrix() && (this.doUpdateLocalMatrix(), clearTag && this.clearUpdateLocalPositionTag()), this._transMatrix;
   }
   shouldUpdateAABBBounds() {
@@ -6466,17 +6551,24 @@ class Graphic extends Node {
   setWidthHeightWithoutTransform(aabbBounds) {
     this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
   }
-  setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context, ignorePriority) {
+  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;
     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, 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;
+    params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background && this.loadImage(params.background, !0), isExternalTexture(params.texture) ? this.loadImage(params.texture, !1) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
   }
-  _setAttributes(params, forceUpdateTag = !1, context) {
+  _setAttributes(params) {
+    let forceUpdateTag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+    let context = arguments.length > 2 ? arguments[2] : undefined;
     const keys = Object.keys(params);
     for (let i = 0; i < keys.length; i++) {
       const key = keys[i];
@@ -6489,16 +6581,18 @@ class Graphic extends Node {
     const params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate({
       [key]: value
     }, 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);
+    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) : "texture" === key && isExternalTexture(value) ? this.loadImage(value, !1) : "shadowGraphic" === key && this.setShadowGraphic(value);
   }
-  needUpdateTags(keys, k = GRAPHIC_UPDATE_TAG_KEY) {
+  needUpdateTags(keys) {
+    let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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, k = GRAPHIC_UPDATE_TAG_KEY) {
+  needUpdateTag(key) {
+    let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : GRAPHIC_UPDATE_TAG_KEY;
     for (let i = 0; i < k.length; i++) {
       if (key === k[i]) return !0;
     }
@@ -6508,7 +6602,7 @@ class Graphic extends Node {
     const context = {
       type: AttributeUpdateType.INIT
     };
-    params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params, this.attribute = params, params.background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._updateTag = UpdateTag.INIT, this.valid = this.isValid(), this.onAttributeUpdate(context);
+    params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params, this.attribute = params, params.background && this.loadImage(params.background, !0), isExternalTexture(params.texture) ? this.loadImage(params.texture, !1) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._updateTag = UpdateTag.INIT, this.valid = this.isValid(), this.onAttributeUpdate(context);
   }
   translate(x, y) {
     var _a, _b;
@@ -6654,7 +6748,8 @@ class Graphic extends Node {
       newNormalAttrs[key] = this.getNormalAttribute(key);
     }), this.normalAttrs = newNormalAttrs;
   }
-  stopStateAnimates(type = "end") {
+  stopStateAnimates() {
+    let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "end";
     this.animates && this.animates.forEach(animate => {
       animate.stateNames && (animate.stop(type), this.animates.delete(animate.id));
     });
@@ -6819,7 +6914,8 @@ class Graphic extends Node {
     var _a;
     return null !== (_a = this.attribute[name]) && void 0 !== _a ? _a : this.getDefaultAttribute(name);
   }
-  onSetStage(cb, immediate = !1) {
+  onSetStage(cb) {
+    let immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     this._onSetStage = cb, immediate && this.stage && cb(this, this.stage);
   }
   attachShadow(shadowRoot) {
@@ -6840,9 +6936,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, 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;
+  loadImage(image) {
+    let background = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+    if (!image || background && backgroundNotImage(image)) return;
     const url = image;
     this.resources || (this.resources = new Map());
     const cache = {
@@ -6871,7 +6967,8 @@ class Graphic extends Node {
       animate.stop();
     });
   }
-  stopAnimates(stopChildren = !1) {
+  stopAnimates() {
+    let stopChildren = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     this._stopAnimates(this.animates), this.shadowRoot && this.shadowRoot.stopAnimates(!0), this.isContainer && stopChildren && this.forEachChildren(c => {
       c.stopAnimates(stopChildren);
     });
@@ -6897,7 +6994,10 @@ class Graphic extends Node {
   }
 }
 function backgroundNotImage(image) {
-  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));
+  return !(!image.fill && !image.stroke);
+}
+function isExternalTexture(texture) {
+  return !!texture && ("string" == typeof texture ? !builtinTextureTypes.has(texture) && (texture.startsWith("<svg") || isValidUrl(texture) || texture.includes("/") || isBase64(texture)) : isObject(texture));
 }
 Graphic.userSymbolMap = {}, Graphic.mixin(EventTarget);
 
@@ -7019,7 +7119,8 @@ class Group extends Graphic {
   _updateChildToStage(child) {
     return this.stage && child && child.setStage(this.stage, this.layer), this.addUpdateBoundTag(), child;
   }
-  appendChild(node, addStage = !0) {
+  appendChild(node) {
+    let addStage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
     const data = super.appendChild(node);
     return addStage && this.stage && data && data.setStage(this.stage, this.layer), this.addUpdateBoundTag(), data;
   }
@@ -7036,7 +7137,8 @@ class Group extends Graphic {
     const data = super.removeChild(child);
     return this.getGraphicService().onRemove(child), child.stage = null, this.addUpdateBoundTag(), data;
   }
-  removeAllChild(deep = !1) {
+  removeAllChild() {
+    let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     this.forEachChildren(child => {
       this.getGraphicService().onRemove(child), deep && child.isContainer && child.removeAllChild(deep);
     }), super.removeAllChild(), this.addUpdateBoundTag();
@@ -7056,7 +7158,8 @@ class Group extends Graphic {
       g.isContainer && g.addUpdateGlobalPositionTag();
     });
   }
-  tryUpdateGlobalTransMatrix(clearTag = !0) {
+  tryUpdateGlobalTransMatrix() {
+    let clearTag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
     if (this.shouldUpdateGlobalMatrix()) {
       if (this._globalTransMatrix) {
         if (this.parent) {
@@ -7130,7 +7233,8 @@ 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(removeIncrementalKey = !0) {
+  combineSubLayer() {
+    let removeIncrementalKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !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);
@@ -7239,9 +7343,10 @@ 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, options = {
-    main: !1
-  }) {
+  createLayer(stage) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      main: !1
+    };
     var _a;
     this.tryInit();
     let layerMode = this.getRecommendedLayerType(options.layerMode);
@@ -7482,7 +7587,8 @@ 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, buf = 0) {
+function textLayoutOffsetY(baseline, lineHeight, fontSize) {
+  let buf = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 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);
 }
 
@@ -7696,9 +7802,10 @@ const updateBoundsOfCommonOuterBorder = (attribute, theme, aabbBounds) => {
 
 const CIRCLE_UPDATE_TAG_KEY = ["radius", "startAngle", "endAngle", ...GRAPHIC_UPDATE_TAG_KEY];
 class Circle extends Graphic {
-  constructor(params = {
-    radius: 1
-  }) {
+  constructor() {
+    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      radius: 1
+    };
     super(params), this.type = "circle", this.numberType = CIRCLE_NUMBER_TYPE;
   }
   isValid() {
@@ -7780,7 +7887,10 @@ class CanvasTextLayout {
     } else bbox.yOffset = -bbox.height;
     return bbox;
   }
-  GetLayoutByLines(lines, textAlign, textBaseline, lineHeight, suffix = "", wordBreak, params) {
+  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;
     const {
       lineWidth: lineWidth,
       suffixPosition = "end",
@@ -7903,10 +8013,11 @@ class Text extends Graphic {
   get isMultiLine() {
     return Array.isArray(this.attribute.text) || "normal" === this.attribute.whiteSpace;
   }
-  constructor(params = {
-    text: "",
-    fontSize: 16
-  }) {
+  constructor() {
+    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      text: "",
+      fontSize: 16
+    };
     super(params), this.type = "text", this.numberType = TEXT_NUMBER_TYPE, this.cache = {};
   }
   isValid() {
@@ -8238,10 +8349,12 @@ 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, k = TEXT_UPDATE_TAG_KEY) {
+  needUpdateTags(keys) {
+    let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TEXT_UPDATE_TAG_KEY;
     return super.needUpdateTags(keys, k);
   }
-  needUpdateTag(key, k = TEXT_UPDATE_TAG_KEY) {
+  needUpdateTag(key) {
+    let k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TEXT_UPDATE_TAG_KEY;
     return super.needUpdateTag(key, k);
   }
   _interpolate(key, ratio, lastStepVal, nextStepVal, nextAttributes) {
@@ -8444,15 +8557,19 @@ const updateBoundsOfSymbolOuterBorder = (attribute, symbolTheme, aabbBounds) =>
 
 const SYMBOL_UPDATE_TAG_KEY = ["symbolType", "size", ...GRAPHIC_UPDATE_TAG_KEY];
 let Symbol$1 = class Symbol extends Graphic {
-  constructor(params = {
-    symbolType: "circle"
-  }) {
+  constructor() {
+    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+      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(x = 0, y = 0, size = 1) {
+  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;
     let path = null;
     try {
       path = new Path2D();
@@ -8539,7 +8656,8 @@ function createSymbol(attributes) {
 
 const LINE_UPDATE_TAG_KEY = ["segments", "points", "curveType", "curveTension", ...GRAPHIC_UPDATE_TAG_KEY];
 let Line$1 = class Line extends Graphic {
-  constructor(params = {}) {
+  constructor() {
+    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(params), this.type = "line", this.numberType = LINE_NUMBER_TYPE;
   }
   isValid() {
@@ -8991,7 +9109,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", "imageMode", "imagePosition", "imageScale", "imageOffsetX", "imageOffsetY", ...GRAPHIC_UPDATE_TAG_KEY];
+const IMAGE_UPDATE_TAG_KEY = ["width", "height", "image", ...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);
@@ -9096,7 +9214,6 @@ class Image extends Graphic {
 }
 Image.NOWORK_ANIMATE_ATTR = Object.assign({
   image: 1,
-  imageMode: 1,
   repeatX: 1,
   repeatY: 1
 }, NOWORK_ANIMATE_ATTR);
@@ -9278,7 +9395,8 @@ 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, singleLine = !1) {
+  deal(paragraph) {
+    let singleLine = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !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) {
@@ -10134,12 +10252,11 @@ class DefaultBaseBackgroundRenderContribution {
       backgroundScale = graphicAttribute.backgroundScale,
       backgroundOffsetX = graphicAttribute.backgroundOffsetX,
       backgroundOffsetY = graphicAttribute.backgroundOffsetY,
-      backgroundClip = graphicAttribute.backgroundClip,
-      backgroundPosition = graphicAttribute.backgroundPosition
+      backgroundClip = graphicAttribute.backgroundClip
     } = graphic.attribute;
     if (background) if (graphic.backgroundImg && graphic.resources) {
-      const res = graphic.resources.get(getBackgroundImage(background));
-      if (!res || "success" !== res.state || !res.data) return;
+      const res = graphic.resources.get(background);
+      if ("success" !== res.state || !res.data) return;
       if (context.save(), graphic.parent && !graphic.transMatrix.onlyTranslate()) {
         const groupAttribute = getTheme(graphic.parent).group,
           {
@@ -10156,160 +10273,59 @@ class DefaultBaseBackgroundRenderContribution {
         backgroundKeepAspectRatio: backgroundKeepAspectRatio,
         backgroundScale: backgroundScale,
         backgroundOffsetX: backgroundOffsetX,
-        backgroundOffsetY: backgroundOffsetY,
-        backgroundPosition: backgroundPosition
+        backgroundOffsetY: backgroundOffsetY
       }), 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) {
-    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);
+        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);
+    }
   }
-  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);
 }
+const defaultBaseBackgroundRenderContribution = new DefaultBaseBackgroundRenderContribution();
 let DefaultBaseInteractiveRenderContribution = class {
   constructor(subRenderContribitions) {
     this.subRenderContribitions = subRenderContribitions, this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
@@ -10473,33 +10489,37 @@ class DefaultBaseTextureRenderContribution {
       textureRatio = graphicAttribute.textureRatio,
       textureOptions = null
     } = graphic.attribute;
-    let pattern = this.textureMap.get(texture);
-    if (!pattern) switch (texture) {
-      case "circle":
-        pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);
-        break;
-      case "diamond":
-        pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);
-        break;
-      case "rect":
-        pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);
-        break;
-      case "vertical-line":
-        pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);
-        break;
-      case "horizontal-line":
-        pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);
-        break;
-      case "bias-lr":
-        pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);
-        break;
-      case "bias-rl":
-        pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);
-        break;
-      case "grid":
-        pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);
+    let pattern = null;
+    const patternKey = this.getPatternCacheKey(texture, textureSize, texturePadding, textureColor, context.dpr);
+    if (null !== patternKey && (pattern = this.textureMap.get(patternKey)), !pattern) {
+      if ("string" == typeof texture) switch (texture) {
+        case "circle":
+          pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);
+          break;
+        case "diamond":
+          pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);
+          break;
+        case "rect":
+          pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);
+          break;
+        case "vertical-line":
+          pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);
+          break;
+        case "horizontal-line":
+          pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);
+          break;
+        case "bias-lr":
+          pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);
+          break;
+        case "bias-rl":
+          pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);
+          break;
+        case "grid":
+          pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);
+      }
+      pattern || (pattern = this.createResourcePattern(texture, graphic, context)), pattern && null !== patternKey && this.textureMap.set(patternKey, pattern);
     }
-    if (textureOptions && textureOptions.dynamicTexture) {
+    if ("string" == typeof texture && textureOptions && textureOptions.dynamicTexture) {
       const {
           gridConfig = {},
           useNewCanvas: useNewCanvas
@@ -10555,6 +10575,17 @@ class DefaultBaseTextureRenderContribution {
       }), x + b.x1 - x, y + b.y1 - y), context.restore();
     }
   }
+  getPatternCacheKey(texture, textureSize, texturePadding, textureColor, dpr) {
+    return "string" != typeof texture ? texture : "wave" === texture ? null : `${texture}-${textureSize}-${texturePadding}-${textureColor}-${dpr}`;
+  }
+  createResourcePattern(texture, graphic, context) {
+    var _a;
+    const resource = null === (_a = graphic.resources) || void 0 === _a ? void 0 : _a.get(texture),
+      data = "success" === (null == resource ? void 0 : resource.state) ? resource.data : "object" == typeof texture ? texture : null;
+    if (!data) return null;
+    const pattern = context.createPattern(data, "repeat");
+    return (null == pattern ? void 0 : pattern.setTransform) && pattern.setTransform(new DOMMatrix([1 / context.dpr, 0, 0, 1 / context.dpr, 0, 0])), pattern;
+  }
 }
 const defaultBaseTextureRenderContribution = new DefaultBaseTextureRenderContribution();
 
@@ -10666,38 +10697,35 @@ 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,
-      backgroundClip = graphicAttribute.backgroundClip,
-      backgroundPosition = graphicAttribute.backgroundPosition
+      backgroundOffsetY = graphicAttribute.backgroundOffsetY
     } = graphic.attribute;
     if (background) if (graphic.backgroundImg && graphic.resources) {
-      const res = graphic.resources.get(getBackgroundImage(background));
-      if (!res || "success" !== res.state || !res.data) return;
+      const res = graphic.resources.get(background);
+      if ("success" !== res.state || !res.data) return;
       context.highPerformanceSave(), context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0);
       const b = graphic.AABBBounds;
-      context.globalAlpha = backgroundOpacity * opacity, backgroundClip && context.clip(), this.doDrawImage(context, res.data, b, {
+      this.doDrawImage(context, res.data, b, {
         backgroundMode: backgroundMode,
         backgroundFit: backgroundFit,
         backgroundKeepAspectRatio: backgroundKeepAspectRatio,
         backgroundScale: backgroundScale,
         backgroundOffsetX: backgroundOffsetX,
-        backgroundOffsetY: backgroundOffsetY,
-        backgroundPosition: backgroundPosition
+        backgroundOffsetY: backgroundOffsetY
       }), context.highPerformanceRestore(), context.setTransformForCurrent();
-    } else context.highPerformanceSave(), context.globalAlpha = backgroundOpacity * opacity, context.fillStyle = background, context.fill(), context.highPerformanceRestore();
+    } else context.highPerformanceSave(), context.fillStyle = background, context.fill(), context.highPerformanceRestore();
   }
 }
 const defaultGroupBackgroundRenderContribution = new DefaultGroupBackgroundRenderContribution();
 
 const halfPi = pi / 2;
-function createRectPath(path, x, y, width, height, rectCornerRadius, roundCorner = !0, edgeCb) {
+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;
   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;
@@ -11038,7 +11066,8 @@ class BaseRender {
       doStroke: doStroke
     };
   }
-  transform(graphic, graphicAttribute, context, use3dMatrixIn3dMode = !1) {
+  transform(graphic, graphicAttribute, context) {
+    let use3dMatrixIn3dMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
     const {
         x = graphicAttribute.x,
         y = graphicAttribute.y,
@@ -12161,7 +12190,7 @@ class DefaultBoundsAllocate {
   get length() {
     return this.pools.length;
   }
-  release(...params) {
+  release() {
     this.pools = [];
   }
 }
@@ -12174,17 +12203,9 @@ 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,
-      backgroundScale = graphicAttribute.backgroundScale,
-      backgroundOffsetX = graphicAttribute.backgroundOffsetX,
-      backgroundOffsetY = graphicAttribute.backgroundOffsetY,
-      backgroundPosition = graphicAttribute.backgroundPosition,
-      backgroundClip = graphicAttribute.backgroundClip,
-      backgroundCornerRadius = graphicAttribute.backgroundCornerRadius
+      backgroundKeepAspectRatio = graphicAttribute.backgroundKeepAspectRatio
     } = graphic.attribute;
     let matrix,
       {
@@ -12196,18 +12217,18 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
     };
     let b;
     "richtext" === graphic.type && (matrix = context.currentMatrix.clone(), context.restore(), context.save(), context.setTransformForCurrent());
-    const backgroundConfig = isObject(background) && background.background ? background : null,
+    const shouldReCalBounds = isObject(background) && background.background,
       onlyTranslate = graphic.transMatrix.onlyTranslate();
-    if (backgroundConfig) {
+    if (shouldReCalBounds) {
       const _b = graphic.AABBBounds,
-        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) {
+        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) {
         const w = b.width(),
           h = b.height();
-        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);
+        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);
       }
     } else b = graphic.AABBBounds, onlyTranslate || (b = getTextBounds(Object.assign(Object.assign({}, graphic.attribute), {
       angle: 0,
@@ -12220,18 +12241,20 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
     })).clone());
     if (graphic.backgroundImg && graphic.resources) {
       const res = graphic.resources.get(background);
-      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, {
+      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, {
         backgroundMode: backgroundMode,
         backgroundFit: backgroundFit,
-        backgroundKeepAspectRatio: backgroundKeepAspectRatio,
-        backgroundScale: backgroundScale,
-        backgroundOffsetX: backgroundOffsetX,
-        backgroundOffsetY: backgroundOffsetY,
-        backgroundPosition: backgroundPosition
+        backgroundKeepAspectRatio: backgroundKeepAspectRatio
       }), context.highPerformanceRestore(), context.setTransformForCurrent();
-    } 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();
+    } 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();
   }
 }
 const defaultTextBackgroundRenderContribution = new DefaultTextBackgroundRenderContribution();
@@ -12393,7 +12416,8 @@ 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, closePath = !0) {
+function drawRoundedPolygon(path, points, x, y, cornerRadius) {
+  let closePath = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !0;
   var _a;
   if (points.length < 3) return void drawPolygon(path, points, x, y);
   let startI = 0,
@@ -12658,92 +12682,6 @@ 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);
@@ -12758,11 +12696,6 @@ 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);
@@ -12779,33 +12712,22 @@ let DefaultCanvasImageRender = class extends BaseRender {
     const width = image.width,
       height = image.height;
     context.beginPath();
-    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);
+    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);
     const _runFill = () => {
-        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
-        })));
+        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);
+        }
       },
       _runStroke = () => {
         doStroke && (strokeCb ? strokeCb(context, image.attribute, imageAttribute) : sVisible && (context.setStrokeStyle(image, image.attribute, originX - x, originY - y, imageAttribute), context.stroke()));
-      },
-      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);
+      };
+    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);
   }
   draw(image, renderService, drawContext) {
     const {
@@ -13252,7 +13174,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(...params) {
+  release() {
     this.onStartupFinishedPlugin.forEach(plugin => {
       plugin.deactivate(this);
     }), this.onStartupFinishedPlugin = [], this.onRegisterPlugin.forEach(plugin => {
@@ -13399,7 +13321,9 @@ function parseChildMap(graphic, defaultZIndex, reverse) {
     zIdxArray: zIdxArray
   };
 }
-function foreach(graphic, defaultZIndex, cb, reverse = !1, sort3d = !1) {
+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;
   let needSort = !1;
   if (sort3d) needSort = !0;else {
     let lastZIndex;
@@ -13430,12 +13354,14 @@ function foreach(graphic, defaultZIndex, cb, reverse = !1, sort3d = !1) {
     }
   } else graphic.forEachChildren(cb, reverse);
 }
-function foreachAsync(graphic, defaultZIndex, cb, reverse = !1) {
+function foreachAsync(graphic, defaultZIndex, cb) {
+  let reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
   return __awaiter$2(this, void 0, void 0, function* () {
     yield graphic.forEachChildrenAsync(cb, reverse);
   });
 }
-function findNextGraphic(graphic, id, defaultZIndex, reverse = !1) {
+function findNextGraphic(graphic, id, defaultZIndex) {
+  let reverse = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
   let needSort = !1;
   graphic.forEachChildren((item, i) => {
     const {
@@ -13660,7 +13586,7 @@ let DefaultDrawContribution = class {
     return data || this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
   }
   clearScreen(renderService, context, drawContext) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _a, _b, _c;
     const {
         clear: clear,
         viewBox: viewBox
@@ -13670,20 +13596,9 @@ 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) * (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);
-        }
+      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);
       } else context.fillStyle = createColor(context, clear, {
         AABBBounds: {
           x1: 0,
@@ -19078,7 +18993,8 @@ class Step {
   getLastProps() {
     return this.prev ? this.prev.props || {} : this.animate.getStartProps();
   }
-  setDuration(duration, updateDownstream = !0) {
+  setDuration(duration) {
+    let updateDownstream = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
     this.duration = duration, updateDownstream && this.updateDownstreamStartTimes();
   }
   getDuration() {
@@ -19099,7 +19015,8 @@ class Step {
       } else interpolateUpdateStore[key] ? funcs.push(interpolateUpdateStore[key]) : funcs.push(commonInterpolateUpdate);
     }), this.interpolateUpdateFunctions = funcs;
   }
-  setStartTime(time, updateDownstream = !0) {
+  setStartTime(time) {
+    let updateDownstream = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
     this._startTime = time, updateDownstream && this.updateDownstreamStartTimes();
   }
   getStartTime() {
@@ -19225,7 +19142,8 @@ class DefaultTimeline extends EventEmitter {
       animate.release();
     }), this.head = null, this.tail = null, this.animateMap.clear(), this._animateCount = 0, this._totalDuration = 0;
   }
-  removeAnimate(animate, release = !0) {
+  removeAnimate(animate) {
+    let release = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !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());
   }
@@ -19263,7 +19181,10 @@ const defaultTimeline = new DefaultTimeline();
 defaultTimeline.isGlobal = !0;
 
 class Animate {
-  constructor(id = Generator.GenAutoIncrementId(), timeline = defaultTimeline, slience) {
+  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;
     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() {
@@ -19286,7 +19207,9 @@ 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, duration = 300, easing = "linear") {
+  to(props) {
+    let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+    let easing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "linear";
     const step = new Step(AnimateStepType.to, props, duration, easing);
     return step.bind(this.target, this), this.updateStepAfterAppend(step), this;
   }
@@ -19316,7 +19239,9 @@ class Animate {
       this._endProps[key] = currentStep.props[key];
     }), currentStep = currentStep.next;
   }
-  from(props, duration = 300, easing = "linear") {
+  from(props) {
+    let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+    let easing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "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;
   }
@@ -19516,10 +19441,12 @@ class DefaultTicker extends EventEmitter {
   getTimelines() {
     return this.timelines;
   }
-  initHandler(force = !1) {
+  initHandler() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     this.setupTickHandler(force);
   }
-  setupTickHandler(force = !1) {
+  setupTickHandler() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     if (!force && this.tickerHandler) return !0;
     const handler = new RAFTickHandler();
     return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, !0;
@@ -19561,7 +19488,8 @@ class DefaultTicker extends EventEmitter {
     }
     return !1;
   }
-  start(force = !1) {
+  start() {
+    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     if (this.status === STATUS$1.RUNNING) return !1;
     if (!this.tickerHandler) return !1;
     if (!force) {
@@ -19692,7 +19620,6 @@ 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;
 }
@@ -19952,17 +19879,22 @@ 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, index = 0, count = 1) {
+  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;
     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, index = 0, count = 1) {
+  _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;
     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, callEnd = !0) {
+  stop(type) {
+    let callEnd = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
     for (; this._animates.length > 0;) {
       const animate = this._animates.pop();
       !1 === callEnd && (animate.status = AnimateStatus.END), null == animate || animate.stop(type);
@@ -20119,7 +20051,8 @@ class GraphicStateExtension {
   applyUnhighlightState(animationConfig, callback) {
     return this._getAnimationStateManager(this).applyUnhighlightState(animationConfig, callback), this;
   }
-  stopAnimationState(state, type, deep = !1) {
+  stopAnimationState(state, type) {
+    let deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
     return this._getAnimationStateManager(this).stopState(state, type), deep && this.isContainer && this.forEachChildren(child => {
       child.stopAnimationState(state, type, deep);
     }), this;
@@ -20128,7 +20061,8 @@ class GraphicStateExtension {
     const stateManager = this._animationStateManager;
     return stateManager && stateManager.clearState(), this;
   }
-  reApplyAnimationState(state, deep = !1) {
+  reApplyAnimationState(state) {
+    let deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     const stateManager = this._animationStateManager;
     return stateManager && stateManager.reApplyState(state), deep && this.isContainer && this.forEachChildren(child => {
       child.reApplyAnimationState(state, deep);
@@ -20140,7 +20074,8 @@ class GraphicStateExtension {
 }
 
 class AnimateExtension {
-  getAttributes(final = !1) {
+  getAttributes() {
+    let final = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     return final && this.finalAttribute ? this.finalAttribute : this.attribute;
   }
   animate(params) {
@@ -20182,20 +20117,24 @@ class AnimateExtension {
   getFinalAttribute() {
     return this.finalAttribute;
   }
-  getGraphicAttribute(key, prev = !1) {
+  getGraphicAttribute(key) {
+    let prev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
     return !prev && this.finalAttribute ? this.finalAttribute[key] : this.attribute[key];
   }
-  pauseAnimation(deep = !1) {
+  pauseAnimation() {
+    let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     this.animates && this.animates.forEach(animate => animate.pause()), deep && this.isContainer && this.forEachChildren(child => {
       child.pauseAnimation(deep);
     });
   }
-  resumeAnimation(deep = !1) {
+  resumeAnimation() {
+    let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     this.animates && this.animates.forEach(animate => animate.resume()), deep && this.isContainer && this.forEachChildren(child => {
       child.resumeAnimation(deep);
     });
   }
-  stopAnimation(deep = !1) {
+  stopAnimation() {
+    let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
     this.animates && this.animates.forEach(animate => animate.stop()), deep && this.isContainer && this.forEachChildren(child => {
       child.stopAnimation(deep);
     });
@@ -35091,6 +35030,6 @@ TableSeriesNumber.defaultAttributes = {
     select: true
 };
 
-const version = "1.0.45";
+const version = "1.0.46-alpha.0";
 
 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 };