@visactor/vrender-core 0.17.8-alpha.0 → 0.17.9

package/dist/index.js

@@ -4439,6 +4439,123 @@
     }
     const canvasAllocate = new DefaultCanvasAllocate();
 
+    const VWindow = Symbol.for('VWindow');
+    const WindowHandlerContribution = Symbol.for('WindowHandlerContribution');
+    exports.DefaultWindow = class DefaultWindow {
+        get width() {
+            if (this._handler) {
+                const wh = this._handler.getWH();
+                return (this._width = wh.width);
+            }
+            return this._width;
+        }
+        get height() {
+            if (this._handler) {
+                const wh = this._handler.getWH();
+                return (this._height = wh.height);
+            }
+            return this._height;
+        }
+        get dpr() {
+            return this._handler.getDpr();
+        }
+        constructor() {
+            this.hooks = {
+                onChange: new SyncHook(['x', 'y', 'width', 'height'])
+            };
+            this._uid = Generator.GenAutoIncrementId();
+            this.global = application.global;
+            this.postInit();
+        }
+        postInit() {
+            this.global.hooks.onSetEnv.tap('window', () => {
+                this.active();
+            });
+            this.active();
+        }
+        active() {
+            const global = this.global;
+            if (!global.env || this.actived) {
+                return;
+            }
+            const handler = container.getNamed(WindowHandlerContribution, global.env);
+            handler.configure(this, global);
+            this.actived = true;
+        }
+        get style() {
+            return this._handler.getStyle();
+        }
+        set style(style) {
+            this._handler.setStyle(style);
+        }
+        create(params) {
+            this._handler.createWindow(params);
+            const windowWH = this._handler.getWH();
+            this._width = windowWH.width;
+            this._height = windowWH.height;
+            this.title = this._handler.getTitle();
+            this.resizable = true;
+        }
+        setWindowHandler(handler) {
+            this._handler = handler;
+        }
+        setDpr(dpr) {
+            return this._handler.setDpr(dpr);
+        }
+        resize(w, h) {
+            return this._handler.resizeWindow(w, h);
+        }
+        configure() {
+            throw new Error('暂不支持');
+        }
+        release() {
+            return this._handler.releaseWindow();
+        }
+        getContext() {
+            return this._handler.getContext();
+        }
+        getNativeHandler() {
+            return this._handler.getNativeHandler();
+        }
+        getImageBuffer(type) {
+            if (!this._handler.getImageBuffer) {
+                return null;
+            }
+            return this._handler.getImageBuffer(type);
+        }
+        addEventListener(type, listener, options) {
+            return this._handler.addEventListener(type, listener, options);
+        }
+        removeEventListener(type, listener, options) {
+            return this._handler.removeEventListener(type, listener, options);
+        }
+        dispatchEvent(event) {
+            return this._handler.dispatchEvent(event);
+        }
+        getBoundingClientRect() {
+            return this._handler.getBoundingClientRect();
+        }
+        getContainer() {
+            return this._handler.container;
+        }
+        clearViewBox(viewBox, color) {
+            this._handler.clearViewBox(viewBox, color);
+        }
+        isVisible(bbox) {
+            return this._handler.isVisible(bbox);
+        }
+        onVisibleChange(cb) {
+            return this._handler.onVisibleChange(cb);
+        }
+        getTopLeft(baseWindow) {
+            return this._handler.getTopLeft(baseWindow);
+        }
+    };
+    exports.DefaultWindow = __decorate([
+        injectable(),
+        __metadata("design:paramtypes", [])
+    ], exports.DefaultWindow);
+
     exports.DefaultGraphicUtil = class DefaultGraphicUtil {
         get canvas() {
             this.tryInitCanvas();
@@ -4501,6 +4618,46 @@
                     fontSize: DefaultTextStyle.fontSize
                 }, getCanvasForMeasure: getCanvasForMeasure || (() => this.canvas), getTextBounds: undefined, specialCharSet: '-/: .,@%\'"~' + vutils.TextMeasure.ALPHABET_CHAR_SET + vutils.TextMeasure.ALPHABET_CHAR_SET.toUpperCase() }, (option !== null && option !== void 0 ? option : {})), textSpec);
         }
+        drawGraphicToCanvas(graphic, stage, canvas) {
+            if (!stage.defaultLayer) {
+                return null;
+            }
+            const window = container.get(VWindow);
+            const bounds = graphic.AABBBounds;
+            const width = bounds.width();
+            const height = bounds.height();
+            window.create({
+                width,
+                height,
+                canvas,
+                dpr: stage.window.dpr,
+                canvasControled: true,
+                offscreen: true,
+                title: ''
+            });
+            const x = -bounds.x1;
+            const y = -bounds.y1;
+            const disableCheckGraphicWidthOutRange = stage.params.optimize.disableCheckGraphicWidthOutRange;
+            stage.params.optimize.disableCheckGraphicWidthOutRange = true;
+            stage.defaultLayer.getNativeHandler().drawTo(window, [graphic], {
+                x,
+                y,
+                width,
+                height,
+                stage,
+                layer: stage.defaultLayer,
+                renderService: stage.renderService,
+                background: 'transparent',
+                clear: true,
+                updateBounds: false
+            });
+            stage.params.optimize.disableCheckGraphicWidthOutRange = disableCheckGraphicWidthOutRange;
+            const c = window.getNativeHandler();
+            if (c.nativeCanvas) {
+                return c.nativeCanvas;
+            }
+            return null;
+        }
     };
     exports.DefaultGraphicUtil = __decorate([
         injectable(),
@@ -12643,123 +12800,6 @@
         __metadata("design:paramtypes", [])
     ], exports.DefaultLayerService);
 
-    const VWindow = Symbol.for('VWindow');
-    const WindowHandlerContribution = Symbol.for('WindowHandlerContribution');
-    exports.DefaultWindow = class DefaultWindow {
-        get width() {
-            if (this._handler) {
-                const wh = this._handler.getWH();
-                return (this._width = wh.width);
-            }
-            return this._width;
-        }
-        get height() {
-            if (this._handler) {
-                const wh = this._handler.getWH();
-                return (this._height = wh.height);
-            }
-            return this._height;
-        }
-        get dpr() {
-            return this._handler.getDpr();
-        }
-        constructor() {
-            this.hooks = {
-                onChange: new SyncHook(['x', 'y', 'width', 'height'])
-            };
-            this._uid = Generator.GenAutoIncrementId();
-            this.global = application.global;
-            this.postInit();
-        }
-        postInit() {
-            this.global.hooks.onSetEnv.tap('window', () => {
-                this.active();
-            });
-            this.active();
-        }
-        active() {
-            const global = this.global;
-            if (!global.env || this.actived) {
-                return;
-            }
-            const handler = container.getNamed(WindowHandlerContribution, global.env);
-            handler.configure(this, global);
-            this.actived = true;
-        }
-        get style() {
-            return this._handler.getStyle();
-        }
-        set style(style) {
-            this._handler.setStyle(style);
-        }
-        create(params) {
-            this._handler.createWindow(params);
-            const windowWH = this._handler.getWH();
-            this._width = windowWH.width;
-            this._height = windowWH.height;
-            this.title = this._handler.getTitle();
-            this.resizable = true;
-        }
-        setWindowHandler(handler) {
-            this._handler = handler;
-        }
-        setDpr(dpr) {
-            return this._handler.setDpr(dpr);
-        }
-        resize(w, h) {
-            return this._handler.resizeWindow(w, h);
-        }
-        configure() {
-            throw new Error('暂不支持');
-        }
-        release() {
-            return this._handler.releaseWindow();
-        }
-        getContext() {
-            return this._handler.getContext();
-        }
-        getNativeHandler() {
-            return this._handler.getNativeHandler();
-        }
-        getImageBuffer(type) {
-            if (!this._handler.getImageBuffer) {
-                return null;
-            }
-            return this._handler.getImageBuffer(type);
-        }
-        addEventListener(type, listener, options) {
-            return this._handler.addEventListener(type, listener, options);
-        }
-        removeEventListener(type, listener, options) {
-            return this._handler.removeEventListener(type, listener, options);
-        }
-        dispatchEvent(event) {
-            return this._handler.dispatchEvent(event);
-        }
-        getBoundingClientRect() {
-            return this._handler.getBoundingClientRect();
-        }
-        getContainer() {
-            return this._handler.container;
-        }
-        clearViewBox(viewBox, color) {
-            this._handler.clearViewBox(viewBox, color);
-        }
-        isVisible(bbox) {
-            return this._handler.isVisible(bbox);
-        }
-        onVisibleChange(cb) {
-            return this._handler.onVisibleChange(cb);
-        }
-        getTopLeft(baseWindow) {
-            return this._handler.getTopLeft(baseWindow);
-        }
-    };
-    exports.DefaultWindow = __decorate([
-        injectable(),
-        __metadata("design:paramtypes", [])
-    ], exports.DefaultWindow);
-
     var coreModule = new ContainerModule(bind => {
         bind(VGlobal).to(exports.DefaultGlobal).inSingletonScope();
         bind(VWindow).to(exports.DefaultWindow);
@@ -13084,8 +13124,17 @@
             return ConicalCanvas.ctx;
         }
     }
-    class ColorInterpolate {
+    class ColorInterpolate extends vutils.LRU {
+        static getInstance() {
+            if (!ColorInterpolate._instance) {
+                ColorInterpolate._instance = new ColorInterpolate();
+            }
+            return ColorInterpolate._instance;
+        }
         constructor(stops = [], precision = 100) {
+            super();
+            this.cacheParams = { CLEAN_THRESHOLD: 100, L_TIME: 1e3 };
+            this.dataMap = new Map();
             const canvas = ConicalCanvas.GetCanvas();
             const conicalCtx = ConicalCanvas.GetCtx();
             canvas.width = precision;
@@ -13109,25 +13158,21 @@
             const rgba = this.rgbaSet.slice(4 * offset, 4 * offset + 4);
             return `rgba(${rgba[0]}, ${rgba[1]}, ${rgba[2]}, ${rgba[3] / 255})`;
         }
-        static GetOrCreate(stops = [], precision = 100) {
-            let str = '';
+        GetOrCreate(x, y, w, h, stops = [], precision = 100) {
+            let str = `${x}${y}${w}${h}`;
             stops.forEach(item => (str += item.join()));
             str += precision;
-            let colorInter = ColorInterpolate.dataMap.get(str);
+            let colorInter = this.dataMap.get(str);
             if (!colorInter) {
-                colorInter = new ColorInterpolate(stops, precision);
-                ColorInterpolate.dataMap.set(str, colorInter);
+                const data = new ColorInterpolate(stops, precision);
+                colorInter = { data, timestamp: [] };
+                this.addLimitedTimestamp(colorInter, Date.now(), {});
+                this.dataMap.set(str, colorInter);
             }
-            return colorInter;
-        }
-        static SetColorInterpolateInstance(stops, ins) {
-            ColorInterpolate.dataMap.set(stops, ins);
-        }
-        static GetColorInterpolateInstance(stops) {
-            return ColorInterpolate.dataMap.get(stops);
+            this.clearCache(this.dataMap, this.cacheParams);
+            return colorInter.data;
         }
     }
-    ColorInterpolate.dataMap = new Map();
     class ConicalPatternStore {
         static GetSize(minSize) {
             for (let i = 0; i < ConicalPatternStore.ImageSize.length; i++) {
@@ -13218,7 +13263,7 @@
         const 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))));
         const stepNum = deltaDeg + 1;
         const step = deltaAngle / Math.max(1, stepNum - 1);
-        const colorInter = ColorInterpolate.GetOrCreate(stops, stepNum);
+        const colorInter = ColorInterpolate.getInstance().GetOrCreate(x, y, width, height, stops, stepNum);
         const lineWidth = (2 * Math.PI * r) / 360;
         conicalCanvas.width = width;
         conicalCanvas.height = height;
@@ -13550,7 +13595,7 @@
             var _a;
             const attribute = this.attribute;
             const textTheme = getTheme(this).text;
-            if (this.isMultiLine) {
+            if (!this.isSimplify()) {
                 return undefined;
             }
             const { maxLineWidth = textTheme.maxLineWidth } = attribute;
@@ -13561,7 +13606,7 @@
             return this.cache.clipedText;
         }
         get clipedWidth() {
-            if (this.isMultiLine) {
+            if (!this.isSimplify()) {
                 return undefined;
             }
             this.tryUpdateAABBBounds();
@@ -13570,7 +13615,7 @@
         get cliped() {
             const textTheme = getTheme(this).text;
             const attribute = this.attribute;
-            if (this.isMultiLine) {
+            if (!this.isSimplify()) {
                 return undefined;
             }
             const { maxLineWidth = textTheme.maxLineWidth } = attribute;
@@ -13578,6 +13623,9 @@
                 return false;
             }
             this.tryUpdateAABBBounds();
+            if (this.clipedText == null) {
+                return false;
+            }
             return this.clipedText !== attribute.text.toString();
         }
         get multilineLayout() {
@@ -13587,6 +13635,9 @@
             this.tryUpdateAABBBounds();
             return this.cache.layoutData;
         }
+        isSimplify() {
+            return !this.isMultiLine && this.attribute.direction !== 'vertical';
+        }
         get isMultiLine() {
             return Array.isArray(this.attribute.text) || this.attribute.whiteSpace === 'normal';
         }
@@ -15202,7 +15253,23 @@
             return super.needUpdateTag(key, RECT_UPDATE_TAG_KEY);
         }
         toCustomPath() {
-            throw new Error('暂不支持');
+            const attribute = this.attribute;
+            let width = vutils.isNil(attribute.width) ? attribute.x1 - attribute.x : attribute.width;
+            let height = vutils.isNil(attribute.height) ? attribute.y1 - attribute.y : attribute.height;
+            let x = 0;
+            let y = 0;
+            if (width < 0) {
+                x = width;
+                width = -width;
+            }
+            if (height < 0) {
+                y = height;
+                height = -height;
+            }
+            const path = new CustomPath2D();
+            path.moveTo(x, y);
+            path.rect(x, y, width, height);
+            return path;
         }
         clone() {
             return new Rect(Object.assign({}, this.attribute));
@@ -20782,8 +20849,10 @@
                                     y: (_d = endPoint.y1) !== null && _d !== void 0 ? _d : endPoint.y
                                 });
                         }
-                        lastBottomSeg = calcLineCache(bottomPoints, curveType === 'stepBefore' ? 'stepAfter' : curveType === 'stepAfter' ? 'stepBefore' : curveType);
-                        bottomCaches.unshift(lastBottomSeg);
+                        if (bottomPoints.length > 1) {
+                            lastBottomSeg = calcLineCache(bottomPoints, curveType === 'stepBefore' ? 'stepAfter' : curveType === 'stepAfter' ? 'stepBefore' : curveType);
+                            bottomCaches.unshift(lastBottomSeg);
+                        }
                     }
                     area.cacheArea = bottomCaches.map((item, index) => ({
                         top: topCaches[index],
@@ -22049,8 +22118,11 @@
         injectable()
     ], exports.Canvas3DPickItemInterceptor);
 
-    var pickModule = new ContainerModule(bind => {
-        bind(PickerService).toService(GlobalPickerService);
+    var pickModule = new ContainerModule((bind, unbind, isBound) => {
+        if (!isBound(PickerService)) {
+            bind(GlobalPickerService).toSelf();
+            bind(PickerService).toService(GlobalPickerService);
+        }
         bind(exports.Canvas3DPickItemInterceptor).toSelf().inSingletonScope();
         bind(PickItemInterceptor).toService(exports.Canvas3DPickItemInterceptor);
         bind(exports.ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope();
@@ -22937,8 +23009,8 @@
             context.inuse = true;
             context.clearMatrix();
             context.setTransformForCurrent(true);
-            const drawInArea = dirtyBounds.width() * context.dpr !== context.canvas.width ||
-                dirtyBounds.height() * context.dpr !== context.canvas.height;
+            const drawInArea = dirtyBounds.width() * context.dpr < context.canvas.width ||
+                dirtyBounds.height() * context.dpr < context.canvas.height;
             context.save();
             context.translate(x, y, true);
             if (drawInArea) {
@@ -22958,7 +23030,9 @@
                 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, matrixAllocate.allocate(1, 0, 0, 1, 0, 0));
+                group.isContainer
+                    ? this.renderGroup(group, drawContext, matrixAllocate.allocate(1, 0, 0, 1, 0, 0))
+                    : this.renderItem(group, drawContext);
             });
             context.restore();
             context.restore();
@@ -23677,13 +23751,21 @@
         container.load(renderModule);
     }
 
-    container.load(coreModule);
-    container.load(graphicModule);
-    container.load(renderModule$1);
-    container.load(pickModule);
-    container.load(pluginModule);
-    load$1(container);
-    load(container);
+    let loaded = false;
+    function preLoadAllModule() {
+        if (loaded) {
+            return;
+        }
+        loaded = true;
+        container.load(coreModule);
+        container.load(graphicModule);
+        container.load(renderModule$1);
+        container.load(pickModule);
+        container.load(pluginModule);
+        load$1(container);
+        load(container);
+    }
+    preLoadAllModule();
     const vglobal = container.get(VGlobal);
     application.global = vglobal;
     const graphicUtil = container.get(GraphicUtil);
@@ -24681,11 +24763,33 @@
         }
     }
 
+    let _isBrowserEnv;
+    function initIsBrowserEnv() {
+        if (_isBrowserEnv != null) {
+            return;
+        }
+        try {
+            _isBrowserEnv = !!window;
+        }
+        catch (err) {
+            _isBrowserEnv = false;
+        }
+        if (_isBrowserEnv) {
+            try {
+                _isBrowserEnv = !tt;
+            }
+            catch (err) {
+                _isBrowserEnv = true;
+            }
+        }
+    }
     function isBrowserEnv() {
-        return new Function('try {return this===window;}catch(e){ return false;}')();
+        initIsBrowserEnv();
+        return _isBrowserEnv;
     }
     function isNodeEnv() {
-        return new Function('try {return this===global;}catch(e){return false;}')();
+        initIsBrowserEnv();
+        return !_isBrowserEnv;
     }
     function getCurrentEnv() {
         return isBrowserEnv() ? 'browser' : 'node';
@@ -27535,6 +27639,7 @@
     exports.pointsEqual = pointsEqual;
     exports.pointsInterpolation = pointsInterpolation;
     exports.polygonModule = polygonModule;
+    exports.preLoadAllModule = preLoadAllModule;
     exports.pyramid3dModule = pyramid3dModule;
     exports.rafBasedSto = rafBasedSto;
     exports.rect3dModule = rect3dModule;