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

package/es/scenegraph/group-creater/cell-helper.js

@@ -0,0 +1,93 @@
+import { regUrl } from "../../tools/global";
+
+import { dealWithCustom } from "../component/custom";
+
+import { Group } from "../graphic/group";
+
+import { getProp } from "../utils/get-prop";
+
+import { createChartCellGroup } from "./cell-type/chart-cell";
+
+import { createImageCellGroup } from "./cell-type/image-cell";
+
+import { createProgressBarCell } from "./cell-type/progress-bar-cell";
+
+import { createSparkLineCellGroup } from "./cell-type/spark-line-cell";
+
+import { createCellGroup } from "./cell-type/text-cell";
+
+import { createVideoCellGroup } from "./cell-type/video-cell";
+
+import { getStyleTheme } from "./column-helper";
+
+export function createCell(type, define, table, col, row, colWidth, bgColorFunc, customRender, customLayout, cellWidth, cellHeight, columnGroup, y, padding, textAlign, textBaseline, mayHaveIcon, isfunctionalProps, isMerge, range, cellTheme) {
+    let cellGroup;
+    if ("text" === type || "link" === type) {
+        if ("link" === type) {
+            const cellValue = table.getCellValue(col, row), headerStyle = table._getCellStyle(col, row);
+            "link" === type && ("templateLink" in define && define.templateLink || !("linkDetect" in define) || !define.linkDetect || regUrl.test(cellValue)) && (cellTheme ? (cellTheme.text.fillColor = getProp("linkColor", headerStyle, col, row, table), 
+            cellTheme.group.cursor = "pointer") : cellTheme = {
+                text: {
+                    fillColor: getProp("linkColor", headerStyle, col, row, table)
+                },
+                group: {
+                    cursor: "pointer"
+                }
+            });
+        }
+        if (bgColorFunc) {
+            const cellValue = table.getCellOriginValue(col, row), bgColor = bgColorFunc(table, cellValue);
+            bgColor && (cellTheme ? cellTheme.group.fillColor = bgColor : cellTheme = {
+                group: {
+                    fillColor: bgColor
+                }
+            });
+        }
+        let elementsGroup, renderDefault = !0;
+        if (customLayout || customRender) {
+            const {autoRowHeight: autoRowHeight} = table.internalProps, customResult = dealWithCustom(customLayout, customRender, col, row, table.getColWidth(col), table.getRowHeight(row), !1, autoRowHeight, table);
+            elementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;
+        }
+        cellGroup = createCellGroup(table, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, isfunctionalProps, renderDefault, cellTheme), 
+        isMerge && (cellGroup.mergeCol = range.end.col, cellGroup.mergeRow = range.end.row), 
+        elementsGroup && (cellGroup.appendChild(elementsGroup), cellGroup.setAttributes({
+            width: Math.max(cellGroup.attribute.width, elementsGroup.attribute.width),
+            height: Math.max(cellGroup.attribute.height, elementsGroup.attribute.height)
+        }));
+    } else if ("image" === type) cellGroup = createImageCellGroup(columnGroup, 0, y, col, row, table.getColWidth(col), table.getRowHeight(row), define.keepAspectRatio, define.imageAutoSizing, padding, textAlign, textBaseline, table, cellTheme); else if ("video" === type) cellGroup = createVideoCellGroup(columnGroup, 0, y, col, row, table.getColWidth(col), table.getRowHeight(row), define.keepAspectRatio, define.imageAutoSizing, padding, textAlign, textBaseline, table, cellTheme); else if ("chart" === type) cellGroup = createChartCellGroup(null, columnGroup, 0, y, col, row, table.getColWidth(col), table.getRowHeight(row), padding, table.getCellValue(col, row), define.chartType, define.chartSpec, columnGroup.attribute.chartInstance, table); else if ("progressbar" === type) {
+        const style = table._getCellStyle(col, row), value = table.getCellValue(col, row), dataValue = table.getCellOriginValue(col, row);
+        cellGroup = createCellGroup(table, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, !1, !0, !0, cellTheme);
+        const progressBarGroup = createProgressBarCell(define, style, colWidth, value, dataValue, col, row, padding, table);
+        cellGroup.insertBefore(progressBarGroup, cellGroup.firstChild);
+    } else "sparkline" === type && (cellGroup = createSparkLineCellGroup(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, table));
+    return cellGroup;
+}
+
+export function updateCell(col, row, table) {
+    var _a, _b, _c, _d, _e;
+    const oldCellGroup = table.scenegraph.getCell(col, row, !0), type = table.isHeader(col, row) ? table._getHeaderLayoutMap(col, row).headerType : table.getBodyColumnType(col, row), cellType = table.getCellType(col, row), define = "body" !== cellType ? table.getHeaderDefine(col, row) : table.getBodyColumnDefine(col, row);
+    let isMerge, range, newCellGroup;
+    if (("body" !== cellType || (null == define ? void 0 : define.mergeCell)) && (range = table.getCellRange(col, row), 
+    isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row), 
+    !isMerge || col === range.start.col && row === range.start.row) {
+        const mayHaveIcon = "body" !== cellType || !!(null == define ? void 0 : define.icon), headerStyle = table._getCellStyle(col, row), cellTheme = getStyleTheme(headerStyle, table, col, row, getProp).theme, padding = cellTheme._vtable.padding, textAlign = cellTheme._vtable.textAlign, textBaseline = cellTheme._vtable.textBaseline;
+        let bgColorFunc, customRender, customLayout, cellWidth, cellHeight;
+        (null === (_b = null === (_a = table.internalProps) || void 0 === _a ? void 0 : _a.dataConfig) || void 0 === _b ? void 0 : _b.mappingRules) && "body" === cellType && (null === (_e = null === (_d = null === (_c = table.internalProps) || void 0 === _c ? void 0 : _c.dataConfig) || void 0 === _d ? void 0 : _d.mappingRules) || void 0 === _e || _e.forEach(((mappingRule, i) => {
+            mappingRule.bgColor && (bgColorFunc = mappingRule.bgColor.mapping);
+        }))), "body" !== cellType ? (customRender = null == define ? void 0 : define.headerCustomRender, 
+        customLayout = null == define ? void 0 : define.headerCustomLayout) : (customRender = (null == define ? void 0 : define.customRender) || table.customRender, 
+        customLayout = null == define ? void 0 : define.customLayout), range ? (cellWidth = table.getColsWidth(range.start.col, range.end.col), 
+        cellHeight = table.getRowsHeight(range.start.row, range.end.row)) : (cellWidth = table.getColWidth(col), 
+        cellHeight = table.getRowHeight(row)), newCellGroup = createCell(type, define, table, col, row, table.getColWidth(col), bgColorFunc, customRender, customLayout, cellWidth, cellHeight, oldCellGroup.parent, oldCellGroup.attribute.y, padding, textAlign, textBaseline, mayHaveIcon, !1, isMerge, range, cellTheme);
+    } else newCellGroup = new Group({
+        x: 0,
+        y: oldCellGroup.attribute.y,
+        width: 0,
+        height: 0,
+        visible: !1,
+        pickable: !1
+    }), newCellGroup.role = "shadow-cell", newCellGroup.col = col, newCellGroup.row = row, 
+    newCellGroup.mergeCol = range.start.col, newCellGroup.mergeRow = range.start.row;
+    oldCellGroup.parent.insertAfter(newCellGroup, oldCellGroup), oldCellGroup.parent.removeChild(oldCellGroup);
+}
+//# sourceMappingURL=cell-helper.js.map

package/es/scenegraph/group-creater/cell-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/group-creater/cell-helper.ts"],"names":[],"mappings":"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","file":"cell-helper.js","sourcesContent":["import type { Cursor, IThemeSpec } from '@visactor/vrender';\nimport type { ProgressBarStyle } from '../../body-helper/style/ProgressBarStyle';\nimport { regUrl } from '../../tools/global';\nimport type {\n  CellRange,\n  ChartColumnDefine,\n  ColumnDefine,\n  ColumnTypeOption,\n  ICustomRender,\n  ImageColumnDefine,\n  MappingRule,\n  ProgressbarColumnDefine,\n  TextColumnDefine\n} from '../../ts-types';\nimport { dealWithCustom } from '../component/custom';\nimport { Group } from '../graphic/group';\nimport { getProp } from '../utils/get-prop';\nimport { createChartCellGroup } from './cell-type/chart-cell';\nimport { createImageCellGroup } from './cell-type/image-cell';\nimport { createProgressBarCell } from './cell-type/progress-bar-cell';\nimport { createSparkLineCellGroup } from './cell-type/spark-line-cell';\nimport { createCellGroup } from './cell-type/text-cell';\nimport { createVideoCellGroup } from './cell-type/video-cell';\nimport type { ICustomLayoutFuc } from '../../ts-types/customLayout';\nimport { getStyleTheme } from './column-helper';\nimport type { BaseTableAPI, PivotTableProtected } from '../../ts-types/base-table';\n\nexport function createCell(\n  type: ColumnTypeOption,\n  define: ColumnDefine,\n  table: BaseTableAPI,\n  col: number,\n  row: number,\n  colWidth: number,\n  bgColorFunc: Function,\n  customRender: ICustomRender,\n  customLayout: ICustomLayoutFuc,\n  cellWidth: number,\n  cellHeight: number,\n  columnGroup: Group,\n  y: number,\n  padding: [number, number, number, number],\n  textAlign: CanvasTextAlign,\n  textBaseline: CanvasTextBaseline,\n  mayHaveIcon: boolean,\n  isfunctionalProps: boolean,\n  isMerge: boolean,\n  range: CellRange,\n  cellTheme?: IThemeSpec\n): Group {\n  let cellGroup: Group;\n  if (type === 'text' || type === 'link') {\n    if (type === 'link') {\n      //如果是超链接 颜色按照linkColor绘制 TODO：放到方法_getCellStyle中\n      // const columnDefine = table.getHeaderDefine(col, row);\n      const cellValue = table.getCellValue(col, row);\n      const headerStyle = table._getCellStyle(col, row);\n\n      if (\n        type === 'link' &&\n        (('templateLink' in define && define.templateLink) ||\n          !('linkDetect' in define && define.linkDetect) ||\n          regUrl.test(cellValue))\n      ) {\n        if (cellTheme) {\n          cellTheme.text.fillColor = getProp('linkColor', headerStyle, col, row, table);\n          (cellTheme as any).group.cursor = 'pointer';\n        } else {\n          cellTheme = {\n            text: {\n              fillColor: getProp('linkColor', headerStyle, col, row, table)\n            },\n            group: {\n              cursor: 'pointer' as Cursor\n            }\n          };\n        }\n      }\n    }\n    // 判断是否有mapping  遍历dataset中mappingRules 但这里还需要根据fieldName来判断\n    if (bgColorFunc) {\n      const cellValue = table.getCellOriginValue(col, row);\n      const bgColor = bgColorFunc(table, cellValue);\n      if (bgColor) {\n        if (cellTheme) {\n          cellTheme.group.fillColor = bgColor;\n        } else {\n          cellTheme = {\n            group: {\n              fillColor: bgColor\n            }\n          };\n        }\n      }\n    }\n\n    let elementsGroup;\n    let renderDefault = true;\n    if (customLayout || customRender) {\n      const { autoRowHeight } = table.internalProps;\n      const customResult = dealWithCustom(\n        customLayout,\n        customRender,\n        col,\n        row,\n        table.getColWidth(col),\n        table.getRowHeight(row),\n        false,\n        autoRowHeight,\n        table\n      );\n      elementsGroup = customResult.elementsGroup;\n      renderDefault = customResult.renderDefault;\n    }\n    cellGroup = createCellGroup(\n      table,\n      columnGroup,\n      0,\n      y,\n      col,\n      row,\n      colWidth,\n      cellWidth,\n      cellHeight,\n      padding,\n      textAlign,\n      textBaseline,\n      mayHaveIcon,\n      isfunctionalProps,\n      renderDefault,\n      cellTheme\n    );\n    if (isMerge) {\n      cellGroup.mergeCol = range.end.col;\n      cellGroup.mergeRow = range.end.row;\n    }\n    if (elementsGroup) {\n      cellGroup.appendChild(elementsGroup);\n      cellGroup.setAttributes({\n        width: Math.max(cellGroup.attribute.width, elementsGroup.attribute.width),\n        height: Math.max(cellGroup.attribute.height, elementsGroup.attribute.height)\n      });\n    }\n  } else if (type === 'image') {\n    // 创建图片单元格\n    cellGroup = createImageCellGroup(\n      columnGroup,\n      0,\n      y,\n      col,\n      row,\n      table.getColWidth(col),\n      table.getRowHeight(row),\n      (define as ImageColumnDefine).keepAspectRatio,\n      (define as ImageColumnDefine).imageAutoSizing,\n      padding,\n      textAlign,\n      textBaseline,\n      table,\n      cellTheme\n    );\n  } else if (type === 'video') {\n    // 创建视频单元格\n    cellGroup = createVideoCellGroup(\n      columnGroup,\n      0,\n      y,\n      col,\n      row,\n      table.getColWidth(col),\n      table.getRowHeight(row),\n      (define as ImageColumnDefine).keepAspectRatio,\n      (define as ImageColumnDefine).imageAutoSizing,\n      padding,\n      textAlign,\n      textBaseline,\n      table,\n      cellTheme\n    );\n  } else if (type === 'chart') {\n    cellGroup = createChartCellGroup(\n      null,\n      columnGroup,\n      0,\n      y,\n      col,\n      row,\n      table.getColWidth(col),\n      table.getRowHeight(row),\n      padding,\n      table.getCellValue(col, row),\n      (define as ChartColumnDefine).chartType,\n      (define as ChartColumnDefine).chartSpec,\n      (columnGroup.attribute as any).chartInstance,\n      table\n    );\n  } else if (type === 'progressbar') {\n    const style = table._getCellStyle(col, row) as ProgressBarStyle;\n    const value = table.getCellValue(col, row);\n    const dataValue = table.getCellOriginValue(col, row);\n    // 创建基础文字单元格\n    cellGroup = createCellGroup(\n      table,\n      columnGroup,\n      0,\n      y,\n      col,\n      row,\n      colWidth,\n      cellWidth,\n      cellHeight,\n      padding,\n      textAlign,\n      textBaseline,\n      false,\n      true,\n      true,\n      cellTheme\n    );\n\n    // 创建bar group\n    const progressBarGroup = createProgressBarCell(\n      define as ProgressbarColumnDefine,\n      style,\n      colWidth,\n      value,\n      dataValue,\n      col,\n      row,\n      padding,\n      table\n    );\n    // 进度图插入到文字前，绘制在文字下\n    cellGroup.insertBefore(progressBarGroup, cellGroup.firstChild);\n  } else if (type === 'sparkline') {\n    cellGroup = createSparkLineCellGroup(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, table);\n  }\n\n  return cellGroup;\n}\n\nexport function updateCell(col: number, row: number, table: BaseTableAPI) {\n  const oldCellGroup = table.scenegraph.getCell(col, row, true);\n\n  const type = table.isHeader(col, row)\n    ? table._getHeaderLayoutMap(col, row).headerType\n    : table.getBodyColumnType(col, row);\n  const cellType = table.getCellType(col, row);\n  const define = cellType !== 'body' ? table.getHeaderDefine(col, row) : table.getBodyColumnDefine(col, row);\n\n  let isMerge;\n  let range;\n  if (cellType !== 'body' || (define as TextColumnDefine)?.mergeCell) {\n    // 只有表头或者column配置合并单元格后再进行信息获取\n    range = table.getCellRange(col, row);\n    isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row;\n  }\n\n  let newCellGroup;\n  if (isMerge && (col !== range.start.col || row !== range.start.row)) {\n    // 合并单元格的非起始单元格不需要绘制\n    newCellGroup = new Group({\n      x: 0,\n      y: oldCellGroup.attribute.y,\n      width: 0,\n      height: 0,\n      visible: false,\n      pickable: false\n    });\n    newCellGroup.role = 'shadow-cell';\n    newCellGroup.col = col;\n    newCellGroup.row = row;\n    newCellGroup.mergeCol = range.start.col;\n    newCellGroup.mergeRow = range.start.row;\n  } else {\n    const mayHaveIcon = cellType !== 'body' ? true : !!define?.icon;\n    const headerStyle = table._getCellStyle(col, row);\n    const cellTheme = getStyleTheme(headerStyle, table, col, row, getProp).theme;\n    const padding = cellTheme._vtable.padding;\n    const textAlign = cellTheme._vtable.textAlign;\n    const textBaseline = cellTheme._vtable.textBaseline;\n\n    let bgColorFunc: Function;\n    // 判断是否有mapping  遍历dataset中mappingRules\n    if ((table.internalProps as PivotTableProtected)?.dataConfig?.mappingRules && cellType === 'body') {\n      (table.internalProps as PivotTableProtected)?.dataConfig?.mappingRules?.forEach(\n        (mappingRule: MappingRule, i: number) => {\n          if (mappingRule.bgColor) {\n            bgColorFunc = mappingRule.bgColor.mapping;\n          }\n        }\n      );\n    }\n\n    let customRender;\n    let customLayout;\n    if (cellType !== 'body') {\n      customRender = define?.headerCustomRender;\n      customLayout = define?.headerCustomLayout;\n    } else {\n      customRender = define?.customRender || table.customRender;\n      customLayout = define?.customLayout;\n    }\n\n    let cellWidth;\n    let cellHeight;\n    if (range) {\n      cellWidth = table.getColsWidth(range.start.col, range.end.col);\n      cellHeight = table.getRowsHeight(range.start.row, range.end.row);\n    } else {\n      cellWidth = table.getColWidth(col);\n      cellHeight = table.getRowHeight(row);\n    }\n\n    newCellGroup = createCell(\n      type,\n      define,\n      table,\n      col,\n      row,\n      table.getColWidth(col),\n      bgColorFunc,\n      customRender,\n      customLayout,\n      cellWidth,\n      cellHeight,\n      oldCellGroup.parent,\n      oldCellGroup.attribute.y,\n      padding,\n      textAlign,\n      textBaseline,\n      mayHaveIcon,\n      false,\n      isMerge,\n      range,\n      cellTheme\n    );\n  }\n\n  oldCellGroup.parent.insertAfter(newCellGroup, oldCellGroup);\n  oldCellGroup.parent.removeChild(oldCellGroup);\n}\n"]}

package/es/scenegraph/group-creater/cell-type/chart-cell.d.ts

@@ -0,0 +1,3 @@
+import { Group } from '../../graphic/group';
+import type { BaseTableAPI } from '../../../ts-types/base-table';
+export declare function createChartCellGroup(cellGroup: Group | null, columnGroup: Group, xOrigin: number, yOrigin: number, col: number, row: number, width: number, height: number, padding: number[], dataValue: string, chartType: any, chartSpec: any, chartInstance: any, table: BaseTableAPI): Group;

package/es/scenegraph/group-creater/cell-type/chart-cell.js

@@ -0,0 +1,54 @@
+import { Group } from "../../graphic/group";
+
+import { getCellTheme } from "./text-cell";
+
+import { Chart } from "../../graphic/chart";
+
+import * as registerChartTypes from "../../../chartType";
+
+import { getFunctionalProp } from "../../utils/get-prop";
+
+import { isValid } from "../../../tools/util";
+
+export function createChartCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, width, height, padding, dataValue, chartType, chartSpec, chartInstance, table) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    const ClassType = registerChartTypes.get()[chartType], cellTheme = getCellTheme(table, col, row), headerStyle = table._getCellStyle(col, row), functionalPadding = getFunctionalProp("padding", headerStyle, col, row, table);
+    isValid(functionalPadding) && (padding = functionalPadding), cellGroup || ((cellGroup = new Group({
+        x: xOrigin,
+        y: yOrigin,
+        width: width,
+        height: height,
+        fill: !0,
+        stroke: !0,
+        lineWidth: null !== (_b = null === (_a = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _a ? void 0 : _a.lineWidth) && void 0 !== _b ? _b : void 0,
+        fillColor: null !== (_d = null === (_c = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _c ? void 0 : _c.fillColor) && void 0 !== _d ? _d : void 0,
+        strokeColor: null !== (_f = null === (_e = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _e ? void 0 : _e.strokeColor) && void 0 !== _f ? _f : void 0,
+        strokeArrayWidth: null !== (_h = null === (_g = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _g ? void 0 : _g.strokeArrayWidth) && void 0 !== _h ? _h : void 0,
+        strokeArrayColor: null !== (_k = null === (_j = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _j ? void 0 : _j.strokeArrayColor) && void 0 !== _k ? _k : void 0,
+        cursor: null !== (_m = null === (_l = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _l ? void 0 : _l.cursor) && void 0 !== _m ? _m : void 0,
+        lineCap: "square",
+        clip: !0
+    })).role = "cell", cellGroup.col = col, cellGroup.row = row, columnGroup.addChild(cellGroup)), 
+    cellGroup.AABBBounds.width();
+    const chartGroup = new Chart({
+        x: padding[3],
+        y: padding[0],
+        canvas: table.canvas,
+        spec: chartSpec,
+        ClassType: ClassType,
+        width: width - padding[3] - padding[1],
+        height: height - padding[2] - padding[0],
+        chartInstance: chartInstance,
+        dataId: "data",
+        data: table.getCellValue(col, row),
+        viewBox: {
+            x1: cellGroup.globalAABBBounds.x1 + table.tableX + padding[3],
+            x2: cellGroup.globalAABBBounds.x1 + width + table.tableX - padding[1],
+            y1: cellGroup.globalAABBBounds.y1 + table.tableY + padding[0],
+            y2: cellGroup.globalAABBBounds.y1 + height + table.tableY - padding[2]
+        }
+    });
+    return cellGroup.appendChild(chartGroup), columnGroup.setAttribute("chartInstance", chartGroup.chartInstance), 
+    cellGroup;
+}
+//# sourceMappingURL=chart-cell.js.map

package/es/scenegraph/group-creater/cell-type/chart-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/group-creater/cell-type/chart-cell.ts"],"names":[],"mappings":"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","file":"chart-cell.js","sourcesContent":["import { Group } from '../../graphic/group';\nimport { getCellTheme } from './text-cell';\nimport { Chart } from '../../graphic/chart';\nimport * as registerChartTypes from '../../../chartType';\nimport { getFunctionalProp } from '../../utils/get-prop';\nimport { isValid } from '../../../tools/util';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\nexport function createChartCellGroup(\n  cellGroup: Group | null,\n  columnGroup: Group,\n  xOrigin: number,\n  yOrigin: number,\n  col: number,\n  row: number,\n  width: number,\n  height: number,\n  padding: number[],\n  dataValue: string,\n  chartType: any,\n  chartSpec: any,\n  chartInstance: any,\n  table: BaseTableAPI\n) {\n  // 获取注册的chart图表类型\n  const registerCharts = registerChartTypes.get();\n  const ClassType = registerCharts[chartType];\n  const cellTheme = getCellTheme(table, col, row);\n  const headerStyle = table._getCellStyle(col, row); // to be fixed\n  const functionalPadding = getFunctionalProp('padding', headerStyle, col, row, table);\n  if (isValid(functionalPadding)) {\n    padding = functionalPadding;\n  }\n  // cell\n  if (!cellGroup) {\n    cellGroup = new Group({\n      x: xOrigin,\n      y: yOrigin,\n      width,\n      height,\n\n      // 背景相关，cell背景由cellGroup绘制\n      fill: true,\n      stroke: true,\n\n      lineWidth: cellTheme?.group?.lineWidth ?? undefined,\n      fillColor: cellTheme?.group?.fillColor ?? undefined,\n      strokeColor: cellTheme?.group?.strokeColor ?? undefined,\n      strokeArrayWidth: (cellTheme?.group as any)?.strokeArrayWidth ?? undefined,\n      strokeArrayColor: (cellTheme?.group as any)?.strokeArrayColor ?? undefined,\n      cursor: (cellTheme?.group as any)?.cursor ?? undefined,\n\n      lineCap: 'square',\n\n      clip: true\n    } as any);\n    cellGroup.role = 'cell';\n    cellGroup.col = col;\n    cellGroup.row = row;\n    columnGroup.addChild(cellGroup);\n  }\n  cellGroup.AABBBounds.width(); // TODO 需要底层VRender修改\n  // chart\n  const chartGroup = new Chart({\n    x: padding[3],\n    y: padding[0],\n    canvas: table.canvas,\n    spec: chartSpec,\n    ClassType,\n    width: width - padding[3] - padding[1],\n    height: height - padding[2] - padding[0],\n    chartInstance,\n    dataId: 'data',\n    data: table.getCellValue(col, row),\n    viewBox: {\n      x1: cellGroup.globalAABBBounds.x1 + (table as any).tableX + padding[3],\n      x2: cellGroup.globalAABBBounds.x1 + width + (table as any).tableX - padding[1],\n      y1: cellGroup.globalAABBBounds.y1 + (table as any).tableY + padding[0],\n      y2: cellGroup.globalAABBBounds.y1 + height + (table as any).tableY - padding[2]\n    }\n    // clipRect: {\n    //   left: cellGroup.globalAABBBounds.x1 + (table as any).tableX + padding[3],\n    //   top: cellGroup.globalAABBBounds.y1 + (table as any).tableY + padding[0],\n    //   width: width - padding[1] - padding[3], //cellGroup.globalAABBBounds.width() - padding[1] - padding[3],\n    //   height: height - padding[0] - padding[2],\n    // },\n  });\n  cellGroup.appendChild(chartGroup);\n  // 将生成的实例存到columnGroup中 已共享\n  columnGroup.setAttribute('chartInstance', chartGroup.chartInstance);\n  return cellGroup;\n}\n"]}

package/es/scenegraph/group-creater/cell-type/image-cell.d.ts

@@ -0,0 +1,7 @@
+import type { IThemeSpec } from '@visactor/vrender';
+import type { BaseTableAPI } from '../../../ts-types';
+import { Group } from '../../graphic/group';
+import type { Scenegraph } from '../../scenegraph';
+export declare function createImageCellGroup(columnGroup: Group, xOrigin: number, yOrigin: number, col: number, row: number, width: number, height: number, keepAspectRatio: boolean, imageAutoSizing: boolean, padding: [number, number, number, number], textAlign: CanvasTextAlign, textBaseline: CanvasTextBaseline, table: BaseTableAPI, cellTheme?: IThemeSpec): Group;
+export declare function _adjustWidthHeight(col: number, row: number, width: number, height: number, scene: Scenegraph, padding: [number, number, number, number]): boolean;
+export declare function updateImageCellContentWhileResize(cellGroup: Group, col: number, row: number, table: BaseTableAPI): void;

package/es/scenegraph/group-creater/cell-type/image-cell.js

@@ -0,0 +1,102 @@
+import { createImage } from "@visactor/vrender";
+
+import * as icons from "../../../icons";
+
+import { Group } from "../../graphic/group";
+
+import { calcKeepAspectRatioSize } from "../../utils/keep-aspect-ratio";
+
+import { calcStartPosition } from "../../utils/cell-pos";
+
+import { getProp, getFunctionalProp } from "../../utils/get-prop";
+
+import { getCellTheme } from "./text-cell";
+
+import { isValid } from "../../../tools/util";
+
+import { getPadding } from "../../utils/padding";
+
+const regedIcons = icons.get();
+
+export function createImageCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, keepAspectRatio, imageAutoSizing, padding, textAlign, textBaseline, table, cellTheme) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    cellTheme = getCellTheme(table, col, row, cellTheme);
+    const headerStyle = table._getCellStyle(col, row), functionalPadding = getFunctionalProp("padding", headerStyle, col, row, table);
+    isValid(functionalPadding) && (padding = functionalPadding), (null === (_a = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _a ? void 0 : _a.textAlign) && (textAlign = null === (_b = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _b ? void 0 : _b.textAlign), 
+    (null === (_c = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _c ? void 0 : _c.textBaseline) && (textBaseline = null === (_d = null == cellTheme ? void 0 : cellTheme.text) || void 0 === _d ? void 0 : _d.textBaseline);
+    const cellGroup = new Group({
+        x: xOrigin,
+        y: yOrigin,
+        width: width,
+        height: height,
+        fill: !0,
+        stroke: !0,
+        lineWidth: null !== (_f = null === (_e = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _e ? void 0 : _e.lineWidth) && void 0 !== _f ? _f : void 0,
+        fillColor: null !== (_h = null === (_g = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _g ? void 0 : _g.fillColor) && void 0 !== _h ? _h : void 0,
+        strokeColor: null !== (_k = null === (_j = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _j ? void 0 : _j.strokeColor) && void 0 !== _k ? _k : void 0,
+        strokeArrayWidth: null !== (_m = null === (_l = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _l ? void 0 : _l.strokeArrayWidth) && void 0 !== _m ? _m : void 0,
+        strokeArrayColor: null !== (_p = null === (_o = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _o ? void 0 : _o.strokeArrayColor) && void 0 !== _p ? _p : void 0,
+        cursor: null !== (_r = null === (_q = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _q ? void 0 : _q.cursor) && void 0 !== _r ? _r : void 0,
+        lineCap: "square",
+        clip: !0
+    });
+    cellGroup.role = "cell", cellGroup.col = col, cellGroup.row = row, columnGroup.addChild(cellGroup);
+    const value = table.getCellValue(col, row), image = createImage({
+        x: padding[3],
+        y: padding[0],
+        width: width - padding[1] - padding[3],
+        height: height - padding[0] - padding[2],
+        image: null != value ? value : regedIcons.damage_pic.svg,
+        cursor: "pointer"
+    });
+    return image.name = "image", image.keepAspectRatio = keepAspectRatio, image.successCallback = keepAspectRatio || imageAutoSizing ? () => {
+        const originImage = image.resources.get(image.attribute.image).data;
+        if (imageAutoSizing && _adjustWidthHeight(col, row, originImage.width, originImage.height, table.scenegraph, padding), 
+        keepAspectRatio) {
+            const {width: imageWidth, height: imageHeight} = calcKeepAspectRatioSize(originImage.width, originImage.height, cellGroup.attribute.width - padding[1] - padding[3], cellGroup.attribute.height - padding[0] - padding[2]), pos = calcStartPosition(0, 0, cellGroup.attribute.width, cellGroup.attribute.height, imageWidth, imageHeight, textAlign, textBaseline, padding);
+            image.setAttributes({
+                x: pos.x,
+                y: pos.y,
+                width: imageWidth,
+                height: imageHeight
+            });
+        }
+        table.scenegraph.updateNextFrame();
+    } : () => {
+        updateImageCellContentWhileResize(cellGroup, col, row, table);
+    }, image.failCallback = () => {
+        const regedIcons = icons.get();
+        image.image = regedIcons.damage_pic.svg;
+    }, cellGroup.appendChild(image), cellGroup;
+}
+
+export function _adjustWidthHeight(col, row, width, height, scene, padding) {
+    let needInvalidate = !1, targetWidth = null, targetHeight = null;
+    return scene.table.getColWidth(col) < width + padding[1] + padding[3] && (targetWidth = width + padding[1] + padding[3], 
+    needInvalidate = !0), scene.table.getRowHeight(row) < height + padding[2] + padding[0] && (targetHeight = height + padding[2] + padding[0], 
+    needInvalidate = !0), !!needInvalidate && ("number" == typeof targetWidth && scene.setColWidth(col, targetWidth), 
+    "number" == typeof targetHeight && scene.setRowHeight(row, targetHeight), scene.component.updateScrollBar(), 
+    !0);
+}
+
+export function updateImageCellContentWhileResize(cellGroup, col, row, table) {
+    var _a, _b, _c;
+    const image = cellGroup.getChildByName("image"), originImage = "string" != typeof image.attribute.image && image.attribute.image || image.resources.get(image.attribute.image).data;
+    if (!originImage) return;
+    const headerStyle = table._getCellStyle(col, row), textAlign = null !== (_a = getProp("textAlign", headerStyle, col, row, table)) && void 0 !== _a ? _a : "left", textBaseline = null !== (_b = getProp("textBaseline", headerStyle, col, row, table)) && void 0 !== _b ? _b : "middle", padding = null !== (_c = getPadding(getProp("padding", headerStyle, col, row, table))) && void 0 !== _c ? _c : [ 0, 0, 0, 0 ];
+    if (image.keepAspectRatio) {
+        const {width: imageWidth, height: imageHeight} = calcKeepAspectRatioSize(originImage.width || originImage.videoWidth, originImage.height || originImage.videoHeight, cellGroup.attribute.width - (padding[1] + padding[3]), cellGroup.attribute.height - (padding[0] + padding[2])), pos = calcStartPosition(0, 0, cellGroup.attribute.width, cellGroup.attribute.height, imageWidth, imageHeight, textAlign, textBaseline, padding);
+        image.setAttributes({
+            x: pos.x,
+            y: pos.y,
+            width: imageWidth,
+            height: imageHeight
+        });
+    } else image.setAttributes({
+        x: padding[3],
+        y: padding[0],
+        width: cellGroup.attribute.width - padding[1] - padding[3],
+        height: cellGroup.attribute.height - padding[0] - padding[2]
+    });
+}
+//# sourceMappingURL=image-cell.js.map

package/es/scenegraph/group-creater/cell-type/image-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["scenegraph/group-creater/cell-type/image-cell.ts"],"names":[],"mappings":"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","file":"image-cell.js","sourcesContent":["// @ts-nocheck\n/* eslint-disable no-undef */\nimport type { IImage, Image, IThemeSpec } from '@visactor/vrender';\nimport { createImage } from '@visactor/vrender';\nimport type { BaseTableAPI } from '../../../ts-types';\nimport * as icons from '../../../icons';\nimport { Group } from '../../graphic/group';\nimport { calcKeepAspectRatioSize } from '../../utils/keep-aspect-ratio';\nimport { calcStartPosition } from '../../utils/cell-pos';\nimport type { Scenegraph } from '../../scenegraph';\nimport { getProp, getFunctionalProp } from '../../utils/get-prop';\nimport { getCellTheme } from './text-cell';\nimport { isValid } from '../../../tools/util';\nimport { getPadding } from '../../utils/padding';\n\nconst regedIcons = icons.get();\n\nexport function createImageCellGroup(\n  columnGroup: Group,\n  xOrigin: number,\n  yOrigin: number,\n  col: number,\n  row: number,\n  width: number,\n  height: number,\n  keepAspectRatio: boolean,\n  imageAutoSizing: boolean,\n  padding: [number, number, number, number],\n  textAlign: CanvasTextAlign,\n  textBaseline: CanvasTextBaseline,\n  table: BaseTableAPI,\n  cellTheme?: IThemeSpec\n) {\n  cellTheme = getCellTheme(table, col, row, cellTheme);\n  const headerStyle = table._getCellStyle(col, row); // to be fixed\n  const functionalPadding = getFunctionalProp('padding', headerStyle, col, row, table);\n  // const margin = getProp('padding', headerStyle, col, row, table);\n  if (isValid(functionalPadding)) {\n    padding = functionalPadding;\n  }\n  if (cellTheme?.text?.textAlign) {\n    textAlign = cellTheme?.text?.textAlign;\n  }\n  if (cellTheme?.text?.textBaseline) {\n    textBaseline = cellTheme?.text?.textBaseline;\n  }\n\n  // cell\n  const cellGroup = new Group({\n    x: xOrigin,\n    y: yOrigin,\n    width,\n    height,\n    // childrenPickable: false,\n\n    // 背景相关，cell背景由cellGroup绘制\n    fill: true,\n    stroke: true,\n\n    lineWidth: cellTheme?.group?.lineWidth ?? undefined,\n    fillColor: cellTheme?.group?.fillColor ?? undefined,\n    strokeColor: cellTheme?.group?.strokeColor ?? undefined,\n    strokeArrayWidth: (cellTheme?.group as any)?.strokeArrayWidth ?? undefined,\n    strokeArrayColor: (cellTheme?.group as any)?.strokeArrayColor ?? undefined,\n    cursor: (cellTheme?.group as any)?.cursor ?? undefined,\n\n    lineCap: 'square',\n\n    clip: true\n  });\n  cellGroup.role = 'cell';\n  cellGroup.col = col;\n  cellGroup.row = row;\n  columnGroup.addChild(cellGroup);\n\n  // image\n  const value = table.getCellValue(col, row);\n  const image: IImage = createImage({\n    x: padding[3],\n    y: padding[0],\n    width: width - padding[1] - padding[3],\n    height: height - padding[0] - padding[2],\n    image: value ?? (regedIcons.damage_pic as any).svg,\n    cursor: 'pointer' as Cursor\n  });\n  image.name = 'image';\n  image.keepAspectRatio = keepAspectRatio;\n  if (keepAspectRatio || imageAutoSizing) {\n    image.successCallback = () => {\n      const originImage = image.resources.get(image.attribute.image).data;\n\n      if (imageAutoSizing) {\n        _adjustWidthHeight(\n          col,\n          row,\n          (originImage as HTMLImageElement).width,\n          (originImage as HTMLImageElement).height,\n          table.scenegraph,\n          padding\n        );\n      }\n\n      if (keepAspectRatio) {\n        const { width: imageWidth, height: imageHeight } = calcKeepAspectRatioSize(\n          originImage.width,\n          originImage.height,\n          cellGroup.attribute.width - padding[1] - padding[3],\n          cellGroup.attribute.height - padding[0] - padding[2]\n        );\n\n        // const left = 0;\n        // const top = 0;\n        const pos = calcStartPosition(\n          0,\n          0,\n          cellGroup.attribute.width,\n          cellGroup.attribute.height,\n          imageWidth,\n          imageHeight,\n          textAlign,\n          textBaseline,\n          padding\n        );\n\n        image.setAttributes({\n          x: pos.x,\n          y: pos.y,\n          width: imageWidth,\n          height: imageHeight\n        });\n      }\n\n      table.scenegraph.updateNextFrame();\n    };\n  } else {\n    image.successCallback = () => {\n      updateImageCellContentWhileResize(cellGroup, col, row, table);\n    };\n  }\n  (image as any).failCallback = () => {\n    const regedIcons = icons.get();\n    // image.setAttribute('image', (regedIcons.damage_pic as any).svg);\n    (image as any).image = (regedIcons.damage_pic as any).svg;\n  };\n  cellGroup.appendChild(image);\n\n  return cellGroup;\n}\n\n/**\n * 调整某个图片资源所在行列的行高列宽 之后重绘\n * @param col\n * @param row\n * @param img\n * @param table\n * @returns 行高或者列宽是否进行了调整\n */\nexport function _adjustWidthHeight(\n  col: number,\n  row: number,\n  // img: HTMLImageElement,\n  width: number,\n  height: number,\n  scene: Scenegraph,\n  padding: [number, number, number, number]\n): boolean {\n  // const { width, height } = img as any;\n  // const currentContext = context.toCurrentContext();\n\n  let needInvalidate = false;\n  let targetWidth: number = null;\n  let targetHeight: number = null;\n  if (scene.table.getColWidth(col) < width + padding[1] + padding[3]) {\n    targetWidth = width + padding[1] + padding[3];\n    needInvalidate = true;\n  }\n  if (scene.table.getRowHeight(row) < height + padding[2] + padding[0]) {\n    targetHeight = height + padding[2] + padding[0];\n    needInvalidate = true;\n  }\n  if (needInvalidate) {\n    if (typeof targetWidth === 'number') {\n      // table.setColWidth(col, targetWidth, true);\n      scene.setColWidth(col, targetWidth);\n    }\n    if (typeof targetHeight === 'number') {\n      // table.setRowHeight(row, targetHeight, true);\n      scene.setRowHeight(row, targetHeight);\n    }\n    // table.updateCanvasScroll();\n    // // table.throttleInvalidate(); // 这里会造成每一张图加载后就重绘 造成多次绘制问题！节流绘制\n    // table.invalidate(); //节流绘制改回及时绘制 节流绘制在图片加载过程中的效果不太好\n\n    scene.component.updateScrollBar();\n    // scene.updateNextFrame();\n    return true;\n  }\n  return false;\n}\n\nexport function updateImageCellContentWhileResize(cellGroup: Group, col: number, row: number, table: BaseTableAPI) {\n  const image = cellGroup.getChildByName('image') as Image;\n  const originImage =\n    (typeof image.attribute.image !== 'string' && image.attribute.image) ||\n    image.resources.get(image.attribute.image).data;\n\n  if (!originImage) {\n    return;\n  }\n\n  const headerStyle = table._getCellStyle(col, row); // to be fixed\n  const textAlign = getProp('textAlign', headerStyle, col, row, table) ?? 'left';\n  const textBaseline = getProp('textBaseline', headerStyle, col, row, table) ?? 'middle';\n  const padding = getPadding(getProp('padding', headerStyle, col, row, table)) ?? [0, 0, 0, 0];\n\n  if (image.keepAspectRatio) {\n    const { width: imageWidth, height: imageHeight } = calcKeepAspectRatioSize(\n      originImage.width || originImage.videoWidth,\n      originImage.height || originImage.videoHeight,\n      cellGroup.attribute.width - (padding[1] + padding[3]),\n      cellGroup.attribute.height - (padding[0] + padding[2])\n    );\n\n    const pos = calcStartPosition(\n      0,\n      0,\n      cellGroup.attribute.width,\n      cellGroup.attribute.height,\n      imageWidth,\n      imageHeight,\n      textAlign,\n      textBaseline,\n      padding\n    );\n\n    image.setAttributes({\n      x: pos.x,\n      y: pos.y,\n      width: imageWidth,\n      height: imageHeight\n    });\n  } else {\n    image.setAttributes({\n      x: padding[3],\n      y: padding[0],\n      width: cellGroup.attribute.width - padding[1] - padding[3],\n      height: cellGroup.attribute.height - padding[0] - padding[2]\n    });\n  }\n}\n"]}

package/es/scenegraph/group-creater/cell-type/progress-bar-cell.d.ts

@@ -0,0 +1,9 @@
+import type { ProgressBarStyle } from '../../../body-helper/style/ProgressBarStyle';
+import { Group } from '../../graphic/group';
+import type { BaseTableAPI } from '../../../ts-types/base-table';
+export declare function createProgressBarCell(progressBarDefine: {
+    min?: number;
+    max?: number;
+    barType?: 'default' | 'negative' | 'negative_no_axis';
+    dependField?: string;
+}, style: ProgressBarStyle, width: number, value: string, dataValue: string, col: number, row: number, padding: [number, number, number, number], table: BaseTableAPI): Group;