@visactor/vrender 0.17.8-alpha.0 → 0.17.9

package/dist/index.js

@@ -2728,6 +2728,63 @@
     out.a = scaleX * a1, out.b = scaleX * b1, out.c = scaleY * c1, out.d = scaleY * d1, out.e = oe + oa * rotateCenterX + oc * rotateCenterY - a1 * offsetX - c1 * offsetY, out.f = of + ob * rotateCenterX + od * rotateCenterY - b1 * offsetX - d1 * offsetY;
   }
 
+  var LRU = /*#__PURE__*/function () {
+    function LRU() {
+      _classCallCheck(this, LRU);
+      this.CLEAN_THRESHOLD = 1e3, this.L_TIME = 1e3, this.R_COUNT = 1, this.R_TIMESTAMP_MAX_SIZE = 20;
+    }
+    _createClass(LRU, [{
+      key: "clearCache",
+      value: function clearCache(cache, params) {
+        var _params$CLEAN_THRESHO = params.CLEAN_THRESHOLD,
+          CLEAN_THRESHOLD = _params$CLEAN_THRESHO === void 0 ? this.CLEAN_THRESHOLD : _params$CLEAN_THRESHO,
+          _params$L_TIME = params.L_TIME,
+          L_TIME = _params$L_TIME === void 0 ? this.L_TIME : _params$L_TIME,
+          _params$R_COUNT = params.R_COUNT,
+          R_COUNT = _params$R_COUNT === void 0 ? this.R_COUNT : _params$R_COUNT;
+        if (cache.size < CLEAN_THRESHOLD) return 0;
+        var clearNum = 0;
+        var clear = function clear(key) {
+            clearNum++, cache["delete"](key);
+          },
+          now = Date.now();
+        return cache.forEach(function (item, key) {
+          if (item.timestamp.length < R_COUNT) return clear(key);
+          var useCount = 0;
+          for (; now - item.timestamp[item.timestamp.length - 1 - useCount] < L_TIME && (useCount++, !(useCount >= R_COUNT)););
+          if (useCount < R_COUNT) return clear(key);
+          for (; now - item.timestamp[0] > L_TIME;) item.timestamp.shift();
+        }), clearNum;
+      }
+    }, {
+      key: "addLimitedTimestamp",
+      value: function addLimitedTimestamp(cacheItem, t, params) {
+        var _params$R_TIMESTAMP_M = params.R_TIMESTAMP_MAX_SIZE,
+          R_TIMESTAMP_MAX_SIZE = _params$R_TIMESTAMP_M === void 0 ? this.R_TIMESTAMP_MAX_SIZE : _params$R_TIMESTAMP_M;
+        cacheItem.timestamp.length > R_TIMESTAMP_MAX_SIZE && cacheItem.timestamp.shift(), cacheItem.timestamp.push(t);
+      }
+    }, {
+      key: "clearTimeStamp",
+      value: function clearTimeStamp(cache, params) {
+        var _params$L_TIME2 = params.L_TIME,
+          L_TIME = _params$L_TIME2 === void 0 ? this.L_TIME : _params$L_TIME2,
+          now = Date.now();
+        cache.forEach(function (item) {
+          for (; now - item.timestamp[0] > L_TIME;) item.timestamp.shift();
+        });
+      }
+    }, {
+      key: "clearItemTimestamp",
+      value: function clearItemTimestamp(cacheItem, params) {
+        var _params$L_TIME3 = params.L_TIME,
+          L_TIME = _params$L_TIME3 === void 0 ? this.L_TIME : _params$L_TIME3,
+          now = Date.now();
+        for (; now - cacheItem.timestamp[0] > L_TIME;) cacheItem.timestamp.shift();
+      }
+    }]);
+    return LRU;
+  }();
+
   function hslToRgb(h, s, l) {
     s /= 100, l /= 100;
     var c = (1 - Math.abs(2 * l - 1)) * s,
@@ -3264,7 +3321,7 @@
       key: "initContext",
       value: function initContext() {
         if (this._notSupportCanvas) return !1;
-        if (isNil$1(this._canvas) && (isValid$1(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$1(this._canvas) && "undefined" != typeof window && void 0 !== window.document && isValid$1(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$1(this._context) && isValid$1(this._canvas)) {
+        if (isNil$1(this._canvas) && (isValid$1(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$1(this._canvas) && "undefined" != typeof window && void 0 !== window.document && globalThis && isValid$1(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$1(this._context) && isValid$1(this._canvas)) {
           var context = this._canvas.getContext("2d");
           isValid$1(context) && (context.save(), context.font = getContextFont$1(this.textSpec), this._contextSaved = !0, this._context = context);
         }
@@ -6196,6 +6253,168 @@
     },
     __metadata$1d = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+    };
+  var VWindow = Symbol["for"]("VWindow");
+  var WindowHandlerContribution = Symbol["for"]("WindowHandlerContribution");
+  exports.DefaultWindow = /*#__PURE__*/function () {
+    function DefaultWindow() {
+      _classCallCheck(this, DefaultWindow);
+      this.hooks = {
+        onChange: new SyncHook(["x", "y", "width", "height"])
+      }, this._uid = Generator.GenAutoIncrementId(), this.global = application.global, this.postInit();
+    }
+    _createClass(DefaultWindow, [{
+      key: "width",
+      get: function get() {
+        if (this._handler) {
+          var wh = this._handler.getWH();
+          return this._width = wh.width;
+        }
+        return this._width;
+      }
+    }, {
+      key: "height",
+      get: function get() {
+        if (this._handler) {
+          var wh = this._handler.getWH();
+          return this._height = wh.height;
+        }
+        return this._height;
+      }
+    }, {
+      key: "dpr",
+      get: function get() {
+        return this._handler.getDpr();
+      }
+    }, {
+      key: "postInit",
+      value: function postInit() {
+        var _this = this;
+        this.global.hooks.onSetEnv.tap("window", function () {
+          _this.active();
+        }), this.active();
+      }
+    }, {
+      key: "active",
+      value: function active() {
+        var global = this.global;
+        if (!global.env || this.actived) return;
+        container.getNamed(WindowHandlerContribution, global.env).configure(this, global), this.actived = !0;
+      }
+    }, {
+      key: "style",
+      get: function get() {
+        return this._handler.getStyle();
+      },
+      set: function set(style) {
+        this._handler.setStyle(style);
+      }
+    }, {
+      key: "create",
+      value: function create(params) {
+        this._handler.createWindow(params);
+        var windowWH = this._handler.getWH();
+        this._width = windowWH.width, this._height = windowWH.height, this.title = this._handler.getTitle(), this.resizable = !0;
+      }
+    }, {
+      key: "setWindowHandler",
+      value: function setWindowHandler(handler) {
+        this._handler = handler;
+      }
+    }, {
+      key: "setDpr",
+      value: function setDpr(dpr) {
+        return this._handler.setDpr(dpr);
+      }
+    }, {
+      key: "resize",
+      value: function resize(w, h) {
+        return this._handler.resizeWindow(w, h);
+      }
+    }, {
+      key: "configure",
+      value: function configure() {
+        throw new Error("暂不支持");
+      }
+    }, {
+      key: "release",
+      value: function release() {
+        return this._handler.releaseWindow();
+      }
+    }, {
+      key: "getContext",
+      value: function getContext() {
+        return this._handler.getContext();
+      }
+    }, {
+      key: "getNativeHandler",
+      value: function getNativeHandler() {
+        return this._handler.getNativeHandler();
+      }
+    }, {
+      key: "getImageBuffer",
+      value: function getImageBuffer(type) {
+        return this._handler.getImageBuffer ? this._handler.getImageBuffer(type) : null;
+      }
+    }, {
+      key: "addEventListener",
+      value: function addEventListener(type, listener, options) {
+        return this._handler.addEventListener(type, listener, options);
+      }
+    }, {
+      key: "removeEventListener",
+      value: function removeEventListener(type, listener, options) {
+        return this._handler.removeEventListener(type, listener, options);
+      }
+    }, {
+      key: "dispatchEvent",
+      value: function dispatchEvent(event) {
+        return this._handler.dispatchEvent(event);
+      }
+    }, {
+      key: "getBoundingClientRect",
+      value: function getBoundingClientRect() {
+        return this._handler.getBoundingClientRect();
+      }
+    }, {
+      key: "getContainer",
+      value: function getContainer() {
+        return this._handler.container;
+      }
+    }, {
+      key: "clearViewBox",
+      value: function clearViewBox(viewBox, color) {
+        this._handler.clearViewBox(viewBox, color);
+      }
+    }, {
+      key: "isVisible",
+      value: function isVisible(bbox) {
+        return this._handler.isVisible(bbox);
+      }
+    }, {
+      key: "onVisibleChange",
+      value: function onVisibleChange(cb) {
+        return this._handler.onVisibleChange(cb);
+      }
+    }, {
+      key: "getTopLeft",
+      value: function getTopLeft(baseWindow) {
+        return this._handler.getTopLeft(baseWindow);
+      }
+    }]);
+    return DefaultWindow;
+  }();
+  exports.DefaultWindow = __decorate$1A([injectable(), __metadata$1d("design:paramtypes", [])], exports.DefaultWindow);
+
+  var __decorate$1z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      var d,
+        c = arguments.length,
+        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+      return c > 3 && r && Object.defineProperty(target, key, r), r;
+    },
+    __metadata$1c = undefined && undefined.__metadata || function (k, v) {
+      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     },
     __param$Q = undefined && undefined.__param || function (paramIndex, decorator) {
       return function (target, key) {
@@ -6276,10 +6495,45 @@
           specialCharSet: "-/: .,@%'\"~" + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase()
         }, null != option ? option : {}), textSpec);
       }
+    }, {
+      key: "drawGraphicToCanvas",
+      value: function drawGraphicToCanvas(graphic, stage, canvas) {
+        if (!stage.defaultLayer) return null;
+        var window = container.get(VWindow),
+          bounds = graphic.AABBBounds,
+          width = bounds.width(),
+          height = bounds.height();
+        window.create({
+          width: width,
+          height: height,
+          canvas: canvas,
+          dpr: stage.window.dpr,
+          canvasControled: !0,
+          offscreen: !0,
+          title: ""
+        });
+        var x = -bounds.x1,
+          y = -bounds.y1,
+          disableCheckGraphicWidthOutRange = stage.params.optimize.disableCheckGraphicWidthOutRange;
+        stage.params.optimize.disableCheckGraphicWidthOutRange = !0, stage.defaultLayer.getNativeHandler().drawTo(window, [graphic], {
+          x: x,
+          y: y,
+          width: width,
+          height: height,
+          stage: stage,
+          layer: stage.defaultLayer,
+          renderService: stage.renderService,
+          background: "transparent",
+          clear: !0,
+          updateBounds: !1
+        }), stage.params.optimize.disableCheckGraphicWidthOutRange = disableCheckGraphicWidthOutRange;
+        var c = window.getNativeHandler();
+        return c.nativeCanvas ? c.nativeCanvas : null;
+      }
     }]);
     return DefaultGraphicUtil;
   }();
-  exports.DefaultGraphicUtil = __decorate$1A([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(TextMeasureContribution)), __metadata$1d("design:paramtypes", [Object])], exports.DefaultGraphicUtil);
+  exports.DefaultGraphicUtil = __decorate$1z([injectable(), __param$Q(0, inject(ContributionProvider)), __param$Q(0, named(TextMeasureContribution)), __metadata$1c("design:paramtypes", [Object])], exports.DefaultGraphicUtil);
   var TransformMode;
   !function (TransformMode) {
     TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
@@ -6356,7 +6610,7 @@
     }]);
     return DefaultTransformUtil;
   }();
-  exports.DefaultTransformUtil = __decorate$1A([injectable(), __metadata$1d("design:paramtypes", [])], exports.DefaultTransformUtil);
+  exports.DefaultTransformUtil = __decorate$1z([injectable(), __metadata$1c("design:paramtypes", [])], exports.DefaultTransformUtil);
 
   var defaultThemeObj = {
       arc: DefaultArcAttribute,
@@ -12871,14 +13125,14 @@
   var VirtualLayerHandlerContribution = Symbol["for"]("VirtualLayerHandlerContribution");
 
   var _DefaultLayerService_,
-    __decorate$1z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    __decorate$1y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
       return c > 3 && r && Object.defineProperty(target, key, r), r;
     },
-    __metadata$1c = undefined && undefined.__metadata || function (k, v) {
+    __metadata$1b = undefined && undefined.__metadata || function (k, v) {
       if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
     };
   exports.DefaultLayerService = _DefaultLayerService_ = /*#__PURE__*/function () {
@@ -12964,169 +13218,7 @@
     }]);
     return DefaultLayerService_1;
   }();
-  exports.DefaultLayerService.idprefix = "visactor_layer", exports.DefaultLayerService.prefix_count = 0, exports.DefaultLayerService = _DefaultLayerService_ = __decorate$1z([injectable(), __metadata$1c("design:paramtypes", [])], exports.DefaultLayerService);
-
-  var __decorate$1y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-      var d,
-        c = arguments.length,
-        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-      return c > 3 && r && Object.defineProperty(target, key, r), r;
-    },
-    __metadata$1b = undefined && undefined.__metadata || function (k, v) {
-      if ("object" == (typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-    };
-  var VWindow = Symbol["for"]("VWindow");
-  var WindowHandlerContribution = Symbol["for"]("WindowHandlerContribution");
-  exports.DefaultWindow = /*#__PURE__*/function () {
-    function DefaultWindow() {
-      _classCallCheck(this, DefaultWindow);
-      this.hooks = {
-        onChange: new SyncHook(["x", "y", "width", "height"])
-      }, this._uid = Generator.GenAutoIncrementId(), this.global = application.global, this.postInit();
-    }
-    _createClass(DefaultWindow, [{
-      key: "width",
-      get: function get() {
-        if (this._handler) {
-          var wh = this._handler.getWH();
-          return this._width = wh.width;
-        }
-        return this._width;
-      }
-    }, {
-      key: "height",
-      get: function get() {
-        if (this._handler) {
-          var wh = this._handler.getWH();
-          return this._height = wh.height;
-        }
-        return this._height;
-      }
-    }, {
-      key: "dpr",
-      get: function get() {
-        return this._handler.getDpr();
-      }
-    }, {
-      key: "postInit",
-      value: function postInit() {
-        var _this = this;
-        this.global.hooks.onSetEnv.tap("window", function () {
-          _this.active();
-        }), this.active();
-      }
-    }, {
-      key: "active",
-      value: function active() {
-        var global = this.global;
-        if (!global.env || this.actived) return;
-        container.getNamed(WindowHandlerContribution, global.env).configure(this, global), this.actived = !0;
-      }
-    }, {
-      key: "style",
-      get: function get() {
-        return this._handler.getStyle();
-      },
-      set: function set(style) {
-        this._handler.setStyle(style);
-      }
-    }, {
-      key: "create",
-      value: function create(params) {
-        this._handler.createWindow(params);
-        var windowWH = this._handler.getWH();
-        this._width = windowWH.width, this._height = windowWH.height, this.title = this._handler.getTitle(), this.resizable = !0;
-      }
-    }, {
-      key: "setWindowHandler",
-      value: function setWindowHandler(handler) {
-        this._handler = handler;
-      }
-    }, {
-      key: "setDpr",
-      value: function setDpr(dpr) {
-        return this._handler.setDpr(dpr);
-      }
-    }, {
-      key: "resize",
-      value: function resize(w, h) {
-        return this._handler.resizeWindow(w, h);
-      }
-    }, {
-      key: "configure",
-      value: function configure() {
-        throw new Error("暂不支持");
-      }
-    }, {
-      key: "release",
-      value: function release() {
-        return this._handler.releaseWindow();
-      }
-    }, {
-      key: "getContext",
-      value: function getContext() {
-        return this._handler.getContext();
-      }
-    }, {
-      key: "getNativeHandler",
-      value: function getNativeHandler() {
-        return this._handler.getNativeHandler();
-      }
-    }, {
-      key: "getImageBuffer",
-      value: function getImageBuffer(type) {
-        return this._handler.getImageBuffer ? this._handler.getImageBuffer(type) : null;
-      }
-    }, {
-      key: "addEventListener",
-      value: function addEventListener(type, listener, options) {
-        return this._handler.addEventListener(type, listener, options);
-      }
-    }, {
-      key: "removeEventListener",
-      value: function removeEventListener(type, listener, options) {
-        return this._handler.removeEventListener(type, listener, options);
-      }
-    }, {
-      key: "dispatchEvent",
-      value: function dispatchEvent(event) {
-        return this._handler.dispatchEvent(event);
-      }
-    }, {
-      key: "getBoundingClientRect",
-      value: function getBoundingClientRect() {
-        return this._handler.getBoundingClientRect();
-      }
-    }, {
-      key: "getContainer",
-      value: function getContainer() {
-        return this._handler.container;
-      }
-    }, {
-      key: "clearViewBox",
-      value: function clearViewBox(viewBox, color) {
-        this._handler.clearViewBox(viewBox, color);
-      }
-    }, {
-      key: "isVisible",
-      value: function isVisible(bbox) {
-        return this._handler.isVisible(bbox);
-      }
-    }, {
-      key: "onVisibleChange",
-      value: function onVisibleChange(cb) {
-        return this._handler.onVisibleChange(cb);
-      }
-    }, {
-      key: "getTopLeft",
-      value: function getTopLeft(baseWindow) {
-        return this._handler.getTopLeft(baseWindow);
-      }
-    }]);
-    return DefaultWindow;
-  }();
-  exports.DefaultWindow = __decorate$1y([injectable(), __metadata$1b("design:paramtypes", [])], exports.DefaultWindow);
+  exports.DefaultLayerService.idprefix = "visactor_layer", exports.DefaultLayerService.prefix_count = 0, exports.DefaultLayerService = _DefaultLayerService_ = __decorate$1y([injectable(), __metadata$1b("design:paramtypes", [])], exports.DefaultLayerService);
 
   var coreModule = new ContainerModule(function (bind) {
     bind(VGlobal).to(exports.DefaultGlobal).inSingletonScope(), bind(VWindow).to(exports.DefaultWindow), bind(GraphicUtil).to(exports.DefaultGraphicUtil).inSingletonScope(), bind(TransformUtil).to(exports.DefaultTransformUtil).inSingletonScope(), bind(LayerService).to(exports.DefaultLayerService).inSingletonScope();
@@ -13316,19 +13408,27 @@
     }]);
     return ConicalCanvas;
   }();
-  var ColorInterpolate = /*#__PURE__*/function () {
+  var ColorInterpolate = /*#__PURE__*/function (_LRU) {
+    _inherits(ColorInterpolate, _LRU);
+    var _super = _createSuper(ColorInterpolate);
     function ColorInterpolate() {
+      var _this;
       var stops = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
       _classCallCheck(this, ColorInterpolate);
+      _this = _super.call(this), _this.cacheParams = {
+        CLEAN_THRESHOLD: 100,
+        L_TIME: 1e3
+      }, _this.dataMap = new Map();
       var canvas = ConicalCanvas.GetCanvas(),
         conicalCtx = ConicalCanvas.GetCtx();
-      if (canvas.width = precision, canvas.height = 1, !conicalCtx) return;
+      if (canvas.width = precision, canvas.height = 1, !conicalCtx) return _possibleConstructorReturn(_this);
       if (conicalCtx.translate(0, 0), !conicalCtx) throw new Error("获取ctx发生错误");
       var gradient = conicalCtx.createLinearGradient(0, 0, precision, 0);
       stops.forEach(function (stop) {
         gradient.addColorStop(stop[0], stop[1]);
-      }), conicalCtx.fillStyle = gradient, conicalCtx.fillRect(0, 0, precision, 1), this.rgbaSet = conicalCtx.getImageData(0, 0, precision, 1).data;
+      }), conicalCtx.fillStyle = gradient, conicalCtx.fillRect(0, 0, precision, 1), _this.rgbaSet = conicalCtx.getImageData(0, 0, precision, 1).data;
+      return _this;
     }
     _createClass(ColorInterpolate, [{
       key: "getColor",
@@ -13336,32 +13436,32 @@
         var rgba = this.rgbaSet.slice(4 * offset, 4 * offset + 4);
         return "rgba(".concat(rgba[0], ", ").concat(rgba[1], ", ").concat(rgba[2], ", ").concat(rgba[3] / 255, ")");
       }
-    }], [{
+    }, {
       key: "GetOrCreate",
-      value: function GetOrCreate() {
-        var stops = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-        var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
-        var str = "";
+      value: function GetOrCreate(x, y, w, h) {
+        var stops = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+        var precision = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 100;
+        var str = "".concat(x).concat(y).concat(w).concat(h);
         stops.forEach(function (item) {
           return str += item.join();
         }), str += precision;
-        var colorInter = ColorInterpolate.dataMap.get(str);
-        return colorInter || (colorInter = new ColorInterpolate(stops, precision), ColorInterpolate.dataMap.set(str, colorInter)), colorInter;
-      }
-    }, {
-      key: "SetColorInterpolateInstance",
-      value: function SetColorInterpolateInstance(stops, ins) {
-        ColorInterpolate.dataMap.set(stops, ins);
+        var colorInter = this.dataMap.get(str);
+        if (!colorInter) {
+          colorInter = {
+            data: new ColorInterpolate(stops, precision),
+            timestamp: []
+          }, this.addLimitedTimestamp(colorInter, Date.now(), {}), this.dataMap.set(str, colorInter);
+        }
+        return this.clearCache(this.dataMap, this.cacheParams), colorInter.data;
       }
-    }, {
-      key: "GetColorInterpolateInstance",
-      value: function GetColorInterpolateInstance(stops) {
-        return ColorInterpolate.dataMap.get(stops);
+    }], [{
+      key: "getInstance",
+      value: function getInstance() {
+        return ColorInterpolate._instance || (ColorInterpolate._instance = new ColorInterpolate()), ColorInterpolate._instance;
       }
     }]);
     return ColorInterpolate;
-  }();
-  ColorInterpolate.dataMap = new Map();
+  }(LRU);
   var ConicalPatternStore = /*#__PURE__*/function () {
     function ConicalPatternStore() {
       _classCallCheck(this, ConicalPatternStore);
@@ -13433,7 +13533,7 @@
     var r = Math.sqrt(Math.max(Math.max(Math.pow(x, 2) + Math.pow(y, 2), Math.pow(width - x, 2) + Math.pow(y, 2)), Math.max(Math.pow(width - x, 2) + Math.pow(height - y, 2), Math.pow(x, 2) + Math.pow(height - y, 2)))),
       stepNum = deltaDeg + 1,
       step = deltaAngle / Math.max(1, stepNum - 1),
-      colorInter = ColorInterpolate.GetOrCreate(stops, stepNum),
+      colorInter = ColorInterpolate.getInstance().GetOrCreate(x, y, width, height, stops, stepNum),
       lineWidth = 2 * Math.PI * r / 360;
     conicalCanvas.width = width, conicalCanvas.height = height, conicalCtx.setTransform(1, 0, 0, 1, 0, 0), conicalCtx.clearRect(0, 0, width, height), conicalCtx.translate(x, y), conicalCtx.rotate(startAngle);
     for (var i = 0, len = stepNum - 1; i < len && !(startAngle + i * step > endAngle); i++) {
@@ -13701,7 +13801,7 @@
         var _a;
         var attribute = this.attribute,
           textTheme = getTheme(this).text;
-        if (this.isMultiLine) return;
+        if (!this.isSimplify()) return;
         var _attribute$maxLineWid = attribute.maxLineWidth,
           maxLineWidth = _attribute$maxLineWid === void 0 ? textTheme.maxLineWidth : _attribute$maxLineWid;
         return Number.isFinite(maxLineWidth) ? (this.tryUpdateAABBBounds(), this.cache.clipedText) : (null !== (_a = attribute.text) && void 0 !== _a ? _a : textTheme.text).toString();
@@ -13709,23 +13809,28 @@
     }, {
       key: "clipedWidth",
       get: function get() {
-        if (!this.isMultiLine) return this.tryUpdateAABBBounds(), this.cache.clipedWidth;
+        if (this.isSimplify()) return this.tryUpdateAABBBounds(), this.cache.clipedWidth;
       }
     }, {
       key: "cliped",
       get: function get() {
         var textTheme = getTheme(this).text,
           attribute = this.attribute;
-        if (this.isMultiLine) return;
+        if (!this.isSimplify()) return;
         var _attribute$maxLineWid2 = attribute.maxLineWidth,
           maxLineWidth = _attribute$maxLineWid2 === void 0 ? textTheme.maxLineWidth : _attribute$maxLineWid2;
-        return !!Number.isFinite(maxLineWidth) && (this.tryUpdateAABBBounds(), this.clipedText !== attribute.text.toString());
+        return !!Number.isFinite(maxLineWidth) && (this.tryUpdateAABBBounds(), null != this.clipedText && this.clipedText !== attribute.text.toString());
       }
     }, {
       key: "multilineLayout",
       get: function get() {
         if (this.isMultiLine) return this.tryUpdateAABBBounds(), this.cache.layoutData;
       }
+    }, {
+      key: "isSimplify",
+      value: function isSimplify() {
+        return !this.isMultiLine && "vertical" !== this.attribute.direction;
+      }
     }, {
       key: "isMultiLine",
       get: function get() {
@@ -15439,7 +15544,14 @@
     }, {
       key: "toCustomPath",
       value: function toCustomPath() {
-        throw new Error("暂不支持");
+        var attribute = this.attribute;
+        var width = isNil$1(attribute.width) ? attribute.x1 - attribute.x : attribute.width,
+          height = isNil$1(attribute.height) ? attribute.y1 - attribute.y : attribute.height,
+          x = 0,
+          y = 0;
+        width < 0 && (x = width, width = -width), height < 0 && (y = height, height = -height);
+        var path = new CustomPath2D();
+        return path.moveTo(x, y), path.rect(x, y, width, height), path;
       }
     }, {
       key: "clone",
@@ -19959,7 +20071,7 @@
                   y: null !== (_d = endPoint.y1) && void 0 !== _d ? _d : endPoint.y
                 });
               }
-              lastBottomSeg = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType), bottomCaches.unshift(lastBottomSeg);
+              bottomPoints.length > 1 && (lastBottomSeg = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType), bottomCaches.unshift(lastBottomSeg));
             }
             area.cacheArea = bottomCaches.map(function (item, index) {
               return {
@@ -21023,8 +21135,8 @@
   }();
   exports.Canvas3DPickItemInterceptor = __decorate$1i([injectable()], exports.Canvas3DPickItemInterceptor);
 
-  var pickModule = new ContainerModule(function (bind) {
-    bind(PickerService).toService(GlobalPickerService), bind(exports.Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.Canvas3DPickItemInterceptor), bind(exports.ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.ShadowRootPickItemInterceptorContribution), bind(exports.InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
+  var pickModule = new ContainerModule(function (bind, unbind, isBound) {
+    isBound(PickerService) || (bind(GlobalPickerService).toSelf(), bind(PickerService).toService(GlobalPickerService)), bind(exports.Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.Canvas3DPickItemInterceptor), bind(exports.ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.ShadowRootPickItemInterceptorContribution), bind(exports.InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
   });
 
   var graphicModule = new ContainerModule(function (bind) {
@@ -21836,12 +21948,12 @@
         }
         var d = context.dpr % 1;
         (d || .5 !== d) && (dirtyBounds.x1 = Math.floor(dirtyBounds.x1 * context.dpr) / context.dpr, dirtyBounds.y1 = Math.floor(dirtyBounds.y1 * context.dpr) / context.dpr, dirtyBounds.x2 = Math.ceil(dirtyBounds.x2 * context.dpr) / context.dpr, dirtyBounds.y2 = Math.ceil(dirtyBounds.y2 * context.dpr) / context.dpr), this.backupDirtyBounds.copy(dirtyBounds), context.inuse = !0, context.clearMatrix(), context.setTransformForCurrent(!0);
-        var drawInArea = dirtyBounds.width() * context.dpr !== context.canvas.width || dirtyBounds.height() * context.dpr !== context.canvas.height;
+        var drawInArea = dirtyBounds.width() * context.dpr < context.canvas.width || dirtyBounds.height() * context.dpr < context.canvas.height;
         context.save(), context.translate(x, y, !0), drawInArea && (context.beginPath(), context.rect(dirtyBounds.x1, dirtyBounds.y1, dirtyBounds.width(), dirtyBounds.height()), context.clip()), stage.camera && (this.dirtyBounds.setValue(-1 / 0, -1 / 0, 1 / 0, 1 / 0), this.backupDirtyBounds.setValue(-1 / 0, -1 / 0, 1 / 0, 1 / 0)), this.clearScreen(renderService, context, drawContext), context.save(), renderService.renderTreeRoots.sort(function (a, b) {
           var _a, _b;
           return (null !== (_a = a.attribute.zIndex) && void 0 !== _a ? _a : DefaultAttribute.zIndex) - (null !== (_b = b.attribute.zIndex) && void 0 !== _b ? _b : DefaultAttribute.zIndex);
         }).forEach(function (group) {
-          _this2.renderGroup(group, drawContext, matrixAllocate.allocate(1, 0, 0, 1, 0, 0));
+          group.isContainer ? _this2.renderGroup(group, drawContext, matrixAllocate.allocate(1, 0, 0, 1, 0, 0)) : _this2.renderItem(group, drawContext);
         }), context.restore(), context.restore(), context.draw(), context.inuse = !1;
       }
     }, {
@@ -22622,7 +22734,11 @@
     container.load(renderModule);
   }
 
-  container.load(coreModule), container.load(graphicModule), container.load(renderModule$1), container.load(pickModule), container.load(pluginModule), load$1(container), load(container);
+  var loaded$r = !1;
+  function preLoadAllModule() {
+    loaded$r || (loaded$r = !0, container.load(coreModule), container.load(graphicModule), container.load(renderModule$1), container.load(pickModule), container.load(pluginModule), load$1(container), load(container));
+  }
+  preLoadAllModule();
   var vglobal = container.get(VGlobal);
   application.global = vglobal;
   var graphicUtil = container.get(GraphicUtil);
@@ -23279,11 +23395,26 @@
     return OrthoCamera;
   }();
 
+  var _isBrowserEnv;
+  function initIsBrowserEnv() {
+    if (null == _isBrowserEnv) {
+      try {
+        _isBrowserEnv = !!window;
+      } catch (err) {
+        _isBrowserEnv = !1;
+      }
+      if (_isBrowserEnv) try {
+        _isBrowserEnv = !tt;
+      } catch (err) {
+        _isBrowserEnv = !0;
+      }
+    }
+  }
   function isBrowserEnv() {
-    return new Function("try {return this===window;}catch(e){ return false;}")();
+    return initIsBrowserEnv(), _isBrowserEnv;
   }
   function isNodeEnv() {
-    return new Function("try {return this===global;}catch(e){return false;}")();
+    return initIsBrowserEnv(), !_isBrowserEnv;
   }
   function getCurrentEnv() {
     return isBrowserEnv() ? "browser" : "node";
@@ -30829,7 +30960,7 @@
       key: "mapToCanvasPoint",
       value: function mapToCanvasPoint(event) {
         var _a;
-        return (null === (_a = null == event ? void 0 : event.type) || void 0 === _a ? void 0 : _a.startsWith("mouse")) ? event : null;
+        return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
       }
     }]);
     return FeishuEnvContribution;
@@ -31319,6 +31450,12 @@
           rafBasedSto.clear(h);
         };
       }
+    }, {
+      key: "mapToCanvasPoint",
+      value: function mapToCanvasPoint(event) {
+        var _a;
+        return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
+      }
     }, {
       key: "addEventListener",
       value: function addEventListener(type, listener, options) {
@@ -32177,6 +32314,12 @@
       value: function getStaticCanvasCount() {
         return 9999;
       }
+    }, {
+      key: "mapToCanvasPoint",
+      value: function mapToCanvasPoint(event) {
+        var _a;
+        return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
+      }
     }, {
       key: "configure",
       value: function configure(service, params) {
@@ -32748,7 +32891,7 @@
       key: "mapToCanvasPoint",
       value: function mapToCanvasPoint(event) {
         var _a;
-        return (null === (_a = null == event ? void 0 : event.type) || void 0 === _a ? void 0 : _a.startsWith("mouse")) ? event : null;
+        return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
       }
     }]);
     return WxEnvContribution;
@@ -34359,7 +34502,8 @@
 
   var roughModule = _roughModule;
 
-  const version = "0.17.8-alpha.0";
+  const version = "0.17.9";
+  preLoadAllModule();
   if (isBrowserEnv()) {
       loadBrowserEnv(container);
   }
@@ -34827,6 +34971,7 @@
   exports.polygonCanvasPickModule = polygonCanvasPickModule;
   exports.polygonMathPickModule = polygonMathPickModule;
   exports.polygonModule = polygonModule;
+  exports.preLoadAllModule = preLoadAllModule;
   exports.pyramid3dCanvasPickModule = pyramid3dCanvasPickModule;
   exports.pyramid3dModule = pyramid3dModule;
   exports.rafBasedSto = rafBasedSto;