k-vtable 1.0.0

package/cjs/core/row-series-number-helper.js

@@ -0,0 +1,46 @@
+"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.RowSeriesNumberHelper = void 0;
+
+const ts_types_1 = require("../ts-types"), registerIcons = __importStar(require("../icons"));
+
+class RowSeriesNumberHelper {
+    constructor(_table) {
+        this._table = _table;
+        const regedIcons = registerIcons.get();
+        this.dragReorderIconName = regedIcons[ts_types_1.InternalIconName.dragReorderIconName];
+    }
+    getIcons(col, row) {
+        return [ this.dragReorderIconName ];
+    }
+}
+
+exports.RowSeriesNumberHelper = RowSeriesNumberHelper;
+//# sourceMappingURL=row-series-number-helper.js.map

package/cjs/core/row-series-number-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/row-series-number-helper.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAQqB;AACrB,wDAA0C;AAI1C,MAAa,qBAAqB;IAIhC,YAAY,MAAoB;QAC9B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC;QAEvC,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC,2BAAgB,CAAC,mBAAmB,CAAY,CAAC;IACzF,CAAC;IAED,QAAQ,CAAC,GAAW,EAAE,GAAW;QAC/B,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACpC,CAAC;CACF;AAdD,sDAcC","file":"row-series-number-helper.js","sourcesContent":["import {\n  InternalIconName,\n  type ColumnIconOption,\n  type ListTableAPI,\n  type PivotTableAPI,\n  type RectProps,\n  type SortOrder,\n  type SvgIcon\n} from '../ts-types';\nimport * as registerIcons from '../icons';\n\nimport { isValid } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../ts-types/base-table';\nexport class RowSeriesNumberHelper {\n  dragReorderIconName: SvgIcon;\n\n  _table: BaseTableAPI;\n  constructor(_table: BaseTableAPI) {\n    this._table = _table;\n    const regedIcons = registerIcons.get();\n\n    this.dragReorderIconName = regedIcons[InternalIconName.dragReorderIconName] as SvgIcon;\n  }\n\n  getIcons(col: number, row: number): ColumnIconOption[] {\n    return [this.dragReorderIconName];\n  }\n}\n"]}

package/cjs/core/style-helper.d.ts

@@ -0,0 +1,3 @@
+import type { BaseTableAPI } from '../ts-types/base-table';
+import type { FullExtendStyle } from '../ts-types';
+export declare function getCellStyle(col: number, row: number, table: BaseTableAPI): FullExtendStyle;

package/cjs/core/style-helper.js

@@ -0,0 +1,110 @@
+"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.getCellStyle = void 0;
+
+const get_axis_config_1 = require("../layout/chart-helper/get-axis-config"), vutils_1 = require("@visactor/vutils"), headerStyleContents = __importStar(require("../header-helper/style")), columnStyleContents = __importStar(require("../body-helper/style")), custom_cell_style_1 = require("../plugins/custom-cell-style"), EMPTY_STYLE = {};
+
+function getCellStyle(col, row, table) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const customCellStyle = null === (_a = table.customCellStylePlugin) || void 0 === _a ? void 0 : _a.getCustomCellStyle(col, row), {layoutMap: layoutMap} = table.internalProps;
+    if (layoutMap.isHeader(col, row)) {
+        let cacheKey;
+        if (!table.isPivotTable() || table.isBottomFrozenRow(row) || table.isRightFrozenColumn(col)) cacheKey = `${col}-${row}`; else {
+            const define = table.getHeaderDefine(col, row), isCorner = table.isCornerHeader(col, row);
+            cacheKey = (null == define ? void 0 : define.dimensionKey) ? isCorner ? `dim-cor-${define.dimensionKey}` : `dim-${define.dimensionKey}` : (null == define ? void 0 : define.indicatorKey) ? `ind-${define.indicatorKey}` : `${col}-${row}`;
+        }
+        let cacheStyle = table.headerStyleCache.get(cacheKey);
+        if (cacheStyle) return customCellStyle ? (0, custom_cell_style_1.mergeStyle)(cacheStyle, customCellStyle) : cacheStyle;
+        const hd = layoutMap.getHeader(col, row);
+        let paddingForAxis;
+        if (table.isPivotChart() && (0, get_axis_config_1.isTopOrBottomAxis)(col, row, layoutMap) && layoutMap.isAxisCell(col, row)) {
+            paddingForAxis = null !== (_c = null === (_b = layoutMap.getBody(col, table.rowHeaderLevelCount).style) || void 0 === _b ? void 0 : _b.padding) && void 0 !== _c ? _c : table.theme.bodyStyle.padding;
+        } else if (table.isPivotChart() && (0, get_axis_config_1.isLeftOrRightAxis)(col, row, layoutMap) && layoutMap.isAxisCell(col, row)) {
+            paddingForAxis = null !== (_e = null === (_d = layoutMap.getBody(table.columnHeaderLevelCount, row).style) || void 0 === _d ? void 0 : _d.padding) && void 0 !== _e ? _e : table.theme.bodyStyle.padding;
+        }
+        if ((!hd || hd.isEmpty) && (layoutMap.isLeftBottomCorner(col, row) || layoutMap.isRightBottomCorner(col, row) || layoutMap.isCornerHeader(col, row) || layoutMap.isRightTopCorner(col, row))) return EMPTY_STYLE;
+        const styleClass = table.internalProps.headerHelper.getStyleClass((null == hd ? void 0 : hd.headerType) || "text");
+        if (layoutMap.isBottomFrozenRow(col, row) && table.theme.bottomFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
+            padding: paddingForAxis
+        } : {}, table.theme.bottomFrozenStyle, {
+            col: col,
+            row: row,
+            table: table,
+            value: table.getCellValue(col, row),
+            dataValue: table.getCellOriginValue(col, row),
+            cellHeaderPaths: table.getCellHeaderPaths(col, row)
+        }, styleClass, table.options.autoWrapText, table.theme); else if (layoutMap.isRightFrozenColumn(col, row) && table.theme.rightFrozenStyle) cacheStyle = headerStyleContents.of(paddingForAxis ? {
+            padding: paddingForAxis
+        } : {}, table.theme.rightFrozenStyle, {
+            col: col,
+            row: row,
+            table: table,
+            value: table.getCellValue(col, row),
+            dataValue: table.getCellOriginValue(col, row),
+            cellHeaderPaths: table.getCellHeaderPaths(col, row)
+        }, styleClass, table.options.autoWrapText, table.theme); else {
+            const style = (null == hd ? void 0 : hd.style) || {};
+            paddingForAxis && (style.padding = paddingForAxis), cacheStyle = headerStyleContents.of(style, layoutMap.isColumnHeader(col, row) || layoutMap.isBottomFrozenRow(col, row) ? table.theme.headerStyle : layoutMap.isRowHeader(col, row) || layoutMap.isRightFrozenColumn(col, row) ? table.theme.rowHeaderStyle : table.theme.cornerHeaderStyle, {
+                col: col,
+                row: row,
+                table: table,
+                value: table.getCellValue(col, row),
+                dataValue: table.getCellOriginValue(col, row),
+                cellHeaderPaths: table.getCellHeaderPaths(col, row)
+            }, styleClass, table.options.autoWrapText, table.theme);
+        }
+        return table.headerStyleCache.set(cacheKey, cacheStyle), customCellStyle ? (0, custom_cell_style_1.mergeStyle)(cacheStyle, customCellStyle) : cacheStyle;
+    }
+    let bgColorFunc, cacheKey;
+    (null === (_g = null === (_f = table.internalProps) || void 0 === _f ? void 0 : _f.dataConfig) || void 0 === _g ? void 0 : _g.mappingRules) && !table.isHeader(col, row) && (null === (_k = null === (_j = null === (_h = table.internalProps) || void 0 === _h ? void 0 : _h.dataConfig) || void 0 === _j ? void 0 : _j.mappingRules) || void 0 === _k || _k.forEach(((mappingRule, i) => {
+        mappingRule.bgColor && table.internalProps.layoutMap.getIndicatorKey(col, row) === mappingRule.bgColor.indicatorKey && (bgColorFunc = mappingRule.bgColor.mapping);
+    })));
+    const cellType = table.getCellType(col, row), rawRecord = table.getCellOriginRecord(col, row);
+    let cacheStyle;
+    if (cacheKey = (null == rawRecord ? void 0 : rawRecord.vtableMerge) ? "merge-title" : table.isSeriesNumberInBody(col, row) ? `${col}-series-` + cellType : table.isListTable() && !table.transpose || table.isPivotTable() && table.internalProps.layoutMap.indicatorsAsCol ? col + cellType : row + cellType, 
+    cacheStyle = (null == rawRecord ? void 0 : rawRecord.vtableMerge) ? table.bodyMergeTitleCache.get(cacheKey) : layoutMap.isBottomFrozenRow(row) ? table.bodyBottomStyleCache.get(cacheKey) : table.bodyStyleCache.get(cacheKey), 
+    cacheStyle) return customCellStyle ? (0, custom_cell_style_1.mergeStyle)(cacheStyle, customCellStyle) : cacheStyle;
+    const column = layoutMap.getBody(col, row), styleClass = table.internalProps.bodyHelper.getStyleClass(table.getCellType(col, row)), style = null == column ? void 0 : column.style;
+    return cacheStyle = columnStyleContents.of(style, (null == rawRecord ? void 0 : rawRecord.vtableMerge) && table.theme.groupTitleStyle ? table.theme.groupTitleStyle : layoutMap.isBottomFrozenRow(row) && table.theme.bottomFrozenStyle ? table.theme.bottomFrozenStyle : layoutMap.isRightFrozenColumn(col) && table.theme.rightFrozenStyle ? table.theme.rightFrozenStyle : table.theme.bodyStyle, {
+        col: col,
+        row: row,
+        table: table,
+        value: table.getCellValue(col, row),
+        dataValue: table.getCellOriginValue(col, row),
+        cellHeaderPaths: table.getCellHeaderPaths(col, row)
+    }, styleClass, table.options.autoWrapText, table.theme), bgColorFunc && (cacheStyle = (0, 
+    custom_cell_style_1.mergeStyle)(cacheStyle, {
+        bgColor: bgColorFunc
+    })), (0, vutils_1.isFunction)(style) || (layoutMap.isBottomFrozenRow(row) ? table.bodyBottomStyleCache.set(cacheKey, cacheStyle) : table.bodyStyleCache.set(cacheKey, cacheStyle)), 
+    customCellStyle ? (0, custom_cell_style_1.mergeStyle)(cacheStyle, customCellStyle) : cacheStyle;
+}
+
+exports.getCellStyle = getCellStyle;
+//# sourceMappingURL=style-helper.js.map

package/cjs/core/style-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/style-helper.ts"],"names":[],"mappings":"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","file":"style-helper.js","sourcesContent":["import type { PivotHeaderLayoutMap } from '../layout/pivot-header-layout';\nimport { isLeftOrRightAxis, isTopOrBottomAxis } from '../layout/chart-helper/get-axis-config';\nimport { isFunction } from '@visactor/vutils';\nimport * as headerStyleContents from '../header-helper/style';\nimport * as columnStyleContents from '../body-helper/style';\nimport type { BaseTableAPI, HeaderData, PivotTableProtected } from '../ts-types/base-table';\nimport type { ColorPropertyDefine, FullExtendStyle, MappingRule } from '../ts-types';\nimport { mergeStyle } from '../plugins/custom-cell-style';\n\nconst EMPTY_STYLE = {};\n\n/**\n * 获取单元格的样式 内部逻辑使用 获取到的样式并不是计算后的\n * @param col\n * @param row\n * @returns\n */\nexport function getCellStyle(col: number, row: number, table: BaseTableAPI): FullExtendStyle {\n  const customCellStyle = table.customCellStylePlugin?.getCustomCellStyle(col, row);\n  const { layoutMap } = table.internalProps;\n  const isHeader = layoutMap.isHeader(col, row);\n  if (isHeader) {\n    // const cacheKey = `${col}-${row}`;\n    let cacheKey;\n    if (table.isPivotTable() && !table.isBottomFrozenRow(row) && !table.isRightFrozenColumn(col)) {\n      // use dimensionKey&indicatorKey to cache style object in pivot table\n      const define = table.getHeaderDefine(col, row) as any;\n      const isCorner = table.isCornerHeader(col, row);\n      cacheKey = define?.dimensionKey\n        ? isCorner\n          ? `dim-cor-${define.dimensionKey}`\n          : `dim-${define.dimensionKey}`\n        : define?.indicatorKey\n        ? `ind-${define.indicatorKey}`\n        : `${col}-${row}`;\n    } else {\n      cacheKey = `${col}-${row}`;\n    }\n    let cacheStyle = table.headerStyleCache.get(cacheKey);\n    if (cacheStyle) {\n      if (customCellStyle) {\n        return mergeStyle(cacheStyle, customCellStyle);\n      }\n      return cacheStyle;\n    }\n    const hd = layoutMap.getHeader(col, row);\n\n    let paddingForAxis;\n    if (\n      table.isPivotChart() &&\n      isTopOrBottomAxis(col, row, layoutMap as PivotHeaderLayoutMap) &&\n      layoutMap.isAxisCell(col, row)\n    ) {\n      // get chart padding for axis cell\n      const chartColumn = layoutMap.getBody(col, table.rowHeaderLevelCount);\n      const padding = (chartColumn.style as any)?.padding ?? table.theme.bodyStyle.padding;\n      paddingForAxis = padding;\n    } else if (\n      table.isPivotChart() &&\n      isLeftOrRightAxis(col, row, layoutMap as PivotHeaderLayoutMap) &&\n      layoutMap.isAxisCell(col, row)\n    ) {\n      // get chart padding for axis cell\n      const chartColumn = layoutMap.getBody(table.columnHeaderLevelCount, row);\n      const padding = (chartColumn.style as any)?.padding ?? table.theme.bodyStyle.padding;\n      paddingForAxis = padding;\n    }\n\n    if (\n      (!hd || (hd as HeaderData).isEmpty) &&\n      (layoutMap.isLeftBottomCorner(col, row) ||\n        layoutMap.isRightBottomCorner(col, row) ||\n        layoutMap.isCornerHeader(col, row) ||\n        layoutMap.isRightTopCorner(col, row))\n    ) {\n      return EMPTY_STYLE;\n    }\n\n    const styleClass = table.internalProps.headerHelper.getStyleClass((hd as HeaderData)?.headerType || 'text');\n    if (layoutMap.isBottomFrozenRow(col, row) && table.theme.bottomFrozenStyle) {\n      cacheStyle = <FullExtendStyle>headerStyleContents.of(\n        paddingForAxis ? { padding: paddingForAxis } : {},\n        table.theme.bottomFrozenStyle,\n        {\n          col,\n          row,\n          table: table as BaseTableAPI,\n          value: table.getCellValue(col, row),\n          dataValue: table.getCellOriginValue(col, row),\n          cellHeaderPaths: table.getCellHeaderPaths(col, row)\n        },\n        styleClass,\n        table.options.autoWrapText,\n        table.theme\n      );\n    } else if (layoutMap.isRightFrozenColumn(col, row) && table.theme.rightFrozenStyle) {\n      cacheStyle = <FullExtendStyle>headerStyleContents.of(\n        paddingForAxis ? { padding: paddingForAxis } : {},\n        table.theme.rightFrozenStyle,\n        {\n          col,\n          row,\n          table: table as BaseTableAPI,\n          value: table.getCellValue(col, row),\n          dataValue: table.getCellOriginValue(col, row),\n          cellHeaderPaths: table.getCellHeaderPaths(col, row)\n        },\n        styleClass,\n        table.options.autoWrapText,\n        table.theme\n      );\n    } else {\n      // let defaultStyle;\n      // if (layoutMap.isColumnHeader(col, row) || layoutMap.isBottomFrozenRow(col, row)) {\n      //   defaultStyle = table.theme.headerStyle;\n      // } else if (table.internalProps.transpose && layoutMap.isRowHeader(col, row)) {\n      //   defaultStyle = table.theme.headerStyle;\n      // } else if (layoutMap.isRowHeader(col, row) || layoutMap.isRightFrozenColumn(col, row)) {\n      //   defaultStyle = table.theme.rowHeaderStyle;\n      // } else {\n      //   defaultStyle = table.theme.cornerHeaderStyle;\n      // }\n      // const styleClass = hd.headerType.StyleClass; //BaseHeader文件\n      // const { style } = hd;\n      const style = hd?.style || {};\n      if (paddingForAxis) {\n        (style as any).padding = paddingForAxis;\n      }\n      cacheStyle = <FullExtendStyle>headerStyleContents.of(\n        style,\n        // defaultStyle,\n        layoutMap.isColumnHeader(col, row) || layoutMap.isBottomFrozenRow(col, row)\n          ? table.theme.headerStyle\n          : layoutMap.isRowHeader(col, row) || layoutMap.isRightFrozenColumn(col, row)\n          ? table.theme.rowHeaderStyle\n          : table.theme.cornerHeaderStyle,\n        {\n          col,\n          row,\n          table: table as BaseTableAPI,\n          value: table.getCellValue(col, row),\n          dataValue: table.getCellOriginValue(col, row),\n          cellHeaderPaths: table.getCellHeaderPaths(col, row)\n        },\n        styleClass,\n        table.options.autoWrapText,\n        table.theme\n      );\n    }\n    table.headerStyleCache.set(cacheKey, cacheStyle);\n    if (customCellStyle) {\n      return mergeStyle(cacheStyle, customCellStyle);\n    }\n    return cacheStyle;\n  }\n\n  let bgColorFunc: ColorPropertyDefine;\n  // 判断是否有mapping  遍历dataset中mappingRules\n  if ((table.internalProps as PivotTableProtected)?.dataConfig?.mappingRules && !table.isHeader(col, row)) {\n    (table.internalProps as PivotTableProtected)?.dataConfig?.mappingRules?.forEach(\n      (mappingRule: MappingRule, i: number) => {\n        if (\n          mappingRule.bgColor &&\n          (table.internalProps.layoutMap as PivotHeaderLayoutMap).getIndicatorKey(col, row) ===\n            mappingRule.bgColor.indicatorKey\n        ) {\n          bgColorFunc = mappingRule.bgColor.mapping;\n        }\n      }\n    );\n    // // 判断是否有mapping  遍历dataset中mappingRules 但这里还需要根据fieldName来判断\n    // if (bgColorFunc && typeof bgColorFunc === 'function') {\n    //   const cellValue = table.getCellOriginValue(col, row);\n    //   bgColor = bgColorFunc(this, cellValue);\n    // }\n  }\n\n  let cacheKey;\n  const cellType = table.getCellType(col, row);\n  const rawRecord = table.getCellOriginRecord(col, row);\n\n  //如果是主体部分，获取相应的style\n  if (rawRecord?.vtableMerge) {\n    cacheKey = 'merge-title';\n  } else if (table.isSeriesNumberInBody(col, row)) {\n    // 如果是行序号\n    cacheKey = `${col}-series-` + cellType;\n  } else if (\n    (table.isListTable() && !(table as any).transpose) ||\n    (table.isPivotTable() && (table.internalProps.layoutMap as PivotHeaderLayoutMap).indicatorsAsCol)\n  ) {\n    cacheKey = col + cellType;\n  } else {\n    cacheKey = row + cellType;\n  }\n  let cacheStyle;\n\n  if (rawRecord?.vtableMerge) {\n    cacheStyle = table.bodyMergeTitleCache.get(cacheKey);\n  } else if (layoutMap.isBottomFrozenRow(row)) {\n    cacheStyle = table.bodyBottomStyleCache.get(cacheKey);\n  } else {\n    cacheStyle = table.bodyStyleCache.get(cacheKey);\n  }\n  if (cacheStyle) {\n    if (customCellStyle) {\n      return mergeStyle(cacheStyle, customCellStyle);\n    }\n    return cacheStyle;\n  }\n  const column = layoutMap.getBody(col, row);\n  // const styleClass = column?.cellType?.StyleClass; //BaseColumn文件\n  const styleClass = table.internalProps.bodyHelper.getStyleClass(table.getCellType(col, row));\n  const style = column?.style;\n  cacheStyle = <FullExtendStyle>columnStyleContents.of(\n    style,\n    rawRecord?.vtableMerge && table.theme.groupTitleStyle\n      ? table.theme.groupTitleStyle\n      : layoutMap.isBottomFrozenRow(row) && table.theme.bottomFrozenStyle\n      ? table.theme.bottomFrozenStyle\n      : layoutMap.isRightFrozenColumn(col) && table.theme.rightFrozenStyle\n      ? table.theme.rightFrozenStyle\n      : table.theme.bodyStyle,\n    {\n      col,\n      row,\n      table: table,\n      value: table.getCellValue(col, row),\n      dataValue: table.getCellOriginValue(col, row),\n      cellHeaderPaths: table.getCellHeaderPaths(col, row)\n    },\n    styleClass,\n    table.options.autoWrapText,\n    table.theme\n  );\n  if (bgColorFunc) {\n    cacheStyle = mergeStyle(cacheStyle as any, { bgColor: bgColorFunc });\n  }\n  if (!isFunction(style)) {\n    if (layoutMap.isBottomFrozenRow(row)) {\n      table.bodyBottomStyleCache.set(cacheKey, cacheStyle);\n    } else {\n      table.bodyStyleCache.set(cacheKey, cacheStyle);\n    }\n  }\n  if (customCellStyle) {\n    return mergeStyle(cacheStyle as any, customCellStyle);\n  }\n  return cacheStyle;\n}\n"]}

package/cjs/core/style.d.ts

@@ -0,0 +1 @@
+export declare function importStyle(): void;

package/cjs/core/style.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.importStyle = void 0;
+
+const env_1 = require("../tools/env");
+
+function importStyle() {
+    if ("node" === env_1.Env.mode) return;
+    const styleElement = document.createElement("style");
+    styleElement.id = "vtable-style-styleSheet", styleElement.textContent = "\n.vtable .input-container {\n\tposition: absolute;\n\ttop:0px;\n}\n.vtable .table-scrollable {\n\tposition: absolute;\n\toverflow: scroll;\n}\n.vtable .table-scrollable::-webkit-scrollbar-button{\n\tbackground-color: transparent;\n}\n.vtable .table-scrollable::-webkit-scrollbar-track-piece{\n\tbackground-color: transparent;\n}\n.vtable .table-scrollable::-webkit-scrollbar-corner {\n\tbackground-color: transparent;\n}\n.vtable .table-scrollable::-webkit-scrollbar-thumb {\n\tborder-radius      : 4px;\n\tbackground-color   : rgba(100, 100, 100, .5);\n}\n\n.vtable .table-scroll-end-point {\n\topacity: 0;\n\tposition: relative;\n}\n.vtable {\n\t/* 设置overflow: auto 应该是为了滚动条的某个问题 但设置了auto之后 dom的下拉菜单只能显示在vtable节点中 超出会截断;现在去掉auto 暂时滚动条的问题没有发现 */\n\t/* overflow: auto; */\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\ttext-align: left;\n  -webkit-font-smoothing:auto;\n\n  overflow: hidden; // for react-vtable dom custom element\n}\n\n.vtable-gantt {\n\t/* 设置overflow: auto 应该是为了滚动条的某个问题 但设置了auto之后 dom的下拉菜单只能显示在vtable节点中 超出会截断;现在去掉auto 暂时滚动条的问题没有发现 */\n\t/* overflow: auto; */\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\ttext-align: left;\n  -webkit-font-smoothing:auto;\n\n  overflow: hidden; // for react-vtable dom custom element\n}\n.vtable .table-component-container {\n  pointer-events: none;\n  overflow: hidden;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n}\n.vtable > canvas {\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n}\n.vtable .table-focus-control {\n\tposition: relative !important;\n\twidth: 1px;\n\theight: 1px;\n\topacity: 0;\n\tpadding: 0;\n\tmargin: 0;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n\tmax-width: 500px;\n\tmax-height: 500px;\n\tfloat: none !important;\n}\n.vtable input.table-focus-control::-ms-clear {\n\tvisibility: hidden;\n}\n.vtable input.table-focus-control.composition {\n\topacity: 1;\n\tmax-width: none;\n\tmax-height: none;\n}\n", 
+    document.head.appendChild(styleElement);
+}
+
+exports.importStyle = importStyle;
+//# sourceMappingURL=style.js.map

package/cjs/core/style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/style.ts"],"names":[],"mappings":";;;AAAA,sCAAmC;AAEnC,SAAgB,WAAW;IACzB,IAAI,SAAG,CAAC,IAAI,KAAK,MAAM,EAAE;QACvB,OAAO;KACR;IACD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,GAAG,yBAAyB,CAAC;IAC5C,YAAY,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmF5B,CAAC;IAEA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC1C,CAAC;AA5FD,kCA4FC","file":"style.js","sourcesContent":["import { Env } from '../tools/env';\n\nexport function importStyle() {\n  if (Env.mode === 'node') {\n    return;\n  }\n  const styleElement = document.createElement('style');\n  styleElement.id = 'vtable-style-styleSheet';\n  styleElement.textContent = `\n.vtable .input-container {\n\tposition: absolute;\n\ttop:0px;\n}\n.vtable .table-scrollable {\n\tposition: absolute;\n\toverflow: scroll;\n}\n.vtable .table-scrollable::-webkit-scrollbar-button{\n\tbackground-color: transparent;\n}\n.vtable .table-scrollable::-webkit-scrollbar-track-piece{\n\tbackground-color: transparent;\n}\n.vtable .table-scrollable::-webkit-scrollbar-corner {\n\tbackground-color: transparent;\n}\n.vtable .table-scrollable::-webkit-scrollbar-thumb {\n\tborder-radius      : 4px;\n\tbackground-color   : rgba(100, 100, 100, .5);\n}\n\n.vtable .table-scroll-end-point {\n\topacity: 0;\n\tposition: relative;\n}\n.vtable {\n\t/* 设置overflow: auto 应该是为了滚动条的某个问题 但设置了auto之后 dom的下拉菜单只能显示在vtable节点中 超出会截断;现在去掉auto 暂时滚动条的问题没有发现 */\n\t/* overflow: auto; */\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\ttext-align: left;\n  -webkit-font-smoothing:auto;\n\n  overflow: hidden; // for react-vtable dom custom element\n}\n\n.vtable-gantt {\n\t/* 设置overflow: auto 应该是为了滚动条的某个问题 但设置了auto之后 dom的下拉菜单只能显示在vtable节点中 超出会截断;现在去掉auto 暂时滚动条的问题没有发现 */\n\t/* overflow: auto; */\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\ttext-align: left;\n  -webkit-font-smoothing:auto;\n\n  overflow: hidden; // for react-vtable dom custom element\n}\n.vtable .table-component-container {\n  pointer-events: none;\n  overflow: hidden;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n}\n.vtable > canvas {\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n}\n.vtable .table-focus-control {\n\tposition: relative !important;\n\twidth: 1px;\n\theight: 1px;\n\topacity: 0;\n\tpadding: 0;\n\tmargin: 0;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n\tmax-width: 500px;\n\tmax-height: 500px;\n\tfloat: none !important;\n}\n.vtable input.table-focus-control::-ms-clear {\n\tvisibility: hidden;\n}\n.vtable input.table-focus-control.composition {\n\topacity: 1;\n\tmax-width: none;\n\tmax-height: none;\n}\n`;\n\n  document.head.appendChild(styleElement);\n}\n"]}

package/cjs/core/tableHelper.d.ts

@@ -0,0 +1,45 @@
+import type { IThemeSpec } from './../vrender';
+import type { BaseTable } from '../core';
+import { DataSource } from '../data';
+import { Rect } from '../tools/Rect';
+import type { ColumnsDefine, FullExtendStyle, ListTableAPI } from '../ts-types';
+import type { BaseTableAPI } from '../ts-types/base-table';
+import type { ListTable } from '../ListTable';
+export declare function createRootElement(padding: any, className?: string): HTMLElement;
+export declare function updateRootElementPadding(element: HTMLElement, padding: any): void;
+export declare function _dealWithUpdateDataSource(table: BaseTableAPI, fn: (table: BaseTableAPI) => void): void;
+export declare function _setRecords(table: ListTableAPI, records?: any[]): void;
+export declare function _setDataSource(table: BaseTableAPI, dataSource: DataSource): void;
+export declare function _getTargetFrozenRowAt(table: BaseTableAPI, absoluteY: number): {
+    top: number;
+    row: number;
+    bottom: number;
+    height: number;
+} | null;
+export declare function _getTargetFrozenColAt(table: BaseTableAPI, absoluteX: number): {
+    left: number;
+    col: number;
+    right: number;
+    width: number;
+} | null;
+export declare function _toPxWidth(table: BaseTable, width: string | number): number;
+export declare function _applyColWidthLimits(limits: {
+    min?: number;
+    max?: number;
+} | void | null, orgWidth: number): number;
+export declare function isAutoDefine(width: string | number): width is 'auto';
+export declare function _getScrollableVisibleRect(table: BaseTableAPI): Rect;
+export declare function getStyleTheme(headerStyle: FullExtendStyle, table: BaseTableAPI, col: number, row: number, getProp: any, needGetTheme?: boolean): {
+    hasFunctionPros: boolean;
+    theme?: undefined;
+} | {
+    theme: IThemeSpec & {
+        _vtable: any;
+    };
+    hasFunctionPros: boolean;
+};
+export declare function getCellCornerRadius(col: number, row: number, table: BaseTableAPI): number[] | 0;
+export declare function parseMarkLineGetExtendRange(markLine: any): number | 'sum' | 'max';
+export declare function generateAggregationForColumn(table: ListTable): void;
+export declare function checkHasAggregationOnColumnDefine(colDefs: ColumnsDefine): boolean;
+export declare function checkHasColumnAutoWidth(table: BaseTableAPI): boolean;

package/cjs/core/tableHelper.js

@@ -0,0 +1,287 @@
+"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.checkHasColumnAutoWidth = exports.checkHasAggregationOnColumnDefine = exports.generateAggregationForColumn = exports.parseMarkLineGetExtendRange = exports.getCellCornerRadius = exports.getStyleTheme = exports._getScrollableVisibleRect = exports.isAutoDefine = exports._applyColWidthLimits = exports._toPxWidth = exports._getTargetFrozenColAt = exports._getTargetFrozenRowAt = exports._setDataSource = exports._setRecords = exports._dealWithUpdateDataSource = exports.updateRootElementPadding = exports.createRootElement = void 0;
+
+const data_1 = require("../data"), font_1 = require("../scenegraph/utils/font"), padding_1 = require("../scenegraph/utils/padding"), Rect_1 = require("../tools/Rect"), calc = __importStar(require("../tools/calc")), vutils_1 = require("@visactor/vutils");
+
+function createRootElement(padding, className = "vtable") {
+    var _a, _b;
+    const element = document.createElement("div");
+    element.setAttribute("tabindex", "0"), element.classList.add(className), element.style.outline = "none", 
+    element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;
+    const width = (element.offsetWidth || (null === (_a = element.parentElement) || void 0 === _a ? void 0 : _a.offsetWidth) || 1) - 1, height = (element.offsetHeight || (null === (_b = element.parentElement) || void 0 === _b ? void 0 : _b.offsetHeight) || 1) - 1;
+    return element.style.width = width && width - padding.left - padding.right + "px" || "0px", 
+    element.style.height = height && height - padding.top - padding.bottom + "px" || "0px", 
+    element;
+}
+
+function updateRootElementPadding(element, padding) {
+    var _a, _b;
+    element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;
+    const width = (element.offsetWidth || (null === (_a = element.parentElement) || void 0 === _a ? void 0 : _a.offsetWidth) || 1) - 1, height = (element.offsetHeight || (null === (_b = element.parentElement) || void 0 === _b ? void 0 : _b.offsetHeight) || 1) - 1;
+    element.style.width = width && width - padding.left - padding.right + "px" || "0px", 
+    element.style.height = height && height - padding.top - padding.bottom + "px" || "0px";
+}
+
+function _dealWithUpdateDataSource(table, fn) {
+    const {dataSourceEventIds: dataSourceEventIds} = table.internalProps;
+    dataSourceEventIds && dataSourceEventIds.forEach((id => table.internalProps.handler.off(id))), 
+    fn(table), table.internalProps.dataSourceEventIds = [ table.internalProps.handler.on(table.internalProps.dataSource, data_1.DataSource.EVENT_TYPE.CHANGE_ORDER, (() => {
+        table.dataSource.hierarchyExpandLevel && table.refreshRowColCount(), table.render();
+    })) ];
+}
+
+function _setRecords(table, records = []) {
+    _dealWithUpdateDataSource(table, (() => {
+        table.internalProps.records = records;
+        const newDataSource = table.internalProps.dataSource = data_1.CachedDataSource.ofArray(records, table.internalProps.dataConfig, table.pagination, table.internalProps.columns, table.internalProps.layoutMap.rowHierarchyType, getHierarchyExpandLevel(table));
+        table.addReleaseObj(newDataSource);
+    }));
+}
+
+function getHierarchyExpandLevel(table) {
+    var _a;
+    return table.options.hierarchyExpandLevel ? table.options.hierarchyExpandLevel : table.options.groupBy ? 1 / 0 : (null === (_a = table._hasHierarchyTreeHeader) || void 0 === _a ? void 0 : _a.call(table)) ? 1 : void 0;
+}
+
+function _setDataSource(table, dataSource) {
+    _dealWithUpdateDataSource(table, (() => {
+        var _a, _b;
+        table.internalProps.dataSource && (null === (_b = (_a = table.internalProps.dataSource).release) || void 0 === _b || _b.call(_a)), 
+        dataSource ? dataSource instanceof data_1.DataSource ? (table.internalProps.dataSource = dataSource, 
+        table.internalProps.dataSource.supplementConfig(table.pagination, table.options.columns, table.internalProps.layoutMap.rowHierarchyType, getHierarchyExpandLevel(table))) : table.internalProps.dataSource = new data_1.CachedDataSource(dataSource) : table.internalProps.dataSource = data_1.DataSource.EMPTY, 
+        table.addReleaseObj(table.internalProps.dataSource), table.internalProps.records = null;
+    }));
+}
+
+function _getTargetFrozenRowAt(table, absoluteY) {
+    if (!table.internalProps.frozenRowCount) return null;
+    let {scrollTop: scrollTop} = table;
+    const rowCount = table.internalProps.frozenRowCount;
+    for (let row = 0; row < rowCount; row++) {
+        const height = table.getRowHeight(row), bottom = scrollTop + height;
+        if (bottom > absoluteY) return {
+            top: scrollTop,
+            row: row,
+            bottom: bottom,
+            height: height
+        };
+        scrollTop = bottom;
+    }
+    return null;
+}
+
+function _getTargetFrozenColAt(table, absoluteX) {
+    if (!table.internalProps.frozenColCount) return null;
+    let {scrollLeft: scrollLeft} = table;
+    const colCount = table.internalProps.frozenColCount;
+    for (let col = 0; col < colCount; col++) {
+        const width = table.getColWidth(col), right = scrollLeft + width;
+        if (right > absoluteX) return {
+            left: scrollLeft,
+            col: col,
+            right: right,
+            width: width
+        };
+        scrollLeft = right;
+    }
+    return null;
+}
+
+function _toPxWidth(table, width) {
+    return Math.round(calc.toPx(width, table.internalProps.calcWidthContext));
+}
+
+function _applyColWidthLimits(limits, orgWidth) {
+    return limits ? limits.min && limits.min > orgWidth ? limits.min : limits.max && limits.max < orgWidth ? limits.max : orgWidth : orgWidth;
+}
+
+function isAutoDefine(width) {
+    return Boolean(width && "string" == typeof width && "auto" === width.toLowerCase());
+}
+
+function _getScrollableVisibleRect(table) {
+    let frozenColsWidth = 0, rightFrozenColsWidth = 0;
+    table.frozenColCount > 0 && (frozenColsWidth = table.getFrozenColsWidth()), table.rightFrozenColCount > 0 && (rightFrozenColsWidth = table.getRightFrozenColsWidth());
+    let frozenRowsHeight = 0, bottomFrozenRowsHeight = 0;
+    return table.frozenRowCount > 0 && (frozenRowsHeight = table.getFrozenRowsHeight()), 
+    table.bottomFrozenRowCount > 0 && (bottomFrozenRowsHeight = table.getBottomFrozenRowsHeight()), 
+    new Rect_1.Rect(table.scrollLeft + frozenColsWidth, table.scrollTop + frozenRowsHeight, table.tableNoFrameWidth - frozenColsWidth - rightFrozenColsWidth, table.tableNoFrameHeight - frozenRowsHeight - bottomFrozenRowsHeight);
+}
+
+function getStyleTheme(headerStyle, table, col, row, getProp, needGetTheme = !0) {
+    const padding = (0, padding_1.getQuadProps)(getProp("padding", headerStyle, col, row, table)), bgColor = getProp("bgColor", headerStyle, col, row, table), font = getProp("font", headerStyle, col, row, table);
+    let fontFamily, fontSize, fontWeight, fontStyle, fontVariant;
+    if (font) {
+        const {family: family, size: size, weight: weight, style: style, variant: variant} = (0, 
+        font_1.parseFont)(font);
+        fontFamily = family.join(" "), fontSize = size, fontWeight = weight, fontStyle = style, 
+        fontStyle = variant;
+    } else fontFamily = getProp("fontFamily", headerStyle, col, row, table), fontSize = getProp("fontSize", headerStyle, col, row, table), 
+    fontWeight = getProp("fontWeight", headerStyle, col, row, table), fontStyle = getProp("fontStyle", headerStyle, col, row, table), 
+    fontVariant = getProp("fontVariant", headerStyle, col, row, table);
+    const textAlign = getProp("textAlign", headerStyle, col, row, table), textBaseline = getProp("textBaseline", headerStyle, col, row, table), color = getProp("color", headerStyle, col, row, table), strokeColor = getProp("strokeColor", headerStyle, col, row, table), lineHeight = getProp("lineHeight", headerStyle, col, row, table), underline = getProp("underline", headerStyle, col, row, table), underlineDash = getProp("underlineDash", headerStyle, col, row, table), underlineOffset = getProp("underlineOffset", headerStyle, col, row, table), lineThrough = getProp("lineThrough", headerStyle, col, row, table), textDecorationWidth = Math.max(1, Math.floor(fontSize / 10)), textOverflow = getProp("textOverflow", headerStyle, col, row, table), borderColor = getProp("borderColor", headerStyle, col, row, table), borderLineWidth = getProp("borderLineWidth", headerStyle, col, row, table), borderLineDash = getProp("borderLineDash", headerStyle, col, row, table), marked = getProp("marked", headerStyle, col, row, table), cursor = getProp("cursor", headerStyle, col, row, table), hasFunctionPros = !(padding && bgColor && font && textAlign && textBaseline && color && textOverflow && borderColor && borderLineWidth && borderLineDash && "boolean" == typeof underline && "boolean" == typeof lineThrough && "boolean" == typeof marked);
+    if (!needGetTheme) return {
+        hasFunctionPros: hasFunctionPros
+    };
+    const theme = {
+        text: {
+            fontFamily: fontFamily,
+            fontSize: fontSize,
+            fontWeight: fontWeight,
+            fontStyle: fontStyle,
+            fontVariant: fontVariant,
+            fill: color,
+            stroke: null != strokeColor && strokeColor,
+            textAlign: textAlign,
+            textBaseline: textBaseline,
+            lineHeight: null != lineHeight ? lineHeight : fontSize,
+            underline: underline ? textDecorationWidth : void 0,
+            underlineDash: underlineDash,
+            underlineOffset: underlineOffset,
+            lineThrough: lineThrough ? textDecorationWidth : void 0,
+            ellipsis: "clip" === textOverflow ? "" : "ellipsis" === textOverflow ? "..." : (0, 
+            vutils_1.isValid)(textOverflow) ? textOverflow : void 0
+        },
+        group: {
+            fill: bgColor,
+            lineDash: borderLineDash,
+            lineWidth: borderLineWidth,
+            stroke: borderColor,
+            cursor: "auto" === cursor || "default" === cursor ? void 0 : cursor
+        },
+        _vtable: {
+            padding: padding,
+            marked: marked
+        }
+    };
+    if (Array.isArray(borderLineWidth) && (theme.group.strokeArrayWidth = (0, padding_1.getQuadProps)(borderLineWidth)), 
+    Array.isArray(borderColor)) {
+        const strokeColors = (0, padding_1.getQuadProps)(borderColor);
+        theme.group.stroke = !strokeColors.every((color => !color)) && strokeColors, theme.group.strokeArrayColor = (0, 
+        padding_1.getQuadProps)(borderColor);
+    }
+    return {
+        theme: theme,
+        hasFunctionPros: hasFunctionPros
+    };
+}
+
+function getCellCornerRadius(col, row, table) {
+    const tableCornerRadius = table.theme.frameStyle.cornerRadius;
+    if (table.theme.cellInnerBorder) if (Array.isArray(tableCornerRadius)) {
+        if (0 === col && 0 === row) return [ tableCornerRadius[0], 0, 0, 0 ];
+        if (col === table.colCount - 1 && 0 === row) return [ 0, tableCornerRadius[1], 0, 0 ];
+        if (0 === col && row === table.rowCount - 1) return [ 0, 0, 0, tableCornerRadius[3] ];
+        if (col === table.colCount - 1 && row === table.rowCount - 1) return [ 0, 0, tableCornerRadius[2], 0 ];
+    } else if (tableCornerRadius) {
+        if (0 === col && 0 === row) return [ tableCornerRadius, 0, 0, 0 ];
+        if (col === table.colCount - 1 && 0 === row) return [ 0, tableCornerRadius, 0, 0 ];
+        if (0 === col && row === table.rowCount - 1) return [ 0, 0, 0, tableCornerRadius ];
+        if (col === table.colCount - 1 && row === table.rowCount - 1) return [ 0, 0, tableCornerRadius, 0 ];
+    }
+    return 0;
+}
+
+function parseMarkLineGetExtendRange(markLine) {
+    var _a, _b, _c, _d;
+    if (markLine) {
+        if (Array.isArray(markLine)) {
+            let extendRange;
+            for (let i = 0; i < markLine.length; i++) if (markLine[i].autoRange) {
+                if ("sum" === markLine[i].y || "sum" === markLine[i].x || "sum" === markLine[i].y1 || "sum" === markLine[i].x1) return "sum";
+                "max" !== markLine[i].y && "max" !== markLine[i].x && "max" !== markLine[i].y1 && "max" !== markLine[i].x1 || (extendRange = "max"), 
+                "number" == typeof markLine[i].y && "number" == typeof (null != extendRange ? extendRange : 0) && (extendRange = Math.max(null !== (_a = extendRange) && void 0 !== _a ? _a : 0, markLine[i].y)), 
+                "number" == typeof markLine[i].x && "number" == typeof (null != extendRange ? extendRange : 0) && (extendRange = Math.max(null !== (_b = extendRange) && void 0 !== _b ? _b : 0, markLine[i].x)), 
+                "number" == typeof markLine[i].y1 && "number" == typeof (null != extendRange ? extendRange : 0) && (extendRange = Math.max(null !== (_c = extendRange) && void 0 !== _c ? _c : 0, markLine[i].y1)), 
+                "number" == typeof markLine[i].x1 && "number" == typeof (null != extendRange ? extendRange : 0) && (extendRange = Math.max(null !== (_d = extendRange) && void 0 !== _d ? _d : 0, markLine[i].x1));
+            }
+            return extendRange;
+        }
+        if (markLine.autoRange) {
+            if ("sum" === markLine.y || "sum" === markLine.x || "sum" === markLine.y1 || "sum" === markLine.x1) return "sum";
+            if ("max" === markLine.y || "max" === markLine.x || "max" === markLine.y1 || "max" === markLine.x1) return "max";
+            if ("number" == typeof markLine.y) return markLine.y;
+            if ("number" == typeof markLine.x) return markLine.x;
+            if ("number" == typeof markLine.y1) return markLine.y1;
+            if ("number" == typeof markLine.x1) return markLine.x1;
+        }
+    }
+}
+
+function generateAggregationForColumn(table) {
+    for (let col = 0; col < table.internalProps.columns.length; col++) {
+        const colDef = table.internalProps.columns[col];
+        if (colDef.aggregation) ; else if (table.options.aggregation) {
+            let aggregation;
+            if (aggregation = "function" == typeof table.options.aggregation ? table.options.aggregation({
+                col: col,
+                field: colDef.field
+            }) : table.options.aggregation, aggregation) if (Array.isArray(aggregation)) {
+                const aggregations = [];
+                aggregation.forEach((item => {
+                    aggregations.push(Object.assign({
+                        showOnTop: !1
+                    }, item));
+                })), colDef.aggregation = aggregations;
+            } else colDef.aggregation = Object.assign({
+                showOnTop: !1
+            }, aggregation);
+        }
+    }
+}
+
+function checkHasAggregationOnColumnDefine(colDefs) {
+    for (let i = 0; i < colDefs.length; i++) {
+        if (colDefs[i].aggregation) return !0;
+    }
+    return !1;
+}
+
+function checkHasColumnAutoWidth(table) {
+    if ("autoWidth" === table.options.widthMode) return !0;
+    if ("auto" === table.options.defaultHeaderColWidth || Array.isArray(table.options.defaultHeaderColWidth) && table.options.defaultHeaderColWidth.includes("auto")) return !0;
+    const columnObjects = table.internalProps.layoutMap.columnObjects;
+    for (let i = 0; i < columnObjects.length; i++) {
+        if ("auto" === columnObjects[i].width) return !0;
+    }
+    return !1;
+}
+
+exports.createRootElement = createRootElement, exports.updateRootElementPadding = updateRootElementPadding, 
+exports._dealWithUpdateDataSource = _dealWithUpdateDataSource, exports._setRecords = _setRecords, 
+exports._setDataSource = _setDataSource, exports._getTargetFrozenRowAt = _getTargetFrozenRowAt, 
+exports._getTargetFrozenColAt = _getTargetFrozenColAt, exports._toPxWidth = _toPxWidth, 
+exports._applyColWidthLimits = _applyColWidthLimits, exports.isAutoDefine = isAutoDefine, 
+exports._getScrollableVisibleRect = _getScrollableVisibleRect, exports.getStyleTheme = getStyleTheme, 
+exports.getCellCornerRadius = getCellCornerRadius, exports.parseMarkLineGetExtendRange = parseMarkLineGetExtendRange, 
+exports.generateAggregationForColumn = generateAggregationForColumn, exports.checkHasAggregationOnColumnDefine = checkHasAggregationOnColumnDefine, 
+exports.checkHasColumnAutoWidth = checkHasColumnAutoWidth;
+//# sourceMappingURL=tableHelper.js.map