k-vtable 1.0.0

package/cjs/scenegraph/group-creater/cell-type/button-cell.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createButtonCellGroup = void 0;
+
+const vrender_1 = require("./../../../vrender"), group_1 = require("../../graphic/group"), cell_border_stroke_width_1 = require("../../utils/cell-border-stroke-width"), get_prop_1 = require("../../utils/get-prop"), helper_1 = require("../../../tools/helper"), get_hierarchy_offset_1 = require("../../utils/get-hierarchy-offset"), text_icon_layout_1 = require("../../utils/text-icon-layout");
+
+function createButtonCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+    if (!cellGroup) {
+        const strokeArrayWidth = (0, cell_border_stroke_width_1.getCellBorderStrokeWidth)(col, row, cellTheme, table);
+        isAsync && (cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0)) && "cell" === cellGroup.role && cellGroup.setAttributes({
+            x: xOrigin,
+            y: yOrigin,
+            width: width,
+            height: height,
+            lineWidth: null !== (_b = null === (_a = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _a ? void 0 : _a.lineWidth) && void 0 !== _b ? _b : void 0,
+            fill: null !== (_d = null === (_c = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : void 0,
+            stroke: null !== (_f = null === (_e = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _e ? void 0 : _e.stroke) && void 0 !== _f ? _f : void 0,
+            strokeArrayWidth: strokeArrayWidth,
+            strokeArrayColor: null !== (_h = null === (_g = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _g ? void 0 : _g.strokeArrayColor) && void 0 !== _h ? _h : void 0,
+            cursor: null !== (_k = null === (_j = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _j ? void 0 : _j.cursor) && void 0 !== _k ? _k : void 0,
+            lineDash: null !== (_m = null === (_l = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _l ? void 0 : _l.lineDash) && void 0 !== _m ? _m : void 0,
+            lineCap: "butt",
+            clip: !0,
+            cornerRadius: cellTheme.group.cornerRadius
+        }), cellGroup && "cell" === cellGroup.role || ((cellGroup = new group_1.Group({
+            x: xOrigin,
+            y: yOrigin,
+            width: width,
+            height: height,
+            lineWidth: null !== (_p = null === (_o = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _o ? void 0 : _o.lineWidth) && void 0 !== _p ? _p : void 0,
+            fill: null !== (_r = null === (_q = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _q ? void 0 : _q.fill) && void 0 !== _r ? _r : void 0,
+            stroke: null !== (_t = null === (_s = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _s ? void 0 : _s.stroke) && void 0 !== _t ? _t : void 0,
+            strokeArrayWidth: strokeArrayWidth,
+            strokeArrayColor: null !== (_v = null === (_u = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _u ? void 0 : _u.strokeArrayColor) && void 0 !== _v ? _v : void 0,
+            cursor: null !== (_x = null === (_w = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _w ? void 0 : _w.cursor) && void 0 !== _x ? _x : void 0,
+            lineDash: null !== (_z = null === (_y = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _y ? void 0 : _y.lineDash) && void 0 !== _z ? _z : void 0,
+            lineCap: "butt",
+            clip: !0,
+            cornerRadius: cellTheme.group.cornerRadius
+        })).role = "cell", cellGroup.col = col, cellGroup.row = row, null == columnGroup || columnGroup.addCellGroup(cellGroup));
+    }
+    let icons;
+    if (mayHaveIcon) {
+        let iconCol = col, iconRow = row;
+        range && (iconCol = range.start.col, iconRow = range.start.row), icons = table.getCellIcons(iconCol, iconRow);
+    }
+    let iconWidth = 0, cellLeftIconWidth = 0, cellRightIconWidth = 0;
+    if (Array.isArray(icons) && 0 !== icons.length) {
+        const {leftIconWidth: leftIconWidth, rightIconWidth: rightIconWidth, absoluteLeftIconWidth: absoluteLeftIconWidth, absoluteRightIconWidth: absoluteRightIconWidth} = (0, 
+        text_icon_layout_1.dealWithIconLayout)(icons, cellGroup, range, table);
+        iconWidth = leftIconWidth + rightIconWidth, cellLeftIconWidth = leftIconWidth, cellRightIconWidth = rightIconWidth, 
+        cellGroup.forEachChildren((child => {
+            "icon-left" === child.role ? child.setAttribute("x", child.attribute.x + padding[3]) : "icon-right" === child.role ? child.setAttribute("x", child.attribute.x + width - rightIconWidth - padding[1]) : "icon-absolute-right" === child.role && child.setAttribute("x", child.attribute.x + width - absoluteRightIconWidth - padding[1]);
+        })), cellGroup.forEachChildren((child => {
+            "middle" === textBaseline ? child.setAttribute("y", (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", height - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]);
+        }));
+    }
+    const buttonComponent = createButton(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table);
+    return buttonComponent && cellGroup.appendChild(buttonComponent), width -= padding[1] + padding[3] + iconWidth, 
+    height -= padding[0] + padding[2], "center" === textAlign ? buttonComponent.setAttribute("x", padding[3] + cellLeftIconWidth + (width - buttonComponent.AABBBounds.width()) / 2) : "right" === textAlign ? buttonComponent.setAttribute("x", padding[3] + cellLeftIconWidth + width - buttonComponent.AABBBounds.width()) : buttonComponent.setAttribute("x", padding[3] + cellLeftIconWidth), 
+    "middle" === textBaseline ? buttonComponent.setAttribute("y", padding[0] + (height - buttonComponent.AABBBounds.height()) / 2) : "bottom" === textBaseline ? buttonComponent.setAttribute("y", padding[0] + height - buttonComponent.AABBBounds.height()) : buttonComponent.setAttribute("y", padding[0]), 
+    cellGroup;
+}
+
+function createButton(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table) {
+    var _a, _b;
+    const style = table._getCellStyle(col, row), buttonColor = (0, get_prop_1.getProp)("buttonColor", style, col, row, table), buttonBorderColor = (0, 
+    get_prop_1.getProp)("buttonBorderColor", style, col, row, table), buttonLineWidth = (0, 
+    get_prop_1.getProp)("buttonLineWidth", style, col, row, table), buttonBorderRadius = (0, 
+    get_prop_1.getProp)("buttonBorderRadius", style, col, row, table), buttonHoverColor = (0, 
+    get_prop_1.getProp)("buttonHoverColor", style, col, row, table), buttonHoverBorderColor = (0, 
+    get_prop_1.getProp)("buttonHoverBorderColor", style, col, row, table), buttonPadding = (0, 
+    get_prop_1.getProp)("buttonPadding", style, col, row, table), buttonTextHoverColor = (0, 
+    get_prop_1.getProp)("buttonTextHoverColor", style, col, row, table), buttonDisableColor = (0, 
+    get_prop_1.getProp)("buttonDisableColor", style, col, row, table), buttonDisableBorderColor = (0, 
+    get_prop_1.getProp)("buttonDisableBorderColor", style, col, row, table), buttonTextDisableColor = (0, 
+    get_prop_1.getProp)("buttonTextDisableColor", style, col, row, table), value = table.getCellValue(col, row), dataValue = table.getCellOriginValue(col, row), hierarchyOffset = (0, 
+    get_hierarchy_offset_1.getHierarchyOffset)(col, row, table), cellStyle = table._getCellStyle(col, row), autoWrapText = null !== (_a = cellStyle.autoWrapText) && void 0 !== _a ? _a : table.internalProps.autoWrapText, {lineClamp: lineClamp} = cellStyle, autoColWidth = "auto" === colWidth, autoRowHeight = table.isAutoRowHeight(row), {disable: disable, text: text} = define, isDisable = (0, 
+    helper_1.getOrApply)(disable, {
+        col: col,
+        row: row,
+        table: table,
+        context: null,
+        value: value,
+        dataValue: dataValue
+    }), buttonTextValue = (0, helper_1.getOrApply)(text, {
+        col: col,
+        row: row,
+        table: table,
+        context: null,
+        value: value,
+        dataValue: dataValue
+    }), buttonText = null !== (_b = null != buttonTextValue ? buttonTextValue : value) && void 0 !== _b ? _b : "", attribute = {
+        maxLineWidth: autoColWidth ? 1 / 0 : cellWidth - (padding[1] + padding[3] + hierarchyOffset),
+        textAlign: "left",
+        textBaseline: "top",
+        autoWrapText: autoWrapText,
+        lineClamp: lineClamp,
+        wordBreak: "break-word",
+        heightLimit: autoRowHeight ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
+        pickable: !1,
+        dx: hierarchyOffset,
+        whiteSpace: 1 !== buttonText.length || autoWrapText ? "normal" : "no-wrap"
+    }, testAttribute = cellTheme.text ? Object.assign({}, cellTheme.text, attribute) : attribute, buttonAttributes = {
+        x: 0,
+        y: 0,
+        cursor: isDisable ? "not-allowed" : "pointer",
+        disable: isDisable,
+        childrenPickable: !1,
+        text: 1 === buttonText.length ? buttonText[0] : buttonText,
+        textStyle: testAttribute,
+        padding: buttonPadding,
+        panel: {
+            visible: !0,
+            fill: isDisable ? buttonDisableColor : buttonColor,
+            stroke: isDisable ? buttonDisableBorderColor : buttonBorderColor,
+            lineWidth: buttonLineWidth,
+            cornerRadius: buttonBorderRadius
+        },
+        state: {
+            text: {
+                hover: {}
+            },
+            panel: {
+                hover: {
+                    fill: buttonHoverColor,
+                    stroke: buttonHoverBorderColor
+                }
+            }
+        }
+    };
+    buttonTextDisableColor && (buttonAttributes.state.text.fill = buttonTextDisableColor), 
+    buttonTextHoverColor && (buttonAttributes.state.text.hover.fill = buttonTextHoverColor);
+    const buttonComponent = new vrender_1.Tag(buttonAttributes);
+    return buttonComponent.name = "button", isDisable || (buttonComponent.addEventListener("mouseenter", (() => {
+        buttonComponent.addState("hover", !0, !1), buttonComponent.stage.renderNextFrame();
+    })), buttonComponent.addEventListener("mouseleave", (() => {
+        buttonComponent.removeState("hover", !1), buttonComponent.stage.renderNextFrame();
+    }))), buttonComponent;
+}
+
+exports.createButtonCellGroup = createButtonCellGroup;
+//# sourceMappingURL=button-cell.js.map

package/cjs/scenegraph/group-creater/cell-type/button-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/group-creater/cell-type/button-cell.ts"],"names":[],"mappings":"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","file":"button-cell.js","sourcesContent":["import { Tag } from './../../../vrender';\nimport type { IThemeSpec, TagAttributes } from './../../../vrender';\nimport type { CellRange, ButtonColumnDefine, ButtonStyleOption, ButtonStyle } from '../../../ts-types';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\nimport { Group } from '../../graphic/group';\nimport { getCellBorderStrokeWidth } from '../../utils/cell-border-stroke-width';\nimport { getProp } from '../../utils/get-prop';\nimport { isObject } from '@visactor/vutils';\nimport { getOrApply } from '../../../tools/helper';\nimport { getHierarchyOffset } from '../../utils/get-hierarchy-offset';\nimport { dealWithIconLayout } from '../../utils/text-icon-layout';\n\nexport function createButtonCellGroup(\n  cellGroup: Group | null,\n  columnGroup: Group,\n  xOrigin: number,\n  yOrigin: number,\n  col: number,\n  row: number,\n  colWidth: number,\n  width: number,\n  height: number,\n  padding: number[],\n  textAlign: CanvasTextAlign,\n  textBaseline: CanvasTextBaseline,\n  mayHaveIcon: boolean,\n  table: BaseTableAPI,\n  cellTheme: IThemeSpec,\n  define: ButtonColumnDefine,\n  range: CellRange | undefined,\n  isAsync: boolean\n) {\n  // cell\n  if (!cellGroup) {\n    const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);\n\n    if (isAsync) {\n      cellGroup = table.scenegraph.highPerformanceGetCell(col, row, true);\n      if (cellGroup && cellGroup.role === 'cell') {\n        cellGroup.setAttributes({\n          x: xOrigin,\n          y: yOrigin,\n          width,\n          height,\n          // 背景相关，cell背景由cellGroup绘制\n          lineWidth: cellTheme?.group?.lineWidth ?? undefined,\n          fill: cellTheme?.group?.fill ?? undefined,\n          stroke: cellTheme?.group?.stroke ?? undefined,\n          strokeArrayWidth: strokeArrayWidth,\n          strokeArrayColor: (cellTheme?.group as any)?.strokeArrayColor ?? undefined,\n          cursor: (cellTheme?.group as any)?.cursor ?? undefined,\n          lineDash: cellTheme?.group?.lineDash ?? undefined,\n          lineCap: 'butt',\n          clip: true,\n          cornerRadius: cellTheme.group.cornerRadius\n        } as any);\n      }\n    }\n    if (!cellGroup || cellGroup.role !== 'cell') {\n      cellGroup = new Group({\n        x: xOrigin,\n        y: yOrigin,\n        width,\n        height,\n        // 背景相关，cell背景由cellGroup绘制\n        lineWidth: cellTheme?.group?.lineWidth ?? undefined,\n        fill: cellTheme?.group?.fill ?? undefined,\n        stroke: cellTheme?.group?.stroke ?? undefined,\n        strokeArrayWidth: strokeArrayWidth,\n        strokeArrayColor: (cellTheme?.group as any)?.strokeArrayColor ?? undefined,\n        cursor: (cellTheme?.group as any)?.cursor ?? undefined,\n        lineDash: cellTheme?.group?.lineDash ?? undefined,\n        lineCap: 'butt',\n        clip: true,\n        cornerRadius: cellTheme.group.cornerRadius\n      } as any);\n      cellGroup.role = 'cell';\n      cellGroup.col = col;\n      cellGroup.row = row;\n      columnGroup?.addCellGroup(cellGroup);\n    }\n  }\n\n  let icons;\n  if (mayHaveIcon) {\n    let iconCol = col;\n    let iconRow = row;\n    if (range) {\n      iconCol = range.start.col;\n      iconRow = range.start.row;\n    }\n    icons = table.getCellIcons(iconCol, iconRow);\n  }\n\n  let iconWidth = 0;\n  let cellLeftIconWidth = 0;\n  let cellRightIconWidth = 0;\n  if (Array.isArray(icons) && icons.length !== 0) {\n    const { leftIconWidth, rightIconWidth, absoluteLeftIconWidth, absoluteRightIconWidth } = dealWithIconLayout(\n      icons,\n      cellGroup,\n      range,\n      table\n    );\n\n    iconWidth = leftIconWidth + rightIconWidth;\n    cellLeftIconWidth = leftIconWidth;\n    cellRightIconWidth = rightIconWidth;\n\n    // 更新各个部分横向位置\n    cellGroup.forEachChildren((child: any) => {\n      if (child.role === 'icon-left') {\n        child.setAttribute('x', child.attribute.x + padding[3]);\n      } else if (child.role === 'icon-right') {\n        child.setAttribute('x', child.attribute.x + width - rightIconWidth - padding[1]);\n      } else if (child.role === 'icon-absolute-right') {\n        child.setAttribute('x', child.attribute.x + width - absoluteRightIconWidth - padding[1]);\n      }\n    });\n\n    // 更新各个部分纵向位置\n    cellGroup.forEachChildren((child: any) => {\n      if (textBaseline === 'middle') {\n        child.setAttribute('y', (height - child.AABBBounds.height()) / 2);\n      } else if (textBaseline === 'bottom') {\n        child.setAttribute('y', height - child.AABBBounds.height() - padding[2]);\n      } else {\n        child.setAttribute('y', padding[0]);\n      }\n    });\n  }\n\n  const buttonComponent = createButton(\n    col,\n    row,\n    colWidth - iconWidth,\n    width,\n    height,\n    padding,\n    cellTheme,\n    define,\n    table\n  );\n  if (buttonComponent) {\n    cellGroup.appendChild(buttonComponent);\n  }\n\n  // buttonComponent.render();\n\n  width -= padding[1] + padding[3] + iconWidth;\n  height -= padding[0] + padding[2];\n  if (textAlign === 'center') {\n    buttonComponent.setAttribute(\n      'x',\n      padding[3] + cellLeftIconWidth + (width - buttonComponent.AABBBounds.width()) / 2\n    );\n  } else if (textAlign === 'right') {\n    buttonComponent.setAttribute('x', padding[3] + cellLeftIconWidth + width - buttonComponent.AABBBounds.width());\n  } else {\n    buttonComponent.setAttribute('x', padding[3] + cellLeftIconWidth);\n  }\n\n  if (textBaseline === 'middle') {\n    buttonComponent.setAttribute('y', padding[0] + (height - buttonComponent.AABBBounds.height()) / 2);\n  } else if (textBaseline === 'bottom') {\n    buttonComponent.setAttribute('y', padding[0] + height - buttonComponent.AABBBounds.height());\n  } else {\n    buttonComponent.setAttribute('y', padding[0]);\n  }\n\n  return cellGroup;\n}\n\nfunction createButton(\n  col: number,\n  row: number,\n  colWidth: number | 'auto',\n  cellWidth: number,\n  cellHeight: number,\n  padding: number[],\n  cellTheme: IThemeSpec,\n  define: ButtonColumnDefine,\n  table: BaseTableAPI\n) {\n  const style = table._getCellStyle(col, row) as ButtonStyle;\n  const buttonColor = getProp('buttonColor', style, col, row, table);\n  const buttonBorderColor = getProp('buttonBorderColor', style, col, row, table);\n  const buttonLineWidth = getProp('buttonLineWidth', style, col, row, table);\n  const buttonBorderRadius = getProp('buttonBorderRadius', style, col, row, table);\n  const buttonHoverColor = getProp('buttonHoverColor', style, col, row, table);\n  const buttonHoverBorderColor = getProp('buttonHoverBorderColor', style, col, row, table);\n  const buttonPadding = getProp('buttonPadding', style, col, row, table);\n  const buttonTextHoverColor = getProp('buttonTextHoverColor', style, col, row, table);\n  const buttonDisableColor = getProp('buttonDisableColor', style, col, row, table);\n  const buttonDisableBorderColor = getProp('buttonDisableBorderColor', style, col, row, table);\n  const buttonTextDisableColor = getProp('buttonTextDisableColor', style, col, row, table);\n\n  const value = table.getCellValue(col, row) as string | { text: string; checked: boolean; disable: boolean } | boolean;\n  const dataValue = table.getCellOriginValue(col, row);\n  const hierarchyOffset = getHierarchyOffset(col, row, table);\n  const cellStyle = table._getCellStyle(col, row) as ButtonStyleOption; // to be fixed\n  const autoWrapText = cellStyle.autoWrapText ?? table.internalProps.autoWrapText;\n  const { lineClamp } = cellStyle;\n  const autoColWidth = colWidth === 'auto';\n  const autoRowHeight = table.isAutoRowHeight(row);\n\n  const { disable, text } = define;\n  const isDisable = getOrApply(disable as any, {\n    col,\n    row,\n    table,\n    context: null,\n    value,\n    dataValue\n  });\n  const buttonTextValue = getOrApply(text as any, {\n    col,\n    row,\n    table,\n    context: null,\n    value,\n    dataValue\n  });\n\n  const buttonText = buttonTextValue ?? (value as string) ?? '';\n\n  const attribute = {\n    maxLineWidth: autoColWidth ? Infinity : cellWidth - (padding[1] + padding[3] + hierarchyOffset),\n    // fill: true,\n    textAlign: 'left',\n    textBaseline: 'top',\n    autoWrapText,\n    lineClamp,\n    wordBreak: 'break-word',\n    // widthLimit: autoColWidth ? -1 : colWidth - (padding[1] + padding[3]),\n    heightLimit: autoRowHeight ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),\n    pickable: false,\n    dx: hierarchyOffset,\n    whiteSpace: buttonText.length === 1 && !autoWrapText ? 'no-wrap' : 'normal'\n  };\n  const testAttribute = cellTheme.text ? (Object.assign({}, cellTheme.text, attribute) as any) : attribute;\n\n  const buttonAttributes: TagAttributes = {\n    x: 0,\n    y: 0,\n    cursor: isDisable ? 'not-allowed' : 'pointer',\n    disable: isDisable,\n    childrenPickable: false,\n    text: buttonText.length === 1 ? buttonText[0] : buttonText,\n    textStyle: testAttribute,\n    padding: buttonPadding,\n    panel: {\n      visible: true,\n      fill: isDisable ? buttonDisableColor : buttonColor,\n      stroke: isDisable ? buttonDisableBorderColor : buttonBorderColor,\n      lineWidth: buttonLineWidth,\n      cornerRadius: buttonBorderRadius\n    },\n    state: {\n      text: {\n        hover: {}\n      },\n      panel: {\n        hover: {\n          fill: buttonHoverColor,\n          stroke: buttonHoverBorderColor\n        }\n      }\n    }\n  } as any;\n  buttonTextDisableColor && (buttonAttributes.state.text.fill = buttonTextDisableColor);\n  buttonTextHoverColor && (buttonAttributes.state.text.hover.fill = buttonTextHoverColor);\n\n  const buttonComponent = new Tag(buttonAttributes);\n  buttonComponent.name = 'button';\n\n  if (!isDisable) {\n    buttonComponent.addEventListener('mouseenter', () => {\n      buttonComponent.addState('hover', true, false);\n      buttonComponent.stage.renderNextFrame();\n    });\n    buttonComponent.addEventListener('mouseleave', () => {\n      buttonComponent.removeState('hover', false);\n      buttonComponent.stage.renderNextFrame();\n    });\n  }\n\n  return buttonComponent;\n}\n\nexport type CreateButtonCellGroup = typeof createButtonCellGroup;\n"]}

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

@@ -0,0 +1,5 @@
+import { Group } from '../../graphic/group';
+import type { BaseTableAPI } from '../../../ts-types/base-table';
+import type { IThemeSpec } from './../../../vrender';
+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, chartModule: any, chartSpec: any, chartInstance: any, dataId: string | Record<string, string>, table: BaseTableAPI, cellTheme: IThemeSpec, isShareChartSpec: true, isAsync: boolean, isNoChartDataRenderNothing: boolean): Group;
+export type CreateChartCellGroup = typeof createChartCellGroup;

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

@@ -0,0 +1,100 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createChartCellGroup = void 0;
+
+const group_1 = require("../../graphic/group"), chart_1 = require("../../graphic/chart"), registerChartTypes = __importStar(require("../../../chartModule")), get_prop_1 = require("../../utils/get-prop"), vutils_1 = require("@visactor/vutils"), cell_border_stroke_width_1 = require("../../utils/cell-border-stroke-width");
+
+function createChartCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, width, height, padding, dataValue, chartModule, chartSpec, chartInstance, dataId, table, cellTheme, isShareChartSpec, isAsync, isNoChartDataRenderNothing) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+    const ClassType = registerChartTypes.get()[chartModule], headerStyle = table._getCellStyle(col, row), functionalPadding = (0, 
+    get_prop_1.getFunctionalProp)("padding", headerStyle, col, row, table);
+    if ((0, vutils_1.isValid)(functionalPadding) && (padding = functionalPadding), !cellGroup) {
+        const strokeArrayWidth = (0, cell_border_stroke_width_1.getCellBorderStrokeWidth)(col, row, cellTheme, table);
+        isAsync && (cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0)) && "cell" === cellGroup.role && cellGroup.setAttributes({
+            x: xOrigin,
+            y: yOrigin,
+            width: width,
+            height: height,
+            lineWidth: null !== (_b = null === (_a = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _a ? void 0 : _a.lineWidth) && void 0 !== _b ? _b : void 0,
+            fill: null !== (_d = null === (_c = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : void 0,
+            stroke: null !== (_f = null === (_e = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _e ? void 0 : _e.stroke) && void 0 !== _f ? _f : void 0,
+            strokeArrayWidth: strokeArrayWidth,
+            strokeArrayColor: null !== (_h = null === (_g = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _g ? void 0 : _g.strokeArrayColor) && void 0 !== _h ? _h : void 0,
+            cursor: null !== (_k = null === (_j = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _j ? void 0 : _j.cursor) && void 0 !== _k ? _k : void 0,
+            lineDash: null !== (_m = null === (_l = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _l ? void 0 : _l.lineDash) && void 0 !== _m ? _m : void 0,
+            lineCap: "butt",
+            clip: !0,
+            cornerRadius: cellTheme.group.cornerRadius
+        }), cellGroup && "cell" === cellGroup.role || ((cellGroup = new group_1.Group({
+            x: xOrigin,
+            y: yOrigin,
+            width: width,
+            height: height,
+            lineWidth: null !== (_p = null === (_o = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _o ? void 0 : _o.lineWidth) && void 0 !== _p ? _p : void 0,
+            fill: null !== (_r = null === (_q = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _q ? void 0 : _q.fill) && void 0 !== _r ? _r : void 0,
+            stroke: null !== (_t = null === (_s = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _s ? void 0 : _s.stroke) && void 0 !== _t ? _t : void 0,
+            strokeArrayWidth: strokeArrayWidth,
+            strokeArrayColor: null !== (_v = null === (_u = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _u ? void 0 : _u.strokeArrayColor) && void 0 !== _v ? _v : void 0,
+            cursor: null !== (_x = null === (_w = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _w ? void 0 : _w.cursor) && void 0 !== _x ? _x : void 0,
+            lineDash: null !== (_z = null === (_y = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _y ? void 0 : _y.lineDash) && void 0 !== _z ? _z : void 0,
+            lineCap: "butt",
+            clip: !0,
+            cornerRadius: cellTheme.group.cornerRadius
+        })).role = "cell", cellGroup.col = col, cellGroup.row = row, null == columnGroup || columnGroup.addCellGroup(cellGroup));
+    }
+    if (cellGroup.AABBBounds.width(), isNoChartDataRenderNothing && Array.isArray(table.getCellValue(col, row)) || !isNoChartDataRenderNothing) {
+        const chartGroup = new chart_1.Chart(isShareChartSpec, {
+            stroke: !1,
+            x: padding[3],
+            y: padding[0],
+            canvas: null !== (_0 = table.canvas) && void 0 !== _0 ? _0 : table.scenegraph.stage.window.getContext().canvas,
+            mode: table.options.mode,
+            modeParams: table.options.modeParams,
+            spec: table.options.specTransformInCell ? table.options.specTransformInCell(chartSpec, col, row) : chartSpec,
+            ClassType: ClassType,
+            width: width - padding[3] - padding[1],
+            height: height - padding[2] - padding[0],
+            chartInstance: chartInstance,
+            dataId: dataId,
+            data: table.getCellValue(col, row) || [],
+            cellPadding: padding,
+            dpr: table.internalProps.pixelRatio,
+            axes: table.isPivotChart() ? table.internalProps.layoutMap.getChartAxes(col, row) : [],
+            tableChartOption: table.options.chartOption,
+            col: col,
+            row: row
+        });
+        cellGroup.appendChild(chartGroup), table.internalProps.layoutMap.setChartInstance(col, row, chartGroup.chartInstance);
+    }
+    return cellGroup;
+}
+
+exports.createChartCellGroup = createChartCellGroup;
+//# sourceMappingURL=chart-cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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 { Chart } from '../../graphic/chart';\nimport * as registerChartTypes from '../../../chartModule';\nimport { getFunctionalProp } from '../../utils/get-prop';\nimport { isValid } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\nimport type { IThemeSpec } from './../../../vrender';\nimport { getCellBorderStrokeWidth } from '../../utils/cell-border-stroke-width';\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  chartModule: any,\n  chartSpec: any,\n  chartInstance: any,\n  dataId: string | Record<string, string>,\n  table: BaseTableAPI,\n  cellTheme: IThemeSpec,\n  isShareChartSpec: true,\n  isAsync: boolean,\n  isNoChartDataRenderNothing: boolean\n) {\n  // 获取注册的chart图表类型\n  const registerCharts = registerChartTypes.get();\n  const ClassType = registerCharts[chartModule];\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    const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);\n\n    if (isAsync) {\n      cellGroup = table.scenegraph.highPerformanceGetCell(col, row, true);\n      if (cellGroup && cellGroup.role === 'cell') {\n        cellGroup.setAttributes({\n          x: xOrigin,\n          y: yOrigin,\n          width,\n          height,\n          // 背景相关，cell背景由cellGroup绘制\n          lineWidth: cellTheme?.group?.lineWidth ?? undefined,\n          fill: cellTheme?.group?.fill ?? undefined,\n          stroke: cellTheme?.group?.stroke ?? undefined,\n          strokeArrayWidth: strokeArrayWidth,\n          strokeArrayColor: (cellTheme?.group as any)?.strokeArrayColor ?? undefined,\n          cursor: (cellTheme?.group as any)?.cursor ?? undefined,\n          lineDash: cellTheme?.group?.lineDash ?? undefined,\n          lineCap: 'butt',\n          clip: true,\n          cornerRadius: cellTheme.group.cornerRadius\n        } as any);\n      }\n    }\n    if (!cellGroup || cellGroup.role !== 'cell') {\n      cellGroup = new Group({\n        x: xOrigin,\n        y: yOrigin,\n        width,\n        height,\n        // 背景相关，cell背景由cellGroup绘制\n        lineWidth: cellTheme?.group?.lineWidth ?? undefined,\n        fill: cellTheme?.group?.fill ?? undefined,\n        stroke: cellTheme?.group?.stroke ?? undefined,\n        strokeArrayWidth: strokeArrayWidth,\n        strokeArrayColor: (cellTheme?.group as any)?.strokeArrayColor ?? undefined,\n        cursor: (cellTheme?.group as any)?.cursor ?? undefined,\n        lineDash: cellTheme?.group?.lineDash ?? undefined,\n        lineCap: 'butt',\n        clip: true,\n        cornerRadius: cellTheme.group.cornerRadius\n      } as any);\n      cellGroup.role = 'cell';\n      cellGroup.col = col;\n      cellGroup.row = row;\n      columnGroup?.addCellGroup(cellGroup);\n    }\n  }\n  cellGroup.AABBBounds.width(); // TODO 需要底层VRender修改\n  // chart\n  if ((isNoChartDataRenderNothing && Array.isArray(table.getCellValue(col, row))) || !isNoChartDataRenderNothing) {\n    const chartGroup = new Chart(isShareChartSpec, {\n      stroke: false,\n      x: padding[3],\n      y: padding[0],\n      // canvas: table.canvas,\n      canvas: table.canvas ?? (table.scenegraph.stage.window.getContext().canvas as unknown as HTMLCanvasElement),\n      mode: table.options.mode,\n      modeParams: table.options.modeParams,\n      spec: table.options.specTransformInCell ? table.options.specTransformInCell(chartSpec, col, row) : chartSpec,\n      ClassType,\n      width: width - padding[3] - padding[1],\n      height: height - padding[2] - padding[0],\n      chartInstance,\n      dataId,\n      data: table.getCellValue(col, row) || [],\n      cellPadding: padding,\n      dpr: table.internalProps.pixelRatio,\n      // viewBox: {\n      //   x1: Math.ceil(cellGroup.globalAABBBounds.x1 + padding[3] + table.scrollLeft),\n      //   x2: Math.ceil(cellGroup.globalAABBBounds.x1 + width - padding[1] + table.scrollLeft),\n      //   y1: Math.ceil(cellGroup.globalAABBBounds.y1 + padding[0] + table.scrollTop),\n      //   y2: Math.ceil(cellGroup.globalAABBBounds.y1 + height - padding[2] + table.scrollTop)\n      // },\n      axes: table.isPivotChart() ? table.internalProps.layoutMap.getChartAxes(col, row) : [],\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      tableChartOption: table.options.chartOption,\n      col,\n      row\n    });\n    cellGroup.appendChild(chartGroup);\n    // 将生成的实例存到layoutMap中 共享\n    table.internalProps.layoutMap.setChartInstance(col, row, chartGroup.chartInstance);\n  }\n  return cellGroup;\n}\n\nexport type CreateChartCellGroup = typeof createChartCellGroup;\n"]}

package/cjs/scenegraph/group-creater/cell-type/checkbox-cell.d.ts

@@ -0,0 +1,6 @@
+import type { IThemeSpec } from './../../../vrender';
+import { Group } from '../../graphic/group';
+import type { CellRange, CheckboxColumnDefine } from '../../../ts-types';
+import type { BaseTableAPI } from '../../../ts-types/base-table';
+export declare function createCheckboxCellGroup(cellGroup: Group | null, columnGroup: Group, xOrigin: number, yOrigin: number, col: number, row: number, colWidth: number, width: number, height: number, padding: number[], textAlign: CanvasTextAlign, textBaseline: CanvasTextBaseline, mayHaveIcon: boolean, table: BaseTableAPI, cellTheme: IThemeSpec, define: CheckboxColumnDefine, range: CellRange | undefined, isAsync: boolean): Group;
+export type CreateCheckboxCellGroup = typeof createCheckboxCellGroup;

package/cjs/scenegraph/group-creater/cell-type/checkbox-cell.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createCheckboxCellGroup = void 0;
+
+const group_1 = require("../../graphic/group"), vutils_1 = require("@visactor/vutils"), vrender_1 = require("./../../../vrender"), get_hierarchy_offset_1 = require("../../utils/get-hierarchy-offset"), helper_1 = require("../../../tools/helper"), get_prop_1 = require("../../utils/get-prop"), cell_border_stroke_width_1 = require("../../utils/cell-border-stroke-width"), text_icon_layout_1 = require("../../utils/text-icon-layout");
+
+function createCheckboxCellGroup(cellGroup, columnGroup, xOrigin, yOrigin, col, row, colWidth, width, height, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+    if (!cellGroup) {
+        const strokeArrayWidth = (0, cell_border_stroke_width_1.getCellBorderStrokeWidth)(col, row, cellTheme, table);
+        isAsync && (cellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0)) && "cell" === cellGroup.role && cellGroup.setAttributes({
+            x: xOrigin,
+            y: yOrigin,
+            width: width,
+            height: height,
+            lineWidth: null !== (_b = null === (_a = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _a ? void 0 : _a.lineWidth) && void 0 !== _b ? _b : void 0,
+            fill: null !== (_d = null === (_c = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _c ? void 0 : _c.fill) && void 0 !== _d ? _d : void 0,
+            stroke: null !== (_f = null === (_e = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _e ? void 0 : _e.stroke) && void 0 !== _f ? _f : void 0,
+            strokeArrayWidth: strokeArrayWidth,
+            strokeArrayColor: null !== (_h = null === (_g = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _g ? void 0 : _g.strokeArrayColor) && void 0 !== _h ? _h : void 0,
+            cursor: null !== (_k = null === (_j = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _j ? void 0 : _j.cursor) && void 0 !== _k ? _k : void 0,
+            lineDash: null !== (_m = null === (_l = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _l ? void 0 : _l.lineDash) && void 0 !== _m ? _m : void 0,
+            lineCap: "butt",
+            clip: !0,
+            cornerRadius: cellTheme.group.cornerRadius
+        }), cellGroup && "cell" === cellGroup.role || ((cellGroup = new group_1.Group({
+            x: xOrigin,
+            y: yOrigin,
+            width: width,
+            height: height,
+            lineWidth: null !== (_p = null === (_o = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _o ? void 0 : _o.lineWidth) && void 0 !== _p ? _p : void 0,
+            fill: null !== (_r = null === (_q = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _q ? void 0 : _q.fill) && void 0 !== _r ? _r : void 0,
+            stroke: null !== (_t = null === (_s = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _s ? void 0 : _s.stroke) && void 0 !== _t ? _t : void 0,
+            strokeArrayWidth: strokeArrayWidth,
+            strokeArrayColor: null !== (_v = null === (_u = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _u ? void 0 : _u.strokeArrayColor) && void 0 !== _v ? _v : void 0,
+            cursor: null !== (_x = null === (_w = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _w ? void 0 : _w.cursor) && void 0 !== _x ? _x : void 0,
+            lineDash: null !== (_z = null === (_y = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _y ? void 0 : _y.lineDash) && void 0 !== _z ? _z : void 0,
+            lineCap: "butt",
+            clip: !0,
+            cornerRadius: cellTheme.group.cornerRadius
+        })).role = "cell", cellGroup.col = col, cellGroup.row = row, null == columnGroup || columnGroup.addCellGroup(cellGroup));
+    }
+    let icons;
+    if (mayHaveIcon) {
+        let iconCol = col, iconRow = row;
+        range && (iconCol = range.start.col, iconRow = range.start.row), icons = table.getCellIcons(iconCol, iconRow);
+    }
+    let iconWidth = 0, cellLeftIconWidth = 0, cellRightIconWidth = 0;
+    if (Array.isArray(icons) && 0 !== icons.length) {
+        const {leftIconWidth: leftIconWidth, rightIconWidth: rightIconWidth, absoluteLeftIconWidth: absoluteLeftIconWidth, absoluteRightIconWidth: absoluteRightIconWidth} = (0, 
+        text_icon_layout_1.dealWithIconLayout)(icons, cellGroup, range, table);
+        iconWidth = leftIconWidth + rightIconWidth, cellLeftIconWidth = leftIconWidth, cellRightIconWidth = rightIconWidth, 
+        cellGroup.forEachChildren((child => {
+            "icon-left" === child.role ? child.setAttribute("x", child.attribute.x + padding[3]) : "icon-right" === child.role ? child.setAttribute("x", child.attribute.x + width - rightIconWidth - padding[1]) : "icon-absolute-right" === child.role && child.setAttribute("x", child.attribute.x + width - absoluteRightIconWidth - padding[1]);
+        })), cellGroup.forEachChildren((child => {
+            "middle" === textBaseline ? child.setAttribute("y", (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", height - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]);
+        }));
+    }
+    const checkboxComponent = createCheckbox(col, row, colWidth - iconWidth, width, height, padding, cellTheme, define, table);
+    return checkboxComponent && cellGroup.appendChild(checkboxComponent), checkboxComponent.render(), 
+    width -= padding[1] + padding[3] + iconWidth, height -= padding[0] + padding[2], 
+    "center" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + (width - checkboxComponent.AABBBounds.width()) / 2) : "right" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + width - checkboxComponent.AABBBounds.width()) : checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth), 
+    "middle" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + (height - checkboxComponent.AABBBounds.height()) / 2) : "bottom" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + height - checkboxComponent.AABBBounds.height()) : checkboxComponent.setAttribute("y", padding[0]), 
+    cellGroup;
+}
+
+function createCheckbox(col, row, colWidth, cellWidth, cellHeight, padding, cellTheme, define, table) {
+    var _a, _b, _c, _d;
+    const style = table._getCellStyle(col, row), size = (0, get_prop_1.getProp)("size", style, col, row, table), spaceBetweenTextAndIcon = (0, 
+    get_prop_1.getProp)("spaceBetweenTextAndIcon", style, col, row, table), defaultFill = (0, 
+    get_prop_1.getProp)("defaultFill", style, col, row, table), defaultStroke = (0, 
+    get_prop_1.getProp)("defaultStroke", style, col, row, table), disableFill = (0, 
+    get_prop_1.getProp)("disableFill", style, col, row, table), checkedFill = (0, get_prop_1.getProp)("checkedFill", style, col, row, table), checkedStroke = (0, 
+    get_prop_1.getProp)("checkedStroke", style, col, row, table), disableCheckedFill = (0, 
+    get_prop_1.getProp)("disableCheckedFill", style, col, row, table), disableCheckedStroke = (0, 
+    get_prop_1.getProp)("disableCheckedStroke", style, col, row, table), checkIconImage = (0, 
+    get_prop_1.getProp)("checkIconImage", style, col, row, table), indeterminateIconImage = (0, 
+    get_prop_1.getProp)("indeterminateIconImage", style, col, row, table), value = table.getCellValue(col, row), dataValue = table.getCellOriginValue(col, row);
+    let isChecked, isDisabled, text = null !== (_a = value) && void 0 !== _a ? _a : "";
+    (0, vutils_1.isObject)(value) ? (isChecked = value.checked, isDisabled = value.disable, 
+    text = null !== (_b = value.text) && void 0 !== _b ? _b : "") : "boolean" == typeof value && (isChecked = value, 
+    text = ""), isChecked = table.stateManager.syncCheckedState(col, row, define.field, isChecked);
+    const hierarchyOffset = (0, get_hierarchy_offset_1.getHierarchyOffset)(col, row, table), cellStyle = table._getCellStyle(col, row), autoWrapText = null !== (_c = cellStyle.autoWrapText) && void 0 !== _c ? _c : table.internalProps.autoWrapText, {lineClamp: lineClamp} = cellStyle, {checked: checked, disable: disable} = define;
+    if (null == isChecked || "function" == typeof isChecked) {
+        const globalChecked = (0, helper_1.getOrApply)(checked, {
+            col: col,
+            row: row,
+            table: table,
+            context: null,
+            value: value,
+            dataValue: dataValue
+        });
+        isChecked = table.stateManager.syncCheckedState(col, row, define.field, globalChecked);
+    }
+    const globalDisable = (0, helper_1.getOrApply)(disable, {
+        col: col,
+        row: row,
+        table: table,
+        context: null,
+        value: value,
+        dataValue: dataValue
+    }), autoColWidth = "auto" === colWidth, autoRowHeight = table.isAutoRowHeight(row), attribute = {
+        text: 1 === text.length ? text[0] : text,
+        maxLineWidth: autoColWidth ? 1 / 0 : cellWidth - (padding[1] + padding[3] + hierarchyOffset) - size - spaceBetweenTextAndIcon,
+        textAlign: "left",
+        textBaseline: "top",
+        autoWrapText: autoWrapText,
+        lineClamp: lineClamp,
+        wordBreak: "break-word",
+        heightLimit: autoRowHeight ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),
+        pickable: !1,
+        dx: hierarchyOffset,
+        whiteSpace: 1 !== text.length || autoWrapText ? "normal" : "no-wrap"
+    }, checkboxAttributes = {
+        x: 0,
+        y: 0,
+        text: cellTheme.text ? Object.assign({}, cellTheme.text, attribute) : attribute,
+        icon: {
+            width: Math.floor(size / 1.4),
+            height: Math.floor(size / 1.4)
+        },
+        box: {
+            width: size,
+            height: size
+        },
+        spaceBetweenTextAndIcon: spaceBetweenTextAndIcon,
+        disabled: null !== (_d = null != isDisabled ? isDisabled : globalDisable) && void 0 !== _d && _d
+    };
+    "indeterminate" === isChecked ? (checkboxAttributes.checked = void 0, checkboxAttributes.indeterminate = !0) : (checkboxAttributes.checked = isChecked, 
+    checkboxAttributes.indeterminate = void 0), defaultFill && (checkboxAttributes.box.fill = defaultFill), 
+    defaultStroke && (checkboxAttributes.box.stroke = defaultStroke), disableFill && (checkboxAttributes.box.disableFill = disableFill), 
+    checkedFill && (checkboxAttributes.box.checkedFill = checkedFill), checkedStroke && (checkboxAttributes.box.checkedStroke = checkedStroke), 
+    disableCheckedFill && (checkboxAttributes.box.disableCheckedFill = disableCheckedFill), 
+    disableCheckedStroke && (checkboxAttributes.box.disableCheckedStroke = disableCheckedStroke), 
+    checkIconImage && (checkboxAttributes.icon.checkIconImage = checkIconImage), indeterminateIconImage && (checkboxAttributes.icon.indeterminateIconImage = indeterminateIconImage);
+    const checkbox = new vrender_1.CheckBox(checkboxAttributes);
+    return checkbox.name = "checkbox", checkbox;
+}
+
+exports.createCheckboxCellGroup = createCheckboxCellGroup;
+//# sourceMappingURL=checkbox-cell.js.map

package/cjs/scenegraph/group-creater/cell-type/checkbox-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/group-creater/cell-type/checkbox-cell.ts"],"names":[],"mappings":"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","file":"checkbox-cell.js","sourcesContent":["import type { IThemeSpec } from './../../../vrender';\nimport { Group } from '../../graphic/group';\nimport type { CellInfo, CellRange, CheckboxColumnDefine, CheckboxStyleOption, SparklineSpec } from '../../../ts-types';\nimport type { BaseTableAPI } from '../../../ts-types/base-table';\nimport { isObject } from '@visactor/vutils';\nimport type { CheckboxAttributes } from './../../../vrender';\nimport { CheckBox } from './../../../vrender';\nimport { getHierarchyOffset } from '../../utils/get-hierarchy-offset';\nimport { getOrApply } from '../../../tools/helper';\nimport type { CheckboxStyle } from '../../../body-helper/style/CheckboxStyle';\nimport { getProp } from '../../utils/get-prop';\nimport { getCellBorderStrokeWidth } from '../../utils/cell-border-stroke-width';\nimport { dealWithIconLayout } from '../../utils/text-icon-layout';\n\nexport function createCheckboxCellGroup(\n  cellGroup: Group | null,\n  columnGroup: Group,\n  xOrigin: number,\n  yOrigin: number,\n  col: number,\n  row: number,\n  colWidth: number,\n  width: number,\n  height: number,\n  padding: number[],\n  textAlign: CanvasTextAlign,\n  textBaseline: CanvasTextBaseline,\n  mayHaveIcon: boolean,\n  table: BaseTableAPI,\n  cellTheme: IThemeSpec,\n  define: CheckboxColumnDefine,\n  range: CellRange | undefined,\n  isAsync: boolean\n) {\n  // cell\n  if (!cellGroup) {\n    const strokeArrayWidth = getCellBorderStrokeWidth(col, row, cellTheme, table);\n\n    if (isAsync) {\n      cellGroup = table.scenegraph.highPerformanceGetCell(col, row, true);\n      if (cellGroup && cellGroup.role === 'cell') {\n        cellGroup.setAttributes({\n          x: xOrigin,\n          y: yOrigin,\n          width,\n          height,\n          // 背景相关，cell背景由cellGroup绘制\n          lineWidth: cellTheme?.group?.lineWidth ?? undefined,\n          fill: cellTheme?.group?.fill ?? undefined,\n          stroke: cellTheme?.group?.stroke ?? undefined,\n          strokeArrayWidth: strokeArrayWidth,\n          strokeArrayColor: (cellTheme?.group as any)?.strokeArrayColor ?? undefined,\n          cursor: (cellTheme?.group as any)?.cursor ?? undefined,\n          lineDash: cellTheme?.group?.lineDash ?? undefined,\n          lineCap: 'butt',\n          clip: true,\n          cornerRadius: cellTheme.group.cornerRadius\n        } as any);\n      }\n    }\n    if (!cellGroup || cellGroup.role !== 'cell') {\n      cellGroup = new Group({\n        x: xOrigin,\n        y: yOrigin,\n        width,\n        height,\n        // 背景相关，cell背景由cellGroup绘制\n        lineWidth: cellTheme?.group?.lineWidth ?? undefined,\n        fill: cellTheme?.group?.fill ?? undefined,\n        stroke: cellTheme?.group?.stroke ?? undefined,\n        strokeArrayWidth: strokeArrayWidth,\n        strokeArrayColor: (cellTheme?.group as any)?.strokeArrayColor ?? undefined,\n        cursor: (cellTheme?.group as any)?.cursor ?? undefined,\n        lineDash: cellTheme?.group?.lineDash ?? undefined,\n        lineCap: 'butt',\n        clip: true,\n        cornerRadius: cellTheme.group.cornerRadius\n      } as any);\n      cellGroup.role = 'cell';\n      cellGroup.col = col;\n      cellGroup.row = row;\n      columnGroup?.addCellGroup(cellGroup);\n    }\n  }\n\n  let icons;\n  if (mayHaveIcon) {\n    let iconCol = col;\n    let iconRow = row;\n    if (range) {\n      iconCol = range.start.col;\n      iconRow = range.start.row;\n    }\n    icons = table.getCellIcons(iconCol, iconRow);\n  }\n\n  let iconWidth = 0;\n  let cellLeftIconWidth = 0;\n  let cellRightIconWidth = 0;\n  if (Array.isArray(icons) && icons.length !== 0) {\n    const { leftIconWidth, rightIconWidth, absoluteLeftIconWidth, absoluteRightIconWidth } = dealWithIconLayout(\n      icons,\n      cellGroup,\n      range,\n      table\n    );\n\n    iconWidth = leftIconWidth + rightIconWidth;\n    cellLeftIconWidth = leftIconWidth;\n    cellRightIconWidth = rightIconWidth;\n\n    // 更新各个部分横向位置\n    cellGroup.forEachChildren((child: any) => {\n      if (child.role === 'icon-left') {\n        child.setAttribute('x', child.attribute.x + padding[3]);\n      } else if (child.role === 'icon-right') {\n        child.setAttribute('x', child.attribute.x + width - rightIconWidth - padding[1]);\n      } else if (child.role === 'icon-absolute-right') {\n        child.setAttribute('x', child.attribute.x + width - absoluteRightIconWidth - padding[1]);\n      }\n    });\n\n    // 更新各个部分纵向位置\n    cellGroup.forEachChildren((child: any) => {\n      if (textBaseline === 'middle') {\n        child.setAttribute('y', (height - child.AABBBounds.height()) / 2);\n      } else if (textBaseline === 'bottom') {\n        child.setAttribute('y', height - child.AABBBounds.height() - padding[2]);\n      } else {\n        child.setAttribute('y', padding[0]);\n      }\n    });\n  }\n\n  // checkbox\n  const checkboxComponent = createCheckbox(\n    col,\n    row,\n    colWidth - iconWidth,\n    width,\n    height,\n    padding,\n    cellTheme,\n    define,\n    table\n  );\n  if (checkboxComponent) {\n    cellGroup.appendChild(checkboxComponent);\n  }\n\n  checkboxComponent.render();\n\n  width -= padding[1] + padding[3] + iconWidth;\n  height -= padding[0] + padding[2];\n  if (textAlign === 'center') {\n    checkboxComponent.setAttribute(\n      'x',\n      padding[3] + cellLeftIconWidth + (width - checkboxComponent.AABBBounds.width()) / 2\n    );\n  } else if (textAlign === 'right') {\n    checkboxComponent.setAttribute('x', padding[3] + cellLeftIconWidth + width - checkboxComponent.AABBBounds.width());\n  } else {\n    checkboxComponent.setAttribute('x', padding[3] + cellLeftIconWidth);\n  }\n\n  if (textBaseline === 'middle') {\n    checkboxComponent.setAttribute('y', padding[0] + (height - checkboxComponent.AABBBounds.height()) / 2);\n  } else if (textBaseline === 'bottom') {\n    checkboxComponent.setAttribute('y', padding[0] + height - checkboxComponent.AABBBounds.height());\n  } else {\n    checkboxComponent.setAttribute('y', padding[0]);\n  }\n\n  return cellGroup;\n}\n\nfunction createCheckbox(\n  col: number,\n  row: number,\n  colWidth: number | 'auto',\n  cellWidth: number,\n  cellHeight: number,\n  padding: number[],\n  cellTheme: IThemeSpec,\n  define: CheckboxColumnDefine,\n  table: BaseTableAPI\n) {\n  const style = table._getCellStyle(col, row) as CheckboxStyle;\n  const size = getProp('size', style, col, row, table);\n  const spaceBetweenTextAndIcon = getProp('spaceBetweenTextAndIcon', style, col, row, table);\n  const defaultFill = getProp('defaultFill', style, col, row, table);\n  const defaultStroke = getProp('defaultStroke', style, col, row, table);\n  const disableFill = getProp('disableFill', style, col, row, table);\n  const checkedFill = getProp('checkedFill', style, col, row, table);\n  const checkedStroke = getProp('checkedStroke', style, col, row, table);\n  const disableCheckedFill = getProp('disableCheckedFill', style, col, row, table);\n  const disableCheckedStroke = getProp('disableCheckedStroke', style, col, row, table);\n  const checkIconImage = getProp('checkIconImage', style, col, row, table);\n  const indeterminateIconImage = getProp('indeterminateIconImage', style, col, row, table);\n\n  const value = table.getCellValue(col, row) as string | { text: string; checked: boolean; disable: boolean } | boolean;\n  const dataValue = table.getCellOriginValue(col, row);\n  let isChecked;\n  let isDisabled;\n  let text = (value as string) ?? '';\n  if (isObject(value)) {\n    isChecked = value.checked;\n    isDisabled = value.disable;\n    text = value.text ?? '';\n  } else if (typeof value === 'boolean') {\n    isChecked = value;\n    text = '';\n  }\n  isChecked = table.stateManager.syncCheckedState(col, row, define.field as string | number, isChecked);\n  const hierarchyOffset = getHierarchyOffset(col, row, table);\n  const cellStyle = table._getCellStyle(col, row) as CheckboxStyleOption; // to be fixed\n  const autoWrapText = cellStyle.autoWrapText ?? table.internalProps.autoWrapText;\n  const { lineClamp } = cellStyle;\n  const { checked, disable } = define;\n  if (isChecked === undefined || isChecked === null || typeof isChecked === 'function') {\n    //isChecked无效值 取全局设置的值\n    const globalChecked = getOrApply(checked as any, {\n      col,\n      row,\n      table,\n      context: null,\n      value,\n      dataValue\n    });\n    isChecked = table.stateManager.syncCheckedState(col, row, define.field as string | number, globalChecked);\n  }\n  const globalDisable = getOrApply(disable as any, {\n    col,\n    row,\n    table,\n    context: null,\n    value,\n    dataValue\n  });\n\n  const autoColWidth = colWidth === 'auto';\n  const autoRowHeight = table.isAutoRowHeight(row);\n\n  const attribute = {\n    text: text.length === 1 ? text[0] : text,\n    maxLineWidth: autoColWidth\n      ? Infinity\n      : cellWidth - (padding[1] + padding[3] + hierarchyOffset) - size - spaceBetweenTextAndIcon,\n    // fill: true,\n    textAlign: 'left',\n    textBaseline: 'top',\n    autoWrapText,\n    lineClamp,\n    wordBreak: 'break-word',\n    // widthLimit: autoColWidth ? -1 : colWidth - (padding[1] + padding[3]),\n    heightLimit: autoRowHeight ? -1 : cellHeight - Math.floor(padding[0] + padding[2]),\n    pickable: false,\n    dx: hierarchyOffset,\n    whiteSpace: text.length === 1 && !autoWrapText ? 'no-wrap' : 'normal'\n  };\n  const testAttribute = cellTheme.text ? (Object.assign({}, cellTheme.text, attribute) as any) : attribute;\n  const checkboxAttributes: CheckboxAttributes = {\n    x: 0,\n    y: 0,\n    text: testAttribute,\n    icon: {\n      width: Math.floor(size / 1.4), // icon : box => 10 : 14\n      height: Math.floor(size / 1.4)\n    },\n    box: {\n      width: size,\n      height: size\n    },\n    spaceBetweenTextAndIcon,\n    disabled: isDisabled ?? globalDisable ?? false\n  };\n\n  if (isChecked === 'indeterminate') {\n    checkboxAttributes.checked = undefined;\n    checkboxAttributes.indeterminate = true;\n  } else {\n    checkboxAttributes.checked = isChecked;\n    checkboxAttributes.indeterminate = undefined;\n  }\n  defaultFill && (checkboxAttributes.box.fill = defaultFill);\n  defaultStroke && (checkboxAttributes.box.stroke = defaultStroke);\n  disableFill && (checkboxAttributes.box.disableFill = disableFill);\n  checkedFill && (checkboxAttributes.box.checkedFill = checkedFill);\n  checkedStroke && (checkboxAttributes.box.checkedStroke = checkedStroke);\n  disableCheckedFill && (checkboxAttributes.box.disableCheckedFill = disableCheckedFill);\n  disableCheckedStroke && (checkboxAttributes.box.disableCheckedStroke = disableCheckedStroke);\n  checkIconImage && (checkboxAttributes.icon.checkIconImage = checkIconImage);\n  indeterminateIconImage && (checkboxAttributes.icon.indeterminateIconImage = indeterminateIconImage);\n\n  const checkbox = new CheckBox(checkboxAttributes);\n  checkbox.name = 'checkbox';\n\n  return checkbox;\n}\n\nexport type CreateCheckboxCellGroup = typeof createCheckboxCellGroup;\n"]}

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

@@ -0,0 +1,15 @@
+import type { IThemeSpec } from './../../../vrender';
+import { Group } from '../../graphic/group';
+import type { Scenegraph } from '../../scenegraph';
+import type { BaseTableAPI } from '../../../ts-types/base-table';
+import type { CellRange } from '../../../ts-types';
+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, mayHaveIcon: boolean, table: BaseTableAPI, cellTheme: IThemeSpec, range: CellRange | undefined, isAsync: boolean): Group;
+export type CreateImageCellGroup = typeof createImageCellGroup;
+export declare function _adjustWidthHeight(col: number, row: number, width: number, height: number, scene: Scenegraph, padding: [number, number, number, number], cellGroup: Group): boolean;
+export declare function updateImageCellContentWhileResize(cellGroup: Group, col: number, row: number, deltaX: number, deltaY: number, table: BaseTableAPI): void;
+export declare function getCellRange(cellGroup: Group, table: BaseTableAPI): {
+    width: number;
+    height: number;
+    isMerge: boolean;
+};
+export declare function updateImageDxDy(startCol: number, endCol: number, startRow: number, endRow: number, table: BaseTableAPI): void;