@visactor/vtable 0.12.3-alpha.0 → 0.13.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vtable",
-  "version": "0.12.3-alpha.0",
+  "version": "0.13.0-alpha.1",
   "description": "canvas table width high performance",
   "keywords": [
     "grid",
@@ -44,7 +44,7 @@
     "cssfontparser": "^1.2.1"
   },
   "devDependencies": {
-    "@visactor/vchart": "1.4.3",
+    "@visactor/vchart": "1.5.2",
     "@rushstack/eslint-patch": "~1.1.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -88,9 +88,11 @@
     "d3-geo": "^3.0.1",
     "d3-hexbin": "^0.2.2",
     "d3-hierarchy": "^3.1.1",
+    "canvas": "^2.11.2",
+    "@resvg/resvg-js": "^2.5.0",
     "@internal/bundler": "0.0.1",
-    "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1"
+    "@internal/ts-config": "0.0.1",
+    "@internal/eslint-config": "0.0.1"
   },
   "unpkg": "latest",
   "unpkgFiles": [
@@ -110,6 +112,7 @@
     "test": "jest --silent",
     "test-cov": "jest --coverage",
     "ci": "ts-node --transpileOnly --skipProject ./scripts/trigger-test.ts",
-    "build:es": "bundle --clean -f es --ignorePostTasks"
+    "build:es": "bundle --clean -f es --ignorePostTasks",
+    "test-nodejs": "ts-node --transpileOnly --skipProject ./nodejs/index.ts"
   }
 }

package/cjs/scenegraph/header-icon/layout.d.ts

@@ -1,3 +0,0 @@
-import type { Group } from '@visactor/vrender';
-import type { ColumnIconOption } from '../../ts-types';
-export declare function iconLayout(icons: ColumnIconOption[], cellGroup: Group, padding: number[], width: number, height: number, textWidth: number, textAlign: CanvasTextAlign): number;

package/cjs/scenegraph/header-icon/layout.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.iconLayout = void 0;
-
-const ts_types_1 = require("../../ts-types"), icon_1 = require("../graphic/icon");
-
-function createIcon(option) {
-    const icon = new icon_1.Icon(option);
-    return icon.role = "icon", icon;
-}
-
-function iconLayout(icons, cellGroup, padding, width, height, textWidth, textAlign) {
-    const absoluteRightIcons = null == icons ? void 0 : icons.filter((value => value.positionType === ts_types_1.IconPosition.absoluteRight)), absoluteRightIconsWidths = absoluteRightIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalAbsoluteRightIconWidth = absoluteRightIconsWidths.reduce(((a, b) => a + b), 0), rightIcons = null == icons ? void 0 : icons.filter((value => value.positionType === ts_types_1.IconPosition.right)), rightIconsWidths = rightIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalRightIconWidth = rightIconsWidths.reduce(((a, b) => a + b), 0), leftIcons = null == icons ? void 0 : icons.filter((value => value.positionType === ts_types_1.IconPosition.left)), leftIconsWidths = leftIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalLeftIconWidth = leftIconsWidths.reduce(((a, b) => a + b), 0), middleFrontIcons = null == icons ? void 0 : icons.filter((value => value.positionType === ts_types_1.IconPosition.inlineFront)), middleFrontIconsWidths = middleFrontIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalMiddleFrontIconWidth = middleFrontIconsWidths.reduce(((a, b) => a + b), 0), middleEndIcons = null == icons ? void 0 : icons.filter((value => value.positionType === ts_types_1.IconPosition.inlineEnd)), middleEndIconsWidths = middleEndIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalMiddleEndIconWidth = middleEndIconsWidths.reduce(((a, b) => a + b), 0);
-    let rightIconsLeft = width - padding[1] - totalRightIconWidth, leftIconsLeft = padding[3];
-    rightIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: rightIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), rightIconsLeft += rightIconsWidths[index];
-    })), leftIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: leftIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), leftIconsLeft += leftIconsWidths[index];
-    }));
-    let middleFrontIconsLeft = leftIconsLeft, middleEndIconsLeft = padding[3] + totalLeftIconWidth + totalMiddleFrontIconWidth + textWidth;
-    if ("right" === textAlign) middleFrontIconsLeft = width - padding[1] - totalRightIconWidth - totalMiddleEndIconWidth - textWidth - totalMiddleFrontIconWidth, 
-    middleEndIconsLeft = width - padding[1] - totalRightIconWidth - totalMiddleEndIconWidth; else if ("center" === textAlign) {
-        const centerX = padding[1] + (width - padding[1] - padding[3]) / 2;
-        middleFrontIconsLeft = centerX - textWidth / 2 - totalMiddleFrontIconWidth, middleEndIconsLeft = centerX + textWidth / 2;
-    }
-    middleFrontIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: middleFrontIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), middleFrontIconsLeft += middleFrontIconsWidths[index];
-    })), middleEndIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: middleEndIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), middleEndIconsLeft += middleEndIconsWidths[index];
-    }));
-    let absoluteRightIconsLeft = width - totalAbsoluteRightIconWidth;
-    return absoluteRightIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: absoluteRightIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), absoluteRightIconsLeft += absoluteRightIconsWidths[index];
-    })), "right" === textAlign ? -totalRightIconWidth - totalMiddleEndIconWidth : "center" === textAlign ? 0 : totalLeftIconWidth + totalMiddleFrontIconWidth;
-}
-
-exports.iconLayout = iconLayout;
-//# sourceMappingURL=layout.js.map

package/cjs/scenegraph/header-icon/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["scenegraph/header-icon/layout.ts"],"names":[],"mappings":"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","file":"layout.js","sourcesContent":["import type { Group, IImageGraphicAttribute } from '@visactor/vrender';\nimport type { ColumnIconOption } from '../../ts-types';\nimport { IconPosition } from '../../ts-types';\nimport { Icon } from '../graphic/icon';\n\nfunction createIcon(option: IImageGraphicAttribute): Icon {\n  const icon = new Icon(option);\n  icon.role = 'icon';\n  return icon;\n}\n\nexport function iconLayout(\n  icons: ColumnIconOption[],\n  cellGroup: Group,\n  padding: number[],\n  width: number,\n  height: number,\n  textWidth: number,\n  textAlign: CanvasTextAlign\n): number {\n  // icons.forEach((icon, index) => {\n  //   const image = createIcon({\n  //     x: 100 + index * 20,\n  //     y: 20,\n  //     width: icon.width,\n  //     height: icon.height,\n  //     image: (<any>icon).svg,\n  //   });\n  //   cellGroup.addChild(image);\n  // });\n\n  //图标的inline对象\n  const absoluteRightIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.absoluteRight) {\n      return true;\n    }\n    return false;\n  });\n  const absoluteRightIconsWidths = absoluteRightIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalAbsoluteRightIconWidth = absoluteRightIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  const rightIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.right) {\n      return true;\n    }\n    return false;\n  });\n  const rightIconsWidths = rightIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalRightIconWidth = rightIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  const leftIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.left) {\n      return true;\n    }\n    return false;\n  });\n  const leftIconsWidths = leftIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalLeftIconWidth = leftIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  // TODO: 处理行内换行图标\n  const middleFrontIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.inlineFront) {\n      return true;\n    }\n    return false;\n  });\n  const middleFrontIconsWidths = middleFrontIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalMiddleFrontIconWidth = middleFrontIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  const middleEndIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.inlineEnd) {\n      return true;\n    }\n    return false;\n  });\n  const middleEndIconsWidths = middleEndIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalMiddleEndIconWidth = middleEndIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  let rightIconsLeft = width - padding[1] - totalRightIconWidth;\n  let leftIconsLeft = padding[3];\n\n  // 处理右侧图标\n  // let rightIconsLeft = width - padding[1] - totalRightIconWidth;\n  rightIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: rightIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    rightIconsLeft += rightIconsWidths[index];\n  });\n\n  // 处理左侧图标\n  // let leftIconsLeft = padding[3];\n  leftIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: leftIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    leftIconsLeft += leftIconsWidths[index];\n  });\n\n  // textAlign === 'left'\n  let middleFrontIconsLeft = leftIconsLeft;\n  let middleEndIconsLeft = padding[3] + totalLeftIconWidth + totalMiddleFrontIconWidth + textWidth;\n  if (textAlign === 'right') {\n    middleFrontIconsLeft =\n      width - padding[1] - totalRightIconWidth - totalMiddleEndIconWidth - textWidth - totalMiddleFrontIconWidth;\n    middleEndIconsLeft = width - padding[1] - totalRightIconWidth - totalMiddleEndIconWidth;\n  } else if (textAlign === 'center') {\n    const centerX = padding[1] + (width - padding[1] - padding[3]) / 2;\n    middleFrontIconsLeft = centerX - textWidth / 2 - totalMiddleFrontIconWidth;\n    middleEndIconsLeft = centerX + textWidth / 2;\n  }\n\n  // 处理行内左侧图标\n  middleFrontIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: middleFrontIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    middleFrontIconsLeft += middleFrontIconsWidths[index];\n  });\n\n  // 处理行内右侧图标\n  // let middleEndIconsLeft = padding[3] + totalLeftIconWidth + totalMiddleFrontIconWidth + textWidth;\n  middleEndIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: middleEndIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    middleEndIconsLeft += middleEndIconsWidths[index];\n  });\n\n  // 处理absolute右侧图标\n  let absoluteRightIconsLeft = width - totalAbsoluteRightIconWidth;\n  absoluteRightIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: absoluteRightIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    absoluteRightIconsLeft += absoluteRightIconsWidths[index];\n  });\n\n  if (textAlign === 'right') {\n    return -totalRightIconWidth - totalMiddleEndIconWidth;\n  } else if (textAlign === 'center') {\n    return 0;\n  }\n  // textAlign === 'left'\n  return totalLeftIconWidth + totalMiddleFrontIconWidth;\n}\n"]}

package/cjs/scenegraph/hover-state.d.ts

@@ -1,14 +0,0 @@
-export declare class HoverState {
-    highlightMode: 'cross' | 'column' | 'row' | 'cell';
-    disableHover: boolean;
-    disableHeaderHover: boolean;
-    cell: {
-        row: number;
-        col: number;
-    };
-    _state: any;
-    table: any;
-    constructor(table: any);
-    get state(): any;
-    set state(state: any);
-}

package/cjs/scenegraph/hover-state.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.HoverState = void 0;
-
-class HoverState {
-    constructor(table) {
-        this.highlightMode = "cell", this.cell = {
-            row: -1,
-            col: -1
-        }, this.disableHeaderHover = !1, this.table = table;
-    }
-    get state() {
-        return this._state;
-    }
-    set state(state) {
-        state && this._state && (state.address.col !== this._state.address.col || state.address.row !== this._state.address.row) ? (this.table.scenegraph.update(this.table.scenegraph.getCell(this._state.address.col, this._state.address.row), state.address.col, state.address.row, 0, "fill", "normal"), 
-        this.table.scenegraph.update(this.table.scenegraph.getCell(state.address.col, state.address.row), state.address.col, state.address.row, 0, "fill", "#c8daf6"), 
-        this._state = state) : !state && this._state ? (this.table.scenegraph.update(this.table.scenegraph.getCell(this._state.address.col, this._state.address.row), this._state.address.col, this._state.address.row, 0, "fill", "normal"), 
-        this._state = state) : state && !this._state && (this.table.scenegraph.update(this.table.scenegraph.getCell(state.address.col, state.address.row), state.address.col, state.address.row, 0, "fill", "#c8daf6"), 
-        this._state = state);
-    }
-}
-
-exports.HoverState = HoverState;
-//# sourceMappingURL=hover-state.js.map

package/cjs/scenegraph/hover-state.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["scenegraph/hover-state.ts"],"names":[],"mappings":";;;AAAA,MAAa,UAAU;IAQrB,YAAY,KAAU;QACpB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;QACjC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,IACE,KAAK;YACL,IAAI,CAAC,MAAM;YACX,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAChG;YACA,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAC/E,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,CAAC,EACD,MAAM,EACN,QAAQ,CACT,CAAC;YAEF,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EACnE,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,CAAC,EACD,MAAM,EACN,SAAS,CACV,CAAC;YAEF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;aAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;YAChC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAC/E,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EACvB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EACvB,CAAC,EACD,MAAM,EACN,QAAQ,CACT,CAAC;YAEF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;aAAM,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EACnE,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,CAAC,EACD,MAAM,EACN,SAAS,CACV,CAAC;YAEF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;IACH,CAAC;CACF;AApED,gCAoEC","file":"hover-state.js","sourcesContent":["export class HoverState {\n  highlightMode: 'cross' | 'column' | 'row' | 'cell';\n  disableHover: boolean;\n  disableHeaderHover: boolean;\n  cell: { row: number; col: number };\n  _state: any;\n  table: any;\n\n  constructor(table: any) {\n    this.highlightMode = 'cell';\n    this.cell = { row: -1, col: -1 };\n    this.disableHeaderHover = false;\n    this.table = table;\n  }\n\n  get state() {\n    return this._state;\n  }\n\n  set state(state) {\n    if (\n      state &&\n      this._state &&\n      (state.address.col !== this._state.address.col || state.address.row !== this._state.address.row)\n    ) {\n      this.table.scenegraph.update(\n        this.table.scenegraph.getCell(this._state.address.col, this._state.address.row),\n        state.address.col,\n        state.address.row,\n        0,\n        'fill',\n        'normal'\n      );\n\n      this.table.scenegraph.update(\n        this.table.scenegraph.getCell(state.address.col, state.address.row),\n        state.address.col,\n        state.address.row,\n        0,\n        'fill',\n        '#c8daf6'\n      );\n\n      this._state = state;\n    } else if (!state && this._state) {\n      this.table.scenegraph.update(\n        this.table.scenegraph.getCell(this._state.address.col, this._state.address.row),\n        this._state.address.col,\n        this._state.address.row,\n        0,\n        'fill',\n        'normal'\n      );\n\n      this._state = state;\n    } else if (state && !this._state) {\n      this.table.scenegraph.update(\n        this.table.scenegraph.getCell(state.address.col, state.address.row),\n        state.address.col,\n        state.address.row,\n        0,\n        'fill',\n        '#c8daf6'\n      );\n\n      this._state = state;\n    }\n  }\n}\n"]}

package/es/scenegraph/header-icon/layout.d.ts

@@ -1,3 +0,0 @@
-import type { Group } from '@visactor/vrender';
-import type { ColumnIconOption } from '../../ts-types';
-export declare function iconLayout(icons: ColumnIconOption[], cellGroup: Group, padding: number[], width: number, height: number, textWidth: number, textAlign: CanvasTextAlign): number;

package/es/scenegraph/header-icon/layout.js

@@ -1,69 +0,0 @@
-import { IconPosition } from "../../ts-types";
-
-import { Icon } from "../graphic/icon";
-
-function createIcon(option) {
-    const icon = new Icon(option);
-    return icon.role = "icon", icon;
-}
-
-export function iconLayout(icons, cellGroup, padding, width, height, textWidth, textAlign) {
-    const absoluteRightIcons = null == icons ? void 0 : icons.filter((value => value.positionType === IconPosition.absoluteRight)), absoluteRightIconsWidths = absoluteRightIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalAbsoluteRightIconWidth = absoluteRightIconsWidths.reduce(((a, b) => a + b), 0), rightIcons = null == icons ? void 0 : icons.filter((value => value.positionType === IconPosition.right)), rightIconsWidths = rightIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalRightIconWidth = rightIconsWidths.reduce(((a, b) => a + b), 0), leftIcons = null == icons ? void 0 : icons.filter((value => value.positionType === IconPosition.left)), leftIconsWidths = leftIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalLeftIconWidth = leftIconsWidths.reduce(((a, b) => a + b), 0), middleFrontIcons = null == icons ? void 0 : icons.filter((value => value.positionType === IconPosition.inlineFront)), middleFrontIconsWidths = middleFrontIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalMiddleFrontIconWidth = middleFrontIconsWidths.reduce(((a, b) => a + b), 0), middleEndIcons = null == icons ? void 0 : icons.filter((value => value.positionType === IconPosition.inlineEnd)), middleEndIconsWidths = middleEndIcons.map((icon => icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0))), totalMiddleEndIconWidth = middleEndIconsWidths.reduce(((a, b) => a + b), 0);
-    let rightIconsLeft = width - padding[1] - totalRightIconWidth, leftIconsLeft = padding[3];
-    rightIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: rightIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), rightIconsLeft += rightIconsWidths[index];
-    })), leftIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: leftIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), leftIconsLeft += leftIconsWidths[index];
-    }));
-    let middleFrontIconsLeft = leftIconsLeft, middleEndIconsLeft = padding[3] + totalLeftIconWidth + totalMiddleFrontIconWidth + textWidth;
-    if ("right" === textAlign) middleFrontIconsLeft = width - padding[1] - totalRightIconWidth - totalMiddleEndIconWidth - textWidth - totalMiddleFrontIconWidth, 
-    middleEndIconsLeft = width - padding[1] - totalRightIconWidth - totalMiddleEndIconWidth; else if ("center" === textAlign) {
-        const centerX = padding[1] + (width - padding[1] - padding[3]) / 2;
-        middleFrontIconsLeft = centerX - textWidth / 2 - totalMiddleFrontIconWidth, middleEndIconsLeft = centerX + textWidth / 2;
-    }
-    middleFrontIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: middleFrontIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), middleFrontIconsLeft += middleFrontIconsWidths[index];
-    })), middleEndIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: middleEndIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), middleEndIconsLeft += middleEndIconsWidths[index];
-    }));
-    let absoluteRightIconsLeft = width - totalAbsoluteRightIconWidth;
-    return absoluteRightIcons.forEach(((icon, index) => {
-        const image = createIcon({
-            x: absoluteRightIconsLeft,
-            y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,
-            width: icon.width,
-            height: icon.height,
-            image: icon.svg
-        });
-        cellGroup.addChild(image), absoluteRightIconsLeft += absoluteRightIconsWidths[index];
-    })), "right" === textAlign ? -totalRightIconWidth - totalMiddleEndIconWidth : "center" === textAlign ? 0 : totalLeftIconWidth + totalMiddleFrontIconWidth;
-}
-//# sourceMappingURL=layout.js.map

package/es/scenegraph/header-icon/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["scenegraph/header-icon/layout.ts"],"names":[],"mappings":"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","file":"layout.js","sourcesContent":["import type { Group, IImageGraphicAttribute } from '@visactor/vrender';\nimport type { ColumnIconOption } from '../../ts-types';\nimport { IconPosition } from '../../ts-types';\nimport { Icon } from '../graphic/icon';\n\nfunction createIcon(option: IImageGraphicAttribute): Icon {\n  const icon = new Icon(option);\n  icon.role = 'icon';\n  return icon;\n}\n\nexport function iconLayout(\n  icons: ColumnIconOption[],\n  cellGroup: Group,\n  padding: number[],\n  width: number,\n  height: number,\n  textWidth: number,\n  textAlign: CanvasTextAlign\n): number {\n  // icons.forEach((icon, index) => {\n  //   const image = createIcon({\n  //     x: 100 + index * 20,\n  //     y: 20,\n  //     width: icon.width,\n  //     height: icon.height,\n  //     image: (<any>icon).svg,\n  //   });\n  //   cellGroup.addChild(image);\n  // });\n\n  //图标的inline对象\n  const absoluteRightIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.absoluteRight) {\n      return true;\n    }\n    return false;\n  });\n  const absoluteRightIconsWidths = absoluteRightIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalAbsoluteRightIconWidth = absoluteRightIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  const rightIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.right) {\n      return true;\n    }\n    return false;\n  });\n  const rightIconsWidths = rightIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalRightIconWidth = rightIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  const leftIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.left) {\n      return true;\n    }\n    return false;\n  });\n  const leftIconsWidths = leftIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalLeftIconWidth = leftIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  // TODO: 处理行内换行图标\n  const middleFrontIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.inlineFront) {\n      return true;\n    }\n    return false;\n  });\n  const middleFrontIconsWidths = middleFrontIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalMiddleFrontIconWidth = middleFrontIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  const middleEndIcons = icons?.filter((value: ColumnIconOption) => {\n    if (value.positionType === IconPosition.inlineEnd) {\n      return true;\n    }\n    return false;\n  });\n  const middleEndIconsWidths = middleEndIcons.map(icon => {\n    return icon.width + (icon.marginLeft || 0) + (icon.marginRight || 0);\n  });\n  const totalMiddleEndIconWidth = middleEndIconsWidths.reduce((a: number, b: number) => {\n    return a + b;\n  }, 0);\n\n  let rightIconsLeft = width - padding[1] - totalRightIconWidth;\n  let leftIconsLeft = padding[3];\n\n  // 处理右侧图标\n  // let rightIconsLeft = width - padding[1] - totalRightIconWidth;\n  rightIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: rightIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    rightIconsLeft += rightIconsWidths[index];\n  });\n\n  // 处理左侧图标\n  // let leftIconsLeft = padding[3];\n  leftIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: leftIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    leftIconsLeft += leftIconsWidths[index];\n  });\n\n  // textAlign === 'left'\n  let middleFrontIconsLeft = leftIconsLeft;\n  let middleEndIconsLeft = padding[3] + totalLeftIconWidth + totalMiddleFrontIconWidth + textWidth;\n  if (textAlign === 'right') {\n    middleFrontIconsLeft =\n      width - padding[1] - totalRightIconWidth - totalMiddleEndIconWidth - textWidth - totalMiddleFrontIconWidth;\n    middleEndIconsLeft = width - padding[1] - totalRightIconWidth - totalMiddleEndIconWidth;\n  } else if (textAlign === 'center') {\n    const centerX = padding[1] + (width - padding[1] - padding[3]) / 2;\n    middleFrontIconsLeft = centerX - textWidth / 2 - totalMiddleFrontIconWidth;\n    middleEndIconsLeft = centerX + textWidth / 2;\n  }\n\n  // 处理行内左侧图标\n  middleFrontIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: middleFrontIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    middleFrontIconsLeft += middleFrontIconsWidths[index];\n  });\n\n  // 处理行内右侧图标\n  // let middleEndIconsLeft = padding[3] + totalLeftIconWidth + totalMiddleFrontIconWidth + textWidth;\n  middleEndIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: middleEndIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    middleEndIconsLeft += middleEndIconsWidths[index];\n  });\n\n  // 处理absolute右侧图标\n  let absoluteRightIconsLeft = width - totalAbsoluteRightIconWidth;\n  absoluteRightIcons.forEach((icon, index) => {\n    const image = createIcon({\n      x: absoluteRightIconsLeft,\n      y: (height + padding[0] - padding[2]) / 2 - icon.height / 2,\n      width: icon.width,\n      height: icon.height,\n      image: (<any>icon).svg\n    });\n    cellGroup.addChild(image);\n\n    absoluteRightIconsLeft += absoluteRightIconsWidths[index];\n  });\n\n  if (textAlign === 'right') {\n    return -totalRightIconWidth - totalMiddleEndIconWidth;\n  } else if (textAlign === 'center') {\n    return 0;\n  }\n  // textAlign === 'left'\n  return totalLeftIconWidth + totalMiddleFrontIconWidth;\n}\n"]}

package/es/scenegraph/hover-state.d.ts

@@ -1,14 +0,0 @@
-export declare class HoverState {
-    highlightMode: 'cross' | 'column' | 'row' | 'cell';
-    disableHover: boolean;
-    disableHeaderHover: boolean;
-    cell: {
-        row: number;
-        col: number;
-    };
-    _state: any;
-    table: any;
-    constructor(table: any);
-    get state(): any;
-    set state(state: any);
-}

package/es/scenegraph/hover-state.js

@@ -1,19 +0,0 @@
-export class HoverState {
-    constructor(table) {
-        this.highlightMode = "cell", this.cell = {
-            row: -1,
-            col: -1
-        }, this.disableHeaderHover = !1, this.table = table;
-    }
-    get state() {
-        return this._state;
-    }
-    set state(state) {
-        state && this._state && (state.address.col !== this._state.address.col || state.address.row !== this._state.address.row) ? (this.table.scenegraph.update(this.table.scenegraph.getCell(this._state.address.col, this._state.address.row), state.address.col, state.address.row, 0, "fill", "normal"), 
-        this.table.scenegraph.update(this.table.scenegraph.getCell(state.address.col, state.address.row), state.address.col, state.address.row, 0, "fill", "#c8daf6"), 
-        this._state = state) : !state && this._state ? (this.table.scenegraph.update(this.table.scenegraph.getCell(this._state.address.col, this._state.address.row), this._state.address.col, this._state.address.row, 0, "fill", "normal"), 
-        this._state = state) : state && !this._state && (this.table.scenegraph.update(this.table.scenegraph.getCell(state.address.col, state.address.row), state.address.col, state.address.row, 0, "fill", "#c8daf6"), 
-        this._state = state);
-    }
-}
-//# sourceMappingURL=hover-state.js.map

package/es/scenegraph/hover-state.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["scenegraph/hover-state.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,UAAU;IAQrB,YAAY,KAAU;QACpB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;QACjC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,IACE,KAAK;YACL,IAAI,CAAC,MAAM;YACX,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAChG;YACA,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAC/E,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,CAAC,EACD,MAAM,EACN,QAAQ,CACT,CAAC;YAEF,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EACnE,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,CAAC,EACD,MAAM,EACN,SAAS,CACV,CAAC;YAEF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;aAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;YAChC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAC/E,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EACvB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EACvB,CAAC,EACD,MAAM,EACN,QAAQ,CACT,CAAC;YAEF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;aAAM,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EACnE,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,KAAK,CAAC,OAAO,CAAC,GAAG,EACjB,CAAC,EACD,MAAM,EACN,SAAS,CACV,CAAC;YAEF,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;IACH,CAAC;CACF","file":"hover-state.js","sourcesContent":["export class HoverState {\n  highlightMode: 'cross' | 'column' | 'row' | 'cell';\n  disableHover: boolean;\n  disableHeaderHover: boolean;\n  cell: { row: number; col: number };\n  _state: any;\n  table: any;\n\n  constructor(table: any) {\n    this.highlightMode = 'cell';\n    this.cell = { row: -1, col: -1 };\n    this.disableHeaderHover = false;\n    this.table = table;\n  }\n\n  get state() {\n    return this._state;\n  }\n\n  set state(state) {\n    if (\n      state &&\n      this._state &&\n      (state.address.col !== this._state.address.col || state.address.row !== this._state.address.row)\n    ) {\n      this.table.scenegraph.update(\n        this.table.scenegraph.getCell(this._state.address.col, this._state.address.row),\n        state.address.col,\n        state.address.row,\n        0,\n        'fill',\n        'normal'\n      );\n\n      this.table.scenegraph.update(\n        this.table.scenegraph.getCell(state.address.col, state.address.row),\n        state.address.col,\n        state.address.row,\n        0,\n        'fill',\n        '#c8daf6'\n      );\n\n      this._state = state;\n    } else if (!state && this._state) {\n      this.table.scenegraph.update(\n        this.table.scenegraph.getCell(this._state.address.col, this._state.address.row),\n        this._state.address.col,\n        this._state.address.row,\n        0,\n        'fill',\n        'normal'\n      );\n\n      this._state = state;\n    } else if (state && !this._state) {\n      this.table.scenegraph.update(\n        this.table.scenegraph.getCell(state.address.col, state.address.row),\n        state.address.col,\n        state.address.row,\n        0,\n        'fill',\n        '#c8daf6'\n      );\n\n      this._state = state;\n    }\n  }\n}\n"]}