@visactor/vchart 0.0.1-alpha.0

package/esm/interaction/zoom/zoomable.js

@@ -0,0 +1,169 @@
+import { isNil } from "@visactor/vutils";
+
+import { RenderModeEnum } from "../../typings/spec";
+
+import { defaultTriggerEvent } from "../../component/common/trigger/config";
+
+import { isPointInRect } from "../../util";
+
+import { Event_Bubble_Level, Event_Source_Type } from "../../constant";
+
+export class Zoomable {
+    initZoomable(evt, mode = RenderModeEnum["desktop-browser"]) {
+        this._eventObj = evt, this._renderMode = mode, this._clickEnable = !0, this._zoomableTrigger = new (this.getTriggerEvent("trigger"));
+    }
+    getTriggerEvent(type) {
+        return defaultTriggerEvent[this._renderMode][type];
+    }
+    _bindZoomEventAsRegion(eventObj, regionOrSeries, callback) {
+        eventObj.on(this.getTriggerEvent("scrollEnd"), {
+            level: Event_Bubble_Level.chart,
+            consume: !1
+        }, (params => {
+            this._zoomableTrigger.clearZoom();
+        })), eventObj.on(this.getTriggerEvent("scroll"), {
+            level: Event_Bubble_Level.chart,
+            consume: !0
+        }, (params => {
+            if (!params.event) return;
+            const {event: event} = params;
+            this._zoomableTrigger.parserZoomEvent(event);
+            const {zoomDelta: zoomDelta, zoomX: zoomX, zoomY: zoomY} = event;
+            if (isNil(zoomDelta)) return;
+            if (!isPointInRect({
+                x: zoomX,
+                y: zoomY
+            }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint()))) return;
+            this._clickEnable = !1;
+            const scale = zoomDelta;
+            callback && callback({
+                zoomDelta: zoomDelta,
+                zoomX: zoomX,
+                zoomY: zoomY
+            }, event), this._eventObj.emit("zoom", {
+                scale: scale,
+                scaleCenter: {
+                    x: zoomX,
+                    y: zoomY
+                },
+                model: this
+            });
+        }));
+    }
+    initZoomEventOfSeries(s, callback) {
+        this._bindZoomEventAsRegion(s.event, s, callback);
+    }
+    initZoomEventOfRegions(regions, filter, callback) {
+        regions.forEach((r => {
+            filter ? r.getSeries().forEach((s => {
+                filter(s) && this._bindZoomEventAsRegion(s.event, s, callback);
+            })) : this._bindZoomEventAsRegion(this._eventObj, r, callback);
+        }));
+    }
+    initScrollEventOfSeries(s, callback) {
+        this._bindScrollEventAsRegion(s.event, s, callback);
+    }
+    initScrollEventOfRegions(regions, filter, callback) {
+        regions.forEach((r => {
+            filter ? r.getSeries().forEach((s => {
+                filter(s) && this._bindScrollEventAsRegion(s.event, s, callback);
+            })) : this._bindScrollEventAsRegion(this._eventObj, r, callback);
+        }));
+    }
+    _bindScrollEventAsRegion(eventObj, regionOrSeries, callback) {
+        eventObj.on(this.getTriggerEvent("scrollEnd"), {
+            level: Event_Bubble_Level.chart,
+            consume: !1
+        }, (params => {
+            this._zoomableTrigger.clearScroll();
+        })), eventObj.on(this.getTriggerEvent("scroll"), {
+            level: Event_Bubble_Level.chart,
+            consume: !0
+        }, (params => {
+            if (!params.event) return;
+            const {event: event} = params;
+            this._zoomableTrigger.parserScrollEvent(event);
+            const {scrollX: scrollX, scrollY: scrollY} = event;
+            isNil(scrollX) && isNil(scrollY) || isPointInRect({
+                x: event.canvasX,
+                y: event.canvasY
+            }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && (this._clickEnable = !1, 
+            callback && callback({
+                scrollX: scrollX,
+                scrollY: scrollY
+            }, event), this._eventObj.emit("scroll", {
+                scrollX: scrollX,
+                scrollY: scrollY,
+                model: this
+            }));
+        }));
+    }
+    _bindDragEventAsRegion(eventObj, regionOrSeries, callback) {
+        eventObj.on(this.getTriggerEvent("start"), {
+            level: Event_Bubble_Level.chart
+        }, (params => {
+            if (!params.event) return;
+            const {event: event} = params;
+            isPointInRect({
+                x: event.canvasX,
+                y: event.canvasY
+            }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && this._handleDrag(params, callback);
+        })), eventObj.on("click", {
+            level: Event_Bubble_Level.chart
+        }, (() => !this._clickEnable));
+    }
+    initDragEventOfSeries(s, callback) {
+        s.event.on(this.getTriggerEvent("start"), {
+            level: Event_Bubble_Level.model,
+            filter: ({model: model}) => (null == model ? void 0 : model.id) === s.id
+        }, (params => {
+            this._handleDrag(params, callback);
+        }));
+    }
+    initDragEventOfRegions(regions, filter, callback) {
+        regions.forEach((r => {
+            filter ? r.getSeries().forEach((s => {
+                filter(s) && (s.event.on(this.getTriggerEvent("start"), {
+                    level: Event_Bubble_Level.model,
+                    filter: ({model: model}) => (null == model ? void 0 : model.id) === s.id
+                }, (params => {
+                    this._handleDrag(params, callback);
+                })), s.event.on("click", {
+                    level: Event_Bubble_Level.model,
+                    filter: ({model: model}) => (null == model ? void 0 : model.id) === s.id
+                }, (() => !this._clickEnable)));
+            })) : this._bindDragEventAsRegion(this._eventObj, r, callback);
+        }));
+    }
+    _handleDrag(params, callback) {
+        if (this._clickEnable = !0, !this._zoomableTrigger.parserDragEvent(params.event)) return;
+        const move = this.getTriggerEvent("move"), end = this.getTriggerEvent("end"), event = params.event;
+        let x = event.canvasX, y = event.canvasY;
+        const mouseup = () => {
+            this._zoomableTrigger.pointerId = null, this._eventObj.off(move, {
+                level: Event_Bubble_Level.chart,
+                source: Event_Source_Type.chart
+            }, mousemove), this._eventObj.off(end, {
+                level: Event_Bubble_Level.chart,
+                source: Event_Source_Type.window
+            }, mouseup);
+        }, mousemove = params => {
+            if (!this._zoomableTrigger.parserDragEvent(params.event)) return;
+            this._clickEnable = !1;
+            const event = params.event, delta = [ event.canvasX - x, event.canvasY - y ];
+            x = event.canvasX, y = event.canvasY, callback && callback(delta, params.event), 
+            this._eventObj.emit("panmove", {
+                delta: delta,
+                model: this
+            });
+        };
+        this._eventObj.on(move, {
+            level: Event_Bubble_Level.chart,
+            source: Event_Source_Type.chart
+        }, mousemove), this._eventObj.on(end, {
+            level: Event_Bubble_Level.chart,
+            source: Event_Source_Type.chart
+        }, mouseup);
+    }
+}
+//# sourceMappingURL=zoomable.js.map

package/esm/interaction/zoom/zoomable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interaction/zoom/zoomable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAsCvE,MAAM,OAAO,QAAQ;IASnB,YAAY,CAAC,GAAW,EAAE,OAAmB,cAAc,CAAC,iBAAiB,CAAC;QAC5E,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAExB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,gBAAgB,GAAG,KAAK,IAAI,CAAC,eAAe,CAAC,SAAS,CAAS,GAAE,CAAC;IACzE,CAAC;IAGO,eAAe,CAAC,IAAY;QAClC,OAAO,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAEO,sBAAsB,CAC5B,QAAgB,EAChB,cAAiC,EACjC,QAA6G;QAE7G,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,EAAE;YAC3G,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,MAAM,CAAC,EAAE;YACvG,IAAI,CAAE,MAA0B,CAAC,KAAK,EAAE;gBACtC,OAAO;aACR;YACD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAyB,CAAC;YAC5C,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAE7C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAY,CAAC;YACjD,IAAI,KAAK,CAAC,SAAS,CAAC,EAAE;gBACpB,OAAO;aACR;YACD,IACE,CAAC,aAAa,CACZ;gBACE,CAAC,EAAE,KAAK;gBACR,CAAC,EAAE,KAAK;aACT,kCAEI,cAAc,CAAC,aAAa,EAAE,GAC9B,cAAc,CAAC,mBAAmB,EAAE,EAE1C,EACD;gBACA,OAAO;aACR;YACD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,MAAM,KAAK,GAAG,SAAS,CAAC;YAExB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;aAC9C;YAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE;gBAC1B,KAAK;gBACL,WAAW,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;gBACnC,KAAK,EAAE,IAAI;aACmB,CAAC,CAAC;QAOpC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,qBAAqB,CACnB,CAAU,EACV,QAA6G;QAE7G,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;IACpD,CAAC;IAED,sBAAsB,CACpB,OAAkB,EAClB,MAAgC,EAChC,QAA6G;QAE7G,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAClB,IAAI,MAAM,EAAE;gBACV,CAAC,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACxB,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;wBACb,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;qBACnD;gBACH,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;aAC1D;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,uBAAuB,CACrB,CAAU,EACV,QAA8F;QAE9F,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;IACtD,CAAC;IAED,wBAAwB,CACtB,OAAkB,EAClB,MAAgC,EAChC,QAA8F;QAE9F,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAClB,IAAI,MAAM,EAAE;gBACV,CAAC,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACxB,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;wBACb,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;qBACrD;gBACH,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;aAC5D;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,wBAAwB,CAC9B,QAAgB,EAChB,cAAiC,EACjC,QAA8F;QAE9F,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,EAAE;YAC3G,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,MAAM,CAAC,EAAE;YACvG,IAAI,CAAE,MAA0B,CAAC,KAAK,EAAE;gBACtC,OAAO;aACR;YACD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAyB,CAAC;YAC5C,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAE/C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAY,CAAC;YAC1C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;gBACpC,OAAO;aACR;YACD,IACE,CAAC,aAAa,CACZ;gBACE,CAAC,EAAE,KAAK,CAAC,OAAO;gBAChB,CAAC,EAAE,KAAK,CAAC,OAAO;aACjB,kCAEI,cAAc,CAAC,aAAa,EAAE,GAC9B,cAAc,CAAC,mBAAmB,EAAE,EAE1C,EACD;gBACA,OAAO;aACR;YACD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAE1B,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,CAAC;aACvC;YAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAC5B,OAAO;gBACP,OAAO;gBACP,KAAK,EAAE,IAAI;aACmB,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,sBAAsB,CAC5B,QAAgB,EAChB,cAAiC,EACjC,QAAyE;QAEzE,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,EAAE;YACvF,IAAI,CAAE,MAA0B,CAAC,KAAK,EAAE;gBACtC,OAAO;aACR;YAED,MAAM,EAAE,KAAK,EAAE,GAAG,MAAyB,CAAC;YAC5C,MAAM,aAAa,GAAG,aAAa,CACjC;gBACE,CAAC,EAAE,KAAK,CAAC,OAAO;gBAChB,CAAC,EAAE,KAAK,CAAC,OAAO;aACjB,kCAEI,cAAc,CAAC,aAAa,EAAE,GAC9B,cAAc,CAAC,mBAAmB,EAAE,EAE1C,CAAC;YACF,IAAI,aAAa,EAAE;gBACjB,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;aACpC;QACH,CAAC,CAAC,CAAC;QAGH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE;YAC7D,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,qBAAqB,CAAC,CAAU,EAAE,QAAyE;QACzG,CAAC,CAAC,KAAK,CAAC,EAAE,CACR,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAC7B,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,MAAK,CAAC,CAAC,EAAE,EAAE,EAC9E,MAAM,CAAC,EAAE;YACP,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC,CACF,CAAC;IACJ,CAAC;IAED,sBAAsB,CACpB,OAAkB,EAClB,MAAgC,EAChC,QAAyE;QAEzE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAClB,IAAI,MAAM,EAAE;gBACV,CAAC,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACxB,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;wBACb,CAAC,CAAC,KAAK,CAAC,EAAE,CACR,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAC7B,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,MAAK,CAAC,CAAC,EAAE,EAAE,EAC9E,MAAM,CAAC,EAAE;4BACP,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;wBACrC,CAAC,CACF,CAAC;wBAIF,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,MAAK,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE;4BACvG,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC;wBAC5B,CAAC,CAAC,CAAC;qBACJ;gBACH,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;aAC1D;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAES,WAAW,CACnB,MAAwB,EACxB,QAAyE;QAEzE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YACxD,OAAO;SACR;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QACxC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAY,CAAC;QAClC,IAAI,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;QAEtB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,CAAC,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC;YACvC,IAAI,CAAC,SAAS,CAAC,GAAG,CAChB,IAAI,EACJ,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,EACpE,SAA2B,CAC5B,CAAC;YACF,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,CAAC,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;QAC1G,CAAC,CAAC;QACF,MAAM,SAAS,GAAG,CAAC,MAAuB,EAAE,EAAE;YAC5C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBACxD,OAAO;aACR;YACD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAY,CAAC;YAClC,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;YAC7B,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;YAC7B,MAAM,KAAK,GAAqB,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YAEzC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;YAClB,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;YAElB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;aAC/B;YACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE;gBAC7B,KAAK;gBACL,KAAK,EAAE,IAAI;aACmB,CAAC,CAAC;QACpC,CAAC,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,EAAE,CACf,IAAI,EACJ,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,EACpE,SAA2B,CAC5B,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;IACxG,CAAC;CACF","file":"zoomable.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\nimport { isNil } from '@visactor/vutils';\nimport type { BaseEventParams, EventType, ExtendEventParam, IEvent } from '../../event/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { RenderMode } from '../../typings/spec';\nimport { RenderModeEnum } from '../../typings/spec';\nimport { defaultTriggerEvent } from '../../component/common/trigger/config';\nimport type { IZoomTrigger } from '../../component/common/trigger/interface';\nimport { isPointInRect } from '../../util';\nimport type { ISeries } from '../../series/interface';\nimport { Event_Bubble_Level, Event_Source_Type } from '../../constant';\n\nexport interface IZoomEventOptions {\n  shouldZoom?: boolean;\n  zoomCallback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void;\n  shouldScroll?: boolean;\n  scrollCallback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void;\n}\nexport interface IZoomable {\n  initZoomable: (evt: IEvent, mode?: RenderMode) => void;\n  initZoomEventOfSeries: (\n    s: ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) => any;\n  initZoomEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) => void;\n\n  initScrollEventOfSeries: (\n    s: ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) => any;\n  initScrollEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) => void;\n\n  initDragEventOfSeries: (s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void) => any;\n  initDragEventOfRegions: (\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void\n  ) => void;\n}\n\nexport class Zoomable implements IZoomable {\n  private _clickEnable: boolean;\n\n  private _zoomableTrigger: IZoomTrigger;\n\n  private _eventObj: IEvent;\n\n  private _renderMode: RenderMode;\n\n  initZoomable(evt: IEvent, mode: RenderMode = RenderModeEnum['desktop-browser']) {\n    this._eventObj = evt;\n    this._renderMode = mode;\n    // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n    this._clickEnable = true;\n    this._zoomableTrigger = new (this.getTriggerEvent('trigger') as any)();\n  }\n\n  // event\n  private getTriggerEvent(type: string): EventType {\n    return defaultTriggerEvent[this._renderMode][type];\n  }\n\n  private _bindZoomEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) {\n    eventObj.on(this.getTriggerEvent('scrollEnd'), { level: Event_Bubble_Level.chart, consume: false }, params => {\n      this._zoomableTrigger.clearZoom();\n    });\n    eventObj.on(this.getTriggerEvent('scroll'), { level: Event_Bubble_Level.chart, consume: true }, params => {\n      if (!(params as BaseEventParams).event) {\n        return;\n      }\n      const { event } = params as BaseEventParams;\n      this._zoomableTrigger.parserZoomEvent(event);\n      // FIXME: event类型目前不全\n      const { zoomDelta, zoomX, zoomY } = event as any;\n      if (isNil(zoomDelta)) {\n        return;\n      }\n      if (\n        !isPointInRect(\n          {\n            x: zoomX,\n            y: zoomY\n          },\n          {\n            ...regionOrSeries.getLayoutRect(),\n            ...regionOrSeries.getLayoutStartPoint()\n          }\n        )\n      ) {\n        return;\n      }\n      this._clickEnable = false;\n      const scale = zoomDelta;\n\n      if (callback) {\n        callback({ zoomDelta, zoomX, zoomY }, event);\n      }\n\n      this._eventObj.emit('zoom', {\n        scale,\n        scaleCenter: { x: zoomX, y: zoomY },\n        model: this\n      } as unknown as ExtendEventParam);\n\n      // this._eventObj.emit('scroll', {\n      //   scrollX: event.scrollX,\n      //   scrollY: event.scrollY,\n      //   model: this\n      // } as unknown as ExtendEventParam);\n    });\n  }\n\n  initZoomEventOfSeries(\n    s: ISeries,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) {\n    this._bindZoomEventAsRegion(s.event, s, callback);\n  }\n\n  initZoomEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { zoomDelta: number; zoomX: number; zoomY: number }, e: BaseEventParams['event']) => void\n  ) {\n    regions.forEach(r => {\n      if (filter) {\n        r.getSeries().forEach(s => {\n          if (filter(s)) {\n            this._bindZoomEventAsRegion(s.event, s, callback);\n          }\n        });\n      } else {\n        this._bindZoomEventAsRegion(this._eventObj, r, callback);\n      }\n    });\n  }\n\n  initScrollEventOfSeries(\n    s: ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) {\n    this._bindScrollEventAsRegion(s.event, s, callback);\n  }\n\n  initScrollEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) {\n    regions.forEach(r => {\n      if (filter) {\n        r.getSeries().forEach(s => {\n          if (filter(s)) {\n            this._bindScrollEventAsRegion(s.event, s, callback);\n          }\n        });\n      } else {\n        this._bindScrollEventAsRegion(this._eventObj, r, callback);\n      }\n    });\n  }\n\n  private _bindScrollEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) {\n    eventObj.on(this.getTriggerEvent('scrollEnd'), { level: Event_Bubble_Level.chart, consume: false }, params => {\n      this._zoomableTrigger.clearScroll();\n    });\n    eventObj.on(this.getTriggerEvent('scroll'), { level: Event_Bubble_Level.chart, consume: true }, params => {\n      if (!(params as BaseEventParams).event) {\n        return;\n      }\n      const { event } = params as BaseEventParams;\n      this._zoomableTrigger.parserScrollEvent(event);\n      // FIXME: event类型目前不全\n      const { scrollX, scrollY } = event as any;\n      if (isNil(scrollX) && isNil(scrollY)) {\n        return;\n      }\n      if (\n        !isPointInRect(\n          {\n            x: event.canvasX,\n            y: event.canvasY\n          },\n          {\n            ...regionOrSeries.getLayoutRect(),\n            ...regionOrSeries.getLayoutStartPoint()\n          }\n        )\n      ) {\n        return;\n      }\n      this._clickEnable = false;\n\n      if (callback) {\n        callback({ scrollX, scrollY }, event);\n      }\n\n      this._eventObj.emit('scroll', {\n        scrollX,\n        scrollY,\n        model: this\n      } as unknown as ExtendEventParam);\n    });\n  }\n\n  private _bindDragEventAsRegion(\n    eventObj: IEvent,\n    regionOrSeries: IRegion | ISeries,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void\n  ) {\n    eventObj.on(this.getTriggerEvent('start'), { level: Event_Bubble_Level.chart }, params => {\n      if (!(params as BaseEventParams).event) {\n        return;\n      }\n\n      const { event } = params as BaseEventParams;\n      const shouldTrigger = isPointInRect(\n        {\n          x: event.canvasX,\n          y: event.canvasY\n        },\n        {\n          ...regionOrSeries.getLayoutRect(),\n          ...regionOrSeries.getLayoutStartPoint()\n        }\n      );\n      if (shouldTrigger) {\n        this._handleDrag(params, callback);\n      }\n    });\n    // click 事件需要在drag和zoom时被屏蔽\n    // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n    eventObj.on('click', { level: Event_Bubble_Level.chart }, () => {\n      return !this._clickEnable;\n    });\n  }\n\n  initDragEventOfSeries(s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void) {\n    s.event.on(\n      this.getTriggerEvent('start'),\n      { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id },\n      params => {\n        this._handleDrag(params, callback);\n      }\n    );\n  }\n\n  initDragEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void\n  ) {\n    regions.forEach(r => {\n      if (filter) {\n        r.getSeries().forEach(s => {\n          if (filter(s)) {\n            s.event.on(\n              this.getTriggerEvent('start'),\n              { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id },\n              params => {\n                this._handleDrag(params, callback);\n              }\n            );\n\n            // click 事件需要在drag和zoom时被屏蔽\n            // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n            s.event.on('click', { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id }, () => {\n              return !this._clickEnable;\n            });\n          }\n        });\n      } else {\n        this._bindDragEventAsRegion(this._eventObj, r, callback);\n      }\n    });\n  }\n\n  protected _handleDrag(\n    params: ExtendEventParam,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void\n  ) {\n    this._clickEnable = true;\n    if (!this._zoomableTrigger.parserDragEvent(params.event)) {\n      return;\n    }\n    const move = this.getTriggerEvent('move');\n    const end = this.getTriggerEvent('end');\n    const event = params.event as any;\n    let x = event.canvasX;\n    let y = event.canvasY;\n\n    const mouseup = () => {\n      this._zoomableTrigger.pointerId = null;\n      this._eventObj.off(\n        move,\n        { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart },\n        mousemove as unknown as any\n      );\n      this._eventObj.off(end, { level: Event_Bubble_Level.chart, source: Event_Source_Type.window }, mouseup);\n    };\n    const mousemove = (params: BaseEventParams) => {\n      if (!this._zoomableTrigger.parserDragEvent(params.event)) {\n        return;\n      }\n      this._clickEnable = false;\n      const event = params.event as any;\n      const dx = event.canvasX - x;\n      const dy = event.canvasY - y;\n      const delta: [number, number] = [dx, dy];\n\n      x = event.canvasX;\n      y = event.canvasY;\n\n      if (callback) {\n        callback(delta, params.event);\n      }\n      this._eventObj.emit('panmove', {\n        delta,\n        model: this\n      } as unknown as ExtendEventParam);\n    };\n    this._eventObj.on(\n      move,\n      { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart },\n      mousemove as unknown as any\n    );\n    this._eventObj.on(end, { level: Event_Bubble_Level.chart, source: Event_Source_Type.chart }, mouseup);\n  }\n}\n"]}

package/esm/layout/grid-layout/grid-layout.d.ts

@@ -0,0 +1,78 @@
+import type { IChart } from '../../chart/interface/chart';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { ILayoutItem } from '../../model/interface';
+import type { IBaseLayout, ILayoutSpec } from '../interface';
+import type { IRect } from '../../typings/space';
+type ElementSpec = ({
+    modelKey: string;
+    modelIndex: number;
+} | {
+    modelId: string;
+}) & {
+    col: number;
+    colSpan?: number;
+    row: number;
+    rowSpan?: number;
+};
+export interface IGridInfo extends ILayoutSpec {
+    col: number;
+    row: number;
+    colWidth?: [
+        {
+            index: number;
+            size: number | ((maxSize: number) => number);
+        }
+    ];
+    rowHeight?: [
+        {
+            index: number;
+            size: number | ((maxSize: number) => number);
+        }
+    ];
+    elements: ElementSpec[];
+}
+type GridSize = {
+    value: number;
+    isUserSetting: boolean;
+    isLayoutSetting: boolean;
+};
+export declare class GridLayout implements IBaseLayout {
+    static type: 'grid';
+    private _chartLayoutRect;
+    private _chartViewBox;
+    protected _col: number;
+    protected _row: number;
+    protected _colSize: GridSize[];
+    protected _rowSize: GridSize[];
+    protected _colElements: ILayoutItem[][];
+    protected _rowElements: ILayoutItem[][];
+    protected _gridInfo: IGridInfo;
+    protected _elementMap: Map<ILayoutItem, ElementSpec>;
+    constructor(gridInfo: IGridInfo);
+    protected standardizationSpec(gridInfo: IGridInfo): void;
+    protected initUserSetting(): void;
+    protected setSizeFromUserSetting(userSetting: [
+        {
+            index: number;
+            size: number | ((maxSize: number) => number);
+        }
+    ], gridSize: GridSize[], gridMax: number, maxSize: number): void;
+    protected clearLayoutSize(): void;
+    protected getItemGridInfo(item: ILayoutItem): ElementSpec;
+    protected getSizeFromGird(spec: ElementSpec, type: 'col' | 'row'): number | undefined;
+    protected getSizeFromUser(spec: ElementSpec, type: 'col' | 'row'): number | undefined;
+    protected setItemLayoutSizeToGrid(item: ILayoutItem, gridSpec: ElementSpec): void;
+    protected layoutGrid(type: 'col' | 'row'): void;
+    protected getItemPosition(item: ILayoutItem): {
+        x: number;
+        y: number;
+    };
+    protected getItemLayoutRect(item: ILayoutItem): {
+        width: number;
+        height: number;
+    };
+    layoutItems(_chart: IChart, items: ILayoutItem[], chartLayoutRect: IRect, chartViewBox: IBoundsLike): void;
+    private layoutAbsoluteItems;
+    protected layoutOneItem(item: ILayoutItem, sizeType: 'user' | 'grid' | 'colGrid' | 'rowGrid', ignoreTag: boolean): void;
+}
+export {};

package/esm/layout/grid-layout/grid-layout.js

@@ -0,0 +1,171 @@
+import { isFunction, isValid, isValidNumber } from "../../util";
+
+export class GridLayout {
+    constructor(gridInfo) {
+        this._chartLayoutRect = {
+            x: 0,
+            y: 0,
+            width: 1,
+            height: 1
+        }, this._col = 1, this._row = 1, this._elementMap = new Map, this.standardizationSpec(gridInfo), 
+        this._gridInfo = gridInfo, this._col = gridInfo.col, this._row = gridInfo.row, this._colSize = new Array(this._col).fill(null), 
+        this._rowSize = new Array(this._row).fill(null), this._colElements = new Array(this._col).fill([]), 
+        this._rowElements = new Array(this._row).fill([]), this.initUserSetting();
+    }
+    standardizationSpec(gridInfo) {
+        var _a, _b, _c;
+        gridInfo.col = null !== (_a = gridInfo.col) && void 0 !== _a ? _a : 1, gridInfo.row = null !== (_b = gridInfo.row) && void 0 !== _b ? _b : 1, 
+        gridInfo.elements = null !== (_c = gridInfo.elements) && void 0 !== _c ? _c : [];
+    }
+    initUserSetting() {
+        this._gridInfo.colWidth && this.setSizeFromUserSetting(this._gridInfo.colWidth, this._colSize, this._col, this._chartLayoutRect.width), 
+        this._gridInfo.rowHeight && this.setSizeFromUserSetting(this._gridInfo.rowHeight, this._rowSize, this._row, this._chartLayoutRect.height), 
+        this._colSize.forEach(((c, i) => {
+            c || (this._colSize[i] = {
+                value: 0,
+                isUserSetting: !1,
+                isLayoutSetting: !1
+            });
+        })), this._rowSize.forEach(((r, i) => {
+            r || (this._rowSize[i] = {
+                value: 0,
+                isUserSetting: !1,
+                isLayoutSetting: !1
+            });
+        }));
+    }
+    setSizeFromUserSetting(userSetting, gridSize, gridMax, maxSize) {
+        userSetting.forEach((userSet => {
+            userSet.index < 0 && userSet.index >= gridMax || (isValidNumber(userSet.size) ? gridSize[userSet.index] = {
+                value: +userSet.size,
+                isUserSetting: !0,
+                isLayoutSetting: !1
+            } : isFunction(userSet.size) && (gridSize[userSet.index] = {
+                value: userSet.size(maxSize),
+                isUserSetting: !0,
+                isLayoutSetting: !1
+            }));
+        }));
+    }
+    clearLayoutSize() {
+        this._colSize.forEach((c => {
+            c.isLayoutSetting = !1, c.isUserSetting || (c.value = 0);
+        })), this._rowSize.forEach((r => {
+            r.isLayoutSetting = !1, r.isUserSetting || (r.value = 0);
+        }));
+    }
+    getItemGridInfo(item) {
+        var _a;
+        const mapResult = this._elementMap.get(item);
+        if (mapResult) return mapResult;
+        const model = item;
+        let result;
+        return result = null === (_a = this._gridInfo.elements) || void 0 === _a ? void 0 : _a.find((e => {
+            if ("modelId" in e && isValid(e.modelId)) {
+                if (isValid(model.userId) && model.userId === e.modelId) return !0;
+            } else if ("modelKey" in e && isValid(e.modelKey) && "modelIndex" in e && isValid(e.modelIndex) && model.specKey === e.modelKey && model.getSpecIndex() === e.modelIndex) return !0;
+            return !1;
+        })), result || (result = {
+            col: 0,
+            colSpan: 1,
+            row: 0,
+            rowSpan: 1
+        }), this._elementMap.set(item, result), result;
+    }
+    getSizeFromGird(spec, type) {
+        var _a;
+        const sizeList = "col" === type ? this._colSize : this._rowSize;
+        let result = 0;
+        for (let index = spec[type]; index < spec[type] + (null !== (_a = spec[`${type}Span`]) && void 0 !== _a ? _a : 1); index++) result += sizeList[index].value;
+        return result;
+    }
+    getSizeFromUser(spec, type) {
+        var _a;
+        const sizeList = "col" === type ? this._colSize : this._rowSize;
+        if (!sizeList[spec[type]].isUserSetting) return;
+        let result = 0;
+        for (let index = spec[type]; index < spec[type] + (null !== (_a = spec[`${type}Span`]) && void 0 !== _a ? _a : 1); index++) {
+            if (!sizeList[index].isUserSetting) return;
+            result += sizeList[index].value;
+        }
+        return result;
+    }
+    setItemLayoutSizeToGrid(item, gridSpec) {
+        if (isColItem(item)) {
+            if (gridSpec.colSpan && gridSpec.colSpan > 1) return;
+            if (this._colSize[gridSpec.col].isUserSetting) return;
+            this._colSize[gridSpec.col].value = Math.max(this._colSize[gridSpec.col].value, item.getLayoutRect().width + item.layoutPaddingLeft + item.layoutPaddingRight), 
+            this._colSize[gridSpec.col].isLayoutSetting = !0;
+        } else {
+            if (gridSpec.rowSpan && gridSpec.rowSpan > 1) return;
+            if (this._rowSize[gridSpec.row].isUserSetting) return;
+            this._rowSize[gridSpec.row].value = Math.max(this._rowSize[gridSpec.row].value, item.getLayoutRect().height + item.layoutPaddingTop + item.layoutPaddingBottom), 
+            this._rowSize[gridSpec.row].isLayoutSetting = !0;
+        }
+    }
+    layoutGrid(type) {
+        const gridSize = "col" === type ? this._colSize : this._rowSize;
+        let unSetSize = "col" === type ? this._chartLayoutRect.width : this._chartLayoutRect.height;
+        const willSize = [];
+        gridSize.forEach((s => {
+            s.isUserSetting || s.isLayoutSetting ? unSetSize -= s.value : willSize.push(s);
+        })), unSetSize < 0 && console.warn(`layout content ${type} size bigger than chart`), 
+        willSize.forEach((s => s.value = unSetSize / willSize.length));
+    }
+    getItemPosition(item) {
+        const gridSpec = this.getItemGridInfo(item), point = {
+            x: this._chartLayoutRect.x,
+            y: this._chartLayoutRect.y
+        };
+        for (let col = 0; col < gridSpec.col; col++) point.x += this._colSize[col].value;
+        for (let row = 0; row < gridSpec.row; row++) point.y += this._rowSize[row].value;
+        return point.x += item.layoutPaddingLeft, point.y += item.layoutPaddingTop, point;
+    }
+    getItemLayoutRect(item) {
+        var _a, _b;
+        const gridSpec = this.getItemGridInfo(item);
+        return {
+            width: (null !== (_a = this.getSizeFromGird(gridSpec, "col")) && void 0 !== _a ? _a : this._chartLayoutRect.width) - item.layoutPaddingLeft - item.layoutPaddingRight,
+            height: (null !== (_b = this.getSizeFromGird(gridSpec, "row")) && void 0 !== _b ? _b : this._chartLayoutRect.height) - item.layoutPaddingTop - item.layoutPaddingBottom
+        };
+    }
+    layoutItems(_chart, items, chartLayoutRect, chartViewBox) {
+        this._chartLayoutRect = chartLayoutRect, this._chartViewBox = chartViewBox, this.clearLayoutSize(), 
+        items.sort(((a, b) => b.layoutLevel - a.layoutLevel));
+        const normalItems = items.filter((item => "normal" === item.layoutType)), normalItemsCol = normalItems.filter((item => isColItem(item))), normalItemsRow = normalItems.filter((item => !isColItem(item)));
+        normalItems.forEach((item => {
+            this.layoutOneItem(item, "user", !1);
+        }));
+        const regionsRelative = items.filter((x => "region-relative" === x.layoutType)), regionsRelativeCol = regionsRelative.filter((item => isColItem(item))), regionsRelativeRow = regionsRelative.filter((item => !isColItem(item)));
+        regionsRelativeCol.forEach((item => this.layoutOneItem(item, "user", !1))), this.layoutGrid("col"), 
+        normalItemsRow.forEach((item => this.layoutOneItem(item, "colGrid", !1))), regionsRelativeRow.forEach((item => {
+            this.layoutOneItem(item, "colGrid", !1);
+        })), this.layoutGrid("row"), regionsRelativeRow.forEach((item => {
+            this.layoutOneItem(item, "grid", !1);
+        })), normalItemsCol.forEach((item => this.layoutOneItem(item, "grid", !1))), regionsRelativeCol.forEach((item => {
+            this.layoutOneItem(item, "grid", !0);
+        })), this.layoutGrid("col"), items.filter((x => "region" === x.layoutType)).forEach((item => this.layoutOneItem(item, "grid", !1))), 
+        this.layoutAbsoluteItems(items.filter((x => "absolute" === x.layoutType))), items.filter((x => "absolute" !== x.layoutType)).forEach((item => {
+            item.setLayoutStartPosition(this.getItemPosition(item));
+        }));
+    }
+    layoutAbsoluteItems(absoluteItems) {
+        absoluteItems.forEach((item => {
+            item.absoluteLayoutInRect(this._chartLayoutRect);
+        }));
+    }
+    layoutOneItem(item, sizeType, ignoreTag) {
+        var _a, _b;
+        const sizeCallRow = "rowGrid" === sizeType || "grid" === sizeType ? this.getSizeFromGird.bind(this) : this.getSizeFromUser.bind(this), sizeCallCol = "colGrid" === sizeType || "grid" === sizeType ? this.getSizeFromGird.bind(this) : this.getSizeFromUser.bind(this), gridSpec = this.getItemGridInfo(item), computeRect = {
+            width: (null !== (_a = sizeCallCol(gridSpec, "col")) && void 0 !== _a ? _a : this._chartLayoutRect.width) - item.layoutPaddingLeft - item.layoutPaddingRight,
+            height: (null !== (_b = sizeCallRow(gridSpec, "row")) && void 0 !== _b ? _b : this._chartLayoutRect.height) - item.layoutPaddingTop - item.layoutPaddingBottom
+        }, rect = item.computeBoundsInRect(computeRect);
+        isValidNumber(rect.width) || (rect.width = computeRect.width), isValidNumber(rect.height) || (rect.height = computeRect.height), 
+        item.setLayoutRect("grid" !== sizeType ? rect : computeRect), this.setItemLayoutSizeToGrid(item, gridSpec);
+    }
+}
+
+function isColItem(item) {
+    return "left" === item.layoutOrient || "right" === item.layoutOrient;
+}
+//# sourceMappingURL=grid-layout.js.map

package/esm/layout/grid-layout/grid-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["layout/grid-layout/grid-layout.ts"],"names":[],"mappings":"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","file":"grid-layout.js","sourcesContent":["import type { IChart } from '../../chart/interface/chart';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { IModel } from '../../model/interface';\nimport type { ILayoutItem } from '../../model/interface';\nimport type { IBaseLayout, ILayoutSpec } from '../interface';\nimport { isFunction, isValid, isValidNumber } from '../../util';\nimport type { IRect } from '../../typings/space';\n\ntype ElementSpec = (\n  | {\n      modelKey: string; // spec key\n      modelIndex: number;\n    }\n  | {\n      modelId: string;\n    }\n) & {\n  col: number;\n  colSpan?: number;\n  row: number;\n  rowSpan?: number;\n};\n\nexport interface IGridInfo extends ILayoutSpec {\n  col: number;\n  row: number;\n  colWidth?: [\n    {\n      index: number;\n      size: number | ((maxSize: number) => number);\n    }\n  ];\n  rowHeight?: [\n    {\n      index: number;\n      size: number | ((maxSize: number) => number);\n    }\n  ];\n  elements: ElementSpec[];\n}\n\ntype GridSize = {\n  value: number;\n  isUserSetting: boolean;\n  isLayoutSetting: boolean;\n};\n\n// type ElementType = {\n//   spec: ElementSpec;\n//   item: ILayoutItem;\n// };\n\nexport class GridLayout implements IBaseLayout {\n  static type: 'grid';\n  private _chartLayoutRect: IRect = { x: 0, y: 0, width: 1, height: 1 };\n  private _chartViewBox: IBoundsLike;\n\n  protected _col: number = 1;\n  protected _row: number = 1;\n  protected _colSize: GridSize[];\n  protected _rowSize: GridSize[];\n\n  protected _colElements: ILayoutItem[][];\n  protected _rowElements: ILayoutItem[][];\n\n  protected _gridInfo: IGridInfo;\n\n  protected _elementMap: Map<ILayoutItem, ElementSpec> = new Map();\n\n  constructor(gridInfo: IGridInfo) {\n    this.standardizationSpec(gridInfo);\n    this._gridInfo = gridInfo;\n    this._col = gridInfo.col;\n    this._row = gridInfo.row;\n    this._colSize = new Array(this._col).fill(null);\n    this._rowSize = new Array(this._row).fill(null);\n    this._colElements = new Array(this._col).fill([]);\n    this._rowElements = new Array(this._row).fill([]);\n\n    this.initUserSetting();\n  }\n\n  protected standardizationSpec(gridInfo: IGridInfo) {\n    gridInfo.col = gridInfo.col ?? 1;\n    gridInfo.row = gridInfo.row ?? 1;\n    gridInfo.elements = gridInfo.elements ?? [];\n  }\n\n  protected initUserSetting() {\n    // 先对用户设置的宽高进行设置\n    this._gridInfo.colWidth &&\n      this.setSizeFromUserSetting(this._gridInfo.colWidth, this._colSize, this._col, this._chartLayoutRect.width);\n\n    this._gridInfo.rowHeight &&\n      this.setSizeFromUserSetting(this._gridInfo.rowHeight, this._rowSize, this._row, this._chartLayoutRect.height);\n    // 其余位置默认填充0\n    this._colSize.forEach((c, i) => {\n      if (!c) {\n        this._colSize[i] = {\n          value: 0,\n          isUserSetting: false,\n          isLayoutSetting: false\n        };\n      }\n    });\n    this._rowSize.forEach((r, i) => {\n      if (!r) {\n        this._rowSize[i] = {\n          value: 0,\n          isUserSetting: false,\n          isLayoutSetting: false\n        };\n      }\n    });\n  }\n\n  /**\n   * 设置用户设置的 colWidth 和 rowHeight\n   */\n  protected setSizeFromUserSetting(\n    userSetting: [\n      {\n        index: number;\n        size: number | ((maxSize: number) => number);\n      }\n    ],\n    gridSize: GridSize[],\n    gridMax: number,\n    maxSize: number\n  ) {\n    userSetting.forEach(userSet => {\n      if (userSet.index < 0 && userSet.index >= gridMax) {\n        return;\n      }\n      if (isValidNumber(userSet.size)) {\n        gridSize[userSet.index] = {\n          value: +userSet.size,\n          isUserSetting: true,\n          isLayoutSetting: false\n        };\n      } else if (isFunction(userSet.size)) {\n        gridSize[userSet.index] = {\n          value: userSet.size(maxSize),\n          isUserSetting: true,\n          isLayoutSetting: false\n        };\n      }\n    });\n  }\n\n  protected clearLayoutSize() {\n    // 其余位置默认填充0\n    this._colSize.forEach(c => {\n      c.isLayoutSetting = false;\n      if (!c.isUserSetting) {\n        c.value = 0;\n      }\n    });\n    this._rowSize.forEach(r => {\n      r.isLayoutSetting = false;\n      if (!r.isUserSetting) {\n        r.value = 0;\n      }\n    });\n  }\n\n  protected getItemGridInfo(item: ILayoutItem): ElementSpec {\n    // map 中寻找\n    const mapResult = this._elementMap.get(item);\n    if (mapResult) {\n      return mapResult;\n    }\n    // 配置中匹配\n    const model = item as unknown as IModel;\n    let result: ElementSpec | undefined;\n    result = this._gridInfo.elements?.find(e => {\n      if ('modelId' in e && isValid(e.modelId)) {\n        if (isValid(model.userId) && model.userId === e.modelId) {\n          return true;\n        }\n      } else if ('modelKey' in e && isValid(e.modelKey) && 'modelIndex' in e && isValid(e.modelIndex)) {\n        if (model.specKey === e.modelKey && model.getSpecIndex() === e.modelIndex) {\n          return true;\n        }\n      }\n      return false;\n    });\n    // default\n    if (!result) {\n      result = {\n        col: 0,\n        colSpan: 1,\n        row: 0,\n        rowSpan: 1\n      } as ElementSpec;\n    }\n    this._elementMap.set(item, result);\n    return result;\n  }\n\n  protected getSizeFromGird(spec: ElementSpec, type: 'col' | 'row'): number | undefined {\n    const sizeList = type === 'col' ? this._colSize : this._rowSize;\n    let result = 0;\n    for (let index = spec[type]; index < spec[type] + (spec[`${type}Span`] ?? 1); index++) {\n      result += sizeList[index].value;\n    }\n    return result;\n  }\n\n  protected getSizeFromUser(spec: ElementSpec, type: 'col' | 'row'): number | undefined {\n    const sizeList = type === 'col' ? this._colSize : this._rowSize;\n    if (!sizeList[spec[type]].isUserSetting) {\n      return undefined;\n    }\n    let result = 0;\n    for (let index = spec[type]; index < spec[type] + (spec[`${type}Span`] ?? 1); index++) {\n      if (!sizeList[index].isUserSetting) {\n        return undefined;\n      }\n      result += sizeList[index].value;\n    }\n    return result;\n  }\n\n  protected setItemLayoutSizeToGrid(item: ILayoutItem, gridSpec: ElementSpec) {\n    if (isColItem(item)) {\n      if (gridSpec.colSpan && gridSpec.colSpan > 1) {\n        return;\n      }\n      if (this._colSize[gridSpec.col].isUserSetting) {\n        return;\n      }\n      this._colSize[gridSpec.col].value = Math.max(\n        this._colSize[gridSpec.col].value,\n        item.getLayoutRect().width + item.layoutPaddingLeft + item.layoutPaddingRight\n      );\n      this._colSize[gridSpec.col].isLayoutSetting = true;\n    } else {\n      if (gridSpec.rowSpan && gridSpec.rowSpan > 1) {\n        return;\n      }\n      if (this._rowSize[gridSpec.row].isUserSetting) {\n        return;\n      }\n      this._rowSize[gridSpec.row].value = Math.max(\n        this._rowSize[gridSpec.row].value,\n        item.getLayoutRect().height + item.layoutPaddingTop + item.layoutPaddingBottom\n      );\n      this._rowSize[gridSpec.row].isLayoutSetting = true;\n    }\n  }\n\n  protected layoutGrid(type: 'col' | 'row') {\n    const gridSize = type === 'col' ? this._colSize : this._rowSize;\n    let unSetSize = type === 'col' ? this._chartLayoutRect.width : this._chartLayoutRect.height;\n    const willSize: GridSize[] = [];\n    gridSize.forEach(s => {\n      if (s.isUserSetting || s.isLayoutSetting) {\n        unSetSize -= s.value;\n      } else {\n        willSize.push(s);\n      }\n    });\n    if (unSetSize < 0) {\n      console.warn(`layout content ${type} size bigger than chart`);\n    }\n    willSize.forEach(s => (s.value = unSetSize / willSize.length));\n  }\n\n  protected getItemPosition(item: ILayoutItem) {\n    const gridSpec = this.getItemGridInfo(item);\n    const point = { x: this._chartLayoutRect.x, y: this._chartLayoutRect.y };\n    for (let col = 0; col < gridSpec.col; col++) {\n      point.x += this._colSize[col].value;\n    }\n    for (let row = 0; row < gridSpec.row; row++) {\n      point.y += this._rowSize[row].value;\n    }\n    point.x += item.layoutPaddingLeft;\n    point.y += item.layoutPaddingTop;\n    return point;\n  }\n\n  protected getItemLayoutRect(item: ILayoutItem) {\n    const gridSpec = this.getItemGridInfo(item);\n    // 先设置空间\n    const rect = {\n      width:\n        (this.getSizeFromGird(gridSpec, 'col') ?? this._chartLayoutRect.width) -\n        item.layoutPaddingLeft -\n        item.layoutPaddingRight,\n      height:\n        (this.getSizeFromGird(gridSpec, 'row') ?? this._chartLayoutRect.height) -\n        item.layoutPaddingTop -\n        item.layoutPaddingBottom\n    };\n    return rect;\n  }\n\n  layoutItems(_chart: IChart, items: ILayoutItem[], chartLayoutRect: IRect, chartViewBox: IBoundsLike): void {\n    this._chartLayoutRect = chartLayoutRect;\n    this._chartViewBox = chartViewBox;\n    // 先清空旧布局信息\n    this.clearLayoutSize();\n    // 越大越先处理，进行排序调整，利用原地排序特性，排序会受 level 和传进来的数组顺序共同影响\n    items.sort((a, b) => b.layoutLevel - a.layoutLevel);\n\n    // 剔除 region 后，其余元素先布局运算\n    const normalItems = items.filter(item => item.layoutType === 'normal');\n    const normalItemsCol = normalItems.filter(item => isColItem(item));\n    const normalItemsRow = normalItems.filter(item => !isColItem(item));\n    normalItems.forEach(item => {\n      this.layoutOneItem(item, 'user', false);\n    });\n\n    // region 和 region 关联元素\n    const regionsRelative = items.filter(x => x.layoutType === 'region-relative');\n    const regionsRelativeCol = regionsRelative.filter(item => isColItem(item));\n    const regionsRelativeRow = regionsRelative.filter(item => !isColItem(item));\n    // 先进行 col 方向布局\n    regionsRelativeCol.forEach(item => this.layoutOneItem(item, 'user', false));\n    // 然后得到最终 col 信息 此时已经是最终 col 信息\n    this.layoutGrid('col');\n    // 再使用宽度信息辅助row方向排序\n    // 此时普通占位元素，会因为布局宽度影响最终布局高度\n    normalItemsRow.forEach(item => this.layoutOneItem(item, 'colGrid', false));\n    regionsRelativeRow.forEach(item => {\n      this.layoutOneItem(item, 'colGrid', false);\n    });\n    // 然后得到最终 row 信息\n    this.layoutGrid('row');\n    // 统一水平方向元素高度\n    regionsRelativeRow.forEach(item => {\n      this.layoutOneItem(item, 'grid', false);\n    });\n    // 再使用宽度信息，第二次次对 col 方向布局\n    normalItemsCol.forEach(item => this.layoutOneItem(item, 'grid', false));\n    regionsRelativeCol.forEach(item => {\n      // 此时从布局逻辑可知，item的layoutRect会发生，将item的layoutTag设置为true\n      this.layoutOneItem(item, 'grid', true);\n    });\n    this.layoutGrid('col');\n\n    // region\n    items.filter(x => x.layoutType === 'region').forEach(item => this.layoutOneItem(item, 'grid', false));\n\n    // 再找出 absolute 元素，无需排序，在 compiler 层需要排序放置\n    this.layoutAbsoluteItems(items.filter(x => x.layoutType === 'absolute'));\n\n    // 最后基于grid 设置位置\n    items\n      .filter(x => x.layoutType !== 'absolute')\n      .forEach(item => {\n        item.setLayoutStartPosition(this.getItemPosition(item));\n      });\n  }\n\n  /**\n   *\n   * 无需排序，在 compiler 层需要排序放置\n   *\n   * 重要：absolute 默认依据 region 进行相对依赖\n   */\n\n  private layoutAbsoluteItems(absoluteItems: ILayoutItem[]) {\n    absoluteItems.forEach(item => {\n      // 设置盒子\n      item.absoluteLayoutInRect(this._chartLayoutRect);\n    });\n  }\n\n  protected layoutOneItem(item: ILayoutItem, sizeType: 'user' | 'grid' | 'colGrid' | 'rowGrid', ignoreTag: boolean) {\n    const sizeCallRow =\n      sizeType === 'rowGrid' || sizeType === 'grid' ? this.getSizeFromGird.bind(this) : this.getSizeFromUser.bind(this);\n    const sizeCallCol =\n      sizeType === 'colGrid' || sizeType === 'grid' ? this.getSizeFromGird.bind(this) : this.getSizeFromUser.bind(this);\n    // 先获取 item 的 grid 信息\n    const gridSpec = this.getItemGridInfo(item);\n    // 先设置空间\n    const computeRect = {\n      width:\n        (sizeCallCol(gridSpec, 'col') ?? this._chartLayoutRect.width) -\n        item.layoutPaddingLeft -\n        item.layoutPaddingRight,\n      height:\n        (sizeCallRow(gridSpec, 'row') ?? this._chartLayoutRect.height) -\n        item.layoutPaddingTop -\n        item.layoutPaddingBottom\n    };\n    const rect = item.computeBoundsInRect(computeRect);\n    if (!isValidNumber(rect.width)) {\n      rect.width = computeRect.width;\n    }\n    if (!isValidNumber(rect.height)) {\n      rect.height = computeRect.height;\n    }\n    item.setLayoutRect(sizeType !== 'grid' ? rect : computeRect);\n    // 设置大小到grid\n    this.setItemLayoutSizeToGrid(item, gridSpec);\n  }\n}\n\nfunction isColItem(item: ILayoutItem) {\n  return item.layoutOrient === 'left' || item.layoutOrient === 'right';\n}\n"]}

package/esm/layout/index.d.ts

@@ -0,0 +1,21 @@
+import type { IChart } from '../chart/interface/chart';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { ILayoutItem } from '../model/interface';
+import type { IBaseLayout } from './interface';
+import type { IRect } from '../typings/space';
+import type { IRegion } from '../region/interface';
+export declare class Layout implements IBaseLayout {
+    private _leftCurrent;
+    private _topCurrent;
+    private _rightCurrent;
+    private _bottomCurrent;
+    _chartLayoutRect: IRect;
+    _chartViewBox: IBoundsLike;
+    layoutItems(_chart: IChart, items: ILayoutItem[], chartLayoutRect: IRect, chartViewBox: IBoundsLike): void;
+    private layoutNormalItems;
+    private layoutRegionItems;
+    private layoutAbsoluteItems;
+    filterRegionsWithID(regions: IRegion[], id: number): ILayoutItem;
+    private getItemComputeLayoutRect;
+    private _checkAutoIndent;
+}