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

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);
@@ -13550,7 +13590,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 +13601,7 @@
             return this.cache.clipedText;
         }
         get clipedWidth() {
-            if (this.isMultiLine) {
+            if (!this.isSimplify()) {
                 return undefined;
             }
             this.tryUpdateAABBBounds();
@@ -13570,7 +13610,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 +13618,9 @@
                 return false;
             }
             this.tryUpdateAABBBounds();
+            if (this.clipedText == null) {
+                return false;
+            }
             return this.clipedText !== attribute.text.toString();
         }
         get multilineLayout() {
@@ -13587,6 +13630,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 +15248,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 +20844,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 +22113,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 +23004,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 +23025,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 +23746,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 +24758,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 +27634,7 @@
     exports.pointsEqual = pointsEqual;
     exports.pointsInterpolation = pointsInterpolation;
     exports.polygonModule = polygonModule;
+    exports.preLoadAllModule = preLoadAllModule;
     exports.pyramid3dModule = pyramid3dModule;
     exports.rafBasedSto = rafBasedSto;
     exports.rect3dModule = rect3dModule;