@visactor/vtable 0.9.0-alpha.0-alpha.0

package/es/render/layout/line.js

@@ -0,0 +1,80 @@
+import { DIRECTION_KEY } from "./direction";
+
+export class Line {
+    constructor(widthLimit, direction, justifyContent, alignItems) {
+        this.width = 0, this.height = 0, this.y = 0, this.x = 0, this.children = [], this.addAble = !0, 
+        this.widthLimit = 0, this.heightLimit = 0, this.offsetX = 0, this.direction = direction, 
+        this.directionKey = DIRECTION_KEY[this.direction], this.justifyContent = justifyContent, 
+        this.alignItems = alignItems, this[this.directionKey.widthLimit] = widthLimit;
+    }
+    add(element) {
+        element[this.directionKey.x] = this[this.directionKey.width], this[this.directionKey.width] += element[this.directionKey.layoutWidth], 
+        this.children.push(element), this.updateHeight(element);
+    }
+    canAdd(element) {
+        return !(this[this.directionKey.width] + element[this.directionKey.layoutWidth] > this[this.directionKey.widthLimit]);
+    }
+    updateHeight(element) {
+        element[this.directionKey.layoutHeight] > this[this.directionKey.height] && (this[this.directionKey.height] = element[this.directionKey.layoutHeight]);
+    }
+    lineFinish() {
+        this.updateXAlign();
+    }
+    updateXAlign() {
+        const offsetX = this[this.directionKey.widthLimit] - this[this.directionKey.width];
+        "center" === this.justifyContent ? this.offsetX = offsetX / 2 : "start" === this.justifyContent ? this.offsetX = 0 : this.offsetX = offsetX;
+    }
+    getOffsetY(element) {
+        switch (this.alignItems) {
+          case "start":
+          default:
+            return 0;
+
+          case "center":
+            return (this[this.directionKey.height] - element[this.directionKey.layoutHeight]) / 2;
+
+          case "end":
+            return this[this.directionKey.height] - element[this.directionKey.layoutHeight];
+        }
+    }
+    getContentSize() {
+        const result = {
+            width: 0,
+            height: 0
+        };
+        for (let i = 0; i < this.children.length; i++) {
+            const element = this.children[i];
+            let size;
+            size = "container" === element.type ? element.getContentSize() : {
+                width: element.layoutWidth,
+                height: element.layoutHeight
+            }, result[this.directionKey.height] < size[this.directionKey.height] && (result[this.directionKey.height] = size[this.directionKey.height]), 
+            result[this.directionKey.width] += size[this.directionKey.width];
+        }
+        return result;
+    }
+    getElements(parentPos = {
+        parentX: 0,
+        parentY: 0
+    }, isHover = !1, isSelect = !1) {
+        var _a, _b;
+        const elements = [];
+        for (let i = 0; i < this.children.length; i++) {
+            const element = this.children[i];
+            if ("container" === element.type || "group-element" === element.type) {
+                const childElements = element.getElements({
+                    [this.directionKey.parentX]: this.offsetX + this[this.directionKey.x] + parentPos.parentX,
+                    [this.directionKey.parentY]: this.getOffsetY(element) + this[this.directionKey.y] + parentPos.parentY
+                }, isHover, isSelect);
+                elements.push(...childElements);
+            } else {
+                if ("icon" === element.type && ("mouseenter_cell" === (null === (_a = element.cache) || void 0 === _a ? void 0 : _a.visibleTime) && !isHover || "click_cell" === (null === (_b = element.cache) || void 0 === _b ? void 0 : _b.visibleTime) && !isSelect)) continue;
+                element[this.directionKey.x] += this.offsetX + this[this.directionKey.x] + parentPos.parentX, 
+                element[this.directionKey.y] += this.getOffsetY(element) + this[this.directionKey.y] + parentPos.parentY, 
+                elements.push(element);
+            }
+        }
+        return elements;
+    }
+}
+//# sourceMappingURL=line.js.map

package/es/render/layout/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["render/layout/line.ts"],"names":[],"mappings":"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","file":"line.js","sourcesContent":["import type { Container } from './container';\nimport type { AlignItems, Direction, DirectionKey, JustifyContent } from './direction';\nimport { DIRECTION_KEY } from './direction';\nimport type { BaseElement } from './element';\nimport type { Icon } from './icon';\n\nexport class Line {\n  width = 0;\n  height = 0;\n  y = 0;\n  x = 0;\n  children: BaseElement[] = [];\n  addAble = true;\n  widthLimit = 0;\n  heightLimit = 0;\n  direction: Direction;\n  directionKey: DirectionKey;\n  offsetX = 0;\n  justifyContent: JustifyContent;\n  alignItems: AlignItems;\n\n  constructor(widthLimit: number, direction: Direction, justifyContent: JustifyContent, alignItems: AlignItems) {\n    this.direction = direction;\n    this.directionKey = DIRECTION_KEY[this.direction];\n    this.justifyContent = justifyContent;\n    this.alignItems = alignItems;\n\n    // this.widthLimit = widthLimit;\n    this[this.directionKey.widthLimit] = widthLimit;\n  }\n\n  add(element: BaseElement) {\n    // element.x = this.width;\n    // this.width += element.layoutWidth;\n    element[this.directionKey.x] = this[this.directionKey.width];\n    this[this.directionKey.width] += element[this.directionKey.layoutWidth];\n\n    this.children.push(element);\n    this.updateHeight(element);\n  }\n\n  canAdd(element: BaseElement): boolean {\n    // if (this.width + element.layoutWidth > this.widthLimit) {\n    if (this[this.directionKey.width] + element[this.directionKey.layoutWidth] > this[this.directionKey.widthLimit]) {\n      return false;\n    }\n    return true;\n  }\n\n  updateHeight(element: BaseElement) {\n    // if (element.layoutHeight > this.height) {\n    //   this.height = element.layoutHeight;\n    // }\n    if (element[this.directionKey.layoutHeight] > this[this.directionKey.height]) {\n      this[this.directionKey.height] = element[this.directionKey.layoutHeight];\n    }\n  }\n\n  lineFinish() {\n    this.updateXAlign();\n  }\n\n  // 主轴方向上对齐\n  updateXAlign() {\n    const offsetX = this[this.directionKey.widthLimit] - this[this.directionKey.width];\n    if (this.justifyContent === 'center') {\n      this.offsetX = offsetX / 2;\n    } else if (this.justifyContent === 'start') {\n      this.offsetX = 0;\n    } else {\n      this.offsetX = offsetX;\n    }\n  }\n\n  getOffsetY(element: BaseElement): number {\n    switch (this.alignItems) {\n      case 'start':\n        return 0;\n      case 'center':\n        return (this[this.directionKey.height] - element[this.directionKey.layoutHeight]) / 2;\n      case 'end':\n        return this[this.directionKey.height] - element[this.directionKey.layoutHeight];\n      default:\n        return 0;\n    }\n  }\n\n  getContentSize() {\n    const result = {\n      width: 0,\n      height: 0\n    };\n\n    for (let i = 0; i < this.children.length; i++) {\n      const element = this.children[i];\n      let size;\n      if (element.type === 'container') {\n        size = (element as Container).getContentSize();\n      } else {\n        size = {\n          width: element.layoutWidth,\n          height: element.layoutHeight\n        };\n      }\n\n      if (result[this.directionKey.height] < size[this.directionKey.height]) {\n        result[this.directionKey.height] = size[this.directionKey.height];\n      }\n      result[this.directionKey.width] += size[this.directionKey.width];\n    }\n\n    return result;\n  }\n\n  // 获取平坦后的全部子图元，更新子图元xy位置信息\n  getElements(\n    parentPos: { parentX: number; parentY: number } = { parentX: 0, parentY: 0 },\n    isHover = false,\n    isSelect = false\n  ) {\n    const elements = [];\n    // const parentPos = { parentX, parentY };\n    for (let i = 0; i < this.children.length; i++) {\n      const element = this.children[i];\n      if (element.type === 'container' || element.type === 'group-element') {\n        const childElements = (element as any).getElements(\n          {\n            [this.directionKey.parentX]: this.offsetX + this[this.directionKey.x] + parentPos.parentX,\n            [this.directionKey.parentY]: this.getOffsetY(element) + this[this.directionKey.y] + parentPos.parentY\n          },\n          isHover,\n          isSelect\n        );\n        elements.push(...childElements);\n      } else {\n        if (\n          element.type === 'icon' &&\n          (((element as Icon).cache?.visibleTime === 'mouseenter_cell' && !isHover) ||\n            ((element as Icon).cache?.visibleTime === 'click_cell' && !isSelect))\n        ) {\n          continue;\n        }\n\n        element[this.directionKey.x] += this.offsetX + this[this.directionKey.x] + parentPos.parentX;\n        element[this.directionKey.y] += this.getOffsetY(element) + this[this.directionKey.y] + parentPos.parentY;\n        elements.push(element);\n      }\n    }\n\n    return elements;\n  }\n}\n"]}

package/es/render/layout/percent-calc.d.ts

@@ -0,0 +1,8 @@
+export type percentCalcObj = {
+    percent: number;
+    delta: number;
+};
+export declare function percentCalc(percent: number, delta?: number): {
+    percent: number;
+    delta: number;
+};

package/es/render/layout/percent-calc.js

@@ -0,0 +1,7 @@
+export function percentCalc(percent, delta = 0) {
+    return {
+        percent: percent,
+        delta: delta
+    };
+}
+//# sourceMappingURL=percent-calc.js.map

package/es/render/layout/percent-calc.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["render/layout/percent-calc.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,WAAW,CAAC,OAAe,EAAE,KAAK,GAAG,CAAC;IACpD,OAAO;QACL,OAAO;QACP,KAAK;KACN,CAAC;AACJ,CAAC","file":"percent-calc.js","sourcesContent":["export type percentCalcObj = {\n  percent: number;\n  delta: number;\n};\n\nexport function percentCalc(percent: number, delta = 0) {\n  return {\n    percent,\n    delta\n  };\n}\n"]}

package/es/render/layout/rect.d.ts

@@ -0,0 +1,22 @@
+import type { ElementOptions } from './element';
+import { BaseElement } from './element';
+type RectOptions = {
+    width: number;
+    height: number;
+    lineWidth?: number;
+    borderRadius?: number;
+    fillColor?: string;
+    strokeColor?: string;
+} & ElementOptions;
+export declare class Rect extends BaseElement {
+    type: 'rect';
+    width: number;
+    height: number;
+    lineWidth: number;
+    borderRadius: number;
+    radius: number;
+    fillColor: string;
+    strokeColor: string;
+    constructor(options: RectOptions);
+}
+export {};

package/es/render/layout/rect.js

@@ -0,0 +1,11 @@
+import { BaseElement } from "./element";
+
+export class Rect extends BaseElement {
+    constructor(options) {
+        super(options), this.type = "rect", this.width = options.width, this.height = options.height, 
+        this.lineWidth = options.lineWidth || 0, this.borderRadius = options.borderRadius || 0, 
+        this.radius = this.borderRadius, this.fillColor = options.fillColor || "#777", this.strokeColor = options.strokeColor || void 0, 
+        this.initLayoutSize();
+    }
+}
+//# sourceMappingURL=rect.js.map

package/es/render/layout/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["render/layout/rect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAWxC,MAAM,OAAO,IAAK,SAAQ,WAAW;IAUnC,YAAY,OAAoB;QAC9B,KAAK,CAAC,OAAO,CAAC,CAAC;QAVjB,SAAI,GAAW,MAAM,CAAC;QAWpB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;QAChC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,MAAM,CAAC;QAC7C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,SAAS,CAAC;QAEpD,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;CACF","file":"rect.js","sourcesContent":["import type { ElementOptions } from './element';\nimport { BaseElement } from './element';\n\ntype RectOptions = {\n  width: number;\n  height: number;\n  lineWidth?: number;\n  borderRadius?: number;\n  fillColor?: string;\n  strokeColor?: string;\n} & ElementOptions;\n\nexport class Rect extends BaseElement {\n  type: 'rect' = 'rect';\n  declare width: number;\n  declare height: number;\n  lineWidth: number;\n  borderRadius: number;\n  radius: number;\n  fillColor: string;\n  strokeColor: string;\n\n  constructor(options: RectOptions) {\n    super(options);\n    this.width = options.width;\n    this.height = options.height;\n    this.lineWidth = options.lineWidth || 0;\n    this.borderRadius = options.borderRadius || 0;\n    this.radius = this.borderRadius;\n    this.fillColor = options.fillColor || '#777';\n    this.strokeColor = options.strokeColor || undefined;\n\n    this.initLayoutSize();\n  }\n}\n"]}

package/es/render/layout/text.d.ts

@@ -0,0 +1,22 @@
+import type { BaseTableAPI } from '../../ts-types/base-table';
+import type { ElementOptions } from './element';
+import { BaseElement } from './element';
+type TextOptions = {
+    text: string;
+    fontSize?: number;
+    fontFamily?: string;
+    fillColor?: string;
+} & ElementOptions;
+export declare class Text extends BaseElement {
+    type: 'text';
+    text: string;
+    fontSize: number;
+    fontFamily: string;
+    fillColor: string;
+    color: string;
+    textBaseline: 'top';
+    textAlign: 'left';
+    constructor(options: TextOptions);
+    getSize(table: BaseTableAPI): void;
+}
+export {};

package/es/render/layout/text.js

@@ -0,0 +1,18 @@
+import { BaseElement } from "./element";
+
+export class Text extends BaseElement {
+    constructor(options) {
+        super(options), this.type = "text", this.textBaseline = "top", this.textAlign = "left", 
+        this.text = options.text, this.fontSize = options.fontSize || 12, this.fontFamily = options.fontFamily || "sans-serif", 
+        this.color = this.fillColor = options.fillColor || "black";
+    }
+    getSize(table) {
+        const {width: width, height: height} = table.measureText(this.text, {
+            fontSize: this.fontSize,
+            fontFamily: this.fontFamily
+        });
+        this.width = width, this.height = height, this.initLayoutSize(), this.background && (this.dx += this.background.expandX || 0, 
+        this.dy += this.background.expandY || 0);
+    }
+}
+//# sourceMappingURL=text.js.map

package/es/render/layout/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["render/layout/text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AASxC,MAAM,OAAO,IAAK,SAAQ,WAAW;IAWnC,YAAY,OAAoB;QAC9B,KAAK,CAAC,OAAO,CAAC,CAAC;QAXjB,SAAI,GAAW,MAAM,CAAC;QAOtB,iBAAY,GAAU,KAAK,CAAC;QAC5B,cAAS,GAAW,MAAM,CAAC;QAIzB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;QACvC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,YAAY,CAAC;QACrD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC;IAE7D,CAAC;IAED,OAAO,CAAC,KAAmB;QACzB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE;YACrD,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,UAAU,EAAE,IAAI,CAAC,UAAU;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;YACxC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;SACzC;IACH,CAAC;CACF","file":"text.js","sourcesContent":["import type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { ElementOptions } from './element';\nimport { BaseElement } from './element';\n\ntype TextOptions = {\n  text: string;\n  fontSize?: number;\n  fontFamily?: string;\n  fillColor?: string;\n} & ElementOptions;\n\nexport class Text extends BaseElement {\n  type: 'text' = 'text';\n  text: string;\n  fontSize: number;\n  fontFamily: string;\n  fillColor: string;\n  color: string;\n  // font: string;\n  textBaseline: 'top' = 'top';\n  textAlign: 'left' = 'left';\n\n  constructor(options: TextOptions) {\n    super(options);\n    this.text = options.text;\n    this.fontSize = options.fontSize || 12;\n    this.fontFamily = options.fontFamily || 'sans-serif';\n    this.color = this.fillColor = options.fillColor || 'black';\n    // this.font = `${this.fontSize}px ${this.fontFamily}`;\n  }\n\n  getSize(table: BaseTableAPI) {\n    const { width, height } = table.measureText(this.text, {\n      fontSize: this.fontSize,\n      fontFamily: this.fontFamily\n    });\n    this.width = width;\n    this.height = height;\n    this.initLayoutSize();\n\n    if (this.background) {\n      this.dx += this.background.expandX || 0;\n      this.dy += this.background.expandY || 0;\n    }\n  }\n}\n"]}

package/es/scenegraph/component/cell-content.d.ts

@@ -0,0 +1,36 @@
+import type { IGroupGraphicAttribute } from '@visactor/vrender';
+import { RichText } from '@visactor/vrender';
+import { Group } from '../graphic/group';
+import { Icon } from '../graphic/icon';
+import { WrapText } from '../graphic/text';
+interface ICellContentOption {
+    autoWidth: boolean;
+    autoHeight: boolean;
+    cellWidth: number;
+    cellHeight: number;
+    align: CanvasTextAlign;
+    baseline: CanvasTextBaseline;
+}
+export declare class CellContent extends Group {
+    _leftGroup: Group;
+    _rightGroup: Group;
+    _centerGroup: Group;
+    _autoWidth: boolean;
+    _autoHeight: boolean;
+    _cellWidth: number;
+    _cellHeight: number;
+    _align: CanvasTextAlign;
+    _baseline: CanvasTextBaseline;
+    constructor(params: IGroupGraphicAttribute);
+    setCellContentOption(option: ICellContentOption): void;
+    addLeftOccupyingIcon(icon: Icon): void;
+    addRightOccupyingIcon(icon: Icon): void;
+    addContent(content: Icon | WrapText | RichText): void;
+    layout(): void;
+    updateCenterLayout(contentWidth: number): void;
+    updateHorizontalPos(): void;
+    updateVerticalPos(): void;
+    updateWidth(width: number): void;
+    updateHeight(height: number): void;
+}
+export {};

package/es/scenegraph/component/cell-content.js

@@ -0,0 +1,98 @@
+import { RichText } from "@visactor/vrender";
+
+import { Group } from "../graphic/group";
+
+import { Icon } from "../graphic/icon";
+
+import { WrapText } from "../graphic/text";
+
+export class CellContent extends Group {
+    constructor(params) {
+        super(params), this._autoWidth = !1, this._autoHeight = !1, this._leftGroup = new Group({
+            pickable: !1
+        }), this._leftGroup.role = "content-left", this._rightGroup = new Group({
+            pickable: !1
+        }), this._rightGroup.role = "content-right", this._centerGroup = new Group({
+            pickable: !1
+        }), this._centerGroup.role = "content-center", this.appendChild(this._leftGroup), 
+        this.appendChild(this._rightGroup), this.appendChild(this._centerGroup);
+    }
+    setCellContentOption(option) {
+        this._autoWidth = option.autoWidth, this._autoHeight = option.autoHeight, this._cellWidth = option.cellWidth, 
+        this._cellHeight = option.cellHeight, this._align = option.align, this._baseline = option.baseline;
+    }
+    addLeftOccupyingIcon(icon) {
+        var _a, _b, _c;
+        icon.setAttribute("x", this._leftGroup.width + (null !== (_a = icon.attribute.marginLeft) && void 0 !== _a ? _a : 0)), 
+        this._leftGroup.appendChild(icon), this._leftGroup.setDeltaWidth((null !== (_b = icon.attribute.marginLeft) && void 0 !== _b ? _b : 0) + (null !== (_c = icon.attribute.marginRight) && void 0 !== _c ? _c : 0) + icon.attribute.width);
+    }
+    addRightOccupyingIcon(icon) {
+        var _a, _b, _c;
+        icon.setAttribute("x", this._rightGroup.width + (null !== (_a = icon.attribute.marginLeft) && void 0 !== _a ? _a : 0)), 
+        this._rightGroup.appendChild(icon), this._rightGroup.setDeltaWidth((null !== (_b = icon.attribute.marginLeft) && void 0 !== _b ? _b : 0) + (null !== (_c = icon.attribute.marginRight) && void 0 !== _c ? _c : 0) + icon.attribute.width);
+    }
+    addContent(content) {
+        const lastChild = this._centerGroup.lastChild;
+        lastChild && content.setAttributes({
+            x: lastChild.attribute.x + lastChild.AABBBounds.width()
+        }), this._centerGroup.appendChild(content), content instanceof WrapText && (this._centerGroup.setAttribute("pickable", !1), 
+        content.setAttribute("textAlign", "left"));
+    }
+    layout() {
+        let leftOccupyingWidth = this._leftGroup.width;
+        leftOccupyingWidth === 1 / 0 && (leftOccupyingWidth = 0);
+        let rightOccupyingWidth = this._rightGroup.width;
+        if (rightOccupyingWidth === -1 / 0 && (rightOccupyingWidth = 0), this._autoWidth) {
+            const centerWidth = this._centerGroup.width;
+            this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + centerWidth, this.setAttribute("width", this._cellWidth);
+        } else {
+            const contentWidth = this._cellWidth - leftOccupyingWidth - rightOccupyingWidth;
+            this.updateCenterLayout(contentWidth);
+            const centerWidth = this._centerGroup.width;
+            this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + centerWidth, this.setAttribute("width", this._cellWidth);
+        }
+        this.updateHorizontalPos();
+        const leftOccupyingHeight = this._leftGroup.height, rightOccupyingHeight = this._rightGroup.height, centerHeight = this._centerGroup.height;
+        this._cellHeight = Math.max(leftOccupyingHeight, rightOccupyingHeight, centerHeight), 
+        this.setAttribute("height", this._cellHeight), this.updateVerticalPos();
+    }
+    updateCenterLayout(contentWidth) {
+        let textWidth = contentWidth;
+        this._centerGroup.forEachChildren((child => {
+            child instanceof Icon && (textWidth -= child.AABBBounds.width());
+        }));
+        const text = this._centerGroup.getChildByName("text");
+        text instanceof RichText ? text.setAttribute("width", textWidth) : text instanceof WrapText && text.setAttribute("maxLineWidth", textWidth);
+        let x = 0;
+        this._centerGroup.forEachChildren((child => {
+            child.setAttribute("x", x), x += child.AABBBounds.width();
+        }));
+    }
+    updateHorizontalPos() {
+        this._leftGroup.setAttribute("x", 0), this._rightGroup.setAttribute("x", this._cellWidth - this._rightGroup.width), 
+        this._centerGroup.setAttribute("x", this._leftGroup.width), "left" === this._align || "start" === this._align ? this.setAttribute("dx", 0) : "center" === this._align ? this.setAttribute("dx", -this.attribute.width / 2) : "right" !== this._align && "end" !== this._align || this.setAttribute("dx", -this.attribute.width);
+    }
+    updateVerticalPos() {
+        "top" === this._baseline ? (this._leftGroup.setAttribute("y", 0), this._rightGroup.setAttribute("y", 0), 
+        this._centerGroup.setAttribute("y", 0)) : "middle" === this._baseline ? (this._leftGroup.forEachChildren((icon => {
+            icon.setAttribute("y", (this._leftGroup.height - icon.AABBBounds.height()) / 2);
+        })), this._rightGroup.forEachChildren((icon => {
+            icon.setAttribute("y", (this._rightGroup.height - icon.AABBBounds.height()) / 2);
+        })), this._leftGroup.setAttribute("y", this._cellHeight / 2 - this._leftGroup.height / 2), 
+        this._rightGroup.setAttribute("y", this._cellHeight / 2 - this._rightGroup.height / 2), 
+        this._centerGroup.setAttribute("y", this._cellHeight / 2 - this._centerGroup.height / 2)) : "bottom" === this._baseline && (this._leftGroup.forEachChildren((icon => {
+            icon.setAttribute("y", this._leftGroup.height - icon.AABBBounds.height());
+        })), this._rightGroup.forEachChildren((icon => {
+            icon.setAttribute("y", this._rightGroup.height - icon.AABBBounds.height());
+        })), this._leftGroup.setAttribute("y", this._cellHeight - this._leftGroup.height), 
+        this._rightGroup.setAttribute("y", this._cellHeight - this._rightGroup.height), 
+        this._centerGroup.setAttribute("y", this._cellHeight - this._centerGroup.height));
+    }
+    updateWidth(width) {
+        this._cellWidth = width, this.layout();
+    }
+    updateHeight(height) {
+        this._cellHeight = height, this.layout();
+    }
+}
+//# sourceMappingURL=cell-content.js.map

package/es/scenegraph/component/cell-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/component/cell-content.ts"],"names":[],"mappings":"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","file":"cell-content.js","sourcesContent":["/* eslint-disable no-undef */\nimport type { IGroupGraphicAttribute } from '@visactor/vrender';\nimport { RichText } from '@visactor/vrender';\nimport { Group } from '../graphic/group';\nimport { Icon } from '../graphic/icon';\nimport { WrapText } from '../graphic/text';\n\n/*\n * cell区域规划\n * 左侧占位区 | 中央内容区 | 右侧占位区\n *\n * cell width设置\n * 1. 固定width\n * 2. 自动撑开\n * cell height设置\n * 1. 固定height\n * 2. 无折行，单行自动撑开\n * 2. 折行，多行自动撑开\n *\n * 中央内容区横向对齐方式\n * 纵向对齐方式\n * padding\n */\n\ninterface ICellContentOption {\n  autoWidth: boolean;\n  autoHeight: boolean;\n  cellWidth: number;\n  cellHeight: number;\n  align: CanvasTextAlign;\n  baseline: CanvasTextBaseline;\n}\n\n/**\n * @description: 单元格内容组件，包含content icon & wraptext/richtext\n * @return {*}\n */\nexport class CellContent extends Group {\n  _leftGroup: Group;\n  _rightGroup: Group;\n  _centerGroup: Group;\n\n  _autoWidth = false;\n  _autoHeight = false;\n  _cellWidth: number;\n  _cellHeight: number;\n  _align: CanvasTextAlign;\n  _baseline: CanvasTextBaseline;\n\n  constructor(params: IGroupGraphicAttribute) {\n    super(params);\n\n    this._leftGroup = new Group({\n      pickable: false\n    });\n    this._leftGroup.role = 'content-left';\n    this._rightGroup = new Group({\n      pickable: false\n    });\n    this._rightGroup.role = 'content-right';\n    this._centerGroup = new Group({\n      pickable: false\n    });\n    this._centerGroup.role = 'content-center';\n\n    this.appendChild(this._leftGroup);\n    this.appendChild(this._rightGroup);\n    this.appendChild(this._centerGroup);\n  }\n\n  setCellContentOption(option: ICellContentOption) {\n    this._autoWidth = option.autoWidth;\n    this._autoHeight = option.autoHeight;\n    this._cellWidth = option.cellWidth;\n    this._cellHeight = option.cellHeight;\n    this._align = option.align;\n    this._baseline = option.baseline;\n  }\n\n  addLeftOccupyingIcon(icon: Icon) {\n    icon.setAttribute('x', this._leftGroup.width + (icon.attribute.marginLeft ?? 0));\n    this._leftGroup.appendChild(icon);\n    this._leftGroup.setDeltaWidth(\n      (icon.attribute.marginLeft ?? 0) + (icon.attribute.marginRight ?? 0) + icon.attribute.width\n    );\n  }\n\n  addRightOccupyingIcon(icon: Icon) {\n    icon.setAttribute('x', this._rightGroup.width + (icon.attribute.marginLeft ?? 0));\n    this._rightGroup.appendChild(icon);\n    this._rightGroup.setDeltaWidth(\n      (icon.attribute.marginLeft ?? 0) + (icon.attribute.marginRight ?? 0) + icon.attribute.width\n    );\n  }\n\n  addContent(content: Icon | WrapText | RichText) {\n    const lastChild = this._centerGroup.lastChild as Icon | WrapText | RichText;\n    if (lastChild) {\n      // 横排content，新加入content更新x坐标\n      content.setAttributes({\n        x: lastChild.attribute.x + lastChild.AABBBounds.width()\n      });\n    }\n    this._centerGroup.appendChild(content);\n    if (content instanceof WrapText) {\n      this._centerGroup.setAttribute('pickable', false);\n      content.setAttribute('textAlign', 'left');\n    }\n  }\n\n  layout() {\n    // 计算左侧占位区域尺寸\n    let leftOccupyingWidth = this._leftGroup.width;\n    if (leftOccupyingWidth === Infinity) {\n      leftOccupyingWidth = 0;\n    }\n    // 计算右侧占位区域尺寸\n    let rightOccupyingWidth = this._rightGroup.width;\n    if (rightOccupyingWidth === -Infinity) {\n      rightOccupyingWidth = 0;\n    }\n\n    // 计算中央内容区域尺寸\n    if (this._autoWidth) {\n      // 计算内容本身宽度\n      const centerWidth = this._centerGroup.width;\n      // 更新cell宽度\n      this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + centerWidth;\n      // this.attribute.width = this._cellWidth;\n      this.setAttribute('width', this._cellWidth);\n    } else {\n      // 计算留给内容的宽度\n      const contentWidth = this._cellWidth - leftOccupyingWidth - rightOccupyingWidth;\n      // 更新内容宽度\n      this.updateCenterLayout(contentWidth);\n      const centerWidth = this._centerGroup.width;\n      this._cellWidth = leftOccupyingWidth + rightOccupyingWidth + centerWidth;\n      // this.attribute.width = this._cellWidth;\n      this.setAttribute('width', this._cellWidth);\n    }\n    // 更新水平位置\n    this.updateHorizontalPos();\n\n    // if (this._autoHeight) {\n    const leftOccupyingHeight = this._leftGroup.height;\n    const rightOccupyingHeight = this._rightGroup.height;\n    const centerHeight = this._centerGroup.height;\n\n    this._cellHeight = Math.max(leftOccupyingHeight, rightOccupyingHeight, centerHeight);\n    // this.attribute.height = this._cellHeight;\n    this.setAttribute('height', this._cellHeight);\n    // }\n\n    // 更新纵向位置\n    this.updateVerticalPos();\n  }\n\n  updateCenterLayout(contentWidth: number) {\n    // 计算留给文字的空间\n    let textWidth = contentWidth;\n    this._centerGroup.forEachChildren(child => {\n      if (child instanceof Icon) {\n        textWidth -= child.AABBBounds.width();\n      }\n    });\n\n    // 更新文字宽度\n    const text = this._centerGroup.getChildByName('text');\n    if (text instanceof RichText) {\n      text.setAttribute('width', textWidth);\n    } else if (text instanceof WrapText) {\n      text.setAttribute('maxLineWidth', textWidth);\n    }\n\n    // 按顺序更新x\n    let x = 0;\n    this._centerGroup.forEachChildren((child: Icon | WrapText | RichText) => {\n      child.setAttribute('x', x);\n      x += child.AABBBounds.width();\n    });\n  }\n\n  updateHorizontalPos() {\n    this._leftGroup.setAttribute('x', 0);\n    this._rightGroup.setAttribute('x', this._cellWidth - this._rightGroup.width);\n    this._centerGroup.setAttribute('x', this._leftGroup.width);\n    // 对齐方式由外部处理\n    if (this._align === 'left' || this._align === 'start') {\n      this.setAttribute('dx', 0);\n    } else if (this._align === 'center') {\n      this.setAttribute('dx', -this.attribute.width / 2);\n    } else if (this._align === 'right' || this._align === 'end') {\n      this.setAttribute('dx', -this.attribute.width);\n    }\n  }\n\n  updateVerticalPos() {\n    if (this._baseline === 'top') {\n      this._leftGroup.setAttribute('y', 0);\n      this._rightGroup.setAttribute('y', 0);\n      this._centerGroup.setAttribute('y', 0);\n    } else if (this._baseline === 'middle') {\n      // 处理Group内icon对齐\n      this._leftGroup.forEachChildren((icon: Icon) => {\n        icon.setAttribute('y', (this._leftGroup.height - icon.AABBBounds.height()) / 2);\n      });\n      this._rightGroup.forEachChildren((icon: Icon) => {\n        icon.setAttribute('y', (this._rightGroup.height - icon.AABBBounds.height()) / 2);\n      });\n\n      this._leftGroup.setAttribute('y', this._cellHeight / 2 - this._leftGroup.height / 2);\n      this._rightGroup.setAttribute('y', this._cellHeight / 2 - this._rightGroup.height / 2);\n      this._centerGroup.setAttribute('y', this._cellHeight / 2 - this._centerGroup.height / 2);\n    } else if (this._baseline === 'bottom') {\n      // 处理Group内icon对齐\n      this._leftGroup.forEachChildren((icon: Icon) => {\n        icon.setAttribute('y', this._leftGroup.height - icon.AABBBounds.height());\n      });\n      this._rightGroup.forEachChildren((icon: Icon) => {\n        icon.setAttribute('y', this._rightGroup.height - icon.AABBBounds.height());\n      });\n\n      this._leftGroup.setAttribute('y', this._cellHeight - this._leftGroup.height);\n      this._rightGroup.setAttribute('y', this._cellHeight - this._rightGroup.height);\n      this._centerGroup.setAttribute('y', this._cellHeight - this._centerGroup.height);\n    }\n  }\n\n  updateWidth(width: number) {\n    this._cellWidth = width;\n    this.layout();\n  }\n\n  updateHeight(height: number) {\n    this._cellHeight = height;\n    this.layout();\n  }\n}\n"]}

package/es/scenegraph/component/cell-mover.d.ts

@@ -0,0 +1,15 @@
+import type { ILine, IRect, ISymbol } from '@visactor/vrender';
+import type { Group } from '../graphic/group';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare class CellMover {
+    columnMoverLabel: ISymbol;
+    columnMoverLine: ILine;
+    columnMoverBack: IRect;
+    table: BaseTableAPI;
+    x?: number;
+    constructor(table: BaseTableAPI);
+    appand(parent: Group): void;
+    show(col: number, row: number, delta: number): void;
+    hide(): void;
+    update(backX: number | undefined, lineX: number | undefined, backY: number | undefined, lineY: number | undefined): void;
+}

package/es/scenegraph/component/cell-mover.js

@@ -0,0 +1,101 @@
+import { createLine, createRect, createSymbol } from "@visactor/vrender";
+
+import { getCellMergeInfo } from "../utils/get-cell-merge";
+
+export class CellMover {
+    constructor(table) {
+        const columnMoverLineWidth = table.theme.dragHeaderSplitLine.lineWidth, columnMoverLineColor = table.theme.dragHeaderSplitLine.lineColor, columnMoverShadowBlockColor = table.theme.dragHeaderSplitLine.shadowBlockColor;
+        this.columnMoverLabel = createSymbol({
+            visible: !1,
+            pickable: !1,
+            x: 0,
+            y: 0,
+            symbolType: "triangle",
+            fillColor: columnMoverLineColor
+        }), this.columnMoverLine = createLine({
+            visible: !1,
+            pickable: !1,
+            stroke: !0,
+            strokeColor: columnMoverLineColor,
+            lineWidth: columnMoverLineWidth,
+            x: 0,
+            y: 0,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: 0
+            } ]
+        }), this.columnMoverBack = createRect({
+            visible: !1,
+            pickable: !1,
+            fill: !0,
+            fillColor: columnMoverShadowBlockColor,
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+        }), this.table = table;
+    }
+    appand(parent) {
+        parent.appendChild(this.columnMoverLabel), parent.appendChild(this.columnMoverLine), 
+        parent.appendChild(this.columnMoverBack);
+    }
+    show(col, row, delta) {
+        const cellType = this.table.getCellType(col, row), mergeInfo = getCellMergeInfo(this.table, col, row);
+        mergeInfo && (col = mergeInfo.start.col, row = mergeInfo.start.row);
+        let rectX = 0, rectY = 0, rectWidth = 0, rectHeight = 0, rectDx = 0, rectDy = 0, symbolX = 0, symbolY = 0, symbolRotate = Math.PI;
+        const linePoints = [];
+        "columnHeader" === cellType ? (rectX = this.table.getColsWidth(0, col - 1) - this.table.stateManeger.scroll.horizontalBarPos, 
+        rectY = this.table.getRowsHeight(0, this.table.frozenRowCount - 1), rectHeight = this.table.tableNoFrameHeight, 
+        rectWidth = mergeInfo ? this.table.getColsWidth(mergeInfo.start.col, mergeInfo.end.col) : this.table.getColWidth(col), 
+        rectDx = rectX - delta, symbolX = rectX + rectWidth, symbolY = 2, linePoints.push({
+            x: 0,
+            y: 0
+        }), linePoints.push({
+            x: 0,
+            y: this.table.tableNoFrameHeight
+        })) : "rowHeader" === cellType && (rectY = this.table.getRowsHeight(0, row - 1) - this.table.stateManeger.scroll.verticalBarPos, 
+        rectX = this.table.getColsWidth(0, this.table.frozenColCount - 1), rectWidth = this.table.tableNoFrameWidth, 
+        rectHeight = mergeInfo ? this.table.getRowsHeight(mergeInfo.start.row, mergeInfo.end.row) : this.table.getRowHeight(row), 
+        rectDy = rectY - delta, symbolX = 2, symbolY = rectY + rectHeight, symbolRotate = Math.PI / 2, 
+        linePoints.push({
+            x: 0,
+            y: 0
+        }), linePoints.push({
+            x: this.table.tableNoFrameWidth,
+            y: 0
+        })), this.columnMoverBack.setAttributes({
+            visible: !0,
+            x: rectX - rectDx,
+            y: rectY - rectDy,
+            width: rectWidth,
+            height: rectHeight,
+            dx: rectDx,
+            dy: rectDy
+        }), this.columnMoverLine.setAttributes({
+            x: symbolX,
+            y: symbolY,
+            visible: !0,
+            points: linePoints
+        }), this.columnMoverLabel.setAttributes({
+            visible: !0,
+            x: symbolX,
+            y: symbolY,
+            angle: symbolRotate
+        });
+    }
+    hide() {
+        this.columnMoverLabel.setAttribute("visible", !1), this.columnMoverLine.setAttribute("visible", !1), 
+        this.columnMoverBack.setAttribute("visible", !1);
+    }
+    update(backX, lineX, backY, lineY) {
+        "number" == typeof backX && "number" == typeof lineX ? (this.columnMoverLabel.setAttribute("x", lineX - this.table.stateManeger.scroll.horizontalBarPos), 
+        this.columnMoverLine.setAttribute("x", lineX - this.table.stateManeger.scroll.horizontalBarPos), 
+        this.columnMoverBack.setAttribute("x", backX)) : "number" == typeof backY && "number" == typeof lineY && (this.columnMoverLabel.setAttribute("y", lineY - this.table.stateManeger.scroll.verticalBarPos), 
+        this.columnMoverLine.setAttribute("y", lineY - this.table.stateManeger.scroll.verticalBarPos), 
+        this.columnMoverBack.setAttribute("y", backY));
+    }
+}
+//# sourceMappingURL=cell-mover.js.map

package/es/scenegraph/component/cell-mover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/component/cell-mover.ts"],"names":[],"mappings":"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","file":"cell-mover.js","sourcesContent":["import type { ILine, IRect, ISymbol } from '@visactor/vrender';\nimport { createLine, createRect, createSymbol } from '@visactor/vrender';\nimport { getCellMergeInfo } from '../utils/get-cell-merge';\nimport type { Group } from '../graphic/group';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport class CellMover {\n  columnMoverLabel: ISymbol;\n  columnMoverLine: ILine;\n  columnMoverBack: IRect;\n  table: BaseTableAPI;\n  x?: number;\n\n  constructor(table: BaseTableAPI) {\n    const columnMoverLineWidth = table.theme.dragHeaderSplitLine.lineWidth;\n    const columnMoverLineColor = table.theme.dragHeaderSplitLine.lineColor;\n    const columnMoverShadowBlockColor = table.theme.dragHeaderSplitLine.shadowBlockColor;\n\n    this.columnMoverLabel = createSymbol({\n      visible: false,\n      pickable: false,\n      x: 0,\n      y: 0,\n      symbolType: 'triangle',\n      fillColor: columnMoverLineColor as string\n    });\n    this.columnMoverLine = createLine({\n      visible: false,\n      pickable: false,\n      stroke: true,\n      strokeColor: columnMoverLineColor as string,\n      lineWidth: columnMoverLineWidth as number,\n      x: 0,\n      y: 0,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ]\n    });\n\n    // 列顺序调整阴影块\n    this.columnMoverBack = createRect({\n      visible: false,\n      pickable: false,\n      fill: true,\n      fillColor: columnMoverShadowBlockColor,\n      // fillOpacity: 0.3,\n      x: 0,\n      y: 0,\n      width: 0,\n      height: 0\n    });\n\n    this.table = table;\n  }\n\n  appand(parent: Group) {\n    parent.appendChild(this.columnMoverLabel);\n    parent.appendChild(this.columnMoverLine);\n    parent.appendChild(this.columnMoverBack);\n  }\n\n  show(col: number, row: number, delta: number) {\n    const cellType = this.table.getCellType(col, row);\n    const mergeInfo = getCellMergeInfo(this.table, col, row);\n    if (mergeInfo) {\n      col = mergeInfo.start.col;\n      row = mergeInfo.start.row;\n    }\n\n    let rectX = 0;\n    let rectY = 0;\n    let rectWidth = 0;\n    let rectHeight = 0;\n    let rectDx = 0;\n    let rectDy = 0;\n    let symbolX = 0;\n    let symbolY = 0;\n    let symbolRotate = Math.PI;\n    const linePoints: { x: number; y: number }[] = [];\n    if (cellType === 'columnHeader') {\n      rectX = this.table.getColsWidth(0, col - 1) - this.table.stateManeger.scroll.horizontalBarPos;\n      rectY = this.table.getRowsHeight(0, this.table.frozenRowCount - 1);\n      rectHeight = this.table.tableNoFrameHeight;\n      if (mergeInfo) {\n        rectWidth = this.table.getColsWidth(mergeInfo.start.col, mergeInfo.end.col);\n      } else {\n        rectWidth = this.table.getColWidth(col);\n      }\n      rectDx = rectX - delta;\n\n      symbolX = rectX + rectWidth;\n      symbolY = 2;\n\n      linePoints.push({ x: 0, y: 0 });\n      linePoints.push({ x: 0, y: this.table.tableNoFrameHeight });\n    } else if (cellType === 'rowHeader') {\n      rectY = this.table.getRowsHeight(0, row - 1) - this.table.stateManeger.scroll.verticalBarPos;\n      rectX = this.table.getColsWidth(0, this.table.frozenColCount - 1);\n      rectWidth = this.table.tableNoFrameWidth;\n      if (mergeInfo) {\n        rectHeight = this.table.getRowsHeight(mergeInfo.start.row, mergeInfo.end.row);\n      } else {\n        rectHeight = this.table.getRowHeight(row);\n      }\n      rectDy = rectY - delta;\n\n      symbolX = 2;\n      symbolY = rectY + rectHeight;\n      symbolRotate = Math.PI / 2;\n\n      linePoints.push({ x: 0, y: 0 });\n      linePoints.push({ x: this.table.tableNoFrameWidth, y: 0 });\n    }\n\n    this.columnMoverBack.setAttributes({\n      visible: true,\n      x: rectX - rectDx,\n      y: rectY - rectDy,\n      width: rectWidth,\n      height: rectHeight,\n      dx: rectDx,\n      dy: rectDy\n    });\n    this.columnMoverLine.setAttributes({\n      x: symbolX,\n      y: symbolY,\n      visible: true,\n      points: linePoints\n    });\n    this.columnMoverLabel.setAttributes({\n      visible: true,\n      x: symbolX,\n      y: symbolY,\n      angle: symbolRotate\n    });\n  }\n\n  hide() {\n    this.columnMoverLabel.setAttribute('visible', false);\n    this.columnMoverLine.setAttribute('visible', false);\n    this.columnMoverBack.setAttribute('visible', false);\n  }\n\n  update(backX: number | undefined, lineX: number | undefined, backY: number | undefined, lineY: number | undefined) {\n    if (typeof backX === 'number' && typeof lineX === 'number') {\n      this.columnMoverLabel.setAttribute('x', lineX - this.table.stateManeger.scroll.horizontalBarPos);\n      this.columnMoverLine.setAttribute('x', lineX - this.table.stateManeger.scroll.horizontalBarPos);\n      this.columnMoverBack.setAttribute('x', backX);\n    } else if (typeof backY === 'number' && typeof lineY === 'number') {\n      this.columnMoverLabel.setAttribute('y', lineY - this.table.stateManeger.scroll.verticalBarPos);\n      this.columnMoverLine.setAttribute('y', lineY - this.table.stateManeger.scroll.verticalBarPos);\n      this.columnMoverBack.setAttribute('y', backY);\n    }\n  }\n}\n"]}

package/es/scenegraph/component/custom.d.ts

@@ -0,0 +1,7 @@
+import type { ICustomLayout, ICustomRender } from '../../ts-types';
+import { Group } from '../graphic/group';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare function dealWithCustom(customLayout: ICustomLayout, customRender: ICustomRender, col: number, row: number, width: number, height: number, autoWidth: boolean, autoHeight: boolean, table: BaseTableAPI): {
+    elementsGroup: Group;
+    renderDefault: boolean;
+};