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

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

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.GridLayout = void 0;
+
+const util_1 = require("../../util");
+
+class GridLayout {
+    constructor(gridInfo, ctx) {
+        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._onError = null == ctx ? void 0 : ctx.onError, 
+        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 + item.layoutOffsetX, point.y += item.layoutPaddingTop + item.layoutOffsetY, 
+        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":["../src/layout/grid-layout/grid-layout.ts"],"names":[],"mappings":"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","file":"grid-layout.js","sourcesContent":["import type { utilFunctionCtx } from '../../typings/params';\nimport 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, IGridLayoutSpec, ElementSpec } from '../interface';\nimport { isFunction, isValid, isValidNumber } from '../../util';\nimport type { IRect } from '../../typings/space';\n\ntype GridSize = {\n  value: number;\n  isUserSetting: boolean;\n  isLayoutSetting: boolean;\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: IGridLayoutSpec;\n\n  protected _elementMap: Map<ILayoutItem, ElementSpec> = new Map();\n\n  protected _onError: (...args: any[]) => void;\n\n  constructor(gridInfo: IGridLayoutSpec, ctx: utilFunctionCtx) {\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    this._onError = ctx?.onError;\n\n    this.initUserSetting();\n  }\n\n  protected standardizationSpec(gridInfo: IGridLayoutSpec) {\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      index: number;\n      size: number | ((maxSize: number) => number);\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 + item.layoutOffsetX;\n    point.y += item.layoutPaddingTop + item.layoutOffsetY;\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,6 @@
+import { Layout } from './base-layout';
+import { GridLayout } from './grid-layout/grid-layout';
+import { Layout3d } from './layout3d';
+import type { ILayoutSpec, IGridLayoutSpec } from './interface';
+export { Layout, GridLayout, Layout3d };
+export type { ILayoutSpec, IGridLayoutSpec };

package/cjs/layout/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Layout3d = exports.GridLayout = exports.Layout = void 0;
+
+const base_layout_1 = require("./base-layout");
+
+Object.defineProperty(exports, "Layout", {
+    enumerable: !0,
+    get: function() {
+        return base_layout_1.Layout;
+    }
+});
+
+const grid_layout_1 = require("./grid-layout/grid-layout");
+
+Object.defineProperty(exports, "GridLayout", {
+    enumerable: !0,
+    get: function() {
+        return grid_layout_1.GridLayout;
+    }
+});
+
+const layout3d_1 = require("./layout3d");
+
+Object.defineProperty(exports, "Layout3d", {
+    enumerable: !0,
+    get: function() {
+        return layout3d_1.Layout3d;
+    }
+});
+//# sourceMappingURL=index.js.map

package/cjs/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/index.ts"],"names":[],"mappings":";;;AAIA,+CAAuC;AAK9B,uFALA,oBAAM,OAKA;AAJf,2DAAuD;AAItC,2FAJR,wBAAU,OAIQ;AAH3B,yCAAsC;AAGT,yFAHpB,mBAAQ,OAGoB","file":"index.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\n/**\n * @description export all layout modules\n */\nimport { Layout } from './base-layout';\nimport { GridLayout } from './grid-layout/grid-layout';\nimport { Layout3d } from './layout3d';\nimport type { ILayoutSpec, IGridLayoutSpec } from './interface';\n\nexport { Layout, GridLayout, Layout3d };\nexport type { ILayoutSpec, IGridLayoutSpec };\n"]}

package/cjs/layout/interface.d.ts

@@ -0,0 +1,45 @@
+import type { utilFunctionCtx } from '../typings/params';
+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 ILayoutSpecBase {
+    type: string;
+}
+export type ElementSpec = ({
+    modelKey: string;
+    modelIndex: number;
+} | {
+    modelId: string;
+}) & {
+    col: number;
+    colSpan?: number;
+    row: number;
+    rowSpan?: number;
+};
+export interface IGridLayoutSpec extends ILayoutSpecBase {
+    type: 'grid';
+    col: number;
+    row: number;
+    colWidth?: {
+        index: number;
+        size: number | ((maxSize: number) => number);
+    }[];
+    rowHeight?: {
+        index: number;
+        size: number | ((maxSize: number) => number);
+    }[];
+    elements: ElementSpec[];
+}
+export interface IBaseLayoutSpec extends ILayoutSpecBase {
+    type: 'base';
+}
+export type ILayoutSpec = IBaseLayoutSpec | IGridLayoutSpec;
+export interface ILayoutConstructor {
+    type: string;
+    new (spec: ILayoutSpec | any, ctx?: utilFunctionCtx): 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":["../src/layout/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { utilFunctionCtx } from '../typings/params';\nimport 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\nexport interface ILayoutSpecBase {\n  type: string;\n}\n\nexport type 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 IGridLayoutSpec extends ILayoutSpecBase {\n  type: 'grid';\n  col: number;\n  row: number;\n  colWidth?: {\n    index: number;\n    size: number | ((maxSize: number) => number);\n  }[];\n  rowHeight?: {\n    index: number;\n    size: number | ((maxSize: number) => number);\n  }[];\n  elements: ElementSpec[];\n}\n\nexport interface IBaseLayoutSpec extends ILayoutSpecBase {\n  type: 'base';\n}\n\nexport type ILayoutSpec = IBaseLayoutSpec | IGridLayoutSpec;\n\nexport interface ILayoutConstructor {\n  type: string;\n  // TODO: spec 类型生命\n  new (spec: ILayoutSpec | any, ctx?: utilFunctionCtx): IBaseLayout;\n}\n"]}

package/cjs/layout/layout3d/index.d.ts

@@ -0,0 +1,23 @@
+import type { IChart } from '../../chart/interface/chart';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { ILayoutItem } from '../../model/interface';
+import type { IRect } from '../../typings/space';
+import type { IRegion } from '../../region/interface';
+import type { IBaseLayout } from '../interface';
+import { Layout } from '../base-layout';
+interface IOffset {
+    offsetLeft: number;
+    offsetRight: number;
+    offsetTop: number;
+    offsetBottom: number;
+}
+export declare class Layout3d extends Layout implements IBaseLayout {
+    layoutItems(_chart: IChart, items: ILayoutItem[], chartLayoutRect: IRect, chartViewBox: IBoundsLike): void;
+    protected layoutZAxisItems(zItems: ILayoutItem[], zRect: IRect): void;
+    protected layoutRegionItems(regionItems: IRegion[], regionRelativeItems: ILayoutItem[], extraOffset?: IOffset): void;
+    protected getItemComputeLayoutRect(item: ILayoutItem, extraOffset?: IOffset): {
+        width: number;
+        height: number;
+    };
+}
+export {};

package/cjs/layout/layout3d/index.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Layout3d = void 0;
+
+const base_layout_1 = require("../base-layout"), util_1 = require("../../component/axis/cartesian/util");
+
+class Layout3d extends base_layout_1.Layout {
+    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)), absoluteItem = items.filter((x => "absolute" === x.layoutType)), zItems = absoluteItem.filter((i => "z" === i.layoutOrient));
+        let extraWH = {
+            width: 0,
+            height: 0
+        };
+        if (zItems.length) {
+            extraWH = zItems[0].getLayoutRect();
+        }
+        this._leftCurrent += extraWH.width / 8, this._rightCurrent -= extraWH.width / 8, 
+        this._topCurrent += extraWH.height / 8, this._bottomCurrent -= extraWH.height / 8;
+        if (this.layoutRegionItems(regionItems, relativeItems, {
+            offsetBottom: 0,
+            offsetTop: 0,
+            offsetLeft: 0,
+            offsetRight: 0
+        }), 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));
+        }
+        const absoluteItemExceptZAxis = absoluteItem.filter((i => "z" !== i.layoutOrient));
+        this.layoutAbsoluteItems(absoluteItemExceptZAxis);
+        const xAxis = relativeItems.filter((item => item.specKey && "axes" === item.specKey && (0, 
+        util_1.isXAxis)(item.layoutOrient)))[0], yAxis = relativeItems.filter((item => item.specKey && "axes" === item.specKey && (0, 
+        util_1.isYAxis)(item.layoutOrient)))[0];
+        if (xAxis && zItems.length) {
+            const sp = xAxis.getLayoutStartPoint(), lr = xAxis.getLayoutRect(), zRect = {
+                x: "left" === yAxis.layoutOrient ? sp.x + lr.width : sp.x,
+                y: sp.y,
+                width: this._chartLayoutRect.width,
+                height: this._chartLayoutRect.height
+            };
+            zItems[0].directionStr = "left" === yAxis.layoutOrient ? "r2l" : "l2r";
+            const xRect = xAxis.getLayoutRect(), yRect = yAxis.getLayoutRect(), box3d = {
+                length: zItems[0].getLayoutRect().width,
+                width: xRect.width,
+                height: yRect.height
+            };
+            xAxis.setLayout3dBox && xAxis.setLayout3dBox(box3d), yAxis.setLayout3dBox && yAxis.setLayout3dBox(box3d), 
+            zItems[0].setLayout3dBox && zItems[0].setLayout3dBox(box3d), this.layoutZAxisItems(zItems, zRect);
+        }
+    }
+    layoutZAxisItems(zItems, zRect) {
+        zItems.forEach((item => {
+            item.absoluteLayoutInRect(zRect);
+        }));
+    }
+    layoutRegionItems(regionItems, regionRelativeItems, extraOffset) {
+        let regionRelativeTotalWidth = this._rightCurrent - this._leftCurrent, regionRelativeTotalHeight = this._bottomCurrent - this._topCurrent;
+        extraOffset || (extraOffset = {
+            offsetLeft: 0,
+            offsetRight: 0,
+            offsetTop: 0,
+            offsetBottom: 0
+        }), regionRelativeItems.filter((x => "left" === x.layoutOrient || "right" === x.layoutOrient)).forEach((item => {
+            const layoutRect = this.getItemComputeLayoutRect(item, extraOffset), rect = item.computeBoundsInRect(layoutRect);
+            item.setLayoutRect({
+                width: rect.width
+            }), "left" === item.layoutOrient ? (item.setLayoutStartPosition({
+                x: this._leftCurrent + item.layoutOffsetX + item.layoutPaddingLeft + extraOffset.offsetLeft
+            }), this._leftCurrent += rect.width + item.layoutPaddingLeft + item.layoutPaddingRight + extraOffset.offsetLeft) : "right" === item.layoutOrient && (this._rightCurrent -= rect.width + item.layoutPaddingLeft + item.layoutPaddingRight + extraOffset.offsetRight, 
+            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, extraOffset), rect = item.computeBoundsInRect(layoutRect);
+            item.setLayoutRect({
+                height: rect.height
+            }), "top" === item.layoutOrient ? (item.setLayoutStartPosition({
+                y: this._topCurrent + item.layoutOffsetY + item.layoutPaddingTop + extraOffset.offsetTop
+            }), this._topCurrent += rect.height + item.layoutPaddingTop + item.layoutPaddingBottom) : "bottom" === item.layoutOrient && (this._bottomCurrent -= rect.height + item.layoutPaddingTop + item.layoutPaddingBottom + extraOffset.offsetBottom, 
+            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
+                });
+            }
+        }));
+    }
+    getItemComputeLayoutRect(item, extraOffset) {
+        extraOffset || (extraOffset = {
+            offsetLeft: 0,
+            offsetRight: 0,
+            offsetTop: 0,
+            offsetBottom: 0
+        });
+        return {
+            width: this._rightCurrent - this._leftCurrent - item.layoutPaddingLeft - item.layoutPaddingRight - (extraOffset.offsetLeft + extraOffset.offsetRight),
+            height: this._bottomCurrent - this._topCurrent - item.layoutPaddingTop - item.layoutPaddingBottom - (extraOffset.offsetTop + extraOffset.offsetBottom)
+        };
+    }
+}
+
+exports.Layout3d = Layout3d;
+//# sourceMappingURL=index.js.map

package/cjs/layout/layout3d/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/layout3d/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 { IRect } from '../../typings/space';\nimport type { IRegion } from '../../region/interface';\nimport type { IBaseLayout } from '../interface';\nimport { Layout } from '../base-layout';\nimport { isXAxis, isYAxis } from '../../component/axis/cartesian/util';\n\ninterface IOffset {\n  offsetLeft: number;\n  offsetRight: number;\n  offsetTop: number;\n  offsetBottom: number;\n}\n\nexport class Layout3d extends Layout implements IBaseLayout {\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    // 计算3d轴\n    const absoluteItem = items.filter(x => x.layoutType === 'absolute');\n    const zItems = absoluteItem.filter(i => {\n      return i.layoutOrient === 'z';\n    });\n\n    // 计算z的宽高，让出一部分位置\n    let extraWH = { width: 0, height: 0 };\n    if (zItems.length) {\n      const layoutRect = zItems[0].getLayoutRect();\n      extraWH = layoutRect;\n    }\n    this._leftCurrent += extraWH.width / 8;\n    this._rightCurrent -= extraWH.width / 8;\n    this._topCurrent += extraWH.height / 8;\n    this._bottomCurrent -= extraWH.height / 8;\n    const offsetWH: IOffset = {\n      offsetBottom: 0,\n      offsetTop: 0,\n      offsetLeft: 0,\n      offsetRight: 0\n    };\n\n    // 有元素开启了自动缩进\n    // TODO:目前只有普通占位布局下的 region-relative 元素支持\n    // 主要考虑常规元素超出画布一般为用户个性设置，而且可以设置padding规避裁剪,不需要使用自动缩进\n    this.layoutRegionItems(regionItems, relativeItems, offsetWH);\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    // z轴以外的绝对定位\n    const absoluteItemExceptZAxis = absoluteItem.filter(i => i.layoutOrient !== 'z');\n    this.layoutAbsoluteItems(absoluteItemExceptZAxis);\n\n    // 找到x轴\n    const xAxis = relativeItems.filter(item => {\n      return (item as any).specKey && (item as any).specKey === 'axes' && isXAxis(item.layoutOrient);\n    })[0];\n    const yAxis = relativeItems.filter(item => {\n      return (item as any).specKey && (item as any).specKey === 'axes' && isYAxis(item.layoutOrient);\n    })[0];\n    if (xAxis && zItems.length) {\n      const sp = xAxis.getLayoutStartPoint();\n      const lr = xAxis.getLayoutRect();\n      const zRect = {\n        x: yAxis.layoutOrient === 'left' ? sp.x + lr.width : sp.x,\n        y: sp.y,\n        width: this._chartLayoutRect.width,\n        height: this._chartLayoutRect.height\n      };\n      zItems[0].directionStr = yAxis.layoutOrient === 'left' ? 'r2l' : 'l2r';\n      // 将长宽高信息传给所有的轴\n      const xRect = xAxis.getLayoutRect();\n      const yRect = yAxis.getLayoutRect();\n      // const zRect = zItems[0].getLayoutRect();\n      const box3d = {\n        length: zItems[0].getLayoutRect().width,\n        width: xRect.width,\n        height: yRect.height\n      };\n\n      (xAxis as any).setLayout3dBox && (xAxis as any).setLayout3dBox(box3d);\n      (yAxis as any).setLayout3dBox && (yAxis as any).setLayout3dBox(box3d);\n      (zItems[0] as any).setLayout3dBox && (zItems[0] as any).setLayout3dBox(box3d);\n\n      this.layoutZAxisItems(zItems, zRect);\n    }\n  }\n\n  /**\n   * 对z轴进行布局\n   * @param zItems\n   */\n  protected layoutZAxisItems(zItems: ILayoutItem[], zRect: IRect) {\n    zItems.forEach(item => {\n      // 设置盒子\n      item.absoluteLayoutInRect(zRect);\n    });\n  }\n\n  /**\n   *\n   * 1. 补全 region-relative rect 和部分 layoutStartPoint\n   * 2. 补全 region rect 和 layoutStartPoint\n   *\n   */\n  protected layoutRegionItems(regionItems: IRegion[], regionRelativeItems: ILayoutItem[], extraOffset?: IOffset): void {\n    let regionRelativeTotalWidth = this._rightCurrent - this._leftCurrent;\n    let regionRelativeTotalHeight = this._bottomCurrent - this._topCurrent;\n\n    if (!extraOffset) {\n      extraOffset = { offsetLeft: 0, offsetRight: 0, offsetTop: 0, offsetBottom: 0 };\n    }\n\n    regionRelativeItems\n      .filter(x => x.layoutOrient === 'left' || x.layoutOrient === 'right')\n      .forEach(item => {\n        const layoutRect = this.getItemComputeLayoutRect(item, extraOffset);\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 + extraOffset.offsetLeft\n          });\n          this._leftCurrent += rect.width + item.layoutPaddingLeft + item.layoutPaddingRight + extraOffset.offsetLeft;\n        } else if (item.layoutOrient === 'right') {\n          this._rightCurrent -= rect.width + item.layoutPaddingLeft + item.layoutPaddingRight + extraOffset.offsetRight;\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, extraOffset);\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 + extraOffset.offsetTop\n          });\n          this._topCurrent += rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;\n        } else if (item.layoutOrient === 'bottom') {\n          this._bottomCurrent -=\n            rect.height + item.layoutPaddingTop + item.layoutPaddingBottom + extraOffset.offsetBottom;\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   * 工具方法 根据item属性获取给item提供的布局空间\n   * @param item\n   */\n  protected getItemComputeLayoutRect(item: ILayoutItem, extraOffset?: IOffset) {\n    if (!extraOffset) {\n      extraOffset = { offsetLeft: 0, offsetRight: 0, offsetTop: 0, offsetBottom: 0 };\n    }\n    const result = {\n      width:\n        this._rightCurrent -\n        this._leftCurrent -\n        item.layoutPaddingLeft -\n        item.layoutPaddingRight -\n        (extraOffset.offsetLeft + extraOffset.offsetRight),\n      height:\n        this._bottomCurrent -\n        this._topCurrent -\n        item.layoutPaddingTop -\n        item.layoutPaddingBottom -\n        (extraOffset.offsetTop + extraOffset.offsetBottom)\n    };\n    return result;\n  }\n}\n"]}

package/cjs/mark/arc-3d.d.ts

@@ -0,0 +1,9 @@
+import type { IArc3dMarkSpec } from '../typings';
+import { BaseArcMark } from './arc';
+import type { IMarkRaw } from './interface';
+import { MarkTypeEnum } from './interface';
+export type IArc3dMark = IMarkRaw<IArc3dMarkSpec>;
+export declare class Arc3dMark extends BaseArcMark<IArc3dMarkSpec> implements IArc3dMark {
+    static readonly type = MarkTypeEnum.arc3d;
+    readonly type: MarkTypeEnum;
+}

package/cjs/mark/arc-3d.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Arc3dMark = void 0;
+
+const arc_1 = require("./arc"), interface_1 = require("./interface");
+
+class Arc3dMark extends arc_1.BaseArcMark {
+    constructor() {
+        super(...arguments), this.type = Arc3dMark.type;
+    }
+}
+
+exports.Arc3dMark = Arc3dMark, Arc3dMark.type = interface_1.MarkTypeEnum.arc3d;
+//# sourceMappingURL=arc-3d.js.map

package/cjs/mark/arc-3d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mark/arc-3d.ts"],"names":[],"mappings":";;;AACA,+BAAoC;AAGpC,2CAA2C;AAI3C,MAAa,SAAU,SAAQ,iBAA2B;IAA1D;;QAEW,SAAI,GAAiB,SAAS,CAAC,IAAI,CAAC;IAC/C,CAAC;;AAHD,8BAGC;AAFiB,cAAI,GAAG,wBAAY,CAAC,KAAK,CAAC","file":"arc-3d.js","sourcesContent":["import type { IArc3dMarkSpec } from '../typings';\nimport { BaseArcMark } from './arc';\nimport type { IMarkRaw } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from './interface';\n\nexport type IArc3dMark = IMarkRaw<IArc3dMarkSpec>;\n\nexport class Arc3dMark extends BaseArcMark<IArc3dMarkSpec> implements IArc3dMark {\n  static readonly type = MarkTypeEnum.arc3d;\n  readonly type: MarkTypeEnum = Arc3dMark.type;\n}\n"]}

package/cjs/mark/arc.d.ts

@@ -0,0 +1,20 @@
+import type { IArcMarkSpec, Datum, StateValueType } from '../typings';
+import { BaseMark } from './base/base-mark';
+import type { IMarkOption, IMarkRaw, IMarkStyle } from './interface';
+import { MarkTypeEnum } from './interface';
+export type IArcMark = IMarkRaw<IArcMarkSpec>;
+export declare class BaseArcMark<T extends IArcMarkSpec> extends BaseMark<T> implements IMarkRaw<T> {
+    readonly type: MarkTypeEnum;
+    _unCompileChannel: {
+        centerOffset: boolean;
+        radiusOffset: boolean;
+    };
+    constructor(name: string, option: IMarkOption);
+    protected _getDefaultStyle(): IMarkStyle<T>;
+    protected computeOuterRadius: (key: string, datum: Datum, states: StateValueType, opt: any, superValue: number) => number;
+    protected computeCenter: (key: 'x' | 'y', datum: Datum, states: StateValueType, opt: any, center: number) => number;
+}
+export declare class ArcMark extends BaseArcMark<IArcMarkSpec> implements IArcMark {
+    static readonly type = MarkTypeEnum.arc;
+    readonly type: MarkTypeEnum;
+}