@visactor/vchart 0.0.1-alpha.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["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    // 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/cjs/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/cjs/layout/grid-layout/grid-layout.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.GridLayout = void 0;
+
+const util_1 = require("../../util");
+
+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 || ((0, util_1.isValidNumber)(userSet.size) ? gridSize[userSet.index] = {
+                value: +userSet.size,
+                isUserSetting: !0,
+                isLayoutSetting: !1
+            } : (0, util_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 && (0, util_1.isValid)(e.modelId)) {
+                if ((0, util_1.isValid)(model.userId) && model.userId === e.modelId) return !0;
+            } else if ("modelKey" in e && (0, util_1.isValid)(e.modelKey) && "modelIndex" in e && (0, 
+            util_1.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);
+        (0, util_1.isValidNumber)(rect.width) || (rect.width = computeRect.width), (0, util_1.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;
+}
+
+exports.GridLayout = GridLayout;
+//# sourceMappingURL=grid-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["layout/grid-layout/grid-layout.ts"],"names":[],"mappings":";;;AAKA,qCAAgE;AA+ChE,MAAa,UAAU;IAiBrB,YAAY,QAAmB;QAfvB,qBAAgB,GAAU,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAG5D,SAAI,GAAW,CAAC,CAAC;QACjB,SAAI,GAAW,CAAC,CAAC;QASjB,gBAAW,GAAkC,IAAI,GAAG,EAAE,CAAC;QAG/D,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACnC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC,YAAY,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAElD,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAES,mBAAmB,CAAC,QAAmB;;QAC/C,QAAQ,CAAC,GAAG,GAAG,MAAA,QAAQ,CAAC,GAAG,mCAAI,CAAC,CAAC;QACjC,QAAQ,CAAC,GAAG,GAAG,MAAA,QAAQ,CAAC,GAAG,mCAAI,CAAC,CAAC;QACjC,QAAQ,CAAC,QAAQ,GAAG,MAAA,QAAQ,CAAC,QAAQ,mCAAI,EAAE,CAAC;IAC9C,CAAC;IAES,eAAe;QAEvB,IAAI,CAAC,SAAS,CAAC,QAAQ;YACrB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAE9G,IAAI,CAAC,SAAS,CAAC,SAAS;YACtB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAEhH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC7B,IAAI,CAAC,CAAC,EAAE;gBACN,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG;oBACjB,KAAK,EAAE,CAAC;oBACR,aAAa,EAAE,KAAK;oBACpB,eAAe,EAAE,KAAK;iBACvB,CAAC;aACH;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC7B,IAAI,CAAC,CAAC,EAAE;gBACN,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG;oBACjB,KAAK,EAAE,CAAC;oBACR,aAAa,EAAE,KAAK;oBACpB,eAAe,EAAE,KAAK;iBACvB,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAKS,sBAAsB,CAC9B,WAKC,EACD,QAAoB,EACpB,OAAe,EACf,OAAe;QAEf,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC5B,IAAI,OAAO,CAAC,KAAK,GAAG,CAAC,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,EAAE;gBACjD,OAAO;aACR;YACD,IAAI,IAAA,oBAAa,EAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBAC/B,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG;oBACxB,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI;oBACpB,aAAa,EAAE,IAAI;oBACnB,eAAe,EAAE,KAAK;iBACvB,CAAC;aACH;iBAAM,IAAI,IAAA,iBAAU,EAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACnC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG;oBACxB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;oBAC5B,aAAa,EAAE,IAAI;oBACnB,eAAe,EAAE,KAAK;iBACvB,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAES,eAAe;QAEvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACxB,CAAC,CAAC,eAAe,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE;gBACpB,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;aACb;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACxB,CAAC,CAAC,eAAe,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE;gBACpB,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;aACb;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAES,eAAe,CAAC,IAAiB;;QAEzC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,SAAS,EAAE;YACb,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,KAAK,GAAG,IAAyB,CAAC;QACxC,IAAI,MAA+B,CAAC;QACpC,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE;YACzC,IAAI,SAAS,IAAI,CAAC,IAAI,IAAA,cAAO,EAAC,CAAC,CAAC,OAAO,CAAC,EAAE;gBACxC,IAAI,IAAA,cAAO,EAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,EAAE;oBACvD,OAAO,IAAI,CAAC;iBACb;aACF;iBAAM,IAAI,UAAU,IAAI,CAAC,IAAI,IAAA,cAAO,EAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,YAAY,IAAI,CAAC,IAAI,IAAA,cAAO,EAAC,CAAC,CAAC,UAAU,CAAC,EAAE;gBAC/F,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,UAAU,EAAE;oBACzE,OAAO,IAAI,CAAC;iBACb;aACF;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,GAAG;gBACP,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,CAAC;gBACV,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,CAAC;aACI,CAAC;SAClB;QACD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACnC,OAAO,MAAM,CAAC;IAChB,CAAC;IAES,eAAe,CAAC,IAAiB,EAAE,IAAmB;;QAC9D,MAAM,QAAQ,GAAG,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QAChE,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,GAAG,IAAI,MAAM,CAAC,mCAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACrF,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;SACjC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAES,eAAe,CAAC,IAAiB,EAAE,IAAmB;;QAC9D,MAAM,QAAQ,GAAG,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QAChE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE;YACvC,OAAO,SAAS,CAAC;SAClB;QACD,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,GAAG,IAAI,MAAM,CAAC,mCAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACrF,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,aAAa,EAAE;gBAClC,OAAO,SAAS,CAAC;aAClB;YACD,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;SACjC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAES,uBAAuB,CAAC,IAAiB,EAAE,QAAqB;QACxE,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,GAAG,CAAC,EAAE;gBAC5C,OAAO;aACR;YACD,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE;gBAC7C,OAAO;aACR;YACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAC1C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EACjC,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAC9E,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,eAAe,GAAG,IAAI,CAAC;SACpD;aAAM;YACL,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,GAAG,CAAC,EAAE;gBAC5C,OAAO;aACR;YACD,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE;gBAC7C,OAAO;aACR;YACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAC1C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EACjC,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,CAC/E,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,eAAe,GAAG,IAAI,CAAC;SACpD;IACH,CAAC;IAES,UAAU,CAAC,IAAmB;QACtC,MAAM,QAAQ,GAAG,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QAChE,IAAI,SAAS,GAAG,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;QAC5F,MAAM,QAAQ,GAAe,EAAE,CAAC;QAChC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACnB,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,eAAe,EAAE;gBACxC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC;aACtB;iBAAM;gBACL,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aAClB;QACH,CAAC,CAAC,CAAC;QACH,IAAI,SAAS,GAAG,CAAC,EAAE;YACjB,OAAO,CAAC,IAAI,CAAC,kBAAkB,IAAI,yBAAyB,CAAC,CAAC;SAC/D;QACD,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC;IAES,eAAe,CAAC,IAAiB;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC;QACzE,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAC3C,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;SACrC;QACD,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAC3C,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;SACrC;QACD,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC;QAClC,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC;QACjC,OAAO,KAAK,CAAC;IACf,CAAC;IAES,iBAAiB,CAAC,IAAiB;;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAE5C,MAAM,IAAI,GAAG;YACX,KAAK,EACH,CAAC,MAAA,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;gBACtE,IAAI,CAAC,iBAAiB;gBACtB,IAAI,CAAC,kBAAkB;YACzB,MAAM,EACJ,CAAC,MAAA,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;gBACvE,IAAI,CAAC,gBAAgB;gBACrB,IAAI,CAAC,mBAAmB;SAC3B,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,MAAc,EAAE,KAAoB,EAAE,eAAsB,EAAE,YAAyB;QACjG,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAElC,IAAI,CAAC,eAAe,EAAE,CAAC;QAEvB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC;QAGpD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC;QACvE,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QACnE,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QACpE,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAGH,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,iBAAiB,CAAC,CAAC;QAC9E,MAAM,kBAAkB,GAAG,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3E,MAAM,kBAAkB,GAAG,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QAE5E,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;QAE5E,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAGvB,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;QAC3E,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAChC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAEvB,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAChC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;QACxE,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAEhC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAGvB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;QAGtG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC;QAGzE,KAAK;aACF,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC;aACxC,OAAO,CAAC,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;IACP,CAAC;IASO,mBAAmB,CAAC,aAA4B;QACtD,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAE3B,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC;IAES,aAAa,CAAC,IAAiB,EAAE,QAAiD,EAAE,SAAkB;;QAC9G,MAAM,WAAW,GACf,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpH,MAAM,WAAW,GACf,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEpH,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAE5C,MAAM,WAAW,GAAG;YAClB,KAAK,EACH,CAAC,MAAA,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;gBAC7D,IAAI,CAAC,iBAAiB;gBACtB,IAAI,CAAC,kBAAkB;YACzB,MAAM,EACJ,CAAC,MAAA,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;gBAC9D,IAAI,CAAC,gBAAgB;gBACrB,IAAI,CAAC,mBAAmB;SAC3B,CAAC;QACF,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACnD,IAAI,CAAC,IAAA,oBAAa,EAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC9B,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;SAChC;QACD,IAAI,CAAC,IAAA,oBAAa,EAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAC/B,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;SAClC;QACD,IAAI,CAAC,aAAa,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QAE7D,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC/C,CAAC;CACF;AA5VD,gCA4VC;AAED,SAAS,SAAS,CAAC,IAAiB;IAClC,OAAO,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,CAAC;AACvE,CAAC","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/cjs/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;
+}

package/cjs/layout/index.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Layout = void 0;
+
+class Layout {
+    constructor() {
+        this._leftCurrent = 0, this._topCurrent = 0, this._rightCurrent = 0, this._bottomCurrent = 0;
+    }
+    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.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.layoutPaddingLeft,
+                y: this._topCurrent + item.layoutPaddingTop
+            }), this._leftCurrent += rect.width + item.layoutPaddingLeft + item.layoutPaddingRight) : "top" === item.layoutOrient ? (item.setLayoutStartPosition({
+                x: this._leftCurrent + item.layoutPaddingLeft,
+                y: this._topCurrent + item.layoutPaddingTop
+            }), this._topCurrent += rect.height + item.layoutPaddingTop + item.layoutPaddingBottom) : "right" === item.layoutOrient ? (item.setLayoutStartPosition({
+                x: this._rightCurrent - rect.width - item.layoutPaddingRight,
+                y: this._topCurrent + item.layoutPaddingTop
+            }), this._rightCurrent -= rect.width + item.layoutPaddingLeft + item.layoutPaddingRight) : "bottom" === item.layoutOrient && (item.setLayoutStartPosition({
+                x: this._leftCurrent + item.layoutPaddingRight,
+                y: this._bottomCurrent - rect.height - item.layoutPaddingBottom
+            }), this._bottomCurrent -= rect.height + item.layoutPaddingTop + item.layoutPaddingBottom);
+        }));
+    }
+    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) {
+        const target = regions.find((x => x.id === id));
+        if (!target) throw Error("can not find target region item, invalid id");
+        return 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.filter, items.forEach((i => {
+            if (!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;
+//# sourceMappingURL=index.js.map

package/cjs/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["layout/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import 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';\n\nexport class Layout implements IBaseLayout {\n  private _leftCurrent: number = 0;\n  private _topCurrent: number = 0;\n  private _rightCurrent: number = 0;\n  private _bottomCurrent: number = 0;\n\n  _chartLayoutRect!: IRect;\n  _chartViewBox!: IBoundsLike;\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.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  private 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.layoutPaddingLeft,\n          y: this._topCurrent + 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.layoutPaddingLeft,\n          y: this._topCurrent + 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 - rect.width - item.layoutPaddingRight,\n          y: this._topCurrent + 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.layoutPaddingRight,\n          y: this._bottomCurrent - rect.height - item.layoutPaddingBottom\n        });\n        this._bottomCurrent -= rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n      }\n    });\n  }\n\n  /**\n   *\n   * 1. 补全 region-relative rect 和部分 layoutStartPoint\n   * 2. 补全 region rect 和 layoutStartPoint\n   *\n   */\n  private 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  private 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      throw Error('can not find target region item, invalid id');\n    }\n    return target;\n  }\n\n  /**\n   * 工具方法 根据item属性获取给item提供的布局空间\n   * @param item\n   */\n  private 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  private _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.filter;\n    items.forEach(i => {\n      if (!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/interface.d.ts

@@ -0,0 +1,16 @@
+import type { IRect } from '../typings/space';
+import type { ILayoutItem } from '../model/interface';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { IChart } from '../chart/interface';
+export interface IBaseLayout {
+    layoutItems: LayoutCallBack;
+}
+export type LayoutCallBack = (chart: IChart, item: ILayoutItem[], chartLayoutRect: IRect, chartViewBox: IBoundsLike) => void;
+export interface ILayoutSpec {
+    type?: string;
+    [key: string]: any;
+}
+export interface ILayoutConstructor {
+    type: string;
+    new (spec: ILayoutSpec | any): IBaseLayout;
+}

package/cjs/layout/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/layout/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["layout/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IRect } from '../typings/space';\nimport type { ILayoutItem } from '../model/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { IChart } from '../chart/interface';\n\nexport interface IBaseLayout {\n  /**\n   * 对一组布局元素布局\n   * 布局策略随意\n   * @param item 布局元素数组\n   * @param chartLayoutRect 排除图表 padding 后的图表的布局矩形，原点是图表绘制区域左上角。\n   * @param chartViewBox 图表在画布中的可用空间，包含图表padding，原点是画布左上角\n   * @returns\n   */\n  layoutItems: LayoutCallBack;\n}\n\nexport type LayoutCallBack = (\n  chart: IChart,\n  item: ILayoutItem[],\n  chartLayoutRect: IRect,\n  chartViewBox: IBoundsLike\n) => void;\n\n// TODO:\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ILayoutSpec {\n  type?: string;\n  [key: string]: any;\n}\n\nexport interface ILayoutConstructor {\n  type: string;\n  // TODO: spec 类型生命\n  new (spec: ILayoutSpec | any): IBaseLayout;\n}\n"]}

package/cjs/layout/label/arc-label.d.ts

@@ -0,0 +1,42 @@
+import type { DataView } from '@visactor/vdataset';
+import type { IArcSeries } from '../../series/interface';
+export interface IArcLabelOpt {
+    series: IArcSeries;
+}
+export declare const arcLabel: (data: Array<DataView>, op: IArcLabelOpt) => any[];
+export declare class ArcLabelLayout {
+    private _series;
+    private _data;
+    private _ellipsisWidth;
+    private _arcLeft;
+    private _arcRight;
+    private _textMeasure;
+    constructor(series: IArcSeries, data: Array<DataView>);
+    updateLabels(): any[];
+    private _setArcs;
+    private _getArc;
+    private _clearArcs;
+    private _setLabelData;
+    private _layoutLabels;
+    private _layoutInsideLabels;
+    private _layoutOutsideLabels;
+    private _coverLabels;
+    private _computeLayoutRadius;
+    private _computePointB;
+    private _computeX;
+    private _computeAlignOffset;
+    private _adjustY;
+    private _checkYRange;
+    private _computeYRange;
+    private _storeY;
+    private _restoreY;
+    private _findNeighborIndex;
+    private _twoWayShift;
+    private _shiftY;
+    private _findNextVisibleIndex;
+    private _computeAlign;
+    private _getFormatLabelText;
+    private _getMeasureSpec;
+    private _measureTextSize;
+    private _getPlotLayout;
+}