@visactor/vtable 0.17.3-alpha.2 → 0.17.3-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/cjs/PivotTable.d.ts +1 -0
  2. package/cjs/PivotTable.js +28 -0
  3. package/cjs/PivotTable.js.map +1 -1
  4. package/cjs/body-helper/body-helper.js +2 -1
  5. package/cjs/body-helper/body-helper.js.map +1 -1
  6. package/cjs/components/tooltip/TooltipHandler.js +1 -3
  7. package/cjs/components/tooltip/TooltipHandler.js.map +1 -1
  8. package/cjs/core/BaseTable.js +3 -2
  9. package/cjs/core/BaseTable.js.map +1 -1
  10. package/cjs/index.d.ts +1 -1
  11. package/cjs/index.js +1 -1
  12. package/cjs/index.js.map +1 -1
  13. package/cjs/render/layout/text.d.ts +3 -3
  14. package/cjs/render/layout/text.js +1 -1
  15. package/cjs/render/layout/text.js.map +1 -1
  16. package/cjs/themes/ARCO.js +6 -0
  17. package/cjs/themes/ARCO.js.map +1 -1
  18. package/cjs/themes/BRIGHT.js +6 -0
  19. package/cjs/themes/BRIGHT.js.map +1 -1
  20. package/cjs/themes/DARK.js +6 -0
  21. package/cjs/themes/DARK.js.map +1 -1
  22. package/cjs/themes/DEFAULT.js +6 -0
  23. package/cjs/themes/DEFAULT.js.map +1 -1
  24. package/cjs/themes/SIMPLIFY.js +6 -0
  25. package/cjs/themes/SIMPLIFY.js.map +1 -1
  26. package/dist/vtable.js +74 -7
  27. package/dist/vtable.min.js +2 -2
  28. package/es/PivotTable.d.ts +1 -0
  29. package/es/PivotTable.js +28 -0
  30. package/es/PivotTable.js.map +1 -1
  31. package/es/body-helper/body-helper.js +2 -1
  32. package/es/body-helper/body-helper.js.map +1 -1
  33. package/es/components/tooltip/TooltipHandler.js +1 -3
  34. package/es/components/tooltip/TooltipHandler.js.map +1 -1
  35. package/es/core/BaseTable.js +3 -2
  36. package/es/core/BaseTable.js.map +1 -1
  37. package/es/index.d.ts +1 -1
  38. package/es/index.js +1 -1
  39. package/es/index.js.map +1 -1
  40. package/es/render/layout/text.d.ts +3 -3
  41. package/es/render/layout/text.js +2 -2
  42. package/es/render/layout/text.js.map +1 -1
  43. package/es/themes/ARCO.js +6 -0
  44. package/es/themes/ARCO.js.map +1 -1
  45. package/es/themes/BRIGHT.js +6 -0
  46. package/es/themes/BRIGHT.js.map +1 -1
  47. package/es/themes/DARK.js +6 -0
  48. package/es/themes/DARK.js.map +1 -1
  49. package/es/themes/DEFAULT.js +6 -0
  50. package/es/themes/DEFAULT.js.map +1 -1
  51. package/es/themes/SIMPLIFY.js +6 -0
  52. package/es/themes/SIMPLIFY.js.map +1 -1
  53. package/package.json +2 -2
package/cjs/index.d.ts CHANGED
@@ -12,7 +12,7 @@ import type { MousePointerCellEvent } from './ts-types/events';
12
12
  import * as CustomLayout from './render/layout';
13
13
  export { getDataCellPath } from './tools/get-data-path';
14
14
  export * from './render/jsx';
15
- export declare const version = "0.17.3-alpha.2";
15
+ export declare const version = "0.17.3-alpha.4";
16
16
  export { TYPES, core, ListTable, ListTableConstructorOptions, PivotTable, PivotTableConstructorOptions, PivotChartConstructorOptions, PivotChart, IHeaderTreeDefine, IDimension, IIndicator, ITitleDefine, ICornerDefine, ColumnsDefine, ColumnDefine, LinkColumnDefine, ChartColumnDefine, ImageColumnDefine, SparklineColumnDefine, ProgressbarColumnDefine, TextColumnDefine, GroupColumnDefine, TextAlignType, TextBaselineType, themes, data, MousePointerCellEvent, getIcons, clearGlobal, register, DataStatistics, CustomLayout };
17
17
  declare function getIcons(): {
18
18
  [key: string]: TYPES.ColumnIconOption;
package/cjs/index.js CHANGED
@@ -101,6 +101,6 @@ Object.defineProperty(exports, "getDataCellPath", {
101
101
  get: function() {
102
102
  return get_data_path_1.getDataCellPath;
103
103
  }
104
- }), __exportStar(require("./render/jsx"), exports), exports.version = "0.17.3-alpha.2",
104
+ }), __exportStar(require("./render/jsx"), exports), exports.version = "0.17.3-alpha.4",
105
105
  exports.getIcons = getIcons, exports.clearGlobal = clearGlobal, TYPES.AggregationType;
106
106
  //# sourceMappingURL=index.js.map
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAiDlC,sBAAK;AAhDP,6CAA+B;AAiD7B,oBAAI;AAhDN,6CAA+B;AAwE7B,oBAAI;AAvEN,+CAAiC;AACjC,qDAAuC;AA2ErC,4BAAQ;AA1EV,iDAAmC;AAoEjC,wBAAM;AAnER,yEAA2D;AA6EzD,wCAAc;AAvDhB,2CAAwC;AAuBtC,0FAvBO,qBAAS,OAuBP;AAtBX,6CAA0C;AAwBxC,2FAxBO,uBAAU,OAwBP;AAvBZ,6CAA0C;AA0BxC,2FA1BO,uBAAU,OA0BP;AAxBZ,8DAAgD;AAoD9C,oCAAY;AA/Cd,uDAAwD;AAA/C,gHAAA,eAAe,OAAA;AACxB,+CAA6B;AAEhB,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAgDxC,SAAS,QAAQ;IAGf,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC;AACrB,CAAC;AAhBC,4BAAQ;AAkBV,SAAS,WAAW;IAClB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AAGtB,CAAC;AArBC,kCAAW;AAsBb,KAAK,CAAC,eAAe,CAAC","file":"index.js","sourcesContent":["/* eslint-disable sort-imports */\nimport * as TYPES from './ts-types';\nimport * as core from './core';\nimport * as data from './data';\nimport * as icons from './icons';\nimport * as register from './register';\nimport * as themes from './themes';\nimport * as DataStatistics from './dataset/DataStatistics';\nimport type {\n ColumnDefine,\n ColumnsDefine,\n LinkColumnDefine,\n ChartColumnDefine,\n ImageColumnDefine,\n SparklineColumnDefine,\n ProgressbarColumnDefine,\n TextColumnDefine,\n GroupColumnDefine,\n ListTableConstructorOptions,\n PivotTableConstructorOptions,\n PivotChartConstructorOptions,\n IHeaderTreeDefine,\n IDimension,\n IIndicator,\n ITitleDefine,\n ICornerDefine,\n TextAlignType,\n TextBaselineType\n} from './ts-types';\nimport { ListTable } from './ListTable';\nimport { PivotTable } from './PivotTable';\nimport { PivotChart } from './PivotChart';\nimport type { MousePointerCellEvent } from './ts-types/events';\nimport * as CustomLayout from './render/layout';\n\n// import { container, loadCanvasPicker } from '@visactor/vrender';\n// loadCanvasPicker(container);\n\nexport { getDataCellPath } from './tools/get-data-path';\nexport * from './render/jsx';\n\nexport const version = \"0.17.3-alpha.2\";\n/**\n * @namespace VTable\n */\nexport {\n /**\n * Types\n * @namespace VTable.TYPES\n */\n TYPES,\n core,\n ListTable,\n ListTableConstructorOptions,\n PivotTable,\n PivotTableConstructorOptions,\n PivotChartConstructorOptions,\n PivotChart,\n IHeaderTreeDefine,\n IDimension,\n IIndicator,\n ITitleDefine,\n ICornerDefine,\n ColumnsDefine,\n ColumnDefine,\n LinkColumnDefine,\n ChartColumnDefine,\n ImageColumnDefine,\n SparklineColumnDefine,\n ProgressbarColumnDefine,\n TextColumnDefine,\n GroupColumnDefine,\n TextAlignType,\n TextBaselineType,\n themes,\n data,\n MousePointerCellEvent,\n getIcons,\n clearGlobal,\n //plugin registers\n register,\n /**\n * 暂不推荐使用\n */\n DataStatistics,\n CustomLayout\n};\n\n/** @private */\nfunction getIcons(): {\n [key: string]: TYPES.ColumnIconOption;\n} {\n return icons.get();\n}\n/** 清理内部的全局变量 如注册的icon theme等 以及共享的header column类实例 */\nfunction clearGlobal() {\n register.clearAll();\n // headers.type.clearGlobal();\n // columns.type.clearGlobal();\n}\nTYPES.AggregationType;\n"]}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAAoC;AAiDlC,sBAAK;AAhDP,6CAA+B;AAiD7B,oBAAI;AAhDN,6CAA+B;AAwE7B,oBAAI;AAvEN,+CAAiC;AACjC,qDAAuC;AA2ErC,4BAAQ;AA1EV,iDAAmC;AAoEjC,wBAAM;AAnER,yEAA2D;AA6EzD,wCAAc;AAvDhB,2CAAwC;AAuBtC,0FAvBO,qBAAS,OAuBP;AAtBX,6CAA0C;AAwBxC,2FAxBO,uBAAU,OAwBP;AAvBZ,6CAA0C;AA0BxC,2FA1BO,uBAAU,OA0BP;AAxBZ,8DAAgD;AAoD9C,oCAAY;AA/Cd,uDAAwD;AAA/C,gHAAA,eAAe,OAAA;AACxB,+CAA6B;AAEhB,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAgDxC,SAAS,QAAQ;IAGf,OAAO,KAAK,CAAC,GAAG,EAAE,CAAC;AACrB,CAAC;AAhBC,4BAAQ;AAkBV,SAAS,WAAW;IAClB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AAGtB,CAAC;AArBC,kCAAW;AAsBb,KAAK,CAAC,eAAe,CAAC","file":"index.js","sourcesContent":["/* eslint-disable sort-imports */\nimport * as TYPES from './ts-types';\nimport * as core from './core';\nimport * as data from './data';\nimport * as icons from './icons';\nimport * as register from './register';\nimport * as themes from './themes';\nimport * as DataStatistics from './dataset/DataStatistics';\nimport type {\n ColumnDefine,\n ColumnsDefine,\n LinkColumnDefine,\n ChartColumnDefine,\n ImageColumnDefine,\n SparklineColumnDefine,\n ProgressbarColumnDefine,\n TextColumnDefine,\n GroupColumnDefine,\n ListTableConstructorOptions,\n PivotTableConstructorOptions,\n PivotChartConstructorOptions,\n IHeaderTreeDefine,\n IDimension,\n IIndicator,\n ITitleDefine,\n ICornerDefine,\n TextAlignType,\n TextBaselineType\n} from './ts-types';\nimport { ListTable } from './ListTable';\nimport { PivotTable } from './PivotTable';\nimport { PivotChart } from './PivotChart';\nimport type { MousePointerCellEvent } from './ts-types/events';\nimport * as CustomLayout from './render/layout';\n\n// import { container, loadCanvasPicker } from '@visactor/vrender';\n// loadCanvasPicker(container);\n\nexport { getDataCellPath } from './tools/get-data-path';\nexport * from './render/jsx';\n\nexport const version = \"0.17.3-alpha.4\";\n/**\n * @namespace VTable\n */\nexport {\n /**\n * Types\n * @namespace VTable.TYPES\n */\n TYPES,\n core,\n ListTable,\n ListTableConstructorOptions,\n PivotTable,\n PivotTableConstructorOptions,\n PivotChartConstructorOptions,\n PivotChart,\n IHeaderTreeDefine,\n IDimension,\n IIndicator,\n ITitleDefine,\n ICornerDefine,\n ColumnsDefine,\n ColumnDefine,\n LinkColumnDefine,\n ChartColumnDefine,\n ImageColumnDefine,\n SparklineColumnDefine,\n ProgressbarColumnDefine,\n TextColumnDefine,\n GroupColumnDefine,\n TextAlignType,\n TextBaselineType,\n themes,\n data,\n MousePointerCellEvent,\n getIcons,\n clearGlobal,\n //plugin registers\n register,\n /**\n * 暂不推荐使用\n */\n DataStatistics,\n CustomLayout\n};\n\n/** @private */\nfunction getIcons(): {\n [key: string]: TYPES.ColumnIconOption;\n} {\n return icons.get();\n}\n/** 清理内部的全局变量 如注册的icon theme等 以及共享的header column类实例 */\nfunction clearGlobal() {\n register.clearAll();\n // headers.type.clearGlobal();\n // columns.type.clearGlobal();\n}\nTYPES.AggregationType;\n"]}
@@ -1,12 +1,12 @@
1
- import { WrapText, type IWrapTextGraphicAttribute } from '@visactor/vrender';
1
+ import { Text as VText, type ITextGraphicAttribute } from '@visactor/vrender';
2
2
  import type { BaseTableAPI } from '../../ts-types/base-table';
3
3
  type ITextOption = {
4
4
  marginTop?: number;
5
5
  marginRight?: number;
6
6
  marginBottom?: number;
7
7
  marginLeft?: number;
8
- } & IWrapTextGraphicAttribute;
9
- export declare class Text extends WrapText {
8
+ } & ITextGraphicAttribute;
9
+ export declare class Text extends VText {
10
10
  constructor(options: ITextOption);
11
11
  getSize(table: BaseTableAPI): void;
12
12
  }
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
 
7
7
  const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils");
8
8
 
9
- class Text extends vrender_1.WrapText {
9
+ class Text extends vrender_1.Text {
10
10
  constructor(options) {
11
11
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
12
12
  options.textBaseline || (options.textBaseline = "top");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/render/layout/text.ts"],"names":[],"mappings":";;;AAAA,+CAA6E;AAG7E,6CAA2C;AAS3C,MAAa,IAAK,SAAQ,kBAAQ;IAChC,YAAY,OAAoB;;QAC9B,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE;YACzB,OAAO,CAAC,YAAY,GAAG,KAAK,CAAC;SAC9B;QACD,MAAM,eAAe,GAAG,IAAA,gBAAO,EAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG;YACd,MAAA,MAAA,OAAO,CAAC,SAAS,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAC9F,MAAA,MAAA,OAAO,CAAC,WAAW,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAChG,MAAA,MAAA,OAAO,CAAC,YAAY,mCAClB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;YACH,MAAA,MAAA,OAAO,CAAC,UAAU,mCAChB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;SACJ,CAAC;QACF,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC;QAChC,OAAO,CAAC,IAAI,GAAG,MAAA,OAAO,CAAC,IAAI,mCAAI,MAAM,CAAC;QAEtC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;IACD,OAAO,CAAC,KAAmB;QACzB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;CACF;AAxBD,oBAwBC","file":"text.js","sourcesContent":["import { WrapText, type IWrapTextGraphicAttribute } from '@visactor/vrender';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { TagAttributes } from '@visactor/vrender-components';\nimport { isArray } from '@visactor/vutils';\n\ntype ITextOption = {\n marginTop?: number;\n marginRight?: number;\n marginBottom?: number;\n marginLeft?: number;\n} & IWrapTextGraphicAttribute;\n\nexport class Text extends WrapText {\n constructor(options: ITextOption) {\n if (!options.textBaseline) {\n options.textBaseline = 'top';\n }\n const isPaddingNumber = isArray(options.boundsPadding);\n const padding = [\n options.marginTop ?? (isPaddingNumber ? options.boundsPadding[0] : options.boundsPadding) ?? 0,\n options.marginRight ?? (isPaddingNumber ? options.boundsPadding[1] : options.boundsPadding) ?? 0,\n options.marginBottom ??\n (isPaddingNumber ? options.boundsPadding[2] ?? options.boundsPadding[0] : options.boundsPadding) ??\n 0,\n options.marginLeft ??\n (isPaddingNumber ? options.boundsPadding[3] ?? options.boundsPadding[1] : options.boundsPadding) ??\n 0\n ];\n options.boundsPadding = padding;\n options.fill = options.fill ?? '#000';\n\n super(options);\n }\n getSize(table: BaseTableAPI) {\n this.AABBBounds.width();\n }\n}\n"]}
1
+ {"version":3,"sources":["../src/render/layout/text.ts"],"names":[],"mappings":";;;AAAA,+CAA8E;AAG9E,6CAA2C;AAS3C,MAAa,IAAK,SAAQ,cAAK;IAC7B,YAAY,OAAoB;;QAC9B,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE;YACzB,OAAO,CAAC,YAAY,GAAG,KAAK,CAAC;SAC9B;QACD,MAAM,eAAe,GAAG,IAAA,gBAAO,EAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG;YACd,MAAA,MAAA,OAAO,CAAC,SAAS,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAC9F,MAAA,MAAA,OAAO,CAAC,WAAW,mCAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAAI,CAAC;YAChG,MAAA,MAAA,OAAO,CAAC,YAAY,mCAClB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;YACH,MAAA,MAAA,OAAO,CAAC,UAAU,mCAChB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,mCAChG,CAAC;SACJ,CAAC;QACF,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC;QAChC,OAAO,CAAC,IAAI,GAAG,MAAA,OAAO,CAAC,IAAI,mCAAI,MAAM,CAAC;QAEtC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjB,CAAC;IACD,OAAO,CAAC,KAAmB;QACzB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;CACF;AAxBD,oBAwBC","file":"text.js","sourcesContent":["import { Text as VText, type ITextGraphicAttribute } from '@visactor/vrender';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { TagAttributes } from '@visactor/vrender-components';\nimport { isArray } from '@visactor/vutils';\n\ntype ITextOption = {\n marginTop?: number;\n marginRight?: number;\n marginBottom?: number;\n marginLeft?: number;\n} & ITextGraphicAttribute;\n\nexport class Text extends VText {\n constructor(options: ITextOption) {\n if (!options.textBaseline) {\n options.textBaseline = 'top';\n }\n const isPaddingNumber = isArray(options.boundsPadding);\n const padding = [\n options.marginTop ?? (isPaddingNumber ? options.boundsPadding[0] : options.boundsPadding) ?? 0,\n options.marginRight ?? (isPaddingNumber ? options.boundsPadding[1] : options.boundsPadding) ?? 0,\n options.marginBottom ??\n (isPaddingNumber ? options.boundsPadding[2] ?? options.boundsPadding[0] : options.boundsPadding) ??\n 0,\n options.marginLeft ??\n (isPaddingNumber ? options.boundsPadding[3] ?? options.boundsPadding[1] : options.boundsPadding) ??\n 0\n ];\n options.boundsPadding = padding;\n options.fill = options.fill ?? '#000';\n\n super(options);\n }\n getSize(table: BaseTableAPI) {\n this.AABBBounds.width();\n }\n}\n"]}
@@ -101,6 +101,12 @@ Object.defineProperty(exports, "__esModule", {
101
101
  cellBgColor: "rgba(0, 0, 255,0.1)",
102
102
  cellBorderLineWidth: 2,
103
103
  cellBorderColor: "#3073f2"
104
+ },
105
+ tooltipStyle: {
106
+ bgColor: "#FFF",
107
+ color: "#000",
108
+ fontSize: 12,
109
+ fontFamily: "Arial,sans-serif"
104
110
  }
105
111
  };
106
112
  //# sourceMappingURL=ARCO.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/themes/ARCO.ts"],"names":[],"mappings":";;AAEA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,MAAM,CAAC;KACf;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,kBAAkB;QAC9B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;KACxB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAElB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,kBAAkB;QAC9B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,cAAc,EAAE;QACd,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,kBAAkB;QAC9B,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,EAAE;QACd,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAC/B;KAQF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,wBAAwB;YACpC,QAAQ,EAAE,qBAAqB;SAChC;KACF;IAUD,cAAc,EAAE;QACd,WAAW,EAAE,qBAAqB;QAClC,mBAAmB,EAAE,CAAC;QACtB,eAAe,EAAE,SAAS;KAC3B;CACmB,CAAC","file":"ARCO.js","sourcesContent":["import type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n const { row, table } = args;\n const index = row - table.frozenRowCount;\n if (!(index & 1)) {\n return '#FFF';\n }\n return '#fbfbfc';\n}\n\n/**\n * arco theme\n * @name ARCO\n * @memberof VTable.themes.choices\n */\nexport default {\n underlayBackgroundColor: '#FFF',\n // selectionBgColor: '#CCE0FF',\n defaultStyle: {\n color: '#1B1F23',\n bgColor: '#EEF1F5',\n fontSize: 14,\n fontFamily: 'Arial,sans-serif',\n fontWeight: 600,\n lineHeight: 14,\n borderColor: '#e1e4e8',\n padding: [8, 12, 8, 12]\n },\n headerStyle: {\n color: '#1B1F23',\n bgColor: '#EEF1F5',\n // 优先使用 Arial 字体,等宽能够保证数字场景长度一致,英文加粗场景 Arial 没有 500 字重,所以使用 600\n fontSize: 14,\n fontFamily: 'Arial,sans-serif',\n fontWeight: 600,\n lineHeight: 14,\n borderColor: '#e1e4e8',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#c8daf6'\n }\n // click: {\n // cellBgColor: '#c8daf6',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#3073f2', //['#e1e4e8', '#e1e4e8', '#3073f2', '#e1e4e8'],\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n },\n rowHeaderStyle: {\n color: '#1B1F23',\n bgColor: '#EEF1F5',\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#e1e4e8',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#c8daf6'\n }\n // click: {\n // cellBgColor: '#c8daf6',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#3073f2', //['#e1e4e8', '#e1e4e8', '#3073f2', '#e1e4e8'],\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n },\n cornerHeaderStyle: {\n color: '#1B1F23',\n bgColor: '#EEF1F5',\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#e1e4e8',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#c8daf6'\n }\n // click: {\n // cellBgColor: '#c8daf6',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#3073f2', //['#e1e4e8', '#e1e4e8', '#3073f2', '#e1e4e8'],\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n },\n bodyStyle: {\n padding: [8, 12, 8, 12],\n color: '#141414',\n fontSize: 14,\n fontFamily: 'Arial,sans-serif',\n fontWeight: 400,\n textAlign: 'left',\n bgColor: getBackgroundColor,\n borderColor: '#e1e4e8',\n lineHeight: 14,\n hover: {\n cellBgColor: '#F7F8FA',\n inlineRowBgColor: '#F3F8FF',\n inlineColumnBgColor: '#F3F8FF'\n }\n // click: {\n // cellBgColor: 'rgba(0, 0, 255,0.1)',\n // cellBorderLineWidth: 2,\n // inlineColumnBgColor: '#CCE0FF',\n // inlineRowBgColor: '#00E0FF',\n // cellBorderColor: '#3073f2',\n // },\n },\n frameStyle: {\n borderColor: '#d1d5da',\n borderLineWidth: 1,\n borderLineDash: [],\n cornerRadius: 4,\n shadowBlur: 6,\n shadowOffsetX: 0,\n shadowOffsetY: 0,\n shadowColor: 'rgba(00, 24, 47, 0.06)'\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF',\n width: 3\n },\n frozenColumnLine: {\n shadow: {\n width: 4,\n startColor: 'rgba(00, 24, 47, 0.05)',\n endColor: 'rgba(00, 24, 47, 0)'\n }\n },\n // menuStyle: {\n // color: '#000',\n // highlightColor: '#2E68CF',\n // fontSize: 12,\n // fontFamily: 'Arial,sans-serif',\n // highlightFontSize: 12,\n // highlightFontFamily: 'Arial,sans-serif',\n // hoverBgColor: '#EEE'\n // },\n selectionStyle: {\n cellBgColor: 'rgba(0, 0, 255,0.1)',\n cellBorderLineWidth: 2,\n cellBorderColor: '#3073f2'\n }\n} as ITableThemeDefine;\n"]}
1
+ {"version":3,"sources":["../src/themes/ARCO.ts"],"names":[],"mappings":"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","file":"ARCO.js","sourcesContent":["import type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n const { row, table } = args;\n const index = row - table.frozenRowCount;\n if (!(index & 1)) {\n return '#FFF';\n }\n return '#fbfbfc';\n}\n\n/**\n * arco theme\n * @name ARCO\n * @memberof VTable.themes.choices\n */\nexport default {\n underlayBackgroundColor: '#FFF',\n // selectionBgColor: '#CCE0FF',\n defaultStyle: {\n color: '#1B1F23',\n bgColor: '#EEF1F5',\n fontSize: 14,\n fontFamily: 'Arial,sans-serif',\n fontWeight: 600,\n lineHeight: 14,\n borderColor: '#e1e4e8',\n padding: [8, 12, 8, 12]\n },\n headerStyle: {\n color: '#1B1F23',\n bgColor: '#EEF1F5',\n // 优先使用 Arial 字体,等宽能够保证数字场景长度一致,英文加粗场景 Arial 没有 500 字重,所以使用 600\n fontSize: 14,\n fontFamily: 'Arial,sans-serif',\n fontWeight: 600,\n lineHeight: 14,\n borderColor: '#e1e4e8',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#c8daf6'\n }\n // click: {\n // cellBgColor: '#c8daf6',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#3073f2', //['#e1e4e8', '#e1e4e8', '#3073f2', '#e1e4e8'],\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n },\n rowHeaderStyle: {\n color: '#1B1F23',\n bgColor: '#EEF1F5',\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#e1e4e8',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#c8daf6'\n }\n // click: {\n // cellBgColor: '#c8daf6',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#3073f2', //['#e1e4e8', '#e1e4e8', '#3073f2', '#e1e4e8'],\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n },\n cornerHeaderStyle: {\n color: '#1B1F23',\n bgColor: '#EEF1F5',\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#e1e4e8',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#c8daf6'\n }\n // click: {\n // cellBgColor: '#c8daf6',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#3073f2', //['#e1e4e8', '#e1e4e8', '#3073f2', '#e1e4e8'],\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n },\n bodyStyle: {\n padding: [8, 12, 8, 12],\n color: '#141414',\n fontSize: 14,\n fontFamily: 'Arial,sans-serif',\n fontWeight: 400,\n textAlign: 'left',\n bgColor: getBackgroundColor,\n borderColor: '#e1e4e8',\n lineHeight: 14,\n hover: {\n cellBgColor: '#F7F8FA',\n inlineRowBgColor: '#F3F8FF',\n inlineColumnBgColor: '#F3F8FF'\n }\n // click: {\n // cellBgColor: 'rgba(0, 0, 255,0.1)',\n // cellBorderLineWidth: 2,\n // inlineColumnBgColor: '#CCE0FF',\n // inlineRowBgColor: '#00E0FF',\n // cellBorderColor: '#3073f2',\n // },\n },\n frameStyle: {\n borderColor: '#d1d5da',\n borderLineWidth: 1,\n borderLineDash: [],\n cornerRadius: 4,\n shadowBlur: 6,\n shadowOffsetX: 0,\n shadowOffsetY: 0,\n shadowColor: 'rgba(00, 24, 47, 0.06)'\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF',\n width: 3\n },\n frozenColumnLine: {\n shadow: {\n width: 4,\n startColor: 'rgba(00, 24, 47, 0.05)',\n endColor: 'rgba(00, 24, 47, 0)'\n }\n },\n // menuStyle: {\n // color: '#000',\n // highlightColor: '#2E68CF',\n // fontSize: 12,\n // fontFamily: 'Arial,sans-serif',\n // highlightFontSize: 12,\n // highlightFontFamily: 'Arial,sans-serif',\n // hoverBgColor: '#EEE'\n // },\n selectionStyle: {\n cellBgColor: 'rgba(0, 0, 255,0.1)',\n cellBorderLineWidth: 2,\n cellBorderColor: '#3073f2'\n },\n tooltipStyle: {\n bgColor: '#FFF',\n color: '#000',\n fontSize: 12,\n fontFamily: 'Arial,sans-serif'\n }\n} as ITableThemeDefine;\n"]}
@@ -58,5 +58,11 @@ Object.defineProperty(exports, "__esModule", {
58
58
  },
59
59
  selectionStyle: {
60
60
  cellBgColor: "rgba(0, 0, 255,0.1)"
61
+ },
62
+ tooltipStyle: {
63
+ bgColor: "#FFF",
64
+ color: "#000",
65
+ fontSize: 12,
66
+ fontFamily: "Arial,sans-serif"
61
67
  }
62
68
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/themes/BRIGHT.ts"],"names":[],"mappings":";;AAEA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAI5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAIF;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;SACvB;KAIF;IAED,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAIF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,OAAO;KACrB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,SAAS;SACpB;KACF;IAUD,cAAc,EAAE;QACd,WAAW,EAAE,qBAAqB;KACnC;CACmB,CAAC","file":"BRIGHT.js","sourcesContent":["import type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n const { row, table } = args;\n // if (row < table.frozenRowCount) {\n // return \"#FFF\";\n // }\n const index = row - table.frozenRowCount;\n if (!(index & 1)) {\n return '#F4F8FF';\n }\n return '#FFF';\n}\n\n/**\n * basic theme\n * @name BRIGHT\n * @memberof VTable.themes.choices\n */\nexport default {\n underlayBackgroundColor: '#FFF',\n // selectionBgColor: '#CCE0FF',\n defaultStyle: {\n color: '#FFF',\n bgColor: '#5389FF',\n borderColor: '#5286FA',\n hover: {\n cellBgColor: '#2E67E3'\n }\n // click: {\n // cellBgColor: '#2E67E3',\n // },\n },\n headerStyle: {\n color: '#FFF',\n bgColor: '#5389FF',\n borderColor: '#A1C1FF',\n hover: {\n // cellBorderColor: \"#003fff\",\n cellBgColor: '#2E67E3'\n }\n // click: {\n // cellBgColor: '#2E67E3',\n // },\n },\n\n bodyStyle: {\n color: '#000',\n bgColor: getBackgroundColor,\n borderColor: '#E0EAFE',\n hover: {\n cellBgColor: '#E9EFFD'\n }\n // click: {\n // cellBgColor: 'rgba(0, 0, 255,0.1)',\n // },\n },\n frameStyle: {\n borderColor: '#E1E4E8',\n borderLineWidth: 1,\n borderLineDash: [],\n cornerRadius: 0,\n shadowBlur: 0,\n shadowOffsetX: 0,\n shadowOffsetY: 0,\n shadowColor: 'black'\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF',\n width: 3\n },\n frozenColumnLine: {\n shadow: {\n width: 3,\n startColor: '#CBDCFE',\n endColor: '#CBDCFE'\n }\n },\n // menuStyle: {\n // color: '#000',\n // highlightColor: '#2E68CF',\n // fontSize: 12,\n // fontFamily: 'Arial,sans-serif',\n // highlightFontSize: 12,\n // highlightFontFamily: 'Arial,sans-serif',\n // hoverBgColor: '#EEE'\n // },\n selectionStyle: {\n cellBgColor: 'rgba(0, 0, 255,0.1)'\n }\n} as ITableThemeDefine;\n"]}
1
+ {"version":3,"sources":["../src/themes/BRIGHT.ts"],"names":[],"mappings":";;AAEA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAI5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAIF;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;SACvB;KAIF;IAED,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAIF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,OAAO;KACrB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,SAAS;SACpB;KACF;IAUD,cAAc,EAAE;QACd,WAAW,EAAE,qBAAqB;KACnC;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,kBAAkB;KAC/B;CACmB,CAAC","file":"BRIGHT.js","sourcesContent":["import type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n const { row, table } = args;\n // if (row < table.frozenRowCount) {\n // return \"#FFF\";\n // }\n const index = row - table.frozenRowCount;\n if (!(index & 1)) {\n return '#F4F8FF';\n }\n return '#FFF';\n}\n\n/**\n * basic theme\n * @name BRIGHT\n * @memberof VTable.themes.choices\n */\nexport default {\n underlayBackgroundColor: '#FFF',\n // selectionBgColor: '#CCE0FF',\n defaultStyle: {\n color: '#FFF',\n bgColor: '#5389FF',\n borderColor: '#5286FA',\n hover: {\n cellBgColor: '#2E67E3'\n }\n // click: {\n // cellBgColor: '#2E67E3',\n // },\n },\n headerStyle: {\n color: '#FFF',\n bgColor: '#5389FF',\n borderColor: '#A1C1FF',\n hover: {\n // cellBorderColor: \"#003fff\",\n cellBgColor: '#2E67E3'\n }\n // click: {\n // cellBgColor: '#2E67E3',\n // },\n },\n\n bodyStyle: {\n color: '#000',\n bgColor: getBackgroundColor,\n borderColor: '#E0EAFE',\n hover: {\n cellBgColor: '#E9EFFD'\n }\n // click: {\n // cellBgColor: 'rgba(0, 0, 255,0.1)',\n // },\n },\n frameStyle: {\n borderColor: '#E1E4E8',\n borderLineWidth: 1,\n borderLineDash: [],\n cornerRadius: 0,\n shadowBlur: 0,\n shadowOffsetX: 0,\n shadowOffsetY: 0,\n shadowColor: 'black'\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF',\n width: 3\n },\n frozenColumnLine: {\n shadow: {\n width: 3,\n startColor: '#CBDCFE',\n endColor: '#CBDCFE'\n }\n },\n // menuStyle: {\n // color: '#000',\n // highlightColor: '#2E68CF',\n // fontSize: 12,\n // fontFamily: 'Arial,sans-serif',\n // highlightFontSize: 12,\n // highlightFontFamily: 'Arial,sans-serif',\n // hoverBgColor: '#EEE'\n // },\n selectionStyle: {\n cellBgColor: 'rgba(0, 0, 255,0.1)'\n },\n tooltipStyle: {\n bgColor: '#FFF',\n color: '#000',\n fontSize: 12,\n fontFamily: 'Arial,sans-serif'\n }\n} as ITableThemeDefine;\n"]}
@@ -77,6 +77,12 @@ Object.defineProperty(exports, "__esModule", {
77
77
  cellBgColor: "rgba(255, 255, 255, 0.1)",
78
78
  cellBorderColor: "#4284FF",
79
79
  cellBorderLineWidth: 2
80
+ },
81
+ tooltipStyle: {
82
+ bgColor: "#FFF",
83
+ color: "#000",
84
+ fontSize: 12,
85
+ fontFamily: "Arial,sans-serif"
80
86
  }
81
87
  };
82
88
  //# sourceMappingURL=DARK.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/themes/DARK.ts"],"names":[],"mappings":";;AAEA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,aAAa;IAEtC,YAAY,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,EAAE;IACrB,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,wBAAwB;YACpC,QAAQ,EAAE,qBAAqB;SAChC;KACF;IAUD,cAAc,EAAE;QACd,WAAW,EAAE,0BAA0B;QAEvC,eAAe,EAAE,SAAS;QAC1B,mBAAmB,EAAE,CAAC;KACvB;CACmB,CAAC","file":"DARK.js","sourcesContent":["import type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n const { row, table } = args;\n const index = row - table.frozenRowCount;\n if (!(index & 1)) {\n return '#2d3137';\n }\n return '#282a2e';\n}\n\n/**\n * dark theme\n * @name DARK\n * @memberof VTable.themes.DARK\n */\nexport default {\n underlayBackgroundColor: 'transparent',\n // selectionBgColor: '#CCE0FF',\n defaultStyle: {\n color: '#D3D5DA',\n bgColor: '#373b45',\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#444A54',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#2F4774'\n }\n // click: {\n // cellBgColor: 'rgba(0, 0, 255,0.1)',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#4284FF',\n // cellBorderLineWidth: 2,\n // },\n },\n headerStyle: {\n color: '#D3D5DA',\n bgColor: '#373b45',\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#444A54',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#2F4774'\n }\n // click: {\n // cellBgColor: '#2F4774',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#4284FF',\n // cellBorderLineWidth: 2,\n // },\n },\n rowHeaderStyle: {},\n cornerHeaderStyle: {},\n bodyStyle: {\n color: '#e5e7ea',\n bgColor: getBackgroundColor,\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#444A54',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#29364D'\n }\n // click: {\n // cellBgColor: '#29364D',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#4284FF',\n // cellBorderLineWidth: 2,\n // },\n },\n frameStyle: {\n borderColor: '#d1d5da',\n borderLineWidth: 1,\n borderLineDash: [],\n cornerRadius: 10,\n shadowBlur: 6,\n shadowOffsetX: 0,\n shadowOffsetY: 0,\n shadowColor: 'rgba(00, 24, 47, 0.06)'\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF',\n width: 3\n },\n frozenColumnLine: {\n shadow: {\n width: 4,\n startColor: 'rgba(00, 24, 47, 0.05)',\n endColor: 'rgba(00, 24, 47, 0)'\n }\n },\n // menuStyle: {\n // color: '#000',\n // highlightColor: '#2E68CF',\n // fontSize: 12,\n // fontFamily: 'Arial,sans-serif',\n // highlightFontSize: 12,\n // highlightFontFamily: 'Arial,sans-serif',\n // hoverBgColor: '#EEE'\n // },\n selectionStyle: {\n cellBgColor: 'rgba(255, 255, 255, 0.1)',\n // inlineColumnBgColor: \"#82b2f5\",\n cellBorderColor: '#4284FF',\n cellBorderLineWidth: 2\n }\n} as ITableThemeDefine;\n"]}
1
+ {"version":3,"sources":["../src/themes/DARK.ts"],"names":[],"mappings":";;AAEA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,aAAa;IAEtC,YAAY,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,EAAE;IACrB,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,wBAAwB;YACpC,QAAQ,EAAE,qBAAqB;SAChC;KACF;IAUD,cAAc,EAAE;QACd,WAAW,EAAE,0BAA0B;QAEvC,eAAe,EAAE,SAAS;QAC1B,mBAAmB,EAAE,CAAC;KACvB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,kBAAkB;KAC/B;CACmB,CAAC","file":"DARK.js","sourcesContent":["import type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n const { row, table } = args;\n const index = row - table.frozenRowCount;\n if (!(index & 1)) {\n return '#2d3137';\n }\n return '#282a2e';\n}\n\n/**\n * dark theme\n * @name DARK\n * @memberof VTable.themes.DARK\n */\nexport default {\n underlayBackgroundColor: 'transparent',\n // selectionBgColor: '#CCE0FF',\n defaultStyle: {\n color: '#D3D5DA',\n bgColor: '#373b45',\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#444A54',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#2F4774'\n }\n // click: {\n // cellBgColor: 'rgba(0, 0, 255,0.1)',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#4284FF',\n // cellBorderLineWidth: 2,\n // },\n },\n headerStyle: {\n color: '#D3D5DA',\n bgColor: '#373b45',\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#444A54',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#2F4774'\n }\n // click: {\n // cellBgColor: '#2F4774',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#4284FF',\n // cellBorderLineWidth: 2,\n // },\n },\n rowHeaderStyle: {},\n cornerHeaderStyle: {},\n bodyStyle: {\n color: '#e5e7ea',\n bgColor: getBackgroundColor,\n fontSize: 12,\n fontFamily: 'PingFang SC',\n fontWeight: 500,\n lineHeight: 12,\n borderColor: '#444A54',\n padding: [8, 12, 8, 12],\n hover: {\n cellBgColor: '#29364D'\n }\n // click: {\n // cellBgColor: '#29364D',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#4284FF',\n // cellBorderLineWidth: 2,\n // },\n },\n frameStyle: {\n borderColor: '#d1d5da',\n borderLineWidth: 1,\n borderLineDash: [],\n cornerRadius: 10,\n shadowBlur: 6,\n shadowOffsetX: 0,\n shadowOffsetY: 0,\n shadowColor: 'rgba(00, 24, 47, 0.06)'\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF',\n width: 3\n },\n frozenColumnLine: {\n shadow: {\n width: 4,\n startColor: 'rgba(00, 24, 47, 0.05)',\n endColor: 'rgba(00, 24, 47, 0)'\n }\n },\n // menuStyle: {\n // color: '#000',\n // highlightColor: '#2E68CF',\n // fontSize: 12,\n // fontFamily: 'Arial,sans-serif',\n // highlightFontSize: 12,\n // highlightFontFamily: 'Arial,sans-serif',\n // hoverBgColor: '#EEE'\n // },\n selectionStyle: {\n cellBgColor: 'rgba(255, 255, 255, 0.1)',\n // inlineColumnBgColor: \"#82b2f5\",\n cellBorderColor: '#4284FF',\n cellBorderLineWidth: 2\n },\n tooltipStyle: {\n bgColor: '#FFF',\n color: '#000',\n fontSize: 12,\n fontFamily: 'Arial,sans-serif'\n }\n} as ITableThemeDefine;\n"]}
@@ -76,6 +76,12 @@ Object.defineProperty(exports, "__esModule", {
76
76
  inlineColumnBgColor: "#CCE0FF",
77
77
  inlineRowBgColor: "#CCE0FF",
78
78
  cellBorderColor: "#0000ff"
79
+ },
80
+ tooltipStyle: {
81
+ bgColor: "#FFF",
82
+ color: "#000",
83
+ fontSize: 12,
84
+ fontFamily: "Arial,sans-serif"
79
85
  }
80
86
  };
81
87
  //# sourceMappingURL=DEFAULT.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/themes/DEFAULT.ts"],"names":[],"mappings":";;AAIA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAI5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;KACnB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAC/B;KAOF;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,SAAS;QAOlB,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAC/B;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,kBAAkB;QAC3B,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAE/B;KAQF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,OAAO;KACrB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,0BAA0B;YACtC,QAAQ,EAAE,0BAA0B;SACrC;KACF;IAUD,cAAc,EAAE;QACd,WAAW,EAAE,qBAAqB;QAClC,mBAAmB,EAAE,CAAC;QACtB,mBAAmB,EAAE,SAAS;QAC9B,gBAAgB,EAAE,SAAS;QAC3B,eAAe,EAAE,SAAS;KAC3B;CACmB,CAAC","file":"DEFAULT.js","sourcesContent":["/*eslint no-bitwise:0*/\n\nimport type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n const { row, table } = args;\n // if (row < table.frozenRowCount) {\n // return \"#FFF\";\n // }\n const index = row - table.frozenRowCount;\n if (!(index & 1)) {\n return '#FAF9FB';\n }\n return '#FDFDFD';\n}\n\n/**\n * default theme\n * @name DEFAULT\n * @memberof VTable.themes.DEFAULT\n */\nexport default {\n underlayBackgroundColor: '#FFF',\n // selectionBgColor: '#CCE0FF',\n defaultStyle: {\n borderColor: '#E1E4E8',\n color: '#000',\n bgColor: '#ECF1F5'\n },\n headerStyle: {\n fontSize: 16,\n fontWeight: 'bold',\n bgColor: '#ECF1F5',\n hover: {\n // cellBorderColor: \"#003fff\",\n cellBgColor: '#CCE0FF',\n inlineRowBgColor: '#F3F8FF',\n inlineColumnBgColor: '#F3F8FF'\n }\n // click: {\n // cellBgColor: '#82b2f5',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#0000ff',\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n },\n rowHeaderStyle: {\n fontSize: 16,\n fontWeight: 'bold',\n bgColor: '#ECF1F5',\n // click: {\n // cellBgColor: '#82b2f5',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#0000ff',\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n hover: {\n // cellBorderColor: \"#003fff\",\n cellBgColor: '#CCE0FF',\n inlineRowBgColor: '#F3F8FF',\n inlineColumnBgColor: '#F3F8FF'\n }\n },\n cornerHeaderStyle: {\n fontSize: 16,\n fontWeight: 'bold'\n },\n bodyStyle: {\n fontSize: 14,\n bgColor: getBackgroundColor,\n hover: {\n // cellBorderColor: \"#003fff\",\n cellBgColor: '#CCE0FF',\n inlineRowBgColor: '#F3F8FF',\n inlineColumnBgColor: '#F3F8FF'\n // cellBorderLineWidth:2\n }\n // click: {\n // cellBgColor: 'rgba(0, 0, 255,0.1)',\n // cellBorderLineWidth: 2,\n // inlineColumnBgColor: '#CCE0FF',\n // inlineRowBgColor: '#CCE0FF',\n // cellBorderColor: '#0000ff',\n // },\n },\n frameStyle: {\n borderColor: '#E1E4E8',\n borderLineWidth: 1,\n borderLineDash: [],\n cornerRadius: 0,\n shadowBlur: 0,\n shadowOffsetX: 0,\n shadowOffsetY: 0,\n shadowColor: 'black'\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF',\n width: 3\n },\n frozenColumnLine: {\n shadow: {\n width: 3,\n startColor: 'rgba(225, 228, 232, 0.6)',\n endColor: 'rgba(225, 228, 232, 0.6)'\n }\n },\n // menuStyle: {\n // color: '#000',\n // highlightColor: '#2E68CF',\n // fontSize: 12,\n // fontFamily: 'Arial,sans-serif',\n // highlightFontSize: 12,\n // highlightFontFamily: 'Arial,sans-serif',\n // hoverBgColor: '#EEE'\n // },\n selectionStyle: {\n cellBgColor: 'rgba(0, 0, 255,0.1)',\n cellBorderLineWidth: 2,\n inlineColumnBgColor: '#CCE0FF',\n inlineRowBgColor: '#CCE0FF',\n cellBorderColor: '#0000ff'\n }\n} as ITableThemeDefine;\n"]}
1
+ {"version":3,"sources":["../src/themes/DEFAULT.ts"],"names":[],"mappings":";;AAIA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAI5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;KACnB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAC/B;KAOF;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,SAAS;QAOlB,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAC/B;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,kBAAkB;QAC3B,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAE/B;KAQF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,OAAO;KACrB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,0BAA0B;YACtC,QAAQ,EAAE,0BAA0B;SACrC;KACF;IAUD,cAAc,EAAE;QACd,WAAW,EAAE,qBAAqB;QAClC,mBAAmB,EAAE,CAAC;QACtB,mBAAmB,EAAE,SAAS;QAC9B,gBAAgB,EAAE,SAAS;QAC3B,eAAe,EAAE,SAAS;KAC3B;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,kBAAkB;KAC/B;CACmB,CAAC","file":"DEFAULT.js","sourcesContent":["/*eslint no-bitwise:0*/\n\nimport type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n const { row, table } = args;\n // if (row < table.frozenRowCount) {\n // return \"#FFF\";\n // }\n const index = row - table.frozenRowCount;\n if (!(index & 1)) {\n return '#FAF9FB';\n }\n return '#FDFDFD';\n}\n\n/**\n * default theme\n * @name DEFAULT\n * @memberof VTable.themes.DEFAULT\n */\nexport default {\n underlayBackgroundColor: '#FFF',\n // selectionBgColor: '#CCE0FF',\n defaultStyle: {\n borderColor: '#E1E4E8',\n color: '#000',\n bgColor: '#ECF1F5'\n },\n headerStyle: {\n fontSize: 16,\n fontWeight: 'bold',\n bgColor: '#ECF1F5',\n hover: {\n // cellBorderColor: \"#003fff\",\n cellBgColor: '#CCE0FF',\n inlineRowBgColor: '#F3F8FF',\n inlineColumnBgColor: '#F3F8FF'\n }\n // click: {\n // cellBgColor: '#82b2f5',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#0000ff',\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n },\n rowHeaderStyle: {\n fontSize: 16,\n fontWeight: 'bold',\n bgColor: '#ECF1F5',\n // click: {\n // cellBgColor: '#82b2f5',\n // // inlineColumnBgColor: \"#82b2f5\",\n // cellBorderColor: '#0000ff',\n // cellBorderLineWidth: 2, // [0, 1, 3, 1],\n // },\n hover: {\n // cellBorderColor: \"#003fff\",\n cellBgColor: '#CCE0FF',\n inlineRowBgColor: '#F3F8FF',\n inlineColumnBgColor: '#F3F8FF'\n }\n },\n cornerHeaderStyle: {\n fontSize: 16,\n fontWeight: 'bold'\n },\n bodyStyle: {\n fontSize: 14,\n bgColor: getBackgroundColor,\n hover: {\n // cellBorderColor: \"#003fff\",\n cellBgColor: '#CCE0FF',\n inlineRowBgColor: '#F3F8FF',\n inlineColumnBgColor: '#F3F8FF'\n // cellBorderLineWidth:2\n }\n // click: {\n // cellBgColor: 'rgba(0, 0, 255,0.1)',\n // cellBorderLineWidth: 2,\n // inlineColumnBgColor: '#CCE0FF',\n // inlineRowBgColor: '#CCE0FF',\n // cellBorderColor: '#0000ff',\n // },\n },\n frameStyle: {\n borderColor: '#E1E4E8',\n borderLineWidth: 1,\n borderLineDash: [],\n cornerRadius: 0,\n shadowBlur: 0,\n shadowOffsetX: 0,\n shadowOffsetY: 0,\n shadowColor: 'black'\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF',\n width: 3\n },\n frozenColumnLine: {\n shadow: {\n width: 3,\n startColor: 'rgba(225, 228, 232, 0.6)',\n endColor: 'rgba(225, 228, 232, 0.6)'\n }\n },\n // menuStyle: {\n // color: '#000',\n // highlightColor: '#2E68CF',\n // fontSize: 12,\n // fontFamily: 'Arial,sans-serif',\n // highlightFontSize: 12,\n // highlightFontFamily: 'Arial,sans-serif',\n // hoverBgColor: '#EEE'\n // },\n selectionStyle: {\n cellBgColor: 'rgba(0, 0, 255,0.1)',\n cellBorderLineWidth: 2,\n inlineColumnBgColor: '#CCE0FF',\n inlineRowBgColor: '#CCE0FF',\n cellBorderColor: '#0000ff'\n },\n tooltipStyle: {\n bgColor: '#FFF',\n color: '#000',\n fontSize: 12,\n fontFamily: 'Arial,sans-serif'\n }\n} as ITableThemeDefine;\n"]}
@@ -41,6 +41,12 @@ Object.defineProperty(exports, "__esModule", {
41
41
  selectionStyle: {
42
42
  cellBorderColor: "#FD5",
43
43
  cellBgColor: "rgba(111, 168, 220, 0.1)"
44
+ },
45
+ tooltipStyle: {
46
+ bgColor: "#FFF",
47
+ color: "#000",
48
+ fontSize: 12,
49
+ fontFamily: "Arial,sans-serif"
44
50
  }
45
51
  };
46
52
  //# sourceMappingURL=SIMPLIFY.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/themes/SIMPLIFY.ts"],"names":[],"mappings":";;AAIA,SAAS,wBAAwB,CAAC,IAA8B;IAC9D,MAAM,EACJ,GAAG,EACH,KAAK,EAAE,EAAE,cAAc,EAAE,EAC1B,GAAG,IAAI,CAAC;IACT,IAAI,cAAc,GAAG,CAAC,KAAK,GAAG,EAAE;QAC9B,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;KACrD;IACD,OAAO,CAAC,SAAS,CAAC,CAAC;AACrB,CAAC;AACD,SAAS,cAAc,CAAC,IAA8B;IACpD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,GAAG,GAAkB,SAAS,CAAC;IACrC,MAAM,MAAM,GAAkB,SAAS,CAAC;IAWxC,IAAI,cAAc,GAAG,CAAC,KAAK,GAAG,EAAE;QAC9B,OAAO,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;KACvC;IACD,IAAI,QAAQ,GAAG,CAAC,KAAK,GAAG,EAAE;QACxB,OAAO,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;KACvC;IAED,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;AACnC,CAAC;AAMD,kBAAe;IAEb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,WAAW,EAAE,cAAc;QAE3B,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE;QAC7D,OAAO,EAAE,MAAM;KAChB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,qBAAqB;QAC5B,WAAW,EAAE,wBAAwB;KACtC;IACD,SAAS,EAAE;QAET,KAAK,EAAE,qBAAqB;KAC7B;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;KACnB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;KACnB;IACD,cAAc,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,0BAA0B,EAAE;CAChE,CAAC","file":"SIMPLIFY.js","sourcesContent":["/*eslint no-bitwise:0*/\n\nimport type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getFrozenRowsBorderColor(args: StylePropertyFunctionArg): string[] {\n const {\n row,\n table: { frozenRowCount }\n } = args;\n if (frozenRowCount - 1 === row) {\n return ['#f2f2f2', '#f2f2f2', '#ccc7c7', '#f2f2f2'];\n }\n return ['#f2f2f2'];\n}\nfunction getBorderColor(args: StylePropertyFunctionArg): (string | null)[] {\n const { col, table } = args;\n const { colCount, frozenColCount } = table;\n const top: string | null = '#ccc7c7';\n const bottom: string | null = '#ccc7c7';\n // if (recordRowCount > 1) {\n // const startRow = table.getRecordStartRowByRecordIndex(row);\n // const endRow = startRow + recordRowCount - 1;\n // if (startRow !== row) {\n // top = null;\n // }\n // if (endRow !== row) {\n // bottom = null;\n // }\n // }\n if (frozenColCount - 1 === col) {\n return [top, '#f2f2f2', bottom, null];\n }\n if (colCount - 1 === col) {\n return [top, '#f2f2f2', bottom, null];\n }\n\n return [top, null, bottom, null];\n}\n/**\n * material design theme\n * @name SIMPLIFY\n * @memberof VTable.themes.choices\n */\nexport default {\n // selectionBgColor: '#CCE0FF',\n underlayBackgroundColor: '#FFF',\n\n defaultStyle: {\n borderColor: getBorderColor,\n // click: { cellBorderColor: '#FD5', cellBgColor: '#6FA8DC' },\n hover: { cellBorderColor: '#0000FF', cellBgColor: '#D0E0E3' },\n bgColor: '#FFF'\n },\n headerStyle: {\n color: 'rgba(0, 0, 0, 0.87)',\n borderColor: getFrozenRowsBorderColor\n },\n bodyStyle: {\n // rowsBgColor:'#FFF',\n color: 'rgba(0, 0, 0, 0.87)'\n },\n frameStyle: {\n borderColor: '#f2f2f2',\n borderLineWidth: 1\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF'\n },\n selectionStyle: { cellBorderColor: '#FD5', cellBgColor: 'rgba(111, 168, 220, 0.1)' }\n} as ITableThemeDefine;\n"]}
1
+ {"version":3,"sources":["../src/themes/SIMPLIFY.ts"],"names":[],"mappings":";;AAIA,SAAS,wBAAwB,CAAC,IAA8B;IAC9D,MAAM,EACJ,GAAG,EACH,KAAK,EAAE,EAAE,cAAc,EAAE,EAC1B,GAAG,IAAI,CAAC;IACT,IAAI,cAAc,GAAG,CAAC,KAAK,GAAG,EAAE;QAC9B,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;KACrD;IACD,OAAO,CAAC,SAAS,CAAC,CAAC;AACrB,CAAC;AACD,SAAS,cAAc,CAAC,IAA8B;IACpD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,GAAG,GAAkB,SAAS,CAAC;IACrC,MAAM,MAAM,GAAkB,SAAS,CAAC;IAWxC,IAAI,cAAc,GAAG,CAAC,KAAK,GAAG,EAAE;QAC9B,OAAO,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;KACvC;IACD,IAAI,QAAQ,GAAG,CAAC,KAAK,GAAG,EAAE;QACxB,OAAO,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;KACvC;IAED,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;AACnC,CAAC;AAMD,kBAAe;IAEb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,WAAW,EAAE,cAAc;QAE3B,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE;QAC7D,OAAO,EAAE,MAAM;KAChB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,qBAAqB;QAC5B,WAAW,EAAE,wBAAwB;KACtC;IACD,SAAS,EAAE;QAET,KAAK,EAAE,qBAAqB;KAC7B;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;KACnB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;KACnB;IACD,cAAc,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,0BAA0B,EAAE;IACpF,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,kBAAkB;KAC/B;CACmB,CAAC","file":"SIMPLIFY.js","sourcesContent":["/*eslint no-bitwise:0*/\n\nimport type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getFrozenRowsBorderColor(args: StylePropertyFunctionArg): string[] {\n const {\n row,\n table: { frozenRowCount }\n } = args;\n if (frozenRowCount - 1 === row) {\n return ['#f2f2f2', '#f2f2f2', '#ccc7c7', '#f2f2f2'];\n }\n return ['#f2f2f2'];\n}\nfunction getBorderColor(args: StylePropertyFunctionArg): (string | null)[] {\n const { col, table } = args;\n const { colCount, frozenColCount } = table;\n const top: string | null = '#ccc7c7';\n const bottom: string | null = '#ccc7c7';\n // if (recordRowCount > 1) {\n // const startRow = table.getRecordStartRowByRecordIndex(row);\n // const endRow = startRow + recordRowCount - 1;\n // if (startRow !== row) {\n // top = null;\n // }\n // if (endRow !== row) {\n // bottom = null;\n // }\n // }\n if (frozenColCount - 1 === col) {\n return [top, '#f2f2f2', bottom, null];\n }\n if (colCount - 1 === col) {\n return [top, '#f2f2f2', bottom, null];\n }\n\n return [top, null, bottom, null];\n}\n/**\n * material design theme\n * @name SIMPLIFY\n * @memberof VTable.themes.choices\n */\nexport default {\n // selectionBgColor: '#CCE0FF',\n underlayBackgroundColor: '#FFF',\n\n defaultStyle: {\n borderColor: getBorderColor,\n // click: { cellBorderColor: '#FD5', cellBgColor: '#6FA8DC' },\n hover: { cellBorderColor: '#0000FF', cellBgColor: '#D0E0E3' },\n bgColor: '#FFF'\n },\n headerStyle: {\n color: 'rgba(0, 0, 0, 0.87)',\n borderColor: getFrozenRowsBorderColor\n },\n bodyStyle: {\n // rowsBgColor:'#FFF',\n color: 'rgba(0, 0, 0, 0.87)'\n },\n frameStyle: {\n borderColor: '#f2f2f2',\n borderLineWidth: 1\n },\n columnResize: {\n lineWidth: 1,\n lineColor: '#416EFF',\n bgColor: '#D9E2FF'\n },\n selectionStyle: { cellBorderColor: '#FD5', cellBgColor: 'rgba(111, 168, 220, 0.1)' },\n tooltipStyle: {\n bgColor: '#FFF',\n color: '#000',\n fontSize: 12,\n fontFamily: 'Arial,sans-serif'\n }\n} as ITableThemeDefine;\n"]}
package/dist/vtable.js CHANGED
@@ -3947,6 +3947,12 @@
3947
3947
  cellBgColor: 'rgba(255, 255, 255, 0.1)',
3948
3948
  cellBorderColor: '#4284FF',
3949
3949
  cellBorderLineWidth: 2
3950
+ },
3951
+ tooltipStyle: {
3952
+ bgColor: '#FFF',
3953
+ color: '#000',
3954
+ fontSize: 12,
3955
+ fontFamily: 'Arial,sans-serif'
3950
3956
  }
3951
3957
  };
3952
3958
 
@@ -4009,6 +4015,12 @@
4009
4015
  },
4010
4016
  selectionStyle: {
4011
4017
  cellBgColor: 'rgba(0, 0, 255,0.1)'
4018
+ },
4019
+ tooltipStyle: {
4020
+ bgColor: '#FFF',
4021
+ color: '#000',
4022
+ fontSize: 12,
4023
+ fontFamily: 'Arial,sans-serif'
4012
4024
  }
4013
4025
  };
4014
4026
 
@@ -4114,6 +4126,12 @@
4114
4126
  cellBgColor: 'rgba(0, 0, 255,0.1)',
4115
4127
  cellBorderLineWidth: 2,
4116
4128
  cellBorderColor: '#3073f2'
4129
+ },
4130
+ tooltipStyle: {
4131
+ bgColor: '#FFF',
4132
+ color: '#000',
4133
+ fontSize: 12,
4134
+ fontFamily: 'Arial,sans-serif'
4117
4135
  }
4118
4136
  };
4119
4137
 
@@ -4194,6 +4212,12 @@
4194
4212
  inlineColumnBgColor: '#CCE0FF',
4195
4213
  inlineRowBgColor: '#CCE0FF',
4196
4214
  cellBorderColor: '#0000ff'
4215
+ },
4216
+ tooltipStyle: {
4217
+ bgColor: '#FFF',
4218
+ color: '#000',
4219
+ fontSize: 12,
4220
+ fontFamily: 'Arial,sans-serif'
4197
4221
  }
4198
4222
  };
4199
4223
 
@@ -4240,7 +4264,13 @@
4240
4264
  lineColor: '#416EFF',
4241
4265
  bgColor: '#D9E2FF'
4242
4266
  },
4243
- selectionStyle: { cellBorderColor: '#FD5', cellBgColor: 'rgba(111, 168, 220, 0.1)' }
4267
+ selectionStyle: { cellBorderColor: '#FD5', cellBgColor: 'rgba(111, 168, 220, 0.1)' },
4268
+ tooltipStyle: {
4269
+ bgColor: '#FFF',
4270
+ color: '#000',
4271
+ fontSize: 12,
4272
+ fontFamily: 'Arial,sans-serif'
4273
+ }
4244
4274
  };
4245
4275
 
4246
4276
  const themes$2 = {};
@@ -64058,7 +64088,7 @@
64058
64088
  if (f != null) {
64059
64089
  retIcon[k] = f;
64060
64090
  }
64061
- else if (!this._table._hasField(iconOpt[k], col, row)) {
64091
+ else if (!this._table._hasField?.(iconOpt[k], col, row)) {
64062
64092
  retIcon[k] = iconOpt[k];
64063
64093
  }
64064
64094
  }
@@ -65516,7 +65546,7 @@
65516
65546
  placement: Placement.bottom,
65517
65547
  rect
65518
65548
  },
65519
- style: { arrowMark: false }
65549
+ style: table.theme.tooltipStyle
65520
65550
  };
65521
65551
  }
65522
65552
  }
@@ -66623,7 +66653,7 @@
66623
66653
  return TABLE_EVENT_TYPE;
66624
66654
  }
66625
66655
  options;
66626
- version = "0.17.3-alpha.2";
66656
+ version = "0.17.3-alpha.4";
66627
66657
  pagination;
66628
66658
  id = `VTable${Date.now()}`;
66629
66659
  headerStyleCache;
@@ -68247,7 +68277,7 @@
68247
68277
  return false;
68248
68278
  }
68249
68279
  const index = table.getRecordShowIndexByCell(col, row);
68250
- return table.internalProps.dataSource.hasField(index, field);
68280
+ return table.internalProps.dataSource?.hasField(index, field);
68251
68281
  }
68252
68282
  _getCellStyle(col, row) {
68253
68283
  const { layoutMap } = this.internalProps;
@@ -75474,6 +75504,43 @@
75474
75504
  const { layoutMap } = this.internalProps;
75475
75505
  return layoutMap.getBodyIndexByCol(col);
75476
75506
  }
75507
+ getFieldData(field, col, row) {
75508
+ const table = this;
75509
+ if (table.internalProps.layoutMap.isHeader(col, row)) {
75510
+ return undefined;
75511
+ }
75512
+ if (this.dataset) {
75513
+ const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
75514
+ if (cellDimensionPath) {
75515
+ const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
75516
+ return colPath.indicatorKey ?? colPath.value;
75517
+ });
75518
+ const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
75519
+ return rowPath.indicatorKey ?? rowPath.value;
75520
+ });
75521
+ const aggregator = this.dataset.getAggregator(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row));
75522
+ if (aggregator.records && aggregator.records.length >= 1) {
75523
+ return aggregator.records[0][field];
75524
+ }
75525
+ }
75526
+ }
75527
+ else if (this.flatDataToObjects) {
75528
+ const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
75529
+ const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
75530
+ return colPath.indicatorKey ?? colPath.value;
75531
+ });
75532
+ const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
75533
+ return rowPath.indicatorKey ?? rowPath.value;
75534
+ });
75535
+ const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, false);
75536
+ if (treeNode?.record) {
75537
+ return treeNode?.record[field];
75538
+ }
75539
+ }
75540
+ const rowIndex = this.getBodyIndexByRow(row);
75541
+ const colIndex = this.getBodyIndexByCol(col);
75542
+ return this.records[rowIndex]?.[colIndex];
75543
+ }
75477
75544
  getCellValue(col, row) {
75478
75545
  const customMergeText = this.getCustomMergeValue(col, row);
75479
75546
  if (customMergeText) {
@@ -76897,7 +76964,7 @@
76897
76964
  }
76898
76965
  }
76899
76966
 
76900
- class Text extends WrapText$1 {
76967
+ class Text extends Text$2 {
76901
76968
  constructor(options) {
76902
76969
  if (!options.textBaseline) {
76903
76970
  options.textBaseline = 'top';
@@ -77250,7 +77317,7 @@
77250
77317
  return new Tag$1(params ? params.attribute : {});
77251
77318
  }
77252
77319
 
77253
- const version = "0.17.3-alpha.2";
77320
+ const version = "0.17.3-alpha.4";
77254
77321
  function getIcons() {
77255
77322
  return get$2();
77256
77323
  }