@visactor/vrender 0.14.1 → 0.14.3-alpha.1

package/dist/index.js

@@ -3649,7 +3649,7 @@
 	  return Array.isArray(object) && object.some(isPromise);
 	}
 
-	var __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+	var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
 	  function adopt(value) {
 	    return value instanceof P ? value : new P(function (resolve) {
 	      resolve(value);
@@ -3794,7 +3794,7 @@
 	  }
 	};
 	var _saveAsyncResultToSingletonScope = function _saveAsyncResultToSingletonScope(binding, asyncResult) {
-	  return __awaiter$3(void 0, void 0, void 0, function () {
+	  return __awaiter$4(void 0, void 0, void 0, function () {
 	    var result, ex_1;
 	    return __generator$3(this, function (_a) {
 	      switch (_a.label) {
@@ -3882,7 +3882,7 @@
 	  };
 	  return __assign$1.apply(this, arguments);
 	};
-	var __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+	var __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
 	  function adopt(value) {
 	    return value instanceof P ? value : new P(function (resolve) {
 	      resolve(value);
@@ -4055,7 +4055,7 @@
 	  return instance;
 	}
 	function createInstanceWithInjectionsAsync(args) {
-	  return __awaiter$2(this, void 0, void 0, function () {
+	  return __awaiter$3(this, void 0, void 0, function () {
 	    var constructorInjections, propertyInjections;
 	    return __generator$2(this, function (_a) {
 	      switch (_a.label) {
@@ -4075,7 +4075,7 @@
 	  });
 	}
 	function possiblyWaitInjections(possiblePromiseinjections) {
-	  return __awaiter$2(this, void 0, void 0, function () {
+	  return __awaiter$3(this, void 0, void 0, function () {
 	    var injections, _i, possiblePromiseinjections_1, injection;
 	    return __generator$2(this, function (_a) {
 	      injections = [];
@@ -4138,7 +4138,7 @@
 	  }
 	}
 
-	var __awaiter$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+	var __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
 	  function adopt(value) {
 	    return value instanceof P ? value : new P(function (resolve) {
 	      resolve(value);
@@ -4364,7 +4364,7 @@
 	  return result;
 	};
 	var _activateContainerAsync = function _activateContainerAsync(activationsIterator, context, resultPromise) {
-	  return __awaiter$1(void 0, void 0, void 0, function () {
+	  return __awaiter$2(void 0, void 0, void 0, function () {
 	    var result, activation;
 	    return __generator$1(this, function (_a) {
 	      switch (_a.label) {
@@ -4978,7 +4978,7 @@
 	  };
 	  return __assign.apply(this, arguments);
 	};
-	var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+	var __awaiter$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
 	  function adopt(value) {
 	    return value instanceof P ? value : new P(function (resolve) {
 	      resolve(value);
@@ -5177,7 +5177,7 @@
 	    for (var _i = 0; _i < arguments.length; _i++) {
 	      modules[_i] = arguments[_i];
 	    }
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      var getHelpers, _a, modules_2, currentModule, containerModuleHelpers;
 	      return __generator(this, function (_b) {
 	        switch (_b.label) {
@@ -5219,7 +5219,7 @@
 	    for (var _i = 0; _i < arguments.length; _i++) {
 	      modules[_i] = arguments[_i];
 	    }
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      var _a, modules_3, module_1, deactivations;
 	      return __generator(this, function (_b) {
 	        switch (_b.label) {
@@ -5255,7 +5255,7 @@
 	    return this.bind(serviceIdentifier);
 	  };
 	  Container.prototype.rebindAsync = function (serviceIdentifier) {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      return __generator(this, function (_a) {
 	        switch (_a.label) {
 	          case 0:
@@ -5275,7 +5275,7 @@
 	    this._removeServiceFromDictionary(serviceIdentifier);
 	  };
 	  Container.prototype.unbindAsync = function (serviceIdentifier) {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      var bindings;
 	      return __generator(this, function (_a) {
 	        switch (_a.label) {
@@ -5301,7 +5301,7 @@
 	    this._bindingDictionary = new Lookup();
 	  };
 	  Container.prototype.unbindAllAsync = function () {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      var promises;
 	      var _this = this;
 	      return __generator(this, function (_a) {
@@ -5390,7 +5390,7 @@
 	    return this._getButThrowIfAsync(getArgs);
 	  };
 	  Container.prototype.getAsync = function (serviceIdentifier) {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      var getArgs;
 	      return __generator(this, function (_a) {
 	        getArgs = this._getNotAllArgs(serviceIdentifier, false);
@@ -5403,7 +5403,7 @@
 	    return this._getButThrowIfAsync(getArgs);
 	  };
 	  Container.prototype.getTaggedAsync = function (serviceIdentifier, key, value) {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      var getArgs;
 	      return __generator(this, function (_a) {
 	        getArgs = this._getNotAllArgs(serviceIdentifier, false, key, value);
@@ -5487,7 +5487,7 @@
 	    }
 	  };
 	  Container.prototype._handleDeactivationError = function (asyncResult, constructor) {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      var ex_1;
 	      return __generator(this, function (_a) {
 	        switch (_a.label) {
@@ -5520,7 +5520,7 @@
 	    }
 	  };
 	  Container.prototype._deactivateContainerAsync = function (instance, deactivationsIterator) {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      var deactivation;
 	      return __generator(this, function (_a) {
 	        switch (_a.label) {
@@ -5673,7 +5673,7 @@
 	    }
 	  };
 	  Container.prototype._deactivateSingletonsAsync = function (bindings) {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      var _this = this;
 	      return __generator(this, function (_a) {
 	        switch (_a.label) {
@@ -5696,7 +5696,7 @@
 	    }
 	  };
 	  Container.prototype._propagateContainerDeactivationThenBindingAndPreDestroyAsync = function (binding, instance, constructor) {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      return __generator(this, function (_a) {
 	        switch (_a.label) {
 	          case 0:
@@ -5736,7 +5736,7 @@
 	    return this._preDestroy(constructor, instance);
 	  };
 	  Container.prototype._bindingDeactivationAndPreDestroyAsync = function (binding, instance, constructor) {
-	    return __awaiter(this, void 0, void 0, function () {
+	    return __awaiter$1(this, void 0, void 0, function () {
 	      return __generator(this, function (_a) {
 	        switch (_a.label) {
 	          case 0:
@@ -5907,6 +5907,33 @@
 	function __metadata(metadataKey, metadataValue) {
 	  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
 	}
+	function __awaiter(thisArg, _arguments, P, generator) {
+	  function adopt(value) {
+	    return value instanceof P ? value : new P(function (resolve) {
+	      resolve(value);
+	    });
+	  }
+	  return new (P || (P = Promise))(function (resolve, reject) {
+	    function fulfilled(value) {
+	      try {
+	        step(generator.next(value));
+	      } catch (e) {
+	        reject(e);
+	      }
+	    }
+	    function rejected(value) {
+	      try {
+	        step(generator["throw"](value));
+	      } catch (e) {
+	        reject(e);
+	      }
+	    }
+	    function step(result) {
+	      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+	    }
+	    step((generator = generator.apply(thisArg, _arguments || [])).next());
+	  });
+	}
 	typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
 	  var e = new Error(message);
 	  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
@@ -9206,11 +9233,7 @@
 	    strokeBoundsBuffer: 2,
 	    stroke: false
 	};
-	const DefaultStrokeStyle = {
-	    outerBorder: { ...commonStroke, distance: 0 },
-	    innerBorder: { ...commonStroke, distance: 0 },
-	    ...commonStroke
-	};
+	const DefaultStrokeStyle = Object.assign({ outerBorder: Object.assign(Object.assign({}, commonStroke), { distance: 0 }), innerBorder: Object.assign(Object.assign({}, commonStroke), { distance: 0 }) }, commonStroke);
 	const DefaultTextStyle = {
 	    text: '',
 	    maxLineWidth: Infinity,
@@ -9230,41 +9253,14 @@
 	    direction: 'horizontal',
 	    wordBreak: 'break-all'
 	};
-	const DefaultStyle = {
-	    opacity: 1,
-	    background: null,
-	    texture: null,
-	    textureColor: 'black',
-	    textureSize: 10,
-	    texturePadding: 2,
-	    backgroundMode: 0,
-	    blur: 0,
-	    cursor: null,
-	    ...DefaultFillStyle,
-	    ...DefaultStrokeStyle,
-	    ...DefaultLayout
-	};
+	const DefaultStyle = Object.assign(Object.assign(Object.assign({ opacity: 1, background: null, texture: null, textureColor: 'black', textureSize: 10, texturePadding: 2, backgroundMode: 0, blur: 0, cursor: null }, DefaultFillStyle), DefaultStrokeStyle), DefaultLayout);
 	const DefaultConnectAttribute = {
 	    connectedType: 'none',
 	    connectedStyle: {},
 	    connectedX: NaN,
 	    connectedY: NaN
 	};
-	const DefaultAttribute = {
-	    strokeSeg: null,
-	    pickable: true,
-	    childrenPickable: true,
-	    visible: true,
-	    zIndex: 0,
-	    layout: null,
-	    boundsPadding: 0,
-	    pickMode: 'accurate',
-	    customPickShape: null,
-	    boundsMode: 'accurate',
-	    keepDirIn3d: true,
-	    ...DefaultStyle,
-	    ...DefaultTransform
-	};
+	const DefaultAttribute = Object.assign(Object.assign({ strokeSeg: null, pickable: true, childrenPickable: true, visible: true, zIndex: 0, layout: null, boundsPadding: 0, pickMode: 'accurate', customPickShape: null, boundsMode: 'accurate', keepDirIn3d: true }, DefaultStyle), DefaultTransform);
 	function addAttributeToPrototype(obj, c, keys) {
 	    keys.forEach(key => {
 	        c.prototype[key] = obj[key];
@@ -9273,145 +9269,23 @@
 	function rewriteProto(obj, c) {
 	    Object.setPrototypeOf(obj, c);
 	}
-	const DefaultArcAttribute = {
-	    ...DefaultAttribute,
-	    startAngle: 0,
-	    endAngle: pi2,
-	    innerRadius: 0,
-	    outerRadius: 1,
-	    cornerRadius: 0,
-	    padRadius: 0,
-	    padAngle: 0,
-	    cap: false,
-	    forceShowCap: false
-	};
-	const DefaultAreaAttribute = {
-	    ...DefaultAttribute,
-	    ...DefaultConnectAttribute,
-	    points: [],
-	    segments: [],
-	    curveType: 'linear',
-	    clipRange: 1
-	};
-	const DefaultCircleAttribute = {
-	    ...DefaultAttribute,
-	    radius: 1,
-	    startAngle: 0,
-	    endAngle: pi2
-	};
-	const DefaultGroupAttribute = {
-	    ...DefaultAttribute,
-	    width: 0,
-	    height: 0,
-	    cornerRadius: 0,
-	    path: [],
-	    clip: false,
-	    visibleAll: true,
-	    display: 'relative',
-	    flexDirection: 'row',
-	    flexWrap: 'wrap',
-	    justifyContent: 'flex-start',
-	    alignItems: 'flex-start',
-	    alignContent: 'flex-start'
-	};
-	const DefaultGlyphAttribute = {
-	    ...DefaultAttribute,
-	    path: '',
-	    width: 0,
-	    height: 0,
-	    cornerRadius: 0,
-	    clip: false
-	};
-	const DefaultLineAttribute = {
-	    ...DefaultAttribute,
-	    ...DefaultConnectAttribute,
-	    points: [],
-	    segments: [],
-	    curveType: 'linear',
-	    clipRange: 1,
-	    clipRangeByDimension: 'default'
-	};
-	const DefaultPathAttribute = {
-	    ...DefaultAttribute,
-	    path: new CustomPath2D(),
-	    customPath: () => {
+	const DefaultArcAttribute = Object.assign(Object.assign({}, DefaultAttribute), { startAngle: 0, endAngle: pi2, innerRadius: 0, outerRadius: 1, cornerRadius: 0, padRadius: 0, padAngle: 0, cap: false, forceShowCap: false });
+	const DefaultAreaAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultConnectAttribute), { points: [], segments: [], curveType: 'linear', clipRange: 1 });
+	const DefaultCircleAttribute = Object.assign(Object.assign({}, DefaultAttribute), { radius: 1, startAngle: 0, endAngle: pi2 });
+	const DefaultGroupAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 0, height: 0, cornerRadius: 0, path: [], clip: false, visibleAll: true, display: 'relative', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'flex-start', alignItems: 'flex-start', alignContent: 'flex-start' });
+	const DefaultGlyphAttribute = Object.assign(Object.assign({}, DefaultAttribute), { path: '', width: 0, height: 0, cornerRadius: 0, clip: false });
+	const DefaultLineAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultConnectAttribute), { points: [], segments: [], curveType: 'linear', clipRange: 1, clipRangeByDimension: 'default' });
+	const DefaultPathAttribute = Object.assign(Object.assign({}, DefaultAttribute), { path: new CustomPath2D(), customPath: () => {
 	        console.warn('空函数');
-	    }
-	};
-	const DefaultPolygonAttribute = {
-	    ...DefaultAttribute,
-	    points: [],
-	    cornerRadius: 0
-	};
-	const DefaultRectAttribute = {
-	    ...DefaultAttribute,
-	    width: 0,
-	    height: 0,
-	    strokeBoundsBuffer: 0,
-	    cornerRadius: 0
-	};
-	const DefaultRect3dAttribute = {
-	    ...DefaultAttribute,
-	    width: 0,
-	    height: 0,
-	    cornerRadius: 0,
-	    length: 0
-	};
-	const DefaultSymbolAttribute = {
-	    ...DefaultAttribute,
-	    symbolType: 'circle',
-	    size: 10,
-	    keepDirIn3d: true
-	};
-	const DefaultTextAttribute = {
-	    ...DefaultAttribute,
-	    ...DefaultTextStyle,
-	    strokeBoundsBuffer: 0,
-	    keepDirIn3d: true
-	};
-	const DefaultRichTextAttribute = {
-	    ...DefaultAttribute,
-	    width: 300,
-	    height: 300,
-	    ellipsis: true,
-	    wordBreak: 'break-word',
-	    verticalDirection: 'top',
-	    textAlign: 'left',
-	    textBaseline: 'top',
-	    layoutDirection: 'horizontal',
-	    textConfig: [],
-	    maxHeight: undefined,
-	    maxWidth: undefined,
-	    singleLine: false
-	};
-	const DefaultImageAttribute = {
-	    repeatX: 'no-repeat',
-	    repeatY: 'no-repeat',
-	    image: '',
-	    width: 0,
-	    height: 0,
-	    ...DefaultAttribute,
-	    fill: true
-	};
-	const DefaultRichTextIconAttribute = {
-	    ...DefaultImageAttribute,
-	    backgroundShowMode: 'never',
-	    backgroundWidth: 0,
-	    backgroundHeight: 0,
-	    textAlign: 'left',
-	    textBaseline: 'middle',
-	    direction: 'horizontal',
-	    margin: 0,
-	    id: '',
-	    width: 20,
-	    height: 20,
-	    backgroundFill: 'rgba(101, 117, 168, 0.1)',
-	    backgroundFillOpacity: 1,
-	    backgroundStroke: false,
-	    backgroundStrokeOpacity: 1,
-	    backgroundRadius: 4,
-	    opacity: 1
-	};
+	    } });
+	const DefaultPolygonAttribute = Object.assign(Object.assign({}, DefaultAttribute), { points: [], cornerRadius: 0 });
+	const DefaultRectAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 0, height: 0, strokeBoundsBuffer: 0, cornerRadius: 0 });
+	const DefaultRect3dAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 0, height: 0, cornerRadius: 0, length: 0 });
+	const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), { symbolType: 'circle', size: 10, keepDirIn3d: true });
+	const DefaultTextAttribute = Object.assign(Object.assign(Object.assign({}, DefaultAttribute), DefaultTextStyle), { strokeBoundsBuffer: 0, keepDirIn3d: true });
+	const DefaultRichTextAttribute = Object.assign(Object.assign({}, DefaultAttribute), { width: 300, height: 300, ellipsis: true, wordBreak: 'break-word', verticalDirection: 'top', textAlign: 'left', textBaseline: 'top', layoutDirection: 'horizontal', textConfig: [], maxHeight: undefined, maxWidth: undefined, singleLine: false });
+	const DefaultImageAttribute = Object.assign(Object.assign({ repeatX: 'no-repeat', repeatY: 'no-repeat', image: '', width: 0, height: 0 }, DefaultAttribute), { fill: true });
+	const DefaultRichTextIconAttribute = Object.assign(Object.assign({}, DefaultImageAttribute), { backgroundShowMode: 'never', backgroundWidth: 0, backgroundHeight: 0, textAlign: 'left', textBaseline: 'middle', direction: 'horizontal', margin: 0, id: '', width: 20, height: 20, backgroundFill: 'rgba(101, 117, 168, 0.1)', backgroundFillOpacity: 1, backgroundStroke: false, backgroundStrokeOpacity: 1, backgroundRadius: 4, opacity: 1 });
 
 	class Application {
 	}
@@ -9661,7 +9535,7 @@
 	                    clipedData.width = this.measureTextWidth(clipedData.str, options);
 	                }
 	            }
-	            out.push({ ...verticalList[i], text: clipedData.str, width: clipedData.width });
+	            out.push(Object.assign(Object.assign({}, verticalList[i]), { text: clipedData.str, width: clipedData.width }));
 	            length += clipedData.width;
 	        }
 	        return {
@@ -10546,16 +10420,10 @@
 	    }
 	    createTextMeasureInstance(textSpec, option, getCanvasForMeasure) {
 	        this.configure(this.global, this.global.env);
-	        return new TextMeasure({
-	            defaultFontParams: {
+	        return new TextMeasure(Object.assign({ defaultFontParams: {
 	                fontFamily: DefaultTextStyle.fontFamily,
 	                fontSize: DefaultTextStyle.fontSize
-	            },
-	            getCanvasForMeasure: getCanvasForMeasure || (() => this.canvas),
-	            getTextBounds: undefined,
-	            specialCharSet: '-/: .,@%\'"~' + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase(),
-	            ...(option !== null && option !== void 0 ? option : {})
-	        }, textSpec);
+	            }, getCanvasForMeasure: getCanvasForMeasure || (() => this.canvas), getTextBounds: undefined, specialCharSet: '-/: .,@%\'"~' + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase() }, (option !== null && option !== void 0 ? option : {})), textSpec);
 	    }
 	};
 	exports.DefaultGraphicUtil = __decorate([
@@ -10932,35 +10800,37 @@
 	            }
 	        }
 	    }
-	    async forEachChildrenAsync(cb, reverse = false) {
-	        if (reverse) {
-	            let child = this._lastChild;
-	            let i = 0;
-	            while (child) {
-	                let breakTag = cb(child, i++);
-	                if (breakTag.then) {
-	                    breakTag = await breakTag;
-	                }
-	                if (breakTag) {
-	                    return;
+	    forEachChildrenAsync(cb, reverse = false) {
+	        return __awaiter(this, void 0, void 0, function* () {
+	            if (reverse) {
+	                let child = this._lastChild;
+	                let i = 0;
+	                while (child) {
+	                    let breakTag = cb(child, i++);
+	                    if (breakTag.then) {
+	                        breakTag = yield breakTag;
+	                    }
+	                    if (breakTag) {
+	                        return;
+	                    }
+	                    child = child._prev;
 	                }
-	                child = child._prev;
 	            }
-	        }
-	        else {
-	            let child = this._firstChild;
-	            let i = 0;
-	            while (child) {
-	                let breakTag = cb(child, i++);
-	                if (breakTag.then) {
-	                    breakTag = await breakTag;
-	                }
-	                if (breakTag) {
-	                    return;
+	            else {
+	                let child = this._firstChild;
+	                let i = 0;
+	                while (child) {
+	                    let breakTag = cb(child, i++);
+	                    if (breakTag.then) {
+	                        breakTag = yield breakTag;
+	                    }
+	                    if (breakTag) {
+	                        return;
+	                    }
+	                    child = child._next;
 	                }
-	                child = child._next;
 	            }
-	        }
+	        });
 	    }
 	    forEach(cb) {
 	        return this.forEachChildren(cb);
@@ -14651,16 +14521,7 @@
 	        var _a;
 	        const root = this.target.attachShadow();
 	        const height = this.target.AABBBounds.height();
-	        const rect = application.graphicService.creator.rect({
-	            height: height,
-	            fill: '#bcdeff',
-	            shadowBlur: 30,
-	            shadowColor: '#bcdeff',
-	            ...(_a = this.params) === null || _a === void 0 ? void 0 : _a.attribute,
-	            x: 0,
-	            y: 0,
-	            width: 0
-	        });
+	        const rect = application.graphicService.creator.rect(Object.assign(Object.assign({ height: height, fill: '#bcdeff', shadowBlur: 30, shadowColor: '#bcdeff' }, (_a = this.params) === null || _a === void 0 ? void 0 : _a.attribute), { x: 0, y: 0, width: 0 }));
 	        this.rect = rect;
 	        root.add(rect);
 	    }
@@ -16423,10 +16284,7 @@
 	    if (fromGradient !== toGradient) {
 	        const gradient = (fromGradient ? from : to);
 	        const pure = (fromGradient ? to : from);
-	        const gradientFromPure = {
-	            ...gradient,
-	            stops: gradient.stops.map(v => ({ ...v, color: colorArrayToString(pure) }))
-	        };
+	        const gradientFromPure = Object.assign(Object.assign({}, gradient), { stops: gradient.stops.map(v => (Object.assign(Object.assign({}, v), { color: colorArrayToString(pure) }))) });
 	        return fromGradient
 	            ? interpolateColor(gradient, gradientFromPure, ratio, alphaChannel, cb)
 	            : interpolateColor(gradientFromPure, gradient, ratio, alphaChannel, cb);
@@ -18012,31 +17870,33 @@
 	function incrementalAddTo(group, graphic) {
 	    group.incrementalAppendChild(graphic);
 	}
-	async function waitForAllSubLayers(stage) {
-	    const promiseList = [];
-	    const layers = stage.getChildren();
-	    await new Promise(resolve => {
-	        application.global.getRequestAnimationFrame()(() => {
-	            resolve(null);
+	function waitForAllSubLayers(stage) {
+	    return __awaiter(this, void 0, void 0, function* () {
+	        const promiseList = [];
+	        const layers = stage.getChildren();
+	        yield new Promise(resolve => {
+	            application.global.getRequestAnimationFrame()(() => {
+	                resolve(null);
+	            });
 	        });
-	    });
-	    layers.forEach(l => {
-	        if (l.subLayers.size) {
-	            l.subLayers.forEach(sl => {
-	                if (sl.drawContribution && sl.drawContribution.hooks && sl.drawContribution.rendering) {
-	                    promiseList.push(new Promise(resolve => {
-	                        sl.drawContribution.hooks.completeDraw.tap('outWait', () => {
-	                            sl.drawContribution.hooks.completeDraw.taps = sl.drawContribution.hooks.completeDraw.taps.filter(i => {
-	                                return i.name !== 'outWait';
+	        layers.forEach(l => {
+	            if (l.subLayers.size) {
+	                l.subLayers.forEach(sl => {
+	                    if (sl.drawContribution && sl.drawContribution.hooks && sl.drawContribution.rendering) {
+	                        promiseList.push(new Promise(resolve => {
+	                            sl.drawContribution.hooks.completeDraw.tap('outWait', () => {
+	                                sl.drawContribution.hooks.completeDraw.taps = sl.drawContribution.hooks.completeDraw.taps.filter(i => {
+	                                    return i.name !== 'outWait';
+	                                });
+	                                resolve(null);
 	                            });
-	                            resolve(null);
-	                        });
-	                    }));
-	                }
-	            });
-	        }
+	                        }));
+	                    }
+	                });
+	            }
+	        });
+	        yield Promise.all(promiseList);
 	    });
-	    await Promise.all(promiseList);
 	}
 	function boundStroke(bounds, halfW, miter, pad = 0) {
 	    bounds.expand(halfW + (pad / 2 + (miter ? miterAdjustment(miter, halfW) : 0)));
@@ -18380,7 +18240,7 @@
 	        return graphic;
 	    }
 	    clone() {
-	        return new Group({ ...this.attribute });
+	        return new Group(Object.assign({}, this.attribute));
 	    }
 	}
 
@@ -18510,17 +18370,7 @@
 	    combineTo(target, params) {
 	        var _a;
 	        if (this.offscreen) {
-	            this.layerHandler.drawTo(target, [this], {
-	                background: (_a = params.background) !== null && _a !== void 0 ? _a : this.background,
-	                renderService: params.renderService,
-	                x: this.stage.x,
-	                y: this.stage.y,
-	                width: this.viewWidth,
-	                height: this.viewHeight,
-	                stage: this.stage,
-	                layer: this,
-	                ...params
-	            });
+	            this.layerHandler.drawTo(target, [this], Object.assign({ background: (_a = params.background) !== null && _a !== void 0 ? _a : this.background, renderService: params.renderService, x: this.stage.x, y: this.stage.y, width: this.viewWidth, height: this.viewHeight, stage: this.stage, layer: this }, params));
 	            this.afterDrawCbs.forEach(c => c(this));
 	        }
 	    }
@@ -18535,17 +18385,7 @@
 	    }
 	    drawTo(target, params) {
 	        var _a;
-	        this.layerHandler.drawTo(target, [this], {
-	            background: (_a = params.background) !== null && _a !== void 0 ? _a : this.background,
-	            renderService: params.renderService,
-	            x: this.stage.x,
-	            y: this.stage.y,
-	            width: this.viewWidth,
-	            height: this.viewHeight,
-	            stage: this.stage,
-	            layer: this,
-	            ...params
-	        });
+	        this.layerHandler.drawTo(target, [this], Object.assign({ background: (_a = params.background) !== null && _a !== void 0 ? _a : this.background, renderService: params.renderService, x: this.stage.x, y: this.stage.y, width: this.viewWidth, height: this.viewHeight, stage: this.stage, layer: this }, params));
 	        this.afterDrawCbs.forEach(c => c(this));
 	    }
 	}
@@ -18567,10 +18407,7 @@
 	    }
 	    createLayer(stage, options = { main: false }) {
 	        this.tryInit();
-	        const layer = new Layer(stage, this.global, stage.window, {
-	            ...options,
-	            virtual: this.staticLayerCountInEnv === 0
-	        });
+	        const layer = new Layer(stage, this.global, stage.window, Object.assign(Object.assign({}, options), { virtual: this.staticLayerCountInEnv === 0 }));
 	        const stageLayers = this.layerMap.get(stage) || [];
 	        stageLayers.push(layer);
 	        this.layerMap.set(stage, stageLayers);
@@ -19339,6 +19176,16 @@
 	            return;
 	        }
 	        const { outerRadius = arcAttribute.outerRadius, innerRadius = arcAttribute.innerRadius, cap = arcAttribute.cap, forceShowCap = arcAttribute.forceShowCap } = arc.attribute;
+	        let conicalOffset = 0;
+	        const tempChangeConicalColor = ((isBoolean(cap) && cap) || cap[0]) && fill.gradient === 'conical';
+	        if (tempChangeConicalColor) {
+	            const { sc, startAngle, endAngle } = arc.getParsedAngle();
+	            if (abs(endAngle - startAngle) < pi2 - epsilon) {
+	                conicalOffset = sc || 0;
+	                fill.startAngle -= conicalOffset;
+	                fill.endAngle -= conicalOffset;
+	            }
+	        }
 	        let beforeRenderContribitionsRuned = false;
 	        const { isFullStroke, stroke: arrayStroke } = parseStroke(stroke);
 	        if (doFill || isFullStroke) {
@@ -19413,7 +19260,7 @@
 	                context.stroke();
 	            }
 	        }
-	        if (cap && forceShowCap) {
+	        if (((isBoolean(cap) && cap) || cap[1]) && forceShowCap) {
 	            const { startAngle: sa, endAngle: ea } = arc.getParsedAngle();
 	            const deltaAngle = abs(ea - sa);
 	            if (deltaAngle >= pi2 - epsilon) {
@@ -19467,6 +19314,10 @@
 	        this._arcAfterRenderContribitions.forEach(c => {
 	            c.drawShape(arc, context, x, y, doFill, doStroke, fVisible, sVisible, arcAttribute, drawContext, fillCb, strokeCb);
 	        });
+	        if (tempChangeConicalColor) {
+	            fill.startAngle += conicalOffset;
+	            fill.endAngle += conicalOffset;
+	        }
 	    }
 	    draw(arc, renderService, drawContext, params) {
 	        const { context } = drawContext;
@@ -19659,7 +19510,7 @@
 	        return path;
 	    }
 	    clone() {
-	        return new Circle({ ...this.attribute });
+	        return new Circle(Object.assign({}, this.attribute));
 	    }
 	}
 
@@ -20184,7 +20035,7 @@
 	        return false;
 	    }
 	    clone() {
-	        return new Text({ ...this.attribute });
+	        return new Text(Object.assign({}, this.attribute));
 	    }
 	}
 
@@ -20947,7 +20798,7 @@
 	            : new CustomPath2D().fromString(symbolInstance.pathStr, x, y, formattedSize[0], formattedSize[1]);
 	    }
 	    clone() {
-	        return new Symbol({ ...this.attribute });
+	        return new Symbol(Object.assign({}, this.attribute));
 	    }
 	};
 	Symbol$1.userSymbolMap = {};
@@ -21053,7 +20904,7 @@
 	        return path;
 	    }
 	    clone() {
-	        return new Line({ ...this.attribute });
+	        return new Line(Object.assign({}, this.attribute));
 	    }
 	};
 
@@ -21121,7 +20972,7 @@
 	        return path;
 	    }
 	    clone() {
-	        return new Rect({ ...this.attribute });
+	        return new Rect(Object.assign({}, this.attribute));
 	    }
 	}
 
@@ -21333,7 +21184,7 @@
 	        this.currentStates = [];
 	    }
 	    clone() {
-	        const glyph = new Glyph({ ...this.attribute });
+	        const glyph = new Glyph(Object.assign({}, this.attribute));
 	        glyph.setSubGraphic(this.subGraphic.map(g => g.clone()));
 	        return glyph;
 	    }
@@ -21887,7 +21738,7 @@
 	        return false;
 	    }
 	    clone() {
-	        return new Image({ ...this.attribute });
+	        return new Image(Object.assign({}, this.attribute));
 	    }
 	}
 
@@ -22445,7 +22296,7 @@
 	        this._frameCache = frame;
 	    }
 	    clone() {
-	        return new RichText({ ...this.attribute });
+	        return new RichText(Object.assign({}, this.attribute));
 	    }
 	    setStage(stage, layer) {
 	        super.setStage(stage, layer);
@@ -22589,7 +22440,7 @@
 	        return new CustomPath2D().fromCustomPath2D(this.getParsedPathShape(), x, y);
 	    }
 	    clone() {
-	        return new Path({ ...this.attribute });
+	        return new Path(Object.assign({}, this.attribute));
 	    }
 	}
 
@@ -22703,7 +22554,7 @@
 	        return path;
 	    }
 	    clone() {
-	        return new Area({ ...this.attribute });
+	        return new Area(Object.assign({}, this.attribute));
 	    }
 	}
 
@@ -22766,7 +22617,9 @@
 	            if (capWidth > epsilon && outerRadius > epsilon) {
 	                return {
 	                    startAngle: startAngle - sign * capAngle * startCap,
-	                    endAngle: endAngle + sign * capAngle * endCap
+	                    endAngle: endAngle + sign * capAngle * endCap,
+	                    sc: sign * capAngle * startCap,
+	                    ec: sign * capAngle * endCap
 	                };
 	            }
 	        }
@@ -22905,7 +22758,7 @@
 	        return path;
 	    }
 	    clone() {
-	        return new Arc({ ...this.attribute });
+	        return new Arc(Object.assign({}, this.attribute));
 	    }
 	}
 
@@ -23002,7 +22855,7 @@
 	        return path;
 	    }
 	    clone() {
-	        return new Polygon({ ...this.attribute });
+	        return new Polygon(Object.assign({}, this.attribute));
 	    }
 	}
 
@@ -24301,6 +24154,7 @@
 	            if (maxLineWidth > 0) {
 	                for (let i = 0; i < lines.length; i++) {
 	                    const str = lines[i];
+	                    let needCut = true;
 	                    if (i === lineCountLimit - 1) {
 	                        const clip = layoutObj.textMeasure.clipTextWithSuffix(str, layoutObj.textOptions, maxLineWidth, ellipsis);
 	                        linesLayout.push({
@@ -24320,13 +24174,14 @@
 	                            clip.str = '';
 	                            clip.width = 0;
 	                        }
+	                        needCut = false;
 	                    }
 	                    linesLayout.push({
 	                        str: clip.str,
 	                        width: clip.width
 	                    });
 	                    if (clip.str.length === str.length) ;
-	                    else {
+	                    else if (needCut) {
 	                        const newStr = str.substring(clip.str.length);
 	                        lines.splice(i + 1, 0, newStr);
 	                    }
@@ -26711,10 +26566,7 @@
 	    }
 	    allocate(data) {
 	        if (!this.pools.length) {
-	            return wrapCanvas({
-	                nativeCanvas: application.global.createCanvas(data),
-	                ...data
-	            });
+	            return wrapCanvas(Object.assign({ nativeCanvas: application.global.createCanvas(data) }, data));
 	        }
 	        const m = this.pools.pop();
 	        m.resize(data.width, data.height);
@@ -26728,10 +26580,7 @@
 	                height: canvas.height / canvas.dpr,
 	                dpr: canvas.dpr
 	            };
-	            return wrapCanvas({
-	                nativeCanvas: application.global.createCanvas(data),
-	                ...data
-	            });
+	            return wrapCanvas(Object.assign({ nativeCanvas: application.global.createCanvas(data) }, data));
 	        }
 	        const m = this.pools.pop();
 	        m.width = canvas.width;
@@ -27437,7 +27286,7 @@
 	        return;
 	    }
 	    draw(params) {
-	        this.drawContribution.draw(this, { ...this.drawParams });
+	        this.drawContribution.draw(this, Object.assign({}, this.drawParams));
 	    }
 	    afterDraw(params) {
 	        return;
@@ -27522,8 +27371,10 @@
 	        graphic.forEachChildren(cb, reverse);
 	    }
 	}
-	async function foreachAsync(graphic, defaultZIndex, cb, reverse = false) {
-	    await graphic.forEachChildrenAsync(cb, reverse);
+	function foreachAsync(graphic, defaultZIndex, cb, reverse = false) {
+	    return __awaiter(this, void 0, void 0, function* () {
+	        yield graphic.forEachChildrenAsync(cb, reverse);
+	    });
 	}
 	function findNextGraphic(graphic, id, defaultZIndex, reverse = false) {
 	    const childMap = {};
@@ -28131,12 +27982,12 @@
 	}
 	class OrthoCamera {
 	    set params(params) {
-	        this._params = { ...params };
+	        this._params = Object.assign({}, params);
 	        this._projectionMatrixCached = this.forceGetProjectionMatrix();
 	        this._viewMatrixCached = this.forceGetViewMatrix();
 	    }
 	    get params() {
-	        return { ...this._params };
+	        return Object.assign({}, this._params);
 	    }
 	    constructor(params) {
 	        this.params = params;
@@ -28350,9 +28201,9 @@
 	        }
 	    }
 	    constructor(canvas, dpr) {
-	        this.fillAttributes = { ...DefaultFillStyle, opacity: 1 };
-	        this.strokeAttributes = { ...DefaultStrokeStyle, opacity: 1 };
-	        this.textAttributes = { ...DefaultTextStyle, opacity: 1 };
+	        this.fillAttributes = Object.assign(Object.assign({}, DefaultFillStyle), { opacity: 1 });
+	        this.strokeAttributes = Object.assign(Object.assign({}, DefaultStrokeStyle), { opacity: 1 });
+	        this.textAttributes = Object.assign(Object.assign({}, DefaultTextStyle), { opacity: 1 });
 	        this._clearShadowStyle = false;
 	        this._clearFilterStyle = false;
 	        const context = canvas.nativeCanvas.getContext('2d');
@@ -30483,28 +30334,30 @@
 	    injectable()
 	], NodeEnvContribution);
 
-	async function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList) {
-	    const dpr = wx.getSystemInfoSync().pixelRatio;
-	    for (let i = 0; i < canvasIdLists.length; i++) {
-	        const id = canvasIdLists[i];
-	        await new Promise(resolve => {
-	            wx.createSelectorQuery()
-	                .select(`#${id}`)
-	                .fields({ node: true, size: true })
-	                .exec((res) => {
-	                const canvas = res[0].node;
-	                const width = res[0].width;
-	                const height = res[0].height;
-	                canvas.width = width * dpr;
-	                canvas.height = height * dpr;
-	                canvasMap.set(id, canvas);
-	                if (i >= freeCanvasIdx) {
-	                    freeCanvasList.push(canvas);
-	                }
-	                resolve(null);
+	function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList) {
+	    return __awaiter(this, void 0, void 0, function* () {
+	        const dpr = wx.getSystemInfoSync().pixelRatio;
+	        for (let i = 0; i < canvasIdLists.length; i++) {
+	            const id = canvasIdLists[i];
+	            yield new Promise(resolve => {
+	                wx.createSelectorQuery()
+	                    .select(`#${id}`)
+	                    .fields({ node: true, size: true })
+	                    .exec((res) => {
+	                    const canvas = res[0].node;
+	                    const width = res[0].width;
+	                    const height = res[0].height;
+	                    canvas.width = width * dpr;
+	                    canvas.height = height * dpr;
+	                    canvasMap.set(id, canvas);
+	                    if (i >= freeCanvasIdx) {
+	                        freeCanvasList.push(canvas);
+	                    }
+	                    resolve(null);
+	                });
 	            });
-	        });
-	    }
+	        }
+	    });
 	}
 	let WxEnvContribution = class WxEnvContribution extends exports.BaseEnvContribution {
 	    constructor() {
@@ -31500,22 +31353,14 @@
 	        }
 	        if (event.changedTouches.length > 0) {
 	            event.changedTouches.forEach((d, i) => {
-	                event.changedTouches[i] = {
-	                    ...event.changedTouches[i],
-	                    offsetX: d.x,
-	                    offsetY: d.y
-	                };
+	                event.changedTouches[i] = Object.assign(Object.assign({}, event.changedTouches[i]), { offsetX: d.x, offsetY: d.y });
 	            });
 	            event.offsetX = event.changedTouches[0].offsetX;
 	            event.offsetY = event.changedTouches[0].offsetY;
 	        }
 	        if (event.touches.length > 0) {
 	            event.touches.forEach((d, i) => {
-	                event.touches[i] = {
-	                    ...event.touches[i],
-	                    offsetX: d.x,
-	                    offsetY: d.y
-	                };
+	                event.touches[i] = Object.assign(Object.assign({}, event.touches[i]), { offsetX: d.x, offsetY: d.y });
 	            });
 	        }
 	        event.preventDefault = () => {
@@ -32609,12 +32454,7 @@
 	                this.canvas.applyPosition();
 	            }
 	        }
-	        params.renderService.render(group, {
-	            context: this.context,
-	            clear: (_a = params.background) !== null && _a !== void 0 ? _a : '#ffffff',
-	            ...params,
-	            ...userParams
-	        });
+	        params.renderService.render(group, Object.assign(Object.assign({ context: this.context, clear: (_a = params.background) !== null && _a !== void 0 ? _a : '#ffffff' }, params), userParams));
 	    }
 	    merge(layerHandlers) {
 	        layerHandlers.forEach(l => {
@@ -32629,11 +32469,7 @@
 	    drawTo(target, group, params) {
 	        var _a;
 	        const context = target.getContext();
-	        params.renderService.render(group, {
-	            context,
-	            ...params,
-	            clear: params.clear ? (_a = params.background) !== null && _a !== void 0 ? _a : '#fff' : undefined
-	        });
+	        params.renderService.render(group, Object.assign(Object.assign({ context }, params), { clear: params.clear ? (_a = params.background) !== null && _a !== void 0 ? _a : '#fff' : undefined }));
 	        return;
 	    }
 	    getContext() {
@@ -32681,13 +32517,7 @@
 	    }
 	    render(group, params) {
 	        var _a;
-	        params.renderService.render(group, {
-	            context: this.context,
-	            ...params,
-	            x: 0,
-	            y: 0,
-	            clear: (_a = params.background) !== null && _a !== void 0 ? _a : '#ffffff'
-	        });
+	        params.renderService.render(group, Object.assign(Object.assign({ context: this.context }, params), { x: 0, y: 0, clear: (_a = params.background) !== null && _a !== void 0 ? _a : '#ffffff' }));
 	    }
 	    prepare(dirtyBounds, params) {
 	        return;
@@ -33058,15 +32888,7 @@
 	        const idc = incrementalLayer.drawContribution || container.get(IncrementalDrawContribution);
 	        idc.dirtyBounds.setValue(-Infinity, -Infinity, Infinity, Infinity);
 	        idc.backupDirtyBounds.setValue(-Infinity, -Infinity, Infinity, Infinity);
-	        idc.draw(this.currentRenderService, {
-	            ...drawContext,
-	            drawContribution: idc,
-	            clear: 'transparent',
-	            layer: incrementalLayer.layer,
-	            context: incrementalContext,
-	            startAtId: group._uid,
-	            break: false
-	        });
+	        idc.draw(this.currentRenderService, Object.assign(Object.assign({}, drawContext), { drawContribution: idc, clear: 'transparent', layer: incrementalLayer.layer, context: incrementalContext, startAtId: group._uid, break: false }));
 	        incrementalLayer.drawContribution = idc;
 	        const nextGraphic = this._findNextGraphic(group);
 	        if (nextGraphic) {
@@ -33083,15 +32905,7 @@
 	                    subLayers.set(nextGraphic._uid, afterLayer);
 	                }
 	                const afterContext = afterLayer.layer.getNativeHandler().getContext();
-	                this.draw(this.currentRenderService, {
-	                    ...drawContext,
-	                    drawContribution: idc,
-	                    clear: 'transparent',
-	                    layer: afterLayer.layer,
-	                    context: afterContext,
-	                    startAtId: nextGraphic._uid,
-	                    break: false
-	                });
+	                this.draw(this.currentRenderService, Object.assign(Object.assign({}, drawContext), { drawContribution: idc, clear: 'transparent', layer: afterLayer.layer, context: afterContext, startAtId: nextGraphic._uid, break: false }));
 	            }
 	        }
 	    }
@@ -33486,164 +33300,178 @@
 	        this.defaultRenderMap.set(this.lineRender.numberType, this.lineRender);
 	        this.defaultRenderMap.set(this.areaRender.numberType, this.areaRender);
 	    }
-	    async draw(renderService, drawContext) {
-	        if (this.checkingForDrawPromise) {
-	            return;
-	        }
-	        this.lastRenderService = renderService;
-	        this.lastDrawContext = drawContext;
-	        this.checkingForDrawPromise = this.checkForDraw(drawContext);
-	        const skipDraw = await this.checkingForDrawPromise;
-	        this.checkingForDrawPromise = null;
-	        if (skipDraw) {
-	            return;
-	        }
-	        this.currentRenderService = renderService;
-	        const { context, x = 0, y = 0 } = drawContext;
-	        if (!context) {
-	            return;
-	        }
-	        context.inuse = true;
-	        context.clearMatrix();
-	        context.setTransformForCurrent(true);
-	        context.save();
-	        drawContext.restartIncremental && this.clearScreen(this.currentRenderService, context, drawContext);
-	        context.translate(x, y, true);
-	        context.save();
-	        renderService.renderTreeRoots
-	            .sort((a, b) => {
-	            var _a, _b;
-	            return ((_a = a.attribute.zIndex) !== null && _a !== void 0 ? _a : DefaultAttribute.zIndex) - ((_b = b.attribute.zIndex) !== null && _b !== void 0 ? _b : DefaultAttribute.zIndex);
-	        })
-	            .forEach(group => {
-	            this.renderGroup(group, drawContext);
-	        });
-	        this.hooks.completeDraw.tap('top-draw', () => {
-	            context.restore();
-	            context.restore();
-	            context.draw();
-	            context.inuse = false;
-	            this.rendering = false;
+	    draw(renderService, drawContext) {
+	        return __awaiter(this, void 0, void 0, function* () {
+	            if (this.checkingForDrawPromise) {
+	                return;
+	            }
+	            this.lastRenderService = renderService;
+	            this.lastDrawContext = drawContext;
+	            this.checkingForDrawPromise = this.checkForDraw(drawContext);
+	            const skipDraw = yield this.checkingForDrawPromise;
+	            this.checkingForDrawPromise = null;
+	            if (skipDraw) {
+	                return;
+	            }
+	            this.currentRenderService = renderService;
+	            const { context, x = 0, y = 0 } = drawContext;
+	            if (!context) {
+	                return;
+	            }
+	            context.inuse = true;
+	            context.clearMatrix();
+	            context.setTransformForCurrent(true);
+	            context.save();
+	            drawContext.restartIncremental && this.clearScreen(this.currentRenderService, context, drawContext);
+	            context.translate(x, y, true);
+	            context.save();
+	            renderService.renderTreeRoots
+	                .sort((a, b) => {
+	                var _a, _b;
+	                return ((_a = a.attribute.zIndex) !== null && _a !== void 0 ? _a : DefaultAttribute.zIndex) - ((_b = b.attribute.zIndex) !== null && _b !== void 0 ? _b : DefaultAttribute.zIndex);
+	            })
+	                .forEach(group => {
+	                this.renderGroup(group, drawContext);
+	            });
+	            this.hooks.completeDraw.tap('top-draw', () => {
+	                context.restore();
+	                context.restore();
+	                context.draw();
+	                context.inuse = false;
+	                this.rendering = false;
+	            });
 	        });
 	    }
-	    async _increaseRender(group, drawContext) {
-	        this.rendering = true;
-	        await this._renderIncrementalGroup(group, drawContext);
-	        return;
+	    _increaseRender(group, drawContext) {
+	        return __awaiter(this, void 0, void 0, function* () {
+	            this.rendering = true;
+	            yield this._renderIncrementalGroup(group, drawContext);
+	            return;
+	        });
 	    }
-	    async _renderIncrementalGroup(group, drawContext) {
-	        this.count = group.count;
-	        await new Promise(resolve => {
-	            this.renderItem(group, drawContext, {
-	                drawingCb: async () => {
-	                    if (group.count === 2) {
-	                        const graphic = group.getChildAt(0);
-	                        if (graphic.incremental && graphic.attribute.segments) {
-	                            if (!graphic.incrementalAt) {
-	                                graphic.incrementalAt = 0;
+	    _renderIncrementalGroup(group, drawContext) {
+	        return __awaiter(this, void 0, void 0, function* () {
+	            this.count = group.count;
+	            yield new Promise(resolve => {
+	                this.renderItem(group, drawContext, {
+	                    drawingCb: () => __awaiter(this, void 0, void 0, function* () {
+	                        if (group.count === 2) {
+	                            const graphic = group.getChildAt(0);
+	                            if (graphic.incremental && graphic.attribute.segments) {
+	                                if (!graphic.incrementalAt) {
+	                                    graphic.incrementalAt = 0;
+	                                }
+	                                while (graphic.incrementalAt < graphic.attribute.segments.length) {
+	                                    drawContext.multiGraphicOptions = {
+	                                        startAtIdx: graphic.incrementalAt,
+	                                        length: graphic.incremental
+	                                    };
+	                                    this.renderItem(graphic, drawContext);
+	                                    graphic.incrementalAt += graphic.incremental;
+	                                    yield this.waitToNextFrame();
+	                                }
 	                            }
-	                            while (graphic.incrementalAt < graphic.attribute.segments.length) {
-	                                drawContext.multiGraphicOptions = {
-	                                    startAtIdx: graphic.incrementalAt,
-	                                    length: graphic.incremental
-	                                };
+	                            else {
 	                                this.renderItem(graphic, drawContext);
-	                                graphic.incrementalAt += graphic.incremental;
-	                                await this.waitToNextFrame();
 	                            }
+	                            resolve(false);
+	                            return;
 	                        }
-	                        else {
-	                            this.renderItem(graphic, drawContext);
-	                        }
-	                        resolve(false);
-	                        return;
-	                    }
-	                    await foreachAsync(group, DefaultAttribute.zIndex, (item, i) => {
-	                        if (this.status === STATUS.STOP) {
-	                            return true;
-	                        }
-	                        if (item.isContainer) {
-	                            return false;
-	                        }
-	                        if (i < this.currentIdx) {
+	                        yield foreachAsync(group, DefaultAttribute.zIndex, (item, i) => {
+	                            if (this.status === STATUS.STOP) {
+	                                return true;
+	                            }
+	                            if (item.isContainer) {
+	                                return false;
+	                            }
+	                            if (i < this.currentIdx) {
+	                                return false;
+	                            }
+	                            const frameTail = this.currFrameStartAt + group.incremental;
+	                            if (i < frameTail) {
+	                                this.currentIdx = i + 1;
+	                                this.renderItem(item, drawContext);
+	                            }
+	                            if (i === frameTail - 1) {
+	                                this.currFrameStartAt = this.currentIdx;
+	                                return this.waitToNextFrame();
+	                            }
 	                            return false;
-	                        }
-	                        const frameTail = this.currFrameStartAt + group.incremental;
-	                        if (i < frameTail) {
-	                            this.currentIdx = i + 1;
-	                            this.renderItem(item, drawContext);
-	                        }
-	                        if (i === frameTail - 1) {
-	                            this.currFrameStartAt = this.currentIdx;
-	                            return this.waitToNextFrame();
-	                        }
-	                        return false;
-	                    });
-	                    resolve(false);
-	                }
+	                        });
+	                        resolve(false);
+	                    })
+	                });
 	            });
+	            this.hooks.completeDraw.call();
 	        });
-	        this.hooks.completeDraw.call();
 	    }
-	    async waitToNextFrame() {
-	        return new Promise(resolve => {
-	            this.global.getRequestAnimationFrame()(() => {
-	                resolve(false);
+	    waitToNextFrame() {
+	        return __awaiter(this, void 0, void 0, function* () {
+	            return new Promise(resolve => {
+	                this.global.getRequestAnimationFrame()(() => {
+	                    resolve(false);
+	                });
 	            });
 	        });
 	    }
-	    async checkForDraw(drawContext) {
-	        let skip = this.rendering;
-	        if (drawContext.restartIncremental) {
-	            skip = false;
-	            await this.forceStop();
-	            this.resetToInit();
-	        }
-	        return skip;
+	    checkForDraw(drawContext) {
+	        return __awaiter(this, void 0, void 0, function* () {
+	            let skip = this.rendering;
+	            if (drawContext.restartIncremental) {
+	                skip = false;
+	                yield this.forceStop();
+	                this.resetToInit();
+	            }
+	            return skip;
+	        });
 	    }
-	    async forceStop() {
-	        if (this.rendering) {
-	            this.status = STATUS.STOP;
-	            await new Promise(resolve => {
-	                this.hooks.completeDraw.tap('stopCb', () => {
-	                    this.status = STATUS.NORMAL;
-	                    this.hooks.completeDraw.taps = this.hooks.completeDraw.taps.filter(item => {
-	                        return item.name !== 'stopCb';
+	    forceStop() {
+	        return __awaiter(this, void 0, void 0, function* () {
+	            if (this.rendering) {
+	                this.status = STATUS.STOP;
+	                yield new Promise(resolve => {
+	                    this.hooks.completeDraw.tap('stopCb', () => {
+	                        this.status = STATUS.NORMAL;
+	                        this.hooks.completeDraw.taps = this.hooks.completeDraw.taps.filter(item => {
+	                            return item.name !== 'stopCb';
+	                        });
+	                        resolve(false);
 	                    });
-	                    resolve(false);
 	                });
-	            });
-	        }
+	            }
+	        });
 	    }
 	    resetToInit() {
 	        this.currFrameStartAt = 0;
 	        this.currentIdx = 0;
 	    }
-	    async renderGroup(group, drawContext) {
-	        if (drawContext.break || group.attribute.visibleAll === false) {
-	            return;
-	        }
-	        if (group.incremental && drawContext.startAtId === group._uid) {
-	            await this._increaseRender(group, drawContext);
-	            drawContext.break = true;
-	            return;
-	        }
-	        await new Promise(resolve => {
-	            this.renderItem(group, drawContext, {
-	                drawingCb: async () => {
-	                    await foreachAsync(group, DefaultAttribute.zIndex, async (item) => {
-	                        if (drawContext.break) {
-	                            return;
-	                        }
-	                        if (item.isContainer) {
-	                            await this.renderGroup(item, drawContext);
-	                        }
-	                        else {
-	                            return;
-	                        }
-	                    });
-	                    resolve(false);
-	                }
+	    renderGroup(group, drawContext) {
+	        return __awaiter(this, void 0, void 0, function* () {
+	            if (drawContext.break || group.attribute.visibleAll === false) {
+	                return;
+	            }
+	            if (group.incremental && drawContext.startAtId === group._uid) {
+	                yield this._increaseRender(group, drawContext);
+	                drawContext.break = true;
+	                return;
+	            }
+	            yield new Promise(resolve => {
+	                this.renderItem(group, drawContext, {
+	                    drawingCb: () => __awaiter(this, void 0, void 0, function* () {
+	                        yield foreachAsync(group, DefaultAttribute.zIndex, (item) => __awaiter(this, void 0, void 0, function* () {
+	                            if (drawContext.break) {
+	                                return;
+	                            }
+	                            if (item.isContainer) {
+	                                yield this.renderGroup(item, drawContext);
+	                            }
+	                            else {
+	                                return;
+	                            }
+	                        }));
+	                        resolve(false);
+	                    })
+	                });
 	            });
 	        });
 	    }
@@ -36186,20 +36014,8 @@
 	                if (!subLayer || !subLayer.drawContribution) {
 	                    return;
 	                }
-	                subLayer.drawContribution.draw(stage.renderService, {
-	                    x: stage.x,
-	                    y: stage.y,
-	                    width: layer.viewWidth,
-	                    height: layer.viewHeight,
-	                    stage,
-	                    layer,
-	                    clear: 'transparent',
-	                    renderService: stage.renderService,
-	                    updateBounds: false,
-	                    startAtId: group._uid,
-	                    context: subLayer.layer.getNativeHandler().getContext(),
-	                    ...this.nextUserParams
-	                });
+	                subLayer.drawContribution.draw(stage.renderService, Object.assign({ x: stage.x, y: stage.y, width: layer.viewWidth, height: layer.viewHeight, stage,
+	                    layer, clear: 'transparent', renderService: stage.renderService, updateBounds: false, startAtId: group._uid, context: subLayer.layer.getNativeHandler().getContext() }, this.nextUserParams));
 	            });
 	            this.nextUserParams = {};
 	            this.nextFrameRenderGroupSet.clear();
@@ -36512,8 +36328,8 @@
 
 	const defaultTicker = new DefaultTicker();
 	defaultTicker.addTimeline(defaultTimeline);
-	const DEFAULT_TICKER_FPS = 60;
-	defaultTicker.setFPS(DEFAULT_TICKER_FPS);
+	const TICKER_FPS = 60;
+	defaultTicker.setFPS(TICKER_FPS);
 
 	class DirectionalLight {
 	    constructor(dir, color, ambient = 0.8) {
@@ -36697,16 +36513,13 @@
 	    }
 	    get3dOptions(options) {
 	        const { center = { x: this.width / 2, y: this.height / 2, z: 0, dx: 0, dy: 0, dz: 0 }, light = {}, alpha = 0, beta = 0, camera, fieldRatio = 1, fieldDepth } = options;
-	        return {
-	            ...options,
-	            center,
+	        return Object.assign(Object.assign({}, options), { center,
 	            light,
 	            alpha,
 	            beta,
 	            camera,
 	            fieldRatio,
-	            fieldDepth
-	        };
+	            fieldDepth });
 	    }
 	    set3dOptions(options) {
 	        var _a, _b, _c, _d, _e, _f;
@@ -36893,7 +36706,7 @@
 	                renderService: this.renderService,
 	                background: layer === this.defaultLayer ? this.background : undefined,
 	                updateBounds: !!this.dirtyBounds
-	            }, { renderStyle: this.renderStyle, ...params });
+	            }, Object.assign({ renderStyle: this.renderStyle }, params));
 	        });
 	        this.combineLayersToWindow();
 	        this.nextFrameRenderLayerSet.clear();
@@ -36936,7 +36749,7 @@
 	                        renderService: this.renderService,
 	                        background: layer === this.defaultLayer ? this.background : undefined,
 	                        updateBounds: !!this.dirtyBounds
-	                    }, { renderStyle: this.renderStyle, ...(this.lastRenderparams || {}) });
+	                    }, Object.assign({ renderStyle: this.renderStyle }, (this.lastRenderparams || {})));
 	                }
 	            });
 	            this.combineLayersToWindow();
@@ -36964,7 +36777,7 @@
 	        this.forEachChildren(c => {
 	            c.resizeView(w, h);
 	        });
-	        this.camera && (this.camera.params = { ...this.camera.params, right: this.width, bottom: this.height });
+	        this.camera && (this.camera.params = Object.assign(Object.assign({}, this.camera.params), { right: this.width, bottom: this.height }));
 	        rerender && this.render();
 	    }
 	    setViewBox(x, y, w, h, rerender) {
@@ -37040,13 +36853,7 @@
 	    }
 	    renderTo(window, params) {
 	        this.forEachChildren((layer, i) => {
-	            layer.drawTo(window, {
-	                ...params,
-	                renderService: this.renderService,
-	                background: layer === this.defaultLayer ? this.background : undefined,
-	                clear: i === 0,
-	                updateBounds: !!this.dirtyBounds
-	            });
+	            layer.drawTo(window, Object.assign(Object.assign({}, params), { renderService: this.renderService, background: layer === this.defaultLayer ? this.background : undefined, clear: i === 0, updateBounds: !!this.dirtyBounds }));
 	        });
 	    }
 	    renderToNewWindow(fullImage = true) {
@@ -37119,7 +36926,7 @@
 	    'rect'
 	];
 
-	const version = "0.14.1";
+	const version = "0.14.3-alpha.1";
 
 	exports.ACustomAnimate = ACustomAnimate;
 	exports.ARC3D_NUMBER_TYPE = ARC3D_NUMBER_TYPE;