@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

package/cjs/interaction/zoom/zoomable.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Zoomable = void 0;
+
+const vutils_1 = require("@visactor/vutils"), spec_1 = require("../../typings/spec"), config_1 = require("../../component/common/trigger/config"), util_1 = require("../../util"), constant_1 = require("../../constant");
+
+class Zoomable {
+    initZoomable(evt, mode = spec_1.RenderModeEnum["desktop-browser"]) {
+        this._eventObj = evt, this._renderMode = mode, config_1.defaultTriggerEvent[this._renderMode] && (this._clickEnable = !0, 
+        this._zoomableTrigger = new (this._getTriggerEvent("trigger")));
+    }
+    _getTriggerEvent(type) {
+        return config_1.defaultTriggerEvent[this._renderMode][type];
+    }
+    _bindZoomEventAsRegion(eventObj, regionOrSeries, callback) {
+        eventObj.on(this._getTriggerEvent("scrollEnd"), {
+            level: constant_1.Event_Bubble_Level.chart,
+            consume: !1
+        }, (params => {
+            this._zoomableTrigger.clearZoom();
+        })), eventObj.on(this._getTriggerEvent("scroll"), {
+            level: constant_1.Event_Bubble_Level.chart,
+            consume: !0
+        }, (params => {
+            if (!params.event) return;
+            const event = params.event.clone();
+            this._zoomableTrigger.parserZoomEvent(event);
+            const {zoomDelta: zoomDelta, zoomX: zoomX, zoomY: zoomY} = event;
+            (0, vutils_1.isNil)(zoomDelta) || (0, util_1.isPointInRect)({
+                x: zoomX,
+                y: zoomY
+            }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && (this._clickEnable = !1, 
+            callback && callback({
+                zoomDelta: zoomDelta,
+                zoomX: zoomX,
+                zoomY: zoomY
+            }, event), this._eventObj.emit("zoom", {
+                scale: event.zoomDelta,
+                scaleCenter: {
+                    x: event.zoomX,
+                    y: event.zoomY
+                },
+                model: this
+            }));
+        }));
+    }
+    initZoomEventOfSeries(s, callback) {
+        config_1.defaultTriggerEvent[this._renderMode] && this._bindZoomEventAsRegion(s.event, s, callback);
+    }
+    initZoomEventOfRegions(regions, filter, callback) {
+        config_1.defaultTriggerEvent[this._renderMode] && 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) {
+        config_1.defaultTriggerEvent[this._renderMode] && this._bindScrollEventAsRegion(s.event, s, callback);
+    }
+    initScrollEventOfRegions(regions, filter, callback) {
+        config_1.defaultTriggerEvent[this._renderMode] && 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: constant_1.Event_Bubble_Level.chart,
+            consume: !1
+        }, (params => {
+            this._zoomableTrigger.clearScroll();
+        })), eventObj.on(this._getTriggerEvent("scroll"), {
+            level: constant_1.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;
+            (0, vutils_1.isNil)(scrollX) && (0, vutils_1.isNil)(scrollY) || (0, util_1.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: constant_1.Event_Bubble_Level.chart
+        }, (params => {
+            if (!params.event) return;
+            const {event: event} = params;
+            (0, util_1.isPointInRect)({
+                x: event.canvasX,
+                y: event.canvasY
+            }, Object.assign(Object.assign({}, regionOrSeries.getLayoutRect()), regionOrSeries.getLayoutStartPoint())) && this._handleDrag(params, callback);
+        })), eventObj.on("click", {
+            level: constant_1.Event_Bubble_Level.chart
+        }, (() => !this._clickEnable));
+    }
+    initDragEventOfSeries(s, callback) {
+        config_1.defaultTriggerEvent[this._renderMode] && s.event.on(this._getTriggerEvent("start"), {
+            level: constant_1.Event_Bubble_Level.model,
+            filter: ({model: model}) => (null == model ? void 0 : model.id) === s.id
+        }, (params => {
+            this._handleDrag(params, callback);
+        }));
+    }
+    initDragEventOfRegions(regions, filter, callback) {
+        config_1.defaultTriggerEvent[this._renderMode] && regions.forEach((r => {
+            filter ? r.getSeries().forEach((s => {
+                filter(s) && (s.event.on(this._getTriggerEvent("start"), {
+                    level: constant_1.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: constant_1.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: constant_1.Event_Bubble_Level.chart,
+                source: constant_1.Event_Source_Type.chart
+            }, mousemove), this._eventObj.off(end, {
+                level: constant_1.Event_Bubble_Level.chart,
+                source: constant_1.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: constant_1.Event_Bubble_Level.chart,
+            source: constant_1.Event_Source_Type.chart
+        }, mousemove), this._eventObj.on(end, {
+            level: constant_1.Event_Bubble_Level.chart,
+            source: constant_1.Event_Source_Type.chart
+        }, mouseup);
+    }
+}
+
+exports.Zoomable = Zoomable;
+//# sourceMappingURL=zoomable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/zoom/zoomable.ts"],"names":[],"mappings":"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","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    if (defaultTriggerEvent[this._renderMode]) {\n      // hack 应该由事件系统做？或者事件系统有更好的方式处理这种交互冲突场景\n      this._clickEnable = true;\n      this._zoomableTrigger = new (this._getTriggerEvent('trigger') as any)();\n    }\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).event.clone();\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\n      if (callback) {\n        // zoomDelta, zoomX, zoomY can be changed in the callback\n        callback({ zoomDelta, zoomX, zoomY }, event);\n      }\n\n      this._eventObj.emit('zoom', {\n        scale: event.zoomDelta,\n        scaleCenter: { x: event.zoomX, y: event.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    if (defaultTriggerEvent[this._renderMode]) {\n      this._bindZoomEventAsRegion(s.event, s, callback);\n    }\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    if (defaultTriggerEvent[this._renderMode]) {\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\n  initScrollEventOfSeries(\n    s: ISeries,\n    callback?: (params: { scrollX: number; scrollY: number }, e: BaseEventParams['event']) => void\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\n      this._bindScrollEventAsRegion(s.event, s, callback);\n    }\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    if (defaultTriggerEvent[this._renderMode]) {\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\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    if (defaultTriggerEvent[this._renderMode]) {\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\n  initDragEventOfRegions(\n    regions: IRegion[],\n    filter?: (s: ISeries) => boolean,\n    callback?: (delta: [number, number], e: BaseEventParams['event']) => void\n  ) {\n    if (defaultTriggerEvent[this._renderMode]) {\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(\n                'click',\n                { level: Event_Bubble_Level.model, filter: ({ model }) => model?.id === s.id },\n                () => {\n                  return !this._clickEnable;\n                }\n              );\n            }\n          });\n        } else {\n          this._bindDragEventAsRegion(this._eventObj, r, callback);\n        }\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/cjs/layout/base-layout.d.ts

@@ -0,0 +1,28 @@
+import type { utilFunctionCtx } from '../typings/params';
+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 { IPadding, IRect } from '../typings/space';
+import type { IRegion } from '../region/interface';
+export declare class Layout implements IBaseLayout {
+    protected _leftCurrent: number;
+    protected _topCurrent: number;
+    protected _rightCurrent: number;
+    protected _bottomCurrent: number;
+    _chartLayoutRect: IRect;
+    _chartViewBox: IBoundsLike;
+    protected _onError: (msg: string) => void;
+    constructor(_spec?: unknown, ctx?: utilFunctionCtx);
+    layoutItems(_chart: IChart, items: ILayoutItem[], chartLayoutRect: IRect, chartViewBox: IBoundsLike): void;
+    protected layoutNormalItems(normalItems: ILayoutItem[]): void;
+    protected layoutNormalInlineItems(normalItems: ILayoutItem[]): void;
+    protected layoutRegionItems(regionItems: IRegion[], regionRelativeItems: ILayoutItem[]): void;
+    protected layoutAbsoluteItems(absoluteItems: ILayoutItem[]): void;
+    filterRegionsWithID(regions: IRegion[], id: number): ILayoutItem;
+    protected getItemComputeLayoutRect(item: ILayoutItem): {
+        width: number;
+        height: number;
+    };
+    protected _checkAutoIndent(items: ILayoutItem[]): IPadding;
+}

package/cjs/layout/base-layout.js

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Layout = void 0;
+
+const debug_1 = require("../util/debug");
+
+class Layout {
+    constructor(_spec, ctx) {
+        this._leftCurrent = 0, this._topCurrent = 0, this._rightCurrent = 0, this._bottomCurrent = 0, 
+        this._onError = null == ctx ? void 0 : ctx.onError;
+    }
+    layoutItems(_chart, items, chartLayoutRect, chartViewBox) {
+        this._chartLayoutRect = chartLayoutRect, this._chartViewBox = chartViewBox, this._leftCurrent = chartLayoutRect.x, 
+        this._topCurrent = chartLayoutRect.y, this._rightCurrent = chartLayoutRect.x + chartLayoutRect.width, 
+        this._bottomCurrent = chartLayoutRect.height + chartLayoutRect.y, items.sort(((a, b) => b.layoutLevel - a.layoutLevel)), 
+        this.layoutNormalInlineItems(items.filter((x => "normal-inline" === x.layoutType))), 
+        this.layoutNormalItems(items.filter((x => "normal" === x.layoutType)));
+        const layoutTemp__leftCurrent = this._leftCurrent, layoutTemp__topCurrent = this._topCurrent, layoutTemp__rightCurrent = this._rightCurrent, layoutTemp__bottomCurrent = this._bottomCurrent, regionItems = items.filter((x => "region" === x.layoutType)), relativeItems = items.filter((x => "region-relative" === x.layoutType));
+        if (this.layoutRegionItems(regionItems, relativeItems), relativeItems.some((i => i.getAutoIndent()))) {
+            const {top: top, bottom: bottom, left: left, right: right} = this._checkAutoIndent(relativeItems);
+            (top || bottom || left || right) && (this._topCurrent = layoutTemp__topCurrent + top, 
+            this._bottomCurrent = layoutTemp__bottomCurrent - bottom, this._leftCurrent = layoutTemp__leftCurrent + left, 
+            this._rightCurrent = layoutTemp__rightCurrent - right, this.layoutRegionItems(regionItems, relativeItems));
+        }
+        this.layoutAbsoluteItems(items.filter((x => "absolute" === x.layoutType)));
+    }
+    layoutNormalItems(normalItems) {
+        normalItems.forEach((item => {
+            const layoutRect = this.getItemComputeLayoutRect(item), rect = item.computeBoundsInRect(layoutRect);
+            item.setLayoutRect(rect), "left" === item.layoutOrient ? (item.setLayoutStartPosition({
+                x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft,
+                y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop
+            }), this._leftCurrent += rect.width + item.layoutPaddingLeft + item.layoutPaddingRight) : "top" === item.layoutOrient ? (item.setLayoutStartPosition({
+                x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft,
+                y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop
+            }), this._topCurrent += rect.height + item.layoutPaddingTop + item.layoutPaddingBottom) : "right" === item.layoutOrient ? (item.setLayoutStartPosition({
+                x: this._rightCurrent + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
+                y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop
+            }), this._rightCurrent -= rect.width + item.layoutPaddingLeft + item.layoutPaddingRight) : "bottom" === item.layoutOrient && (item.setLayoutStartPosition({
+                x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingRight,
+                y: this._bottomCurrent + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
+            }), this._bottomCurrent -= rect.height + item.layoutPaddingTop + item.layoutPaddingBottom);
+        }));
+    }
+    layoutNormalInlineItems(normalItems) {
+        const leftItems = normalItems.filter((item => "left" === item.layoutOrient)), rightItems = normalItems.filter((item => "right" === item.layoutOrient)), topItems = normalItems.filter((item => "top" === item.layoutOrient)), bottomItems = normalItems.filter((item => "bottom" === item.layoutOrient)), limitWidth = this._chartLayoutRect.width + this._chartLayoutRect.x, limitHeight = this._chartLayoutRect.height + this._chartLayoutRect.y;
+        let maxWidth = 0, preLeft = this._leftCurrent, preTop = this._topCurrent;
+        leftItems.forEach(((item, index) => {
+            const layoutRect = this.getItemComputeLayoutRect(item), rect = item.computeBoundsInRect(layoutRect);
+            item.setLayoutRect(rect);
+            const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom, itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;
+            item.setLayoutStartPosition({
+                x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,
+                y: preTop + item.layoutOffsetY + item.layoutPaddingTop
+            }), maxWidth = Math.max(maxWidth, itemTotalWidth), preTop += itemTotalHeight, preTop > limitHeight && (preLeft += maxWidth, 
+            maxWidth = itemTotalWidth, preTop = this._topCurrent + itemTotalHeight, item.setLayoutStartPosition({
+                x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,
+                y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop
+            }));
+        })), this._leftCurrent = preLeft + maxWidth;
+        let maxHeight = 0;
+        preLeft = this._leftCurrent, preTop = this._topCurrent, topItems.forEach(((item, index) => {
+            const layoutRect = this.getItemComputeLayoutRect(item), rect = item.computeBoundsInRect(layoutRect);
+            item.setLayoutRect(rect);
+            const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom, itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;
+            item.setLayoutStartPosition({
+                x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,
+                y: preTop + item.layoutOffsetY + item.layoutPaddingTop
+            }), maxHeight = Math.max(maxHeight, itemTotalHeight), preLeft += itemTotalWidth, 
+            preLeft > limitWidth && (preLeft = this._leftCurrent + itemTotalWidth, preTop += maxHeight, 
+            maxHeight = itemTotalHeight, item.setLayoutStartPosition({
+                x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft,
+                y: preTop + item.layoutOffsetY + item.layoutPaddingTop
+            }));
+        })), this._topCurrent = preTop + maxHeight, maxWidth = 0;
+        let preRight = this._rightCurrent;
+        preTop = this._topCurrent, rightItems.forEach(((item, index) => {
+            const layoutRect = this.getItemComputeLayoutRect(item), rect = item.computeBoundsInRect(layoutRect);
+            item.setLayoutRect(rect);
+            const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom, itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;
+            item.setLayoutStartPosition({
+                x: preRight + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
+                y: preTop + item.layoutOffsetY + item.layoutPaddingTop
+            }), maxWidth = Math.max(maxWidth, itemTotalWidth), preTop += itemTotalHeight, preTop > limitHeight && (preRight -= maxWidth, 
+            maxWidth = itemTotalWidth, preTop = this._topCurrent + itemTotalHeight, item.setLayoutStartPosition({
+                x: preRight + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
+                y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop
+            }));
+        })), this._rightCurrent = preRight - maxWidth, maxHeight = 0, preLeft = this._leftCurrent;
+        let preBottom = this._bottomCurrent;
+        bottomItems.forEach(((item, index) => {
+            const layoutRect = this.getItemComputeLayoutRect(item), rect = item.computeBoundsInRect(layoutRect);
+            item.setLayoutRect(rect);
+            const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom, itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;
+            item.setLayoutStartPosition({
+                x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,
+                y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
+            }), maxHeight = Math.max(maxHeight, itemTotalHeight), preLeft += itemTotalWidth, 
+            preLeft > limitWidth && (preLeft = this._leftCurrent + itemTotalWidth, preBottom -= maxHeight, 
+            maxHeight = itemTotalHeight, item.setLayoutStartPosition({
+                x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft,
+                y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
+            }));
+        })), this._bottomCurrent = preBottom - maxHeight;
+    }
+    layoutRegionItems(regionItems, regionRelativeItems) {
+        let regionRelativeTotalWidth = this._rightCurrent - this._leftCurrent, regionRelativeTotalHeight = this._bottomCurrent - this._topCurrent;
+        regionRelativeItems.filter((x => "left" === x.layoutOrient || "right" === x.layoutOrient)).forEach((item => {
+            const layoutRect = this.getItemComputeLayoutRect(item), rect = item.computeBoundsInRect(layoutRect);
+            item.setLayoutRect({
+                width: rect.width
+            }), "left" === item.layoutOrient ? (item.setLayoutStartPosition({
+                x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft
+            }), this._leftCurrent += rect.width + item.layoutPaddingLeft + item.layoutPaddingRight) : "right" === item.layoutOrient && (this._rightCurrent -= rect.width + item.layoutPaddingLeft + item.layoutPaddingRight, 
+            item.setLayoutStartPosition({
+                x: this._rightCurrent + item.layoutOffsetX + item.layoutPaddingLeft
+            }));
+        })), regionRelativeTotalWidth = this._rightCurrent - this._leftCurrent, regionRelativeItems.filter((x => "top" === x.layoutOrient || "bottom" === x.layoutOrient)).forEach((item => {
+            const layoutRect = this.getItemComputeLayoutRect(item), rect = item.computeBoundsInRect(layoutRect);
+            item.setLayoutRect({
+                height: rect.height
+            }), "top" === item.layoutOrient ? (item.setLayoutStartPosition({
+                y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop
+            }), this._topCurrent += rect.height + item.layoutPaddingTop + item.layoutPaddingBottom) : "bottom" === item.layoutOrient && (this._bottomCurrent -= rect.height + item.layoutPaddingTop + item.layoutPaddingBottom, 
+            item.setLayoutStartPosition({
+                y: this._bottomCurrent + item.layoutOffsetY + item.layoutPaddingTop
+            }));
+        })), regionRelativeTotalHeight = this._bottomCurrent - this._topCurrent, regionItems.forEach((region => {
+            region.setLayoutRect({
+                width: regionRelativeTotalWidth,
+                height: regionRelativeTotalHeight
+            }), region.setLayoutStartPosition({
+                x: this._leftCurrent + region.layoutOffsetX + region.layoutPaddingLeft,
+                y: this._topCurrent + region.layoutOffsetY + region.layoutPaddingTop
+            });
+        })), regionRelativeItems.forEach((item => {
+            if ([ "left", "right" ].includes(item.layoutOrient)) {
+                const relativeRegion = this.filterRegionsWithID(regionItems, item.layoutBindRegionID[0]);
+                item.setLayoutRect({
+                    height: relativeRegion.getLayoutRect().height
+                }), item.setLayoutStartPosition({
+                    y: relativeRegion.getLayoutStartPoint().y + item.layoutOffsetY + item.layoutPaddingTop
+                });
+            } else if ([ "top", "bottom" ].includes(item.layoutOrient)) {
+                const relativeRegion = this.filterRegionsWithID(regionItems, item.layoutBindRegionID[0]);
+                item.setLayoutRect({
+                    width: relativeRegion.getLayoutRect().width
+                }), item.setLayoutStartPosition({
+                    x: relativeRegion.getLayoutStartPoint().x + item.layoutOffsetX + item.layoutPaddingLeft
+                });
+            }
+        }));
+    }
+    layoutAbsoluteItems(absoluteItems) {
+        absoluteItems.forEach((item => {
+            item.absoluteLayoutInRect(this._chartLayoutRect);
+        }));
+    }
+    filterRegionsWithID(regions, id) {
+        var _a;
+        const target = regions.find((x => x.id === id));
+        return target || (null !== (_a = this._onError) && void 0 !== _a ? _a : debug_1.error)("can not find target region item, invalid id"), 
+        target;
+    }
+    getItemComputeLayoutRect(item) {
+        return {
+            width: this._rightCurrent - this._leftCurrent - item.layoutPaddingLeft - item.layoutPaddingRight,
+            height: this._bottomCurrent - this._topCurrent - item.layoutPaddingTop - item.layoutPaddingBottom
+        };
+    }
+    _checkAutoIndent(items) {
+        const result = {
+            top: 0,
+            left: 0,
+            bottom: 0,
+            right: 0
+        }, rightCurrent = this._chartViewBox.x2 - this._chartViewBox.x1 - this._rightCurrent, bottomCurrent = this._chartViewBox.y2 - this._chartViewBox.y1 - this._bottomCurrent;
+        return items.forEach((i => {
+            if (!i.getVisible() || !i.getAutoIndent()) return;
+            const vOrH = "left" === i.layoutOrient || "right" === i.layoutOrient, outer = i.getLastComputeOutBounds();
+            vOrH ? (result.top = Math.max(result.top, outer.y1 - this._topCurrent), result.bottom = Math.max(result.bottom, outer.y2 - bottomCurrent)) : (result.left = Math.max(result.left, outer.x1 - this._leftCurrent), 
+            result.right = Math.max(result.right, outer.x2 - rightCurrent));
+        })), result;
+    }
+}
+
+exports.Layout = Layout;

package/cjs/layout/base-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/base-layout.ts"],"names":[],"mappings":"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","file":"base-layout.js","sourcesContent":["import type { utilFunctionCtx } from '../typings/params';\nimport type { IChart } from '../chart/interface/chart';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ILayoutItem } from '../model/interface';\nimport type { IBaseLayout } from './interface';\nimport type { IPadding, IRect } from '../typings/space';\nimport type { IRegion } from '../region/interface';\nimport { error } from '../util/debug';\n\nexport class Layout implements IBaseLayout {\n  protected _leftCurrent: number = 0;\n  protected _topCurrent: number = 0;\n  protected _rightCurrent: number = 0;\n  protected _bottomCurrent: number = 0;\n\n  _chartLayoutRect!: IRect;\n  _chartViewBox!: IBoundsLike;\n\n  protected _onError: (msg: string) => void;\n\n  constructor(_spec?: unknown, ctx?: utilFunctionCtx) {\n    this._onError = ctx?.onError;\n  }\n\n  layoutItems(_chart: IChart, items: ILayoutItem[], chartLayoutRect: IRect, chartViewBox: IBoundsLike): void {\n    this._chartLayoutRect = chartLayoutRect;\n    this._chartViewBox = chartViewBox;\n    this._leftCurrent = chartLayoutRect.x;\n    this._topCurrent = chartLayoutRect.y;\n    this._rightCurrent = chartLayoutRect.x + chartLayoutRect.width;\n    this._bottomCurrent = chartLayoutRect.height + chartLayoutRect.y;\n\n    // 越大越先处理，进行排序调整，利用原地排序特性，排序会受 level 和传进来的数组顺序共同影响\n    items.sort((a, b) => b.layoutLevel - a.layoutLevel);\n\n    this.layoutNormalInlineItems(items.filter(x => x.layoutType === 'normal-inline'));\n    this.layoutNormalItems(items.filter(x => x.layoutType === 'normal'));\n\n    const layoutTemp = {\n      _leftCurrent: this._leftCurrent,\n      _topCurrent: this._topCurrent,\n      _rightCurrent: this._rightCurrent,\n      _bottomCurrent: this._bottomCurrent\n    };\n    const regionItems = items.filter(x => x.layoutType === 'region') as IRegion[];\n    const relativeItems = items.filter(x => x.layoutType === 'region-relative');\n    // 有元素开启了自动缩进\n    // TODO:目前只有普通占位布局下的 region-relative 元素支持\n    // 主要考虑常规元素超出画布一般为用户个性设置，而且可以设置padding规避裁剪,不需要使用自动缩进\n    this.layoutRegionItems(regionItems, relativeItems);\n    if (relativeItems.some(i => i.getAutoIndent())) {\n      // check auto indent\n      const { top, bottom, left, right } = this._checkAutoIndent(relativeItems);\n      // 如果出现了需要自动缩进的场景 则基于缩进再次布局\n      if (top || bottom || left || right) {\n        // set outer bounds to padding\n        this._topCurrent = layoutTemp._topCurrent + top;\n        this._bottomCurrent = layoutTemp._bottomCurrent - bottom;\n        this._leftCurrent = layoutTemp._leftCurrent + left;\n        this._rightCurrent = layoutTemp._rightCurrent - right;\n        // reLayout\n        this.layoutRegionItems(regionItems, relativeItems);\n      }\n    }\n\n    this.layoutAbsoluteItems(items.filter(x => x.layoutType === 'absolute'));\n  }\n\n  protected layoutNormalItems(normalItems: ILayoutItem[]): void {\n    normalItems.forEach(item => {\n      const layoutRect = this.getItemComputeLayoutRect(item);\n      const rect = item.computeBoundsInRect(layoutRect);\n      item.setLayoutRect(rect);\n\n      if (item.layoutOrient === 'left') {\n        item.setLayoutStartPosition({\n          x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft,\n          y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop\n        });\n        this._leftCurrent += rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;\n      } else if (item.layoutOrient === 'top') {\n        item.setLayoutStartPosition({\n          x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft,\n          y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop\n        });\n        this._topCurrent += rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n      } else if (item.layoutOrient === 'right') {\n        item.setLayoutStartPosition({\n          x: this._rightCurrent + item.layoutOffsetX - rect.width - item.layoutPaddingRight,\n          y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop\n        });\n        this._rightCurrent -= rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;\n      } else if (item.layoutOrient === 'bottom') {\n        item.setLayoutStartPosition({\n          x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingRight,\n          y: this._bottomCurrent + item.layoutOffsetY - rect.height - item.layoutPaddingBottom\n        });\n        this._bottomCurrent -= rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n      }\n    });\n  }\n\n  protected layoutNormalInlineItems(normalItems: ILayoutItem[]): void {\n    const leftItems = normalItems.filter(item => item.layoutOrient === 'left');\n    const rightItems = normalItems.filter(item => item.layoutOrient === 'right');\n    const topItems = normalItems.filter(item => item.layoutOrient === 'top');\n    const bottomItems = normalItems.filter(item => item.layoutOrient === 'bottom');\n    const limitWidth = this._chartLayoutRect.width + this._chartLayoutRect.x;\n    const limitHeight = this._chartLayoutRect.height + this._chartLayoutRect.y;\n\n    // 同 normal，按照 left、top、right、bottom 的顺序进行布局\n    let maxWidth = 0;\n    let preLeft = this._leftCurrent;\n    let preTop = this._topCurrent;\n    leftItems.forEach((item, index) => {\n      const layoutRect = this.getItemComputeLayoutRect(item);\n      const rect = item.computeBoundsInRect(layoutRect);\n      item.setLayoutRect(rect);\n      const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n      const itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;\n      item.setLayoutStartPosition({\n        x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,\n        y: preTop + item.layoutOffsetY + item.layoutPaddingTop\n      });\n\n      maxWidth = Math.max(maxWidth, itemTotalWidth);\n      preTop += itemTotalHeight;\n      if (preTop > limitHeight) {\n        preLeft += maxWidth;\n        maxWidth = itemTotalWidth;\n        preTop = this._topCurrent + itemTotalHeight;\n\n        item.setLayoutStartPosition({\n          x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,\n          y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop\n        });\n      }\n    });\n    this._leftCurrent = preLeft + maxWidth;\n\n    let maxHeight = 0;\n    preLeft = this._leftCurrent;\n    preTop = this._topCurrent;\n    topItems.forEach((item, index) => {\n      const layoutRect = this.getItemComputeLayoutRect(item);\n      const rect = item.computeBoundsInRect(layoutRect);\n      item.setLayoutRect(rect);\n      const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n      const itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;\n      item.setLayoutStartPosition({\n        x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,\n        y: preTop + item.layoutOffsetY + item.layoutPaddingTop\n      });\n\n      maxHeight = Math.max(maxHeight, itemTotalHeight);\n      preLeft += itemTotalWidth;\n      if (preLeft > limitWidth) {\n        preLeft = this._leftCurrent + itemTotalWidth;\n        preTop += maxHeight;\n        maxHeight = itemTotalHeight;\n        item.setLayoutStartPosition({\n          x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft,\n          y: preTop + item.layoutOffsetY + item.layoutPaddingTop\n        });\n      }\n    });\n    this._topCurrent = preTop + maxHeight;\n\n    maxWidth = 0;\n    let preRight = this._rightCurrent;\n    preTop = this._topCurrent;\n    rightItems.forEach((item, index) => {\n      const layoutRect = this.getItemComputeLayoutRect(item);\n      const rect = item.computeBoundsInRect(layoutRect);\n      item.setLayoutRect(rect);\n      const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n      const itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;\n      item.setLayoutStartPosition({\n        x: preRight + item.layoutOffsetX - rect.width - item.layoutPaddingRight,\n        y: preTop + item.layoutOffsetY + item.layoutPaddingTop\n      });\n\n      maxWidth = Math.max(maxWidth, itemTotalWidth);\n      preTop += itemTotalHeight;\n      if (preTop > limitHeight) {\n        preRight -= maxWidth;\n        maxWidth = itemTotalWidth;\n        preTop = this._topCurrent + itemTotalHeight;\n\n        item.setLayoutStartPosition({\n          x: preRight + item.layoutOffsetX - rect.width - item.layoutPaddingRight,\n          y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop\n        });\n      }\n    });\n    this._rightCurrent = preRight - maxWidth;\n\n    maxHeight = 0;\n    preLeft = this._leftCurrent;\n    let preBottom = this._bottomCurrent;\n    bottomItems.forEach((item, index) => {\n      const layoutRect = this.getItemComputeLayoutRect(item);\n      const rect = item.computeBoundsInRect(layoutRect);\n      item.setLayoutRect(rect);\n      const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n      const itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;\n      item.setLayoutStartPosition({\n        x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,\n        y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom\n      });\n\n      maxHeight = Math.max(maxHeight, itemTotalHeight);\n      preLeft += itemTotalWidth;\n      if (preLeft > limitWidth) {\n        preLeft = this._leftCurrent + itemTotalWidth;\n        preBottom -= maxHeight;\n        maxHeight = itemTotalHeight;\n        item.setLayoutStartPosition({\n          x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft,\n          y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom\n        });\n      }\n    });\n    this._bottomCurrent = preBottom - maxHeight;\n  }\n\n  /**\n   *\n   * 1. 补全 region-relative rect 和部分 layoutStartPoint\n   * 2. 补全 region rect 和 layoutStartPoint\n   *\n   */\n  protected layoutRegionItems(regionItems: IRegion[], regionRelativeItems: ILayoutItem[]): void {\n    let regionRelativeTotalWidth = this._rightCurrent - this._leftCurrent;\n    let regionRelativeTotalHeight = this._bottomCurrent - this._topCurrent;\n\n    regionRelativeItems\n      .filter(x => x.layoutOrient === 'left' || x.layoutOrient === 'right')\n      .forEach(item => {\n        const layoutRect = this.getItemComputeLayoutRect(item);\n        const rect = item.computeBoundsInRect(layoutRect);\n        item.setLayoutRect({ width: rect.width });\n        // 减少尺寸\n        if (item.layoutOrient === 'left') {\n          item.setLayoutStartPosition({\n            x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft\n          });\n          this._leftCurrent += rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;\n        } else if (item.layoutOrient === 'right') {\n          this._rightCurrent -= rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;\n          item.setLayoutStartPosition({\n            x: this._rightCurrent + item.layoutOffsetX + item.layoutPaddingLeft\n          });\n        }\n      });\n\n    regionRelativeTotalWidth = this._rightCurrent - this._leftCurrent;\n\n    regionRelativeItems\n      .filter(x => x.layoutOrient === 'top' || x.layoutOrient === 'bottom')\n      .forEach(item => {\n        const layoutRect = this.getItemComputeLayoutRect(item);\n        const rect = item.computeBoundsInRect(layoutRect);\n        item.setLayoutRect({ height: rect.height });\n\n        // 减少尺寸\n        if (item.layoutOrient === 'top') {\n          item.setLayoutStartPosition({\n            y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop\n          });\n          this._topCurrent += rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n        } else if (item.layoutOrient === 'bottom') {\n          this._bottomCurrent -= rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n          item.setLayoutStartPosition({\n            y: this._bottomCurrent + item.layoutOffsetY + item.layoutPaddingTop\n          });\n        }\n      });\n    // 此时得到height\n    regionRelativeTotalHeight = this._bottomCurrent - this._topCurrent;\n\n    // region 处理\n    regionItems.forEach(region => {\n      region.setLayoutRect({\n        width: regionRelativeTotalWidth,\n        height: regionRelativeTotalHeight\n      });\n\n      region.setLayoutStartPosition({\n        x: this._leftCurrent + region.layoutOffsetX + region.layoutPaddingLeft,\n        y: this._topCurrent + region.layoutOffsetY + region.layoutPaddingTop\n      });\n    });\n\n    // region-relative 特殊处理\n    regionRelativeItems.forEach(item => {\n      // 处理特殊元素的宽高\n      if (['left', 'right'].includes(item.layoutOrient)) {\n        // 用户有配置的话，已经处理过，不需要再次处理\n        const relativeRegion = this.filterRegionsWithID(regionItems, item.layoutBindRegionID[0]);\n\n        item.setLayoutRect({\n          height: relativeRegion.getLayoutRect().height\n        });\n        item.setLayoutStartPosition({\n          y: relativeRegion.getLayoutStartPoint().y + item.layoutOffsetY + item.layoutPaddingTop\n        });\n      } else if (['top', 'bottom'].includes(item.layoutOrient)) {\n        const relativeRegion = this.filterRegionsWithID(regionItems, item.layoutBindRegionID[0]);\n\n        item.setLayoutRect({\n          width: relativeRegion.getLayoutRect().width\n        });\n\n        item.setLayoutStartPosition({\n          x: relativeRegion.getLayoutStartPoint().x + item.layoutOffsetX + item.layoutPaddingLeft\n        });\n      }\n    });\n  }\n\n  /**\n   * 再找出对 absolute 元素，无需排序，在 compiler 层需要排序放置\n   *\n   * 重要：absolute 默认依据 region 进行相对依赖\n   */\n  protected layoutAbsoluteItems(absoluteItems: ILayoutItem[]) {\n    absoluteItems.forEach(item => {\n      // 设置盒子\n      item.absoluteLayoutInRect(this._chartLayoutRect);\n    });\n  }\n\n  // 对普通布局来说，只出一个 region 绑定\n  filterRegionsWithID(regions: IRegion[], id: number): ILayoutItem {\n    const target = regions.find(x => x.id === id);\n    if (!target) {\n      (this._onError ?? error)('can not find target region item, invalid id');\n    }\n    return target;\n  }\n\n  /**\n   * 工具方法 根据item属性获取给item提供的布局空间\n   * @param item\n   */\n  protected getItemComputeLayoutRect(item: ILayoutItem) {\n    const result = {\n      width: this._rightCurrent - this._leftCurrent - item.layoutPaddingLeft - item.layoutPaddingRight,\n      height: this._bottomCurrent - this._topCurrent - item.layoutPaddingTop - item.layoutPaddingBottom\n    };\n    return result;\n  }\n\n  protected _checkAutoIndent(items: ILayoutItem[]): IPadding {\n    const result = {\n      top: 0,\n      left: 0,\n      bottom: 0,\n      right: 0\n    };\n    const rightCurrent = this._chartViewBox.x2 - this._chartViewBox.x1 - this._rightCurrent;\n    const bottomCurrent = this._chartViewBox.y2 - this._chartViewBox.y1 - this._bottomCurrent;\n    items.forEach(i => {\n      if (!i.getVisible() || !i.getAutoIndent()) {\n        return;\n      }\n      const vOrH = i.layoutOrient === 'left' || i.layoutOrient === 'right';\n      const outer = i.getLastComputeOutBounds();\n      if (vOrH) {\n        result.top = Math.max(result.top, outer.y1 - this._topCurrent);\n        result.bottom = Math.max(result.bottom, outer.y2 - bottomCurrent);\n      } else {\n        result.left = Math.max(result.left, outer.x1 - this._leftCurrent);\n        result.right = Math.max(result.right, outer.x2 - rightCurrent);\n      }\n    });\n    return result;\n  }\n}\n"]}

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

@@ -0,0 +1,50 @@
+import type { utilFunctionCtx } from '../../typings/params';
+import type { IChart } from '../../chart/interface/chart';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { ILayoutItem } from '../../model/interface';
+import type { IBaseLayout, IGridLayoutSpec, ElementSpec } from '../interface';
+import type { IRect } from '../../typings/space';
+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: IGridLayoutSpec;
+    protected _elementMap: Map<ILayoutItem, ElementSpec>;
+    protected _onError: (...args: any[]) => void;
+    constructor(gridInfo: IGridLayoutSpec, ctx: utilFunctionCtx);
+    protected standardizationSpec(gridInfo: IGridLayoutSpec): 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 {};