@visactor/vseed 0.1.43 → 0.1.45

package/dist/esm/pipeline/spec/table/pipes/theme/headerStyle.d.ts

@@ -1,2 +1,2 @@
-import type { SpecPipe } from '../../../../../types';
-export declare const headerStyle: SpecPipe;
+import type { PivotTableSpecPipe } from '../../../../../types';
+export declare const headerStyle: PivotTableSpecPipe;

package/dist/esm/pipeline/spec/table/pipes/theme/headerStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/table/pipes/theme/headerStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/headerStyle.ts"],"sourcesContent":["import type { SpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const headerStyle: SpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  // basic\n  const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5'\n  const fontColor = themConfig.headerFontColor || '#1B1F23'\n  const fontSize = themConfig.headerFontSize || 12\n  // Interaction\n  const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff'\n  const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff'\n\n  ;(result.theme as ThemeLike).headerStyle = {\n    borderColor: borderColor,\n    borderLineWidth: 1,\n    padding: [8, 12, 8, 12],\n    textAlign: 'center',\n    hover: {\n      cellBgColor: hoverCellBgColor,\n      inlineRowBgColor: hoverInlineColor,\n      inlineColumnBgColor: hoverInlineColor,\n    },\n    frameStyle: {\n      borderColor: borderColor,\n      borderLineWidth: [0, 0, 1, 0],\n    },\n    fontSize: fontSize,\n    fontVariant: 'normal',\n    fontStyle: 'normal',\n    fontWeight: 'bold',\n    color: fontColor,\n    bgColor: backgroundColor,\n    lineHeight: fontSize * 1.5,\n  }\n\n  return result\n}\n"],"names":["headerStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor","fontColor","fontSize","hoverCellBgColor","hoverInlineColor"],"mappings":"AAGO,MAAMA,cAAwB,CAACC,MAAMC;IAC1C,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAGzC,MAAMK,cAAcD,WAAW,WAAW,IAAI;IAC9C,MAAME,kBAAkBF,WAAW,qBAAqB,IAAI;IAC5D,MAAMG,YAAYH,WAAW,eAAe,IAAI;IAChD,MAAMI,WAAWJ,WAAW,cAAc,IAAI;IAE9C,MAAMK,mBAAmBL,WAAW,0BAA0B,IAAI;IAClE,MAAMM,mBAAmBN,WAAW,gCAAgC,IAAI;IAEtEJ,OAAO,KAAK,CAAe,WAAW,GAAG;QACzC,aAAaK;QACb,iBAAiB;QACjB,SAAS;YAAC;YAAG;YAAI;YAAG;SAAG;QACvB,WAAW;QACX,OAAO;YACL,aAAaI;YACb,kBAAkBC;YAClB,qBAAqBA;QACvB;QACA,YAAY;YACV,aAAaL;YACb,iBAAiB;gBAAC;gBAAG;gBAAG;gBAAG;aAAE;QAC/B;QACA,UAAUG;QACV,aAAa;QACb,WAAW;QACX,YAAY;QACZ,OAAOD;QACP,SAASD;QACT,YAAYE,AAAW,MAAXA;IACd;IAEA,OAAOR;AACT"}
+{"version":3,"file":"pipeline/spec/table/pipes/theme/headerStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/headerStyle.ts"],"sourcesContent":["import type { PivotTableSpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const headerStyle: PivotTableSpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  // basic\n  const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5'\n  const fontColor = themConfig.headerFontColor || '#1B1F23'\n  const fontSize = themConfig.headerFontSize || 12\n  // Interaction\n  const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff'\n  const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff'\n\n  ;(result.theme as ThemeLike).headerStyle = {\n    borderColor: borderColor,\n    borderLineWidth: 1,\n    padding: [8, 12, 8, 12],\n    textAlign: 'center',\n    hover: {\n      cellBgColor: hoverCellBgColor,\n      inlineRowBgColor: hoverInlineColor,\n      inlineColumnBgColor: hoverInlineColor,\n    },\n    frameStyle: {\n      borderColor: borderColor,\n      borderLineWidth: [0, 0, 1, 0],\n    },\n    fontSize: fontSize,\n    fontVariant: 'normal',\n    fontStyle: 'normal',\n    fontWeight: 'bold',\n    color: fontColor,\n    bgColor: backgroundColor,\n    lineHeight: fontSize * 1.5,\n  }\n\n  return result\n}\n"],"names":["headerStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor","fontColor","fontSize","hoverCellBgColor","hoverInlineColor"],"mappings":"AAGO,MAAMA,cAAkC,CAACC,MAAMC;IACpD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAGzC,MAAMK,cAAcD,WAAW,WAAW,IAAI;IAC9C,MAAME,kBAAkBF,WAAW,qBAAqB,IAAI;IAC5D,MAAMG,YAAYH,WAAW,eAAe,IAAI;IAChD,MAAMI,WAAWJ,WAAW,cAAc,IAAI;IAE9C,MAAMK,mBAAmBL,WAAW,0BAA0B,IAAI;IAClE,MAAMM,mBAAmBN,WAAW,gCAAgC,IAAI;IAEtEJ,OAAO,KAAK,CAAe,WAAW,GAAG;QACzC,aAAaK;QACb,iBAAiB;QACjB,SAAS;YAAC;YAAG;YAAI;YAAG;SAAG;QACvB,WAAW;QACX,OAAO;YACL,aAAaI;YACb,kBAAkBC;YAClB,qBAAqBA;QACvB;QACA,YAAY;YACV,aAAaL;YACb,iBAAiB;gBAAC;gBAAG;gBAAG;gBAAG;aAAE;QAC/B;QACA,UAAUG;QACV,aAAa;QACb,WAAW;QACX,YAAY;QACZ,OAAOD;QACP,SAASD;QACT,YAAYE,AAAW,MAAXA;IACd;IAEA,OAAOR;AACT"}

package/dist/esm/pipeline/spec/table/pipes/theme/rowHeaderStyle.d.ts

@@ -1,2 +1,2 @@
-import type { SpecPipe } from '../../../../../types';
-export declare const rowHeaderStyle: SpecPipe;
+import type { PivotTableSpecPipe } from '../../../../../types';
+export declare const rowHeaderStyle: PivotTableSpecPipe;

package/dist/esm/pipeline/spec/table/pipes/theme/rowHeaderStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/table/pipes/theme/rowHeaderStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/rowHeaderStyle.ts"],"sourcesContent":["import type { SpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const rowHeaderStyle: SpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  // basic\n  const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5'\n  const fontColor = themConfig.headerFontColor || '#1B1F23'\n  const fontSize = themConfig.headerFontSize || 12\n  // Interaction\n  const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff'\n  const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff'\n\n  ;(result.theme as ThemeLike).rowHeaderStyle = {\n    borderColor: borderColor,\n    borderLineWidth: 1,\n    padding: [8, 12, 8, 12],\n    textAlign: 'left',\n    hover: {\n      cellBgColor: hoverCellBgColor,\n      inlineRowBgColor: hoverInlineColor,\n      inlineColumnBgColor: hoverInlineColor,\n    },\n    frameStyle: {\n      borderColor: borderColor,\n      borderLineWidth: [0, 1, 0, 0],\n    },\n    fontSize: fontSize,\n    fontVariant: 'normal',\n    fontStyle: 'normal',\n    fontWeight: 'bold',\n    color: fontColor,\n    bgColor: backgroundColor,\n    lineHeight: fontSize * 1.5,\n  }\n\n  return result\n}\n"],"names":["rowHeaderStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor","fontColor","fontSize","hoverCellBgColor","hoverInlineColor"],"mappings":"AAGO,MAAMA,iBAA2B,CAACC,MAAMC;IAC7C,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAGzC,MAAMK,cAAcD,WAAW,WAAW,IAAI;IAC9C,MAAME,kBAAkBF,WAAW,qBAAqB,IAAI;IAC5D,MAAMG,YAAYH,WAAW,eAAe,IAAI;IAChD,MAAMI,WAAWJ,WAAW,cAAc,IAAI;IAE9C,MAAMK,mBAAmBL,WAAW,0BAA0B,IAAI;IAClE,MAAMM,mBAAmBN,WAAW,gCAAgC,IAAI;IAEtEJ,OAAO,KAAK,CAAe,cAAc,GAAG;QAC5C,aAAaK;QACb,iBAAiB;QACjB,SAAS;YAAC;YAAG;YAAI;YAAG;SAAG;QACvB,WAAW;QACX,OAAO;YACL,aAAaI;YACb,kBAAkBC;YAClB,qBAAqBA;QACvB;QACA,YAAY;YACV,aAAaL;YACb,iBAAiB;gBAAC;gBAAG;gBAAG;gBAAG;aAAE;QAC/B;QACA,UAAUG;QACV,aAAa;QACb,WAAW;QACX,YAAY;QACZ,OAAOD;QACP,SAASD;QACT,YAAYE,AAAW,MAAXA;IACd;IAEA,OAAOR;AACT"}
+{"version":3,"file":"pipeline/spec/table/pipes/theme/rowHeaderStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/rowHeaderStyle.ts"],"sourcesContent":["import type { PivotTableSpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const rowHeaderStyle: PivotTableSpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  // basic\n  const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5'\n  const fontColor = themConfig.headerFontColor || '#1B1F23'\n  const fontSize = themConfig.headerFontSize || 12\n  // Interaction\n  const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff'\n  const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff'\n\n  ;(result.theme as ThemeLike).rowHeaderStyle = {\n    borderColor: borderColor,\n    borderLineWidth: 1,\n    padding: [8, 12, 8, 12],\n    textAlign: 'left',\n    hover: {\n      cellBgColor: hoverCellBgColor,\n      inlineRowBgColor: hoverInlineColor,\n      inlineColumnBgColor: hoverInlineColor,\n    },\n    frameStyle: {\n      borderColor: borderColor,\n      borderLineWidth: [0, 1, 0, 0],\n    },\n    fontSize: fontSize,\n    fontVariant: 'normal',\n    fontStyle: 'normal',\n    fontWeight: 'bold',\n    color: fontColor,\n    bgColor: backgroundColor,\n    lineHeight: fontSize * 1.5,\n  }\n\n  return result\n}\n"],"names":["rowHeaderStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor","fontColor","fontSize","hoverCellBgColor","hoverInlineColor"],"mappings":"AAGO,MAAMA,iBAAqC,CAACC,MAAMC;IACvD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAGzC,MAAMK,cAAcD,WAAW,WAAW,IAAI;IAC9C,MAAME,kBAAkBF,WAAW,qBAAqB,IAAI;IAC5D,MAAMG,YAAYH,WAAW,eAAe,IAAI;IAChD,MAAMI,WAAWJ,WAAW,cAAc,IAAI;IAE9C,MAAMK,mBAAmBL,WAAW,0BAA0B,IAAI;IAClE,MAAMM,mBAAmBN,WAAW,gCAAgC,IAAI;IAEtEJ,OAAO,KAAK,CAAe,cAAc,GAAG;QAC5C,aAAaK;QACb,iBAAiB;QACjB,SAAS;YAAC;YAAG;YAAI;YAAG;SAAG;QACvB,WAAW;QACX,OAAO;YACL,aAAaI;YACb,kBAAkBC;YAClB,qBAAqBA;QACvB;QACA,YAAY;YACV,aAAaL;YACb,iBAAiB;gBAAC;gBAAG;gBAAG;gBAAG;aAAE;QAC/B;QACA,UAAUG;QACV,aAAa;QACb,WAAW;QACX,YAAY;QACZ,OAAOD;QACP,SAASD;QACT,YAAYE,AAAW,MAAXA;IACd;IAEA,OAAOR;AACT"}

package/dist/esm/pipeline/spec/table/pipes/theme/scrollStyle.d.ts

@@ -1,2 +1,2 @@
-import type { SpecPipe } from '../../../../../types';
-export declare const frameStyle: SpecPipe;
+import type { PivotTableSpecPipe } from '../../../../../types';
+export declare const frameStyle: PivotTableSpecPipe;

package/dist/esm/pipeline/spec/table/pipes/theme/scrollStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/table/pipes/theme/scrollStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/scrollStyle.ts"],"sourcesContent":["import type { SpecPipe } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const frameStyle: SpecPipe = (spec) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  if (!result.theme) return result\n  ;(result.theme as ThemeLike).scrollStyle = {\n    hoverOn: true,\n    visible: 'focus',\n    width: 7,\n  }\n\n  return result\n}\n"],"names":["frameStyle","spec","result"],"mappings":"AAGO,MAAMA,aAAuB,CAACC;IACnC,MAAMC,SAAS;QAAE,GAAGD,IAAI;IAAC;IACzB,IAAI,CAACC,OAAO,KAAK,EAAE,OAAOA;IACxBA,OAAO,KAAK,CAAe,WAAW,GAAG;QACzC,SAAS;QACT,SAAS;QACT,OAAO;IACT;IAEA,OAAOA;AACT"}
+{"version":3,"file":"pipeline/spec/table/pipes/theme/scrollStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/scrollStyle.ts"],"sourcesContent":["import type { PivotTableSpecPipe } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const frameStyle: PivotTableSpecPipe = (spec) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  if (!result.theme) return result\n  ;(result.theme as ThemeLike).scrollStyle = {\n    hoverOn: true,\n    visible: 'focus',\n    width: 7,\n  }\n\n  return result\n}\n"],"names":["frameStyle","spec","result"],"mappings":"AAGO,MAAMA,aAAiC,CAACC;IAC7C,MAAMC,SAAS;QAAE,GAAGD,IAAI;IAAC;IACzB,IAAI,CAACC,OAAO,KAAK,EAAE,OAAOA;IACxBA,OAAO,KAAK,CAAe,WAAW,GAAG;QACzC,SAAS;QACT,SAAS;QACT,OAAO;IACT;IAEA,OAAOA;AACT"}

package/dist/esm/pipeline/spec/table/pipes/theme/selectionStyle.d.ts

@@ -1,2 +1,2 @@
-import type { SpecPipe } from '../../../../../types';
-export declare const selectionStyle: SpecPipe;
+import type { PivotTableSpecPipe } from '../../../../../types';
+export declare const selectionStyle: PivotTableSpecPipe;

package/dist/esm/pipeline/spec/table/pipes/theme/selectionStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/table/pipes/theme/selectionStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/selectionStyle.ts"],"sourcesContent":["import type { SpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const selectionStyle: SpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  const borderColor = themConfig.selectedBorderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.selectedBackgroundColor || 'rgb(224, 224, 224, 0.5)'\n\n  ;(result.theme as ThemeLike).selectionStyle = {\n    cellBorderColor: borderColor,\n    cellBorderLineWidth: 2,\n    cellBgColor: backgroundColor,\n  }\n\n  return result\n}\n"],"names":["selectionStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor"],"mappings":"AAGO,MAAMA,iBAA2B,CAACC,MAAMC;IAC7C,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAEzC,MAAMK,cAAcD,WAAW,mBAAmB,IAAI;IACtD,MAAME,kBAAkBF,WAAW,uBAAuB,IAAI;IAE5DJ,OAAO,KAAK,CAAe,cAAc,GAAG;QAC5C,iBAAiBK;QACjB,qBAAqB;QACrB,aAAaC;IACf;IAEA,OAAON;AACT"}
+{"version":3,"file":"pipeline/spec/table/pipes/theme/selectionStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/theme/selectionStyle.ts"],"sourcesContent":["import type { PivotTableSpecPipe, TableConfig } from 'src/types'\nimport type { ThemeLike, WithTheme } from './type'\n\nexport const selectionStyle: PivotTableSpecPipe = (spec, context) => {\n  const result = { ...spec } as Partial<typeof spec> & WithTheme\n  const { advancedVSeed } = context\n  const { config, chartType } = advancedVSeed\n  const themConfig = config?.[chartType] as TableConfig\n\n  if (!result.theme || !themConfig) return result\n\n  const borderColor = themConfig.selectedBorderColor || 'rgb(224, 224, 224)'\n  const backgroundColor = themConfig.selectedBackgroundColor || 'rgb(224, 224, 224, 0.5)'\n\n  ;(result.theme as ThemeLike).selectionStyle = {\n    cellBorderColor: borderColor,\n    cellBorderLineWidth: 2,\n    cellBgColor: backgroundColor,\n  }\n\n  return result\n}\n"],"names":["selectionStyle","spec","context","result","advancedVSeed","config","chartType","themConfig","borderColor","backgroundColor"],"mappings":"AAGO,MAAMA,iBAAqC,CAACC,MAAMC;IACvD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,MAAM,EAAEC,SAAS,EAAE,GAAGF;IAC9B,MAAMG,aAAaF,QAAQ,CAACC,UAAU;IAEtC,IAAI,CAACH,OAAO,KAAK,IAAI,CAACI,YAAY,OAAOJ;IAEzC,MAAMK,cAAcD,WAAW,mBAAmB,IAAI;IACtD,MAAME,kBAAkBF,WAAW,uBAAuB,IAAI;IAE5DJ,OAAO,KAAK,CAAe,cAAc,GAAG;QAC5C,iBAAiBK;QACjB,qBAAqB;QACrB,aAAaC;IACf;IAEA,OAAON;AACT"}

package/dist/esm/pipeline/utils/constant.d.ts

@@ -1,9 +1,11 @@
 export declare const ANNOTATION_Z_INDEX = 1000;
-export declare const LINEAR_AXIS_INNER_OFFSET_TOP = 7;
+export declare const LINEAR_AXIS_INNER_OFFSET_TOP = 12;
 export declare const DUAL_AXIS_CHART_COLUMN_Z_INDEX = 1000;
 export declare const DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX = 1001;
 export declare const DUAL_AXIS_LABEL_Z_INDEX = 1002;
 export declare const DEFAULT_PARENT_ID = "__DefaultParentId__";
+export declare const AXIS_LABEL_SPACE = 8;
+export declare const BAND_AXIS_INNER_OFFSET_IN_PIVOT = 2;
 export declare const ChartTypeEnum: {
     readonly Table: "table";
     readonly PivotTable: "pivotTable";

package/dist/esm/pipeline/utils/constant.js

@@ -1,9 +1,11 @@
 const ANNOTATION_Z_INDEX = 1000;
-const LINEAR_AXIS_INNER_OFFSET_TOP = 7;
+const LINEAR_AXIS_INNER_OFFSET_TOP = 12;
 const DUAL_AXIS_CHART_COLUMN_Z_INDEX = 1000;
 const DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX = 1001;
 const DUAL_AXIS_LABEL_Z_INDEX = 1002;
 const DEFAULT_PARENT_ID = '__DefaultParentId__';
+const AXIS_LABEL_SPACE = 8;
+const BAND_AXIS_INNER_OFFSET_IN_PIVOT = 2;
 const ChartTypeEnum = {
     Table: 'table',
     PivotTable: 'pivotTable',
@@ -29,6 +31,6 @@ const ChartTypeEnum = {
     Histogram: 'histogram'
 };
 const DATUM_HIDE_KEY = '__VSEED_HideItem__';
-export { ANNOTATION_Z_INDEX, ChartTypeEnum, DATUM_HIDE_KEY, DEFAULT_PARENT_ID, DUAL_AXIS_CHART_COLUMN_Z_INDEX, DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX, DUAL_AXIS_LABEL_Z_INDEX, LINEAR_AXIS_INNER_OFFSET_TOP };
+export { ANNOTATION_Z_INDEX, AXIS_LABEL_SPACE, BAND_AXIS_INNER_OFFSET_IN_PIVOT, ChartTypeEnum, DATUM_HIDE_KEY, DEFAULT_PARENT_ID, DUAL_AXIS_CHART_COLUMN_Z_INDEX, DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX, DUAL_AXIS_LABEL_Z_INDEX, LINEAR_AXIS_INNER_OFFSET_TOP };
 
 //# sourceMappingURL=constant.js.map

package/dist/esm/pipeline/utils/constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/utils/constant.js","sources":["webpack://@visactor/vseed/./src/pipeline/utils/constant.ts"],"sourcesContent":["// 标注层 z-index\nexport const ANNOTATION_Z_INDEX = 1000\n// 线性轴 顶部空隙 预留5px\nexport const LINEAR_AXIS_INNER_OFFSET_TOP = 7\n// 双轴图 柱图 ZIndex\nexport const DUAL_AXIS_CHART_COLUMN_Z_INDEX = 1000\n// 双轴图 非柱图 ZIndex\nexport const DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX = 1001\n// 双轴图 标注层 ZIndex\nexport const DUAL_AXIS_LABEL_Z_INDEX = 1002\n// 默认父级id\nexport const DEFAULT_PARENT_ID = '__DefaultParentId__'\n\n// 图表类型枚举\nexport const ChartTypeEnum = {\n  Table: 'table',\n  PivotTable: 'pivotTable',\n  // cartesian\n  Line: 'line',\n  Column: 'column',\n  ColumnPercent: 'columnPercent',\n  ColumnParallel: 'columnParallel',\n  Bar: 'bar',\n  BarPercent: 'barPercent',\n  BarParallel: 'barParallel',\n  Area: 'area',\n  AreaPercent: 'areaPercent',\n  DualAxis: 'dualAxis',\n  Scatter: 'scatter',\n  // polar\n  Rose: 'rose',\n  RoseParallel: 'roseParallel',\n  Pie: 'pie',\n  Donut: 'donut',\n  Radar: 'radar',\n  // other\n  Funnel: 'funnel',\n  Heatmap: 'heatmap',\n  Boxplot: 'boxPlot',\n  Histogram: 'histogram',\n} as const\n\n// Heatmap hide cell\nexport const DATUM_HIDE_KEY = '__VSEED_HideItem__'\n"],"names":["ANNOTATION_Z_INDEX","LINEAR_AXIS_INNER_OFFSET_TOP","DUAL_AXIS_CHART_COLUMN_Z_INDEX","DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX","DUAL_AXIS_LABEL_Z_INDEX","DEFAULT_PARENT_ID","ChartTypeEnum","DATUM_HIDE_KEY"],"mappings":"AACO,MAAMA,qBAAqB;AAE3B,MAAMC,+BAA+B;AAErC,MAAMC,iCAAiC;AAEvC,MAAMC,qCAAqC;AAE3C,MAAMC,0BAA0B;AAEhC,MAAMC,oBAAoB;AAG1B,MAAMC,gBAAgB;IAC3B,OAAO;IACP,YAAY;IAEZ,MAAM;IACN,QAAQ;IACR,eAAe;IACf,gBAAgB;IAChB,KAAK;IACL,YAAY;IACZ,aAAa;IACb,MAAM;IACN,aAAa;IACb,UAAU;IACV,SAAS;IAET,MAAM;IACN,cAAc;IACd,KAAK;IACL,OAAO;IACP,OAAO;IAEP,QAAQ;IACR,SAAS;IACT,SAAS;IACT,WAAW;AACb;AAGO,MAAMC,iBAAiB"}
+{"version":3,"file":"pipeline/utils/constant.js","sources":["webpack://@visactor/vseed/./src/pipeline/utils/constant.ts"],"sourcesContent":["// 标注层 z-index\nexport const ANNOTATION_Z_INDEX = 1000\n// 线性轴 顶部空隙 预留5px\nexport const LINEAR_AXIS_INNER_OFFSET_TOP = 12\n// 双轴图 柱图 ZIndex\nexport const DUAL_AXIS_CHART_COLUMN_Z_INDEX = 1000\n// 双轴图 非柱图 ZIndex\nexport const DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX = 1001\n// 双轴图 标注层 ZIndex\nexport const DUAL_AXIS_LABEL_Z_INDEX = 1002\n// 默认父级id\nexport const DEFAULT_PARENT_ID = '__DefaultParentId__'\n// 轴标签间距\nexport const AXIS_LABEL_SPACE = 8\n// 透视轴 band 类型内边距\nexport const BAND_AXIS_INNER_OFFSET_IN_PIVOT = 2\n\n// 图表类型枚举\nexport const ChartTypeEnum = {\n  Table: 'table',\n  PivotTable: 'pivotTable',\n  // cartesian\n  Line: 'line',\n  Column: 'column',\n  ColumnPercent: 'columnPercent',\n  ColumnParallel: 'columnParallel',\n  Bar: 'bar',\n  BarPercent: 'barPercent',\n  BarParallel: 'barParallel',\n  Area: 'area',\n  AreaPercent: 'areaPercent',\n  DualAxis: 'dualAxis',\n  Scatter: 'scatter',\n  // polar\n  Rose: 'rose',\n  RoseParallel: 'roseParallel',\n  Pie: 'pie',\n  Donut: 'donut',\n  Radar: 'radar',\n  // other\n  Funnel: 'funnel',\n  Heatmap: 'heatmap',\n  Boxplot: 'boxPlot',\n  Histogram: 'histogram',\n} as const\n\n// Heatmap hide cell\nexport const DATUM_HIDE_KEY = '__VSEED_HideItem__'\n"],"names":["ANNOTATION_Z_INDEX","LINEAR_AXIS_INNER_OFFSET_TOP","DUAL_AXIS_CHART_COLUMN_Z_INDEX","DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX","DUAL_AXIS_LABEL_Z_INDEX","DEFAULT_PARENT_ID","AXIS_LABEL_SPACE","BAND_AXIS_INNER_OFFSET_IN_PIVOT","ChartTypeEnum","DATUM_HIDE_KEY"],"mappings":"AACO,MAAMA,qBAAqB;AAE3B,MAAMC,+BAA+B;AAErC,MAAMC,iCAAiC;AAEvC,MAAMC,qCAAqC;AAE3C,MAAMC,0BAA0B;AAEhC,MAAMC,oBAAoB;AAE1B,MAAMC,mBAAmB;AAEzB,MAAMC,kCAAkC;AAGxC,MAAMC,gBAAgB;IAC3B,OAAO;IACP,YAAY;IAEZ,MAAM;IACN,QAAQ;IACR,eAAe;IACf,gBAAgB;IAChB,KAAK;IACL,YAAY;IACZ,aAAa;IACb,MAAM;IACN,aAAa;IACb,UAAU;IACV,SAAS;IAET,MAAM;IACN,cAAc;IACd,KAAK;IACL,OAAO;IACP,OAAO;IAEP,QAAQ;IACR,SAAS;IACT,SAAS;IACT,WAAW;AACb;AAGO,MAAMC,iBAAiB"}

package/dist/esm/pipeline/utils/measures/depth.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/utils/measures/depth.js","sources":["webpack://@visactor/vseed/./src/pipeline/utils/measures/depth.ts"],"sourcesContent":["import type { Measure, MeasureGroup, MeasureTree } from 'src/types'\nimport { preorderTraverse } from '../tree/traverse'\n\n/**\n * 获取measures的深度\n * @param measures\n * @param id\n * @returns\n */\nexport const measureDepth = (measures: MeasureTree = []): number => {\n  if (!measures) return 0\n  let depth = 1\n  preorderTraverse<Measure, MeasureGroup>(measures, (node) => {\n    if ('children' in node) {\n      depth = Math.max(depth, 1 + measureDepth(node.children))\n    }\n    return false\n  })\n  return depth\n}\n"],"names":["measureDepth","measures","depth","preorderTraverse","node","Math"],"mappings":";AASO,MAAMA,eAAe,CAACC,WAAwB,EAAE;IACrD,IAAI,CAACA,UAAU,OAAO;IACtB,IAAIC,QAAQ;IACZC,iBAAwCF,UAAU,CAACG;QACjD,IAAI,cAAcA,MAChBF,QAAQG,KAAK,GAAG,CAACH,OAAO,IAAIF,aAAaI,KAAK,QAAQ;QAExD,OAAO;IACT;IACA,OAAOF;AACT"}
+{"version":3,"file":"pipeline/utils/measures/depth.js","sources":["webpack://@visactor/vseed/./src/pipeline/utils/measures/depth.ts"],"sourcesContent":["import type { Measure, MeasureTree } from 'src/types'\nimport { preorderTraverse } from '../tree/traverse'\n\n/**\n * 获取measures的深度\n * @param measures\n * @param id\n * @returns\n */\nexport const measureDepth = (measures: MeasureTree = []): number => {\n  if (!measures) return 0\n  let depth = 1\n  preorderTraverse<Measure, 'children'>(measures, (node) => {\n    if ('children' in node) {\n      depth = Math.max(depth, 1 + measureDepth(node.children as MeasureTree))\n    }\n    return false\n  })\n  return depth\n}\n"],"names":["measureDepth","measures","depth","preorderTraverse","node","Math"],"mappings":";AASO,MAAMA,eAAe,CAACC,WAAwB,EAAE;IACrD,IAAI,CAACA,UAAU,OAAO;IACtB,IAAIC,QAAQ;IACZC,iBAAsCF,UAAU,CAACG;QAC/C,IAAI,cAAcA,MAChBF,QAAQG,KAAK,GAAG,CAACH,OAAO,IAAIF,aAAaI,KAAK,QAAQ;QAExD,OAAO;IACT;IACA,OAAOF;AACT"}

package/dist/esm/pipeline/utils/measures/find.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/utils/measures/find.js","sources":["webpack://@visactor/vseed/./src/pipeline/utils/measures/find.ts"],"sourcesContent":["import type { Measure, MeasureGroup, MeasureTree } from 'src/types'\nimport { preorderTraverse } from '../tree'\n\nexport const findMeasureById = (measures: MeasureTree = [], id: string): Measure | undefined => {\n  if (!measures) return undefined\n  let result: Measure | undefined\n  preorderTraverse<Measure, MeasureGroup>(measures, (node) => {\n    if (!('children' in node)) {\n      if (node.id === id) {\n        result = node as Measure\n        return true\n      }\n    }\n    return false\n  })\n  return result\n}\n\nexport const findFirstMeasure = (measures: MeasureTree = []): Measure | undefined => {\n  if (!measures) return undefined\n  let result: Measure | undefined\n  preorderTraverse<Measure, MeasureGroup>(measures, (node) => {\n    if (!('children' in node)) {\n      result = node as Measure\n      return true\n    }\n    return false\n  })\n  return result\n}\n\nexport const findAllMeasures = (measures: MeasureTree = []): Measure[] => {\n  if (!measures) return []\n  const result: Measure[] = []\n  preorderTraverse<Measure, MeasureGroup>(measures, (node) => {\n    if (!('children' in node)) {\n      result.push(node as Measure)\n    }\n    return false\n  })\n  return result\n}\n"],"names":["findMeasureById","measures","id","result","preorderTraverse","node","findFirstMeasure","findAllMeasures"],"mappings":";AAGO,MAAMA,kBAAkB,CAACC,WAAwB,EAAE,EAAEC;IAC1D,IAAI,CAACD,UAAU;IACf,IAAIE;IACJC,iBAAwCH,UAAU,CAACI;QACjD,IAAI,CAAE,eAAcA,IAAG,GACrB;YAAA,IAAIA,KAAK,EAAE,KAAKH,IAAI;gBAClBC,SAASE;gBACT,OAAO;YACT;QAAA;QAEF,OAAO;IACT;IACA,OAAOF;AACT;AAEO,MAAMG,mBAAmB,CAACL,WAAwB,EAAE;IACzD,IAAI,CAACA,UAAU;IACf,IAAIE;IACJC,iBAAwCH,UAAU,CAACI;QACjD,IAAI,CAAE,eAAcA,IAAG,GAAI;YACzBF,SAASE;YACT,OAAO;QACT;QACA,OAAO;IACT;IACA,OAAOF;AACT;AAEO,MAAMI,kBAAkB,CAACN,WAAwB,EAAE;IACxD,IAAI,CAACA,UAAU,OAAO,EAAE;IACxB,MAAME,SAAoB,EAAE;IAC5BC,iBAAwCH,UAAU,CAACI;QACjD,IAAI,CAAE,eAAcA,IAAG,GACrBF,OAAO,IAAI,CAACE;QAEd,OAAO;IACT;IACA,OAAOF;AACT"}
+{"version":3,"file":"pipeline/utils/measures/find.js","sources":["webpack://@visactor/vseed/./src/pipeline/utils/measures/find.ts"],"sourcesContent":["import type { Measure, MeasureTree } from 'src/types'\nimport { preorderTraverse } from '../tree'\n\nexport const findMeasureById = (measures: MeasureTree = [], id: string): Measure | undefined => {\n  if (!measures) return undefined\n  let result: Measure | undefined\n\n  preorderTraverse<Measure, 'children'>(measures, (node) => {\n    if (!('children' in node)) {\n      if (node.id === id) {\n        result = node\n        return true\n      }\n    }\n    return false\n  })\n  return result\n}\n\nexport const findFirstMeasure = (measures: MeasureTree = []): Measure | undefined => {\n  if (!measures) return undefined\n  let result: Measure | undefined\n  preorderTraverse<Measure, 'children'>(measures, (node) => {\n    if (!('children' in node)) {\n      result = node\n      return true\n    }\n    return false\n  })\n  return result\n}\n\nexport const findAllMeasures = (measures: MeasureTree = []): Measure[] => {\n  if (!measures) return []\n  const result: Measure[] = []\n  preorderTraverse<Measure, 'children'>(measures, (node) => {\n    if (!('children' in node)) {\n      result.push(node)\n    }\n    return false\n  })\n  return result\n}\n"],"names":["findMeasureById","measures","id","result","preorderTraverse","node","findFirstMeasure","findAllMeasures"],"mappings":";AAGO,MAAMA,kBAAkB,CAACC,WAAwB,EAAE,EAAEC;IAC1D,IAAI,CAACD,UAAU;IACf,IAAIE;IAEJC,iBAAsCH,UAAU,CAACI;QAC/C,IAAI,CAAE,eAAcA,IAAG,GACrB;YAAA,IAAIA,KAAK,EAAE,KAAKH,IAAI;gBAClBC,SAASE;gBACT,OAAO;YACT;QAAA;QAEF,OAAO;IACT;IACA,OAAOF;AACT;AAEO,MAAMG,mBAAmB,CAACL,WAAwB,EAAE;IACzD,IAAI,CAACA,UAAU;IACf,IAAIE;IACJC,iBAAsCH,UAAU,CAACI;QAC/C,IAAI,CAAE,eAAcA,IAAG,GAAI;YACzBF,SAASE;YACT,OAAO;QACT;QACA,OAAO;IACT;IACA,OAAOF;AACT;AAEO,MAAMI,kBAAkB,CAACN,WAAwB,EAAE;IACxD,IAAI,CAACA,UAAU,OAAO,EAAE;IACxB,MAAME,SAAoB,EAAE;IAC5BC,iBAAsCH,UAAU,CAACI;QAC/C,IAAI,CAAE,eAAcA,IAAG,GACrBF,OAAO,IAAI,CAACE;QAEd,OAAO;IACT;IACA,OAAOF;AACT"}

package/dist/esm/pipeline/utils/tree/traverse.d.ts

@@ -1,11 +1 @@
-/**
- * 支持泛型的非递归前序遍历
- * @param tree 根节点数组
- * @param callback 遍历时对每个节点执行的回调，返回 true 时停止遍历
- */
-export declare const preorderTraverse: <T extends {
-    id: string;
-}, U extends {
-    id: string;
-    children?: (T | U)[];
-}>(tree: (T | U)[], callback: (node: T | U) => boolean) => void;
+export declare const preorderTraverse: <Node, K extends string = "children">(tree: Node[], callback: (node: Node) => boolean, childrenKey?: K) => void;

package/dist/esm/pipeline/utils/tree/traverse.js

@@ -1,4 +1,4 @@
-const preorderTraverse = (tree, callback)=>{
+const preorderTraverse = (tree, callback, childrenKey = 'children')=>{
     if (!tree || 0 === tree.length) return;
     const stack = [
         ...tree
@@ -7,9 +7,8 @@ const preorderTraverse = (tree, callback)=>{
         const node = stack.pop();
         const stop = callback(node);
         if (true === stop) return;
-        if (!('children' in node)) continue;
-        const children = node.children;
-        if (children && children.length > 0) for(let i = children.length - 1; i >= 0; i--){
+        const children = node[childrenKey];
+        if (Array.isArray(children) && children.length > 0) for(let i = children.length - 1; i >= 0; i--){
             const child = children[i];
             stack.push(child);
         }

package/dist/esm/pipeline/utils/tree/traverse.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/utils/tree/traverse.js","sources":["webpack://@visactor/vseed/./src/pipeline/utils/tree/traverse.ts"],"sourcesContent":["/**\n * 支持泛型的非递归前序遍历\n * @param tree 根节点数组\n * @param callback 遍历时对每个节点执行的回调，返回 true 时停止遍历\n */\nexport const preorderTraverse = <T extends { id: string }, U extends { id: string; children?: (T | U)[] }>(\n  tree: (T | U)[],\n  callback: (node: T | U) => boolean,\n) => {\n  if (!tree || tree.length === 0) return\n\n  const stack: (T | U)[] = [...tree].reverse()\n\n  while (stack.length > 0) {\n    const node = stack.pop()!\n    const stop = callback(node)\n    if (stop === true) {\n      return\n    }\n    if (!('children' in node)) {\n      continue\n    }\n    const children = node.children\n    if (children && children.length > 0) {\n      for (let i = children.length - 1; i >= 0; i--) {\n        const child = children[i]\n        stack.push(child)\n      }\n    }\n  }\n}\n"],"names":["preorderTraverse","tree","callback","stack","node","stop","children","i","child"],"mappings":"AAKO,MAAMA,mBAAmB,CAC9BC,MACAC;IAEA,IAAI,CAACD,QAAQA,AAAgB,MAAhBA,KAAK,MAAM,EAAQ;IAEhC,MAAME,QAAmB;WAAIF;KAAK,CAAC,OAAO;IAE1C,MAAOE,MAAM,MAAM,GAAG,EAAG;QACvB,MAAMC,OAAOD,MAAM,GAAG;QACtB,MAAME,OAAOH,SAASE;QACtB,IAAIC,AAAS,SAATA,MACF;QAEF,IAAI,CAAE,eAAcD,IAAG,GACrB;QAEF,MAAME,WAAWF,KAAK,QAAQ;QAC9B,IAAIE,YAAYA,SAAS,MAAM,GAAG,GAChC,IAAK,IAAIC,IAAID,SAAS,MAAM,GAAG,GAAGC,KAAK,GAAGA,IAAK;YAC7C,MAAMC,QAAQF,QAAQ,CAACC,EAAE;YACzBJ,MAAM,IAAI,CAACK;QACb;IAEJ;AACF"}
+{"version":3,"file":"pipeline/utils/tree/traverse.js","sources":["webpack://@visactor/vseed/./src/pipeline/utils/tree/traverse.ts"],"sourcesContent":["/**\n * 支持泛型与可配置子节点键名的非递归前序遍历\n * @param tree 根节点数组\n * @param callback 遍历时对每个节点执行的回调，返回 true 时停止遍历\n * @param childrenKey 子节点键名（默认 'children'）\n */\ntype WithChildren<Node, K extends string> = Node & { [P in K]?: Node[] }\n\nexport const preorderTraverse = <Node, K extends string = 'children'>(\n  tree: Node[],\n  callback: (node: Node) => boolean,\n  childrenKey: K = 'children' as K,\n) => {\n  if (!tree || tree.length === 0) return\n\n  const stack: Node[] = [...tree].reverse()\n\n  while (stack.length > 0) {\n    const node = stack.pop() as Node\n    const stop = callback(node)\n    if (stop === true) {\n      return\n    }\n\n    const children = (node as WithChildren<Node, K>)[childrenKey]\n    if (Array.isArray(children) && children.length > 0) {\n      for (let i = children.length - 1; i >= 0; i--) {\n        const child = children[i]\n        stack.push(child)\n      }\n    }\n  }\n}\n"],"names":["preorderTraverse","tree","callback","childrenKey","stack","node","stop","children","Array","i","child"],"mappings":"AAQO,MAAMA,mBAAmB,CAC9BC,MACAC,UACAC,cAAiB,UAAe;IAEhC,IAAI,CAACF,QAAQA,AAAgB,MAAhBA,KAAK,MAAM,EAAQ;IAEhC,MAAMG,QAAgB;WAAIH;KAAK,CAAC,OAAO;IAEvC,MAAOG,MAAM,MAAM,GAAG,EAAG;QACvB,MAAMC,OAAOD,MAAM,GAAG;QACtB,MAAME,OAAOJ,SAASG;QACtB,IAAIC,AAAS,SAATA,MACF;QAGF,MAAMC,WAAYF,IAA8B,CAACF,YAAY;QAC7D,IAAIK,MAAM,OAAO,CAACD,aAAaA,SAAS,MAAM,GAAG,GAC/C,IAAK,IAAIE,IAAIF,SAAS,MAAM,GAAG,GAAGE,KAAK,GAAGA,IAAK;YAC7C,MAAMC,QAAQH,QAAQ,CAACE,EAAE;YACzBL,MAAM,IAAI,CAACM;QACb;IAEJ;AACF"}

package/dist/esm/theme/common/annotaion.js

@@ -2,15 +2,15 @@ const getDefaultAnnotationPoint = ()=>({
         textBackgroundVisible: true,
         textFontSize: 12,
         textFontWeight: 400,
-        textBackgroundBorderRadius: 4,
+        textBackgroundBorderRadius: 0,
         textBackgroundBorderWidth: 1,
         textBackgroundPadding: 2
     });
 const getLightAnnotationPoint = ()=>({
         ...getDefaultAnnotationPoint(),
         textColor: '#ffffff',
-        textBackgroundColor: '#364159',
-        textBackgroundBorderColor: '#3641594d'
+        textBackgroundColor: '#BCC1CB',
+        textBackgroundBorderColor: '#BCC1CB'
     });
 const getDefaultAnnotationLine = ()=>({
         lineVisible: true,
@@ -39,7 +39,7 @@ const getDefaultAnnotationArea = ()=>({
         textBackgroundVisible: true,
         textBackgroundBorderWidth: 1,
         textBackgroundBorderRadius: 0,
-        textBackgroundPadding: 4,
+        textBackgroundPadding: 2,
         areaBorderWidth: 0,
         areaBorderRadius: 0,
         areaLineDash: [
@@ -65,9 +65,9 @@ const getLightAnnotation = ()=>({
     });
 const getDarkAnnotationPoint = ()=>({
         ...getDefaultAnnotationPoint(),
-        textColor: '#4B4F54',
-        textBackgroundColor: '#ffffff',
-        textBackgroundBorderColor: '#ffffff'
+        textColor: '#E2E3E6',
+        textBackgroundColor: '#55595F',
+        textBackgroundBorderColor: '#55595F'
     });
 const getDarkAnnotationHorizontalLine = ()=>({
         ...getDefaultAnnotationLine(),

package/dist/esm/theme/common/annotaion.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme/common/annotaion.js","sources":["webpack://@visactor/vseed/./src/theme/common/annotaion.ts"],"sourcesContent":["import type {\n  AnnotationAreaConfig,\n  AnnotationHorizontalLineConfig,\n  AnnotationPointConfig,\n} from 'src/types/properties/config/annotation/annotation'\n\nexport const getDefaultAnnotationPoint = (): AnnotationPointConfig => ({\n  textBackgroundVisible: true,\n  textFontSize: 12,\n  textFontWeight: 400,\n\n  textBackgroundBorderRadius: 4,\n  textBackgroundBorderWidth: 1,\n  textBackgroundPadding: 2,\n})\n\nexport const getLightAnnotationPoint = (): AnnotationPointConfig => ({\n  ...getDefaultAnnotationPoint(),\n  textColor: '#ffffff',\n  textBackgroundColor: '#364159',\n  textBackgroundBorderColor: '#3641594d',\n})\n\nexport const getDefaultAnnotationLine = (): AnnotationHorizontalLineConfig => ({\n  lineVisible: true,\n  lineWidth: 1,\n  lineStyle: 'solid' as const,\n\n  textFontSize: 12,\n  textFontWeight: 400,\n  startSymbolVisible: true,\n  endSymbolVisible: false,\n\n  textBackgroundVisible: true,\n  textBackgroundBorderWidth: 1,\n  textBackgroundBorderRadius: 0,\n  textBackgroundPadding: 2,\n})\n\nexport const getLightAnnotationHorizontalLine = (): AnnotationHorizontalLineConfig => ({\n  ...getDefaultAnnotationLine(),\n  lineColor: '#BCC1CB',\n\n  textColor: '#ffffff',\n\n  textBackgroundColor: '#BCC1CB',\n  textBackgroundBorderColor: '#BCC1CB',\n})\n\nexport const getLightAnnotationVerticalLine = () => getLightAnnotationHorizontalLine()\n\nexport const getDefaultAnnotationArea = (): AnnotationAreaConfig => ({\n  textFontSize: 12,\n  textFontWeight: 400,\n  textBackgroundVisible: true,\n  textBackgroundBorderWidth: 1,\n  textBackgroundBorderRadius: 0,\n  textBackgroundPadding: 4,\n  areaBorderWidth: 0,\n  areaBorderRadius: 0,\n  areaLineDash: [2, 2],\n\n  outerPadding: 4,\n})\n\nexport const getLightAnnotationArea = (): AnnotationAreaConfig => ({\n  ...getDefaultAnnotationArea(),\n  textColor: '#ffffff',\n\n  textBackgroundColor: '#BCC1CB',\n  textBackgroundBorderColor: '#BCC1CB',\n\n  areaColor: '#BCC1CB',\n  areaColorOpacity: 0.12,\n  areaBorderColor: '#BCC1CB',\n})\n\nexport const getLightAnnotation = () => ({\n  annotationPoint: getLightAnnotationPoint(),\n  annotationHorizontalLine: getLightAnnotationHorizontalLine(),\n  annotationVerticalLine: getLightAnnotationVerticalLine(),\n  annotationArea: getLightAnnotationArea(),\n})\n\n// --- dark ---\nexport const getDarkAnnotationPoint = (): AnnotationPointConfig => ({\n  ...getDefaultAnnotationPoint(),\n  textColor: '#4B4F54',\n\n  textBackgroundColor: '#ffffff',\n  textBackgroundBorderColor: '#ffffff',\n})\n\nexport const getDarkAnnotationHorizontalLine = (): AnnotationHorizontalLineConfig => ({\n  ...getDefaultAnnotationLine(),\n  lineColor: '#55595F',\n\n  textColor: '#E2E3E6',\n  textBackgroundColor: '#55595F',\n  textBackgroundBorderColor: '#55595F',\n})\n\nexport const getDarkAnnotationVerticalLine = () => getDarkAnnotationHorizontalLine()\n\nexport const getDarkAnnotationArea = (): AnnotationAreaConfig => ({\n  ...getDefaultAnnotationArea(),\n  textColor: '#E2E3E6',\n\n  textBackgroundColor: '#55595F',\n  textBackgroundBorderColor: '#55595F',\n\n  areaColor: '#E2E3E6',\n  areaColorOpacity: 0.15,\n  areaBorderColor: '#E2E3E6',\n})\n\nexport const getDarkAnnotation = () => ({\n  annotationPoint: getDarkAnnotationPoint(),\n  annotationHorizontalLine: getDarkAnnotationHorizontalLine(),\n  annotationVerticalLine: getDarkAnnotationVerticalLine(),\n  annotationArea: getDarkAnnotationArea(),\n})\n\nexport default getLightAnnotation\n"],"names":["getDefaultAnnotationPoint","getLightAnnotationPoint","getDefaultAnnotationLine","getLightAnnotationHorizontalLine","getLightAnnotationVerticalLine","getDefaultAnnotationArea","getLightAnnotationArea","getLightAnnotation","getDarkAnnotationPoint","getDarkAnnotationHorizontalLine","getDarkAnnotationVerticalLine","getDarkAnnotationArea","getDarkAnnotation"],"mappings":"AAMO,MAAMA,4BAA4B,IAA8B;QACrE,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAEhB,4BAA4B;QAC5B,2BAA2B;QAC3B,uBAAuB;IACzB;AAEO,MAAMC,0BAA0B,IAA8B;QACnE,GAAGD,2BAA2B;QAC9B,WAAW;QACX,qBAAqB;QACrB,2BAA2B;IAC7B;AAEO,MAAME,2BAA2B,IAAuC;QAC7E,aAAa;QACb,WAAW;QACX,WAAW;QAEX,cAAc;QACd,gBAAgB;QAChB,oBAAoB;QACpB,kBAAkB;QAElB,uBAAuB;QACvB,2BAA2B;QAC3B,4BAA4B;QAC5B,uBAAuB;IACzB;AAEO,MAAMC,mCAAmC,IAAuC;QACrF,GAAGD,0BAA0B;QAC7B,WAAW;QAEX,WAAW;QAEX,qBAAqB;QACrB,2BAA2B;IAC7B;AAEO,MAAME,iCAAiC,IAAMD;AAE7C,MAAME,2BAA2B,IAA6B;QACnE,cAAc;QACd,gBAAgB;QAChB,uBAAuB;QACvB,2BAA2B;QAC3B,4BAA4B;QAC5B,uBAAuB;QACvB,iBAAiB;QACjB,kBAAkB;QAClB,cAAc;YAAC;YAAG;SAAE;QAEpB,cAAc;IAChB;AAEO,MAAMC,yBAAyB,IAA6B;QACjE,GAAGD,0BAA0B;QAC7B,WAAW;QAEX,qBAAqB;QACrB,2BAA2B;QAE3B,WAAW;QACX,kBAAkB;QAClB,iBAAiB;IACnB;AAEO,MAAME,qBAAqB,IAAO;QACvC,iBAAiBN;QACjB,0BAA0BE;QAC1B,wBAAwBC;QACxB,gBAAgBE;IAClB;AAGO,MAAME,yBAAyB,IAA8B;QAClE,GAAGR,2BAA2B;QAC9B,WAAW;QAEX,qBAAqB;QACrB,2BAA2B;IAC7B;AAEO,MAAMS,kCAAkC,IAAuC;QACpF,GAAGP,0BAA0B;QAC7B,WAAW;QAEX,WAAW;QACX,qBAAqB;QACrB,2BAA2B;IAC7B;AAEO,MAAMQ,gCAAgC,IAAMD;AAE5C,MAAME,wBAAwB,IAA6B;QAChE,GAAGN,0BAA0B;QAC7B,WAAW;QAEX,qBAAqB;QACrB,2BAA2B;QAE3B,WAAW;QACX,kBAAkB;QAClB,iBAAiB;IACnB;AAEO,MAAMO,oBAAoB,IAAO;QACtC,iBAAiBJ;QACjB,0BAA0BC;QAC1B,wBAAwBC;QACxB,gBAAgBC;IAClB;AAEA,kBAAeJ"}
+{"version":3,"file":"theme/common/annotaion.js","sources":["webpack://@visactor/vseed/./src/theme/common/annotaion.ts"],"sourcesContent":["import type {\n  AnnotationAreaConfig,\n  AnnotationHorizontalLineConfig,\n  AnnotationPointConfig,\n} from 'src/types/properties/config/annotation/annotation'\n\nexport const getDefaultAnnotationPoint = (): AnnotationPointConfig => ({\n  textBackgroundVisible: true,\n  textFontSize: 12,\n  textFontWeight: 400,\n\n  textBackgroundBorderRadius: 0,\n  textBackgroundBorderWidth: 1,\n  textBackgroundPadding: 2,\n})\n\nexport const getLightAnnotationPoint = (): AnnotationPointConfig => ({\n  ...getDefaultAnnotationPoint(),\n  textColor: '#ffffff',\n  textBackgroundColor: '#BCC1CB',\n  textBackgroundBorderColor: '#BCC1CB',\n})\n\nexport const getDefaultAnnotationLine = (): AnnotationHorizontalLineConfig => ({\n  lineVisible: true,\n  lineWidth: 1,\n  lineStyle: 'solid' as const,\n\n  textFontSize: 12,\n  textFontWeight: 400,\n  startSymbolVisible: true,\n  endSymbolVisible: false,\n\n  textBackgroundVisible: true,\n  textBackgroundBorderWidth: 1,\n  textBackgroundBorderRadius: 0,\n  textBackgroundPadding: 2,\n})\n\nexport const getLightAnnotationHorizontalLine = (): AnnotationHorizontalLineConfig => ({\n  ...getDefaultAnnotationLine(),\n  lineColor: '#BCC1CB',\n\n  textColor: '#ffffff',\n\n  textBackgroundColor: '#BCC1CB',\n  textBackgroundBorderColor: '#BCC1CB',\n})\n\nexport const getLightAnnotationVerticalLine = () => getLightAnnotationHorizontalLine()\n\nexport const getDefaultAnnotationArea = (): AnnotationAreaConfig => ({\n  textFontSize: 12,\n  textFontWeight: 400,\n  textBackgroundVisible: true,\n  textBackgroundBorderWidth: 1,\n  textBackgroundBorderRadius: 0,\n  textBackgroundPadding: 2,\n  areaBorderWidth: 0,\n  areaBorderRadius: 0,\n  areaLineDash: [2, 2],\n\n  outerPadding: 4,\n})\n\nexport const getLightAnnotationArea = (): AnnotationAreaConfig => ({\n  ...getDefaultAnnotationArea(),\n  textColor: '#ffffff',\n\n  textBackgroundColor: '#BCC1CB',\n  textBackgroundBorderColor: '#BCC1CB',\n\n  areaColor: '#BCC1CB',\n  areaColorOpacity: 0.12,\n  areaBorderColor: '#BCC1CB',\n})\n\nexport const getLightAnnotation = () => ({\n  annotationPoint: getLightAnnotationPoint(),\n  annotationHorizontalLine: getLightAnnotationHorizontalLine(),\n  annotationVerticalLine: getLightAnnotationVerticalLine(),\n  annotationArea: getLightAnnotationArea(),\n})\n\n// --- dark ---\nexport const getDarkAnnotationPoint = (): AnnotationPointConfig => ({\n  ...getDefaultAnnotationPoint(),\n  textColor: '#E2E3E6',\n\n  textBackgroundColor: '#55595F',\n  textBackgroundBorderColor: '#55595F',\n})\n\nexport const getDarkAnnotationHorizontalLine = (): AnnotationHorizontalLineConfig => ({\n  ...getDefaultAnnotationLine(),\n  lineColor: '#55595F',\n\n  textColor: '#E2E3E6',\n  textBackgroundColor: '#55595F',\n  textBackgroundBorderColor: '#55595F',\n})\n\nexport const getDarkAnnotationVerticalLine = () => getDarkAnnotationHorizontalLine()\n\nexport const getDarkAnnotationArea = (): AnnotationAreaConfig => ({\n  ...getDefaultAnnotationArea(),\n  textColor: '#E2E3E6',\n\n  textBackgroundColor: '#55595F',\n  textBackgroundBorderColor: '#55595F',\n\n  areaColor: '#E2E3E6',\n  areaColorOpacity: 0.15,\n  areaBorderColor: '#E2E3E6',\n})\n\nexport const getDarkAnnotation = () => ({\n  annotationPoint: getDarkAnnotationPoint(),\n  annotationHorizontalLine: getDarkAnnotationHorizontalLine(),\n  annotationVerticalLine: getDarkAnnotationVerticalLine(),\n  annotationArea: getDarkAnnotationArea(),\n})\n\nexport default getLightAnnotation\n"],"names":["getDefaultAnnotationPoint","getLightAnnotationPoint","getDefaultAnnotationLine","getLightAnnotationHorizontalLine","getLightAnnotationVerticalLine","getDefaultAnnotationArea","getLightAnnotationArea","getLightAnnotation","getDarkAnnotationPoint","getDarkAnnotationHorizontalLine","getDarkAnnotationVerticalLine","getDarkAnnotationArea","getDarkAnnotation"],"mappings":"AAMO,MAAMA,4BAA4B,IAA8B;QACrE,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAEhB,4BAA4B;QAC5B,2BAA2B;QAC3B,uBAAuB;IACzB;AAEO,MAAMC,0BAA0B,IAA8B;QACnE,GAAGD,2BAA2B;QAC9B,WAAW;QACX,qBAAqB;QACrB,2BAA2B;IAC7B;AAEO,MAAME,2BAA2B,IAAuC;QAC7E,aAAa;QACb,WAAW;QACX,WAAW;QAEX,cAAc;QACd,gBAAgB;QAChB,oBAAoB;QACpB,kBAAkB;QAElB,uBAAuB;QACvB,2BAA2B;QAC3B,4BAA4B;QAC5B,uBAAuB;IACzB;AAEO,MAAMC,mCAAmC,IAAuC;QACrF,GAAGD,0BAA0B;QAC7B,WAAW;QAEX,WAAW;QAEX,qBAAqB;QACrB,2BAA2B;IAC7B;AAEO,MAAME,iCAAiC,IAAMD;AAE7C,MAAME,2BAA2B,IAA6B;QACnE,cAAc;QACd,gBAAgB;QAChB,uBAAuB;QACvB,2BAA2B;QAC3B,4BAA4B;QAC5B,uBAAuB;QACvB,iBAAiB;QACjB,kBAAkB;QAClB,cAAc;YAAC;YAAG;SAAE;QAEpB,cAAc;IAChB;AAEO,MAAMC,yBAAyB,IAA6B;QACjE,GAAGD,0BAA0B;QAC7B,WAAW;QAEX,qBAAqB;QACrB,2BAA2B;QAE3B,WAAW;QACX,kBAAkB;QAClB,iBAAiB;IACnB;AAEO,MAAME,qBAAqB,IAAO;QACvC,iBAAiBN;QACjB,0BAA0BE;QAC1B,wBAAwBC;QACxB,gBAAgBE;IAClB;AAGO,MAAME,yBAAyB,IAA8B;QAClE,GAAGR,2BAA2B;QAC9B,WAAW;QAEX,qBAAqB;QACrB,2BAA2B;IAC7B;AAEO,MAAMS,kCAAkC,IAAuC;QACpF,GAAGP,0BAA0B;QAC7B,WAAW;QAEX,WAAW;QACX,qBAAqB;QACrB,2BAA2B;IAC7B;AAEO,MAAMQ,gCAAgC,IAAMD;AAE5C,MAAME,wBAAwB,IAA6B;QAChE,GAAGN,0BAA0B;QAC7B,WAAW;QAEX,qBAAqB;QACrB,2BAA2B;QAE3B,WAAW;QACX,kBAAkB;QAClB,iBAAiB;IACnB;AAEO,MAAMO,oBAAoB,IAAO;QACtC,iBAAiBJ;QACjB,0BAA0BC;QAC1B,wBAAwBC;QACxB,gBAAgBC;IAClB;AAEA,kBAAeJ"}

package/dist/esm/theme/common/axes.js

@@ -5,20 +5,20 @@ const getLightLinearAxis = ()=>({
         label: {
             visible: true,
             labelAngle: 0,
-            labelColor: '#797B85',
+            labelColor: '#8F959E',
             labelFontSize: 12,
             labelFontWeight: 400
         },
         title: {
             visible: false,
             titleText: '',
-            titleColor: '#646A73',
+            titleColor: '#606773',
             titleFontSize: 12,
             titleFontWeight: 400
         },
         grid: {
             visible: true,
-            gridColor: '#36415926',
+            gridColor: '#E3E5EB',
             gridWidth: 0.5,
             gridLineDash: [
                 4,
@@ -29,11 +29,11 @@ const getLightLinearAxis = ()=>({
             visible: false,
             tickInside: false,
             tickSize: 4,
-            tickColor: '#3641594d'
+            tickColor: '#21252C'
         },
         line: {
             visible: false,
-            lineColor: '#3641594d',
+            lineColor: '#21252C',
             lineWidth: 1
         }
     });
@@ -51,20 +51,20 @@ const getLightBandAxis = ()=>({
         label: {
             visible: true,
             labelAngle: 0,
-            labelColor: '#797B85',
+            labelColor: '#8F959E',
             labelFontSize: 12,
             labelFontWeight: 400
         },
         title: {
             visible: false,
             titleText: '',
-            titleColor: '#646A73',
+            titleColor: '#606773',
             titleFontSize: 12,
             titleFontWeight: 400
         },
         grid: {
             visible: false,
-            gridColor: '#36415926',
+            gridColor: '#E3E5EB',
             gridWidth: 0.5,
             gridLineDash: [
                 4,
@@ -75,11 +75,11 @@ const getLightBandAxis = ()=>({
             visible: false,
             tickInside: false,
             tickSize: 4,
-            tickColor: '#3641594d'
+            tickColor: '#21252C'
         },
         line: {
             visible: true,
-            lineColor: '#3641594d',
+            lineColor: '#21252C',
             lineWidth: 1
         }
     });
@@ -89,14 +89,14 @@ const getDarkLinearAxis = ()=>({
         label: {
             visible: true,
             labelAngle: 0,
-            labelColor: '#E2E3E6',
+            labelColor: '#888C93',
             labelFontSize: 12,
             labelFontWeight: 400
         },
         title: {
             visible: false,
             titleText: '',
-            titleColor: '#FDFDFD',
+            titleColor: '#BBBDC3',
             titleFontSize: 12,
             titleFontWeight: 400
         },
@@ -113,11 +113,11 @@ const getDarkLinearAxis = ()=>({
             visible: false,
             tickInside: false,
             tickSize: 4,
-            tickColor: '#4B4F54'
+            tickColor: '#303339'
         },
         line: {
             visible: false,
-            lineColor: '#4B4F54',
+            lineColor: '#303339',
             lineWidth: 1
         }
     });
@@ -135,14 +135,14 @@ const getDarkBandAxis = ()=>({
         label: {
             visible: true,
             labelAngle: 0,
-            labelColor: '#E2E3E6',
+            labelColor: '#888C93',
             labelFontSize: 12,
             labelFontWeight: 400
         },
         title: {
             visible: false,
             titleText: '',
-            titleColor: '#FDFDFD',
+            titleColor: '#BBBDC3',
             titleFontSize: 12,
             titleFontWeight: 400
         },
@@ -159,11 +159,11 @@ const getDarkBandAxis = ()=>({
             visible: false,
             tickInside: false,
             tickSize: 4,
-            tickColor: '#4B4F54'
+            tickColor: '#303339'
         },
         line: {
             visible: true,
-            lineColor: '#4B4F54',
+            lineColor: '#303339',
             lineWidth: 1
         }
     });

package/dist/esm/theme/common/axes.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme/common/axes.js","sources":["webpack://@visactor/vseed/./src/theme/common/axes.ts"],"sourcesContent":["import type { YBandAxis, YLinearAxis } from 'src/types'\n\nexport const getLightLinearAxis = (): YLinearAxis => ({\n  nice: true,\n  zero: true,\n  inverse: false,\n  label: {\n    visible: true,\n    labelAngle: 0,\n    labelColor: '#797B85',\n    labelFontSize: 12,\n    labelFontWeight: 400,\n  },\n  title: {\n    visible: false,\n    titleText: '',\n    titleColor: '#646A73',\n    titleFontSize: 12,\n    titleFontWeight: 400,\n  },\n  grid: {\n    visible: true,\n    gridColor: '#36415926',\n    gridWidth: 0.5,\n    gridLineDash: [4, 2],\n  },\n  tick: {\n    visible: false,\n    tickInside: false,\n    tickSize: 4,\n    tickColor: '#3641594d',\n  },\n  line: {\n    visible: false,\n    lineColor: '#3641594d',\n    lineWidth: 1,\n  },\n})\n\nexport const getLightBandAxis = (): YBandAxis => ({\n  labelAutoHide: true,\n  labelAutoHideGap: 4,\n  labelAutoLimit: true,\n  labelAutoLimitLength: 80,\n  labelAutoRotate: false,\n  labelAutoRotateAngleRange: [0, -45, -90],\n  label: {\n    visible: true,\n    labelAngle: 0,\n    labelColor: '#797B85',\n    labelFontSize: 12,\n    labelFontWeight: 400,\n  },\n  title: {\n    visible: false,\n    titleText: '',\n    titleColor: '#646A73',\n    titleFontSize: 12,\n    titleFontWeight: 400,\n  },\n  grid: {\n    visible: false,\n    gridColor: '#36415926',\n    gridWidth: 0.5,\n    gridLineDash: [4, 2],\n  },\n  tick: {\n    visible: false,\n    tickInside: false,\n    tickSize: 4,\n    tickColor: '#3641594d',\n  },\n  line: {\n    visible: true,\n    lineColor: '#3641594d',\n    lineWidth: 1,\n  },\n})\n\nexport const getDarkLinearAxis = (): YLinearAxis => ({\n  nice: true,\n  zero: true,\n  label: {\n    visible: true,\n    labelAngle: 0,\n    labelColor: '#E2E3E6',\n    labelFontSize: 12,\n    labelFontWeight: 400,\n  },\n  title: {\n    visible: false,\n    titleText: '',\n    titleColor: '#FDFDFD',\n    titleFontSize: 12,\n    titleFontWeight: 400,\n  },\n  grid: {\n    visible: true,\n    gridColor: '#303339',\n    gridWidth: 0.5,\n    gridLineDash: [4, 2],\n  },\n  tick: {\n    visible: false,\n    tickInside: false,\n    tickSize: 4,\n    tickColor: '#4B4F54',\n  },\n  line: {\n    visible: false,\n    lineColor: '#4B4F54',\n    lineWidth: 1,\n  },\n})\n\nexport const getDarkBandAxis = (): YBandAxis => ({\n  labelAutoHide: true,\n  labelAutoHideGap: 4,\n  labelAutoLimit: true,\n  labelAutoLimitLength: 80,\n  labelAutoRotate: false,\n  labelAutoRotateAngleRange: [0, -45, -90],\n  label: {\n    visible: true,\n    labelAngle: 0,\n    labelColor: '#E2E3E6',\n    labelFontSize: 12,\n    labelFontWeight: 400,\n  },\n  title: {\n    visible: false,\n    titleText: '',\n    titleColor: '#FDFDFD',\n    titleFontSize: 12,\n    titleFontWeight: 400,\n  },\n  grid: {\n    visible: false,\n    gridColor: '#303339',\n    gridWidth: 0.5,\n    gridLineDash: [4, 2],\n  },\n  tick: {\n    visible: false,\n    tickInside: false,\n    tickSize: 4,\n    tickColor: '#4B4F54',\n  },\n  line: {\n    visible: true,\n    lineColor: '#4B4F54',\n    lineWidth: 1,\n  },\n})\n"],"names":["getLightLinearAxis","getLightBandAxis","getDarkLinearAxis","getDarkBandAxis"],"mappings":"AAEO,MAAMA,qBAAqB,IAAoB;QACpD,MAAM;QACN,MAAM;QACN,SAAS;QACT,OAAO;YACL,SAAS;YACT,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,OAAO;YACL,SAAS;YACT,WAAW;YACX,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;YACX,cAAc;gBAAC;gBAAG;aAAE;QACtB;QACA,MAAM;YACJ,SAAS;YACT,YAAY;YACZ,UAAU;YACV,WAAW;QACb;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;QACb;IACF;AAEO,MAAMC,mBAAmB,IAAkB;QAChD,eAAe;QACf,kBAAkB;QAClB,gBAAgB;QAChB,sBAAsB;QACtB,iBAAiB;QACjB,2BAA2B;YAAC;YAAG;YAAK;SAAI;QACxC,OAAO;YACL,SAAS;YACT,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,OAAO;YACL,SAAS;YACT,WAAW;YACX,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;YACX,cAAc;gBAAC;gBAAG;aAAE;QACtB;QACA,MAAM;YACJ,SAAS;YACT,YAAY;YACZ,UAAU;YACV,WAAW;QACb;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;QACb;IACF;AAEO,MAAMC,oBAAoB,IAAoB;QACnD,MAAM;QACN,MAAM;QACN,OAAO;YACL,SAAS;YACT,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,OAAO;YACL,SAAS;YACT,WAAW;YACX,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;YACX,cAAc;gBAAC;gBAAG;aAAE;QACtB;QACA,MAAM;YACJ,SAAS;YACT,YAAY;YACZ,UAAU;YACV,WAAW;QACb;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;QACb;IACF;AAEO,MAAMC,kBAAkB,IAAkB;QAC/C,eAAe;QACf,kBAAkB;QAClB,gBAAgB;QAChB,sBAAsB;QACtB,iBAAiB;QACjB,2BAA2B;YAAC;YAAG;YAAK;SAAI;QACxC,OAAO;YACL,SAAS;YACT,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,OAAO;YACL,SAAS;YACT,WAAW;YACX,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;YACX,cAAc;gBAAC;gBAAG;aAAE;QACtB;QACA,MAAM;YACJ,SAAS;YACT,YAAY;YACZ,UAAU;YACV,WAAW;QACb;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;QACb;IACF"}
+{"version":3,"file":"theme/common/axes.js","sources":["webpack://@visactor/vseed/./src/theme/common/axes.ts"],"sourcesContent":["import type { YBandAxis, YLinearAxis } from 'src/types'\n\nexport const getLightLinearAxis = (): YLinearAxis => ({\n  nice: true,\n  zero: true,\n  inverse: false,\n  label: {\n    visible: true,\n    labelAngle: 0,\n    labelColor: '#8F959E',\n    labelFontSize: 12,\n    labelFontWeight: 400,\n  },\n  title: {\n    visible: false,\n    titleText: '',\n    titleColor: '#606773',\n    titleFontSize: 12,\n    titleFontWeight: 400,\n  },\n  grid: {\n    visible: true,\n    gridColor: '#E3E5EB',\n    gridWidth: 0.5,\n    gridLineDash: [4, 2],\n  },\n  tick: {\n    visible: false,\n    tickInside: false,\n    tickSize: 4,\n    tickColor: '#21252C',\n  },\n  line: {\n    visible: false,\n    lineColor: '#21252C',\n    lineWidth: 1,\n  },\n})\n\nexport const getLightBandAxis = (): YBandAxis => ({\n  labelAutoHide: true,\n  labelAutoHideGap: 4,\n  labelAutoLimit: true,\n  labelAutoLimitLength: 80,\n  labelAutoRotate: false,\n  labelAutoRotateAngleRange: [0, -45, -90],\n  label: {\n    visible: true,\n    labelAngle: 0,\n    labelColor: '#8F959E',\n    labelFontSize: 12,\n    labelFontWeight: 400,\n  },\n  title: {\n    visible: false,\n    titleText: '',\n    titleColor: '#606773',\n    titleFontSize: 12,\n    titleFontWeight: 400,\n  },\n  grid: {\n    visible: false,\n    gridColor: '#E3E5EB',\n    gridWidth: 0.5,\n    gridLineDash: [4, 2],\n  },\n  tick: {\n    visible: false,\n    tickInside: false,\n    tickSize: 4,\n    tickColor: '#21252C',\n  },\n  line: {\n    visible: true,\n    lineColor: '#21252C',\n    lineWidth: 1,\n  },\n})\n\nexport const getDarkLinearAxis = (): YLinearAxis => ({\n  nice: true,\n  zero: true,\n  label: {\n    visible: true,\n    labelAngle: 0,\n    labelColor: '#888C93',\n    labelFontSize: 12,\n    labelFontWeight: 400,\n  },\n  title: {\n    visible: false,\n    titleText: '',\n    titleColor: '#BBBDC3',\n    titleFontSize: 12,\n    titleFontWeight: 400,\n  },\n  grid: {\n    visible: true,\n    gridColor: '#303339',\n    gridWidth: 0.5,\n    gridLineDash: [4, 2],\n  },\n  tick: {\n    visible: false,\n    tickInside: false,\n    tickSize: 4,\n    tickColor: '#303339',\n  },\n  line: {\n    visible: false,\n    lineColor: '#303339',\n    lineWidth: 1,\n  },\n})\n\nexport const getDarkBandAxis = (): YBandAxis => ({\n  labelAutoHide: true,\n  labelAutoHideGap: 4,\n  labelAutoLimit: true,\n  labelAutoLimitLength: 80,\n  labelAutoRotate: false,\n  labelAutoRotateAngleRange: [0, -45, -90],\n  label: {\n    visible: true,\n    labelAngle: 0,\n    labelColor: '#888C93',\n    labelFontSize: 12,\n    labelFontWeight: 400,\n  },\n  title: {\n    visible: false,\n    titleText: '',\n    titleColor: '#BBBDC3',\n    titleFontSize: 12,\n    titleFontWeight: 400,\n  },\n  grid: {\n    visible: false,\n    gridColor: '#303339',\n    gridWidth: 0.5,\n    gridLineDash: [4, 2],\n  },\n  tick: {\n    visible: false,\n    tickInside: false,\n    tickSize: 4,\n    tickColor: '#303339',\n  },\n  line: {\n    visible: true,\n    lineColor: '#303339',\n    lineWidth: 1,\n  },\n})\n"],"names":["getLightLinearAxis","getLightBandAxis","getDarkLinearAxis","getDarkBandAxis"],"mappings":"AAEO,MAAMA,qBAAqB,IAAoB;QACpD,MAAM;QACN,MAAM;QACN,SAAS;QACT,OAAO;YACL,SAAS;YACT,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,OAAO;YACL,SAAS;YACT,WAAW;YACX,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;YACX,cAAc;gBAAC;gBAAG;aAAE;QACtB;QACA,MAAM;YACJ,SAAS;YACT,YAAY;YACZ,UAAU;YACV,WAAW;QACb;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;QACb;IACF;AAEO,MAAMC,mBAAmB,IAAkB;QAChD,eAAe;QACf,kBAAkB;QAClB,gBAAgB;QAChB,sBAAsB;QACtB,iBAAiB;QACjB,2BAA2B;YAAC;YAAG;YAAK;SAAI;QACxC,OAAO;YACL,SAAS;YACT,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,OAAO;YACL,SAAS;YACT,WAAW;YACX,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;YACX,cAAc;gBAAC;gBAAG;aAAE;QACtB;QACA,MAAM;YACJ,SAAS;YACT,YAAY;YACZ,UAAU;YACV,WAAW;QACb;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;QACb;IACF;AAEO,MAAMC,oBAAoB,IAAoB;QACnD,MAAM;QACN,MAAM;QACN,OAAO;YACL,SAAS;YACT,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,OAAO;YACL,SAAS;YACT,WAAW;YACX,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;YACX,cAAc;gBAAC;gBAAG;aAAE;QACtB;QACA,MAAM;YACJ,SAAS;YACT,YAAY;YACZ,UAAU;YACV,WAAW;QACb;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;QACb;IACF;AAEO,MAAMC,kBAAkB,IAAkB;QAC/C,eAAe;QACf,kBAAkB;QAClB,gBAAgB;QAChB,sBAAsB;QACtB,iBAAiB;QACjB,2BAA2B;YAAC;YAAG;YAAK;SAAI;QACxC,OAAO;YACL,SAAS;YACT,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,OAAO;YACL,SAAS;YACT,WAAW;YACX,YAAY;YACZ,eAAe;YACf,iBAAiB;QACnB;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;YACX,cAAc;gBAAC;gBAAG;aAAE;QACtB;QACA,MAAM;YACJ,SAAS;YACT,YAAY;YACZ,UAAU;YACV,WAAW;QACb;QACA,MAAM;YACJ,SAAS;YACT,WAAW;YACX,WAAW;QACb;IACF"}

package/dist/esm/theme/common/legend.d.ts

@@ -1,2 +1,4 @@
 import type { Legend } from '../../types';
 export declare const getDefaultLegend: () => Legend;
+export declare const getDarkLegend: () => Legend;
+export declare const getLightLegend: () => Legend;

package/dist/esm/theme/common/legend.js

@@ -4,10 +4,21 @@ const getDefaultLegend = ()=>({
         maxSize: 1,
         shapeType: 'rectRound',
         position: 'rt',
-        labelColor: '#646A73',
         labelFontSize: 12,
         labelFontWeight: 400
     });
-export { getDefaultLegend };
+const getDarkLegend = ()=>({
+        ...getDefaultLegend(),
+        labelColor: '#BBBDC3',
+        pagerIconColor: '#89909D',
+        pagerIconDisableColor: '#2A2D33'
+    });
+const getLightLegend = ()=>({
+        ...getDefaultLegend(),
+        labelColor: '#606773',
+        pagerIconColor: '#89909D',
+        pagerIconDisableColor: '#F1F2F5'
+    });
+export { getDarkLegend, getDefaultLegend, getLightLegend };
 
 //# sourceMappingURL=legend.js.map

package/dist/esm/theme/common/legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme/common/legend.js","sources":["webpack://@visactor/vseed/./src/theme/common/legend.ts"],"sourcesContent":["import type { Legend } from 'src/types'\n\nexport const getDefaultLegend = (): Legend => ({\n  enable: true,\n  border: true,\n  maxSize: 1,\n  shapeType: 'rectRound',\n  position: 'rt',\n  labelColor: '#646A73',\n  labelFontSize: 12,\n  labelFontWeight: 400,\n})\n"],"names":["getDefaultLegend"],"mappings":"AAEO,MAAMA,mBAAmB,IAAe;QAC7C,QAAQ;QACR,QAAQ;QACR,SAAS;QACT,WAAW;QACX,UAAU;QACV,YAAY;QACZ,eAAe;QACf,iBAAiB;IACnB"}
+{"version":3,"file":"theme/common/legend.js","sources":["webpack://@visactor/vseed/./src/theme/common/legend.ts"],"sourcesContent":["import type { Legend } from 'src/types'\n\nexport const getDefaultLegend = (): Legend => ({\n  enable: true,\n  border: true,\n  maxSize: 1,\n  shapeType: 'rectRound',\n  position: 'rt',\n  labelFontSize: 12,\n  labelFontWeight: 400,\n})\n\nexport const getDarkLegend = (): Legend => ({\n  ...getDefaultLegend(),\n  labelColor: '#BBBDC3',\n  pagerIconColor: '#89909D',\n  pagerIconDisableColor: '#2A2D33',\n})\n\nexport const getLightLegend = (): Legend => ({\n  ...getDefaultLegend(),\n  labelColor: '#606773',\n  pagerIconColor: '#89909D',\n  pagerIconDisableColor: '#F1F2F5',\n})\n"],"names":["getDefaultLegend","getDarkLegend","getLightLegend"],"mappings":"AAEO,MAAMA,mBAAmB,IAAe;QAC7C,QAAQ;QACR,QAAQ;QACR,SAAS;QACT,WAAW;QACX,UAAU;QACV,eAAe;QACf,iBAAiB;IACnB;AAEO,MAAMC,gBAAgB,IAAe;QAC1C,GAAGD,kBAAkB;QACrB,YAAY;QACZ,gBAAgB;QAChB,uBAAuB;IACzB;AAEO,MAAME,iBAAiB,IAAe;QAC3C,GAAGF,kBAAkB;QACrB,YAAY;QACZ,gBAAgB;QAChB,uBAAuB;IACzB"}

package/dist/esm/theme/common/table.d.ts

@@ -35,28 +35,36 @@ export declare const getDarkTableConfig: () => {
     headerFontSize: number;
 };
 export declare const getLightPivotChartGridConfig: () => {
-    outlineBorderLineWidth: number;
-    frameCornerRadius: number;
-    borderColor: any;
-    bodyFontColor: any;
-    headerFontColor: any;
-    headerBackgroundColor: string;
-    hoverHeaderBackgroundColor: any;
-    hoverHeaderInlineBackgroundColor: any;
-    titleFontColor: any;
-    titleFontSize: any;
-    titleFontWeight: string;
+    borderColor?: string | null | undefined;
+    bodyFontColor?: string | null | undefined;
+    headerFontColor?: string | null | undefined;
+    headerBackgroundColor?: string | null | undefined;
+    hoverHeaderBackgroundColor?: string | null | undefined;
+    hoverHeaderInlineBackgroundColor?: string | null | undefined;
+    outlineBorderLineWidth?: number | null | undefined;
+    frameCornerRadius?: number | null | undefined;
+    minChartWidth?: number | null | undefined;
+    minChartHeight?: number | null | undefined;
+    titleFontColor?: string | null | undefined;
+    titleFontSize?: number | null | undefined;
+    titleFontWeight?: string | null | undefined;
+    chartGridColor?: string | null | undefined;
+    axisLabelColor?: string | null | undefined;
 };
 export declare const getDarkPivotChartGridConfig: () => {
-    outlineBorderLineWidth: number;
-    frameCornerRadius: number;
-    borderColor: any;
-    bodyFontColor: any;
-    headerFontColor: any;
-    headerBackgroundColor: string;
-    hoverHeaderBackgroundColor: any;
-    hoverHeaderInlineBackgroundColor: any;
-    titleFontColor: any;
-    titleFontSize: any;
-    titleFontWeight: string;
+    borderColor?: string | null | undefined;
+    bodyFontColor?: string | null | undefined;
+    headerFontColor?: string | null | undefined;
+    headerBackgroundColor?: string | null | undefined;
+    hoverHeaderBackgroundColor?: string | null | undefined;
+    hoverHeaderInlineBackgroundColor?: string | null | undefined;
+    outlineBorderLineWidth?: number | null | undefined;
+    frameCornerRadius?: number | null | undefined;
+    minChartWidth?: number | null | undefined;
+    minChartHeight?: number | null | undefined;
+    titleFontColor?: string | null | undefined;
+    titleFontSize?: number | null | undefined;
+    titleFontWeight?: string | null | undefined;
+    chartGridColor?: string | null | undefined;
+    axisLabelColor?: string | null | undefined;
 };

package/dist/esm/theme/common/table.js

@@ -43,8 +43,16 @@ const pickPivotChartGridConfig = (tableConfig)=>({
         titleFontSize: tableConfig.headerFontSize,
         titleFontWeight: 'bold'
     });
-const getLightPivotChartGridConfig = ()=>pickPivotChartGridConfig(getLightTableConfig());
-const getDarkPivotChartGridConfig = ()=>pickPivotChartGridConfig(getDarkTableConfig());
+const getLightPivotChartGridConfig = ()=>{
+    const res = pickPivotChartGridConfig(getLightTableConfig());
+    res.chartGridColor = '#F0F1F6';
+    res.axisLabelColor = '#BCC1CB';
+    return res;
+};
+const getDarkPivotChartGridConfig = ()=>{
+    const res = pickPivotChartGridConfig(getDarkTableConfig());
+    return res;
+};
 export { getDarkPivotChartGridConfig, getDarkTableConfig, getDefaultTableConfig, getLightPivotChartGridConfig, getLightTableConfig };
 
 //# sourceMappingURL=table.js.map

package/dist/esm/theme/common/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme/common/table.js","sources":["webpack://@visactor/vseed/./src/theme/common/table.ts"],"sourcesContent":["export const getDefaultTableConfig = () => ({\n  bodyFontSize: 12,\n  bodyBackgroundColor: 'transparent',\n  headerFontSize: 12,\n})\n\nexport const getLightTableConfig = () => ({\n  ...getDefaultTableConfig(),\n  borderColor: '#e3e5eb',\n\n  bodyFontColor: '#141414',\n\n  headerFontColor: '#21252c',\n  headerBackgroundColor: '#f6f7f9',\n\n  hoverBodyBackgroundColor: '#bedaff',\n  hoverBodyInlineBackgroundColor: '#bedaff33',\n  hoverHeaderBackgroundColor: '#D9DDE4',\n  hoverHeaderInlineBackgroundColor: '#D9DDE455',\n\n  selectedBorderColor: '#4080ff',\n  selectedBackgroundColor: '#bedaff33',\n\n  backgroundColor: 'transparent',\n})\n\nexport const getDarkTableConfig = () => ({\n  ...getDefaultTableConfig(),\n  borderColor: '#4b4e53',\n\n  bodyFontColor: '#fdfdfd',\n  headerFontColor: '#fdfdfd',\n  headerBackgroundColor: '#36393e',\n\n  hoverBodyBackgroundColor: '#4284ff66',\n  hoverBodyInlineBackgroundColor: '#4284ff10',\n  hoverHeaderBackgroundColor: '#6f7984cc',\n  hoverHeaderInlineBackgroundColor: '#4b4f54',\n\n  selectedBorderColor: '#3073f2',\n  selectedBackgroundColor: '#4284ff33',\n})\n\nconst pickPivotChartGridConfig = (tableConfig: any) => {\n  return {\n    outlineBorderLineWidth: 0,\n    frameCornerRadius: 0,\n    borderColor: tableConfig.borderColor,\n    bodyFontColor: tableConfig.bodyFontColor,\n    headerFontColor: tableConfig.headerFontColor,\n\n    headerBackgroundColor: 'transparent',\n    hoverHeaderBackgroundColor: tableConfig.hoverHeaderBackgroundColor,\n    hoverHeaderInlineBackgroundColor: tableConfig.hoverHeaderInlineBackgroundColor,\n\n    titleFontColor: tableConfig.headerFontColor,\n    titleFontSize: tableConfig.headerFontSize,\n    titleFontWeight: 'bold',\n  }\n}\n\nexport const getLightPivotChartGridConfig = () => {\n  return pickPivotChartGridConfig(getLightTableConfig())\n}\n\nexport const getDarkPivotChartGridConfig = () => {\n  return pickPivotChartGridConfig(getDarkTableConfig())\n}\n"],"names":["getDefaultTableConfig","getLightTableConfig","getDarkTableConfig","pickPivotChartGridConfig","tableConfig","getLightPivotChartGridConfig","getDarkPivotChartGridConfig"],"mappings":"AAAO,MAAMA,wBAAwB,IAAO;QAC1C,cAAc;QACd,qBAAqB;QACrB,gBAAgB;IAClB;AAEO,MAAMC,sBAAsB,IAAO;QACxC,GAAGD,uBAAuB;QAC1B,aAAa;QAEb,eAAe;QAEf,iBAAiB;QACjB,uBAAuB;QAEvB,0BAA0B;QAC1B,gCAAgC;QAChC,4BAA4B;QAC5B,kCAAkC;QAElC,qBAAqB;QACrB,yBAAyB;QAEzB,iBAAiB;IACnB;AAEO,MAAME,qBAAqB,IAAO;QACvC,GAAGF,uBAAuB;QAC1B,aAAa;QAEb,eAAe;QACf,iBAAiB;QACjB,uBAAuB;QAEvB,0BAA0B;QAC1B,gCAAgC;QAChC,4BAA4B;QAC5B,kCAAkC;QAElC,qBAAqB;QACrB,yBAAyB;IAC3B;AAEA,MAAMG,2BAA2B,CAACC,cACzB;QACL,wBAAwB;QACxB,mBAAmB;QACnB,aAAaA,YAAY,WAAW;QACpC,eAAeA,YAAY,aAAa;QACxC,iBAAiBA,YAAY,eAAe;QAE5C,uBAAuB;QACvB,4BAA4BA,YAAY,0BAA0B;QAClE,kCAAkCA,YAAY,gCAAgC;QAE9E,gBAAgBA,YAAY,eAAe;QAC3C,eAAeA,YAAY,cAAc;QACzC,iBAAiB;IACnB;AAGK,MAAMC,+BAA+B,IACnCF,yBAAyBF;AAG3B,MAAMK,8BAA8B,IAClCH,yBAAyBD"}
+{"version":3,"file":"theme/common/table.js","sources":["webpack://@visactor/vseed/./src/theme/common/table.ts"],"sourcesContent":["import type { PivotChartGridConfig } from 'src/types'\n\nexport const getDefaultTableConfig = () => ({\n  bodyFontSize: 12,\n  bodyBackgroundColor: 'transparent',\n  headerFontSize: 12,\n})\n\nexport const getLightTableConfig = () => ({\n  ...getDefaultTableConfig(),\n  borderColor: '#e3e5eb',\n\n  bodyFontColor: '#141414',\n\n  headerFontColor: '#21252c',\n  headerBackgroundColor: '#f6f7f9',\n\n  hoverBodyBackgroundColor: '#bedaff',\n  hoverBodyInlineBackgroundColor: '#bedaff33',\n  hoverHeaderBackgroundColor: '#D9DDE4',\n  hoverHeaderInlineBackgroundColor: '#D9DDE455',\n\n  selectedBorderColor: '#4080ff',\n  selectedBackgroundColor: '#bedaff33',\n\n  backgroundColor: 'transparent',\n})\n\nexport const getDarkTableConfig = () => ({\n  ...getDefaultTableConfig(),\n  borderColor: '#4b4e53',\n\n  bodyFontColor: '#fdfdfd',\n  headerFontColor: '#fdfdfd',\n  headerBackgroundColor: '#36393e',\n\n  hoverBodyBackgroundColor: '#4284ff66',\n  hoverBodyInlineBackgroundColor: '#4284ff10',\n  hoverHeaderBackgroundColor: '#6f7984cc',\n  hoverHeaderInlineBackgroundColor: '#4b4f54',\n\n  selectedBorderColor: '#3073f2',\n  selectedBackgroundColor: '#4284ff33',\n})\n\nconst pickPivotChartGridConfig = (tableConfig: any) => {\n  return {\n    outlineBorderLineWidth: 0,\n    frameCornerRadius: 0,\n    borderColor: tableConfig.borderColor,\n    bodyFontColor: tableConfig.bodyFontColor,\n    headerFontColor: tableConfig.headerFontColor,\n\n    headerBackgroundColor: 'transparent',\n    hoverHeaderBackgroundColor: tableConfig.hoverHeaderBackgroundColor,\n    hoverHeaderInlineBackgroundColor: tableConfig.hoverHeaderInlineBackgroundColor,\n\n    titleFontColor: tableConfig.headerFontColor,\n    titleFontSize: tableConfig.headerFontSize,\n    titleFontWeight: 'bold',\n  }\n}\n\nexport const getLightPivotChartGridConfig = () => {\n  const res = pickPivotChartGridConfig(getLightTableConfig()) as PivotChartGridConfig\n\n  res.chartGridColor = '#F0F1F6'\n  res.axisLabelColor = '#BCC1CB'\n\n  return res\n}\n\nexport const getDarkPivotChartGridConfig = () => {\n  const res = pickPivotChartGridConfig(getDarkTableConfig()) as PivotChartGridConfig\n\n  return res\n}\n"],"names":["getDefaultTableConfig","getLightTableConfig","getDarkTableConfig","pickPivotChartGridConfig","tableConfig","getLightPivotChartGridConfig","res","getDarkPivotChartGridConfig"],"mappings":"AAEO,MAAMA,wBAAwB,IAAO;QAC1C,cAAc;QACd,qBAAqB;QACrB,gBAAgB;IAClB;AAEO,MAAMC,sBAAsB,IAAO;QACxC,GAAGD,uBAAuB;QAC1B,aAAa;QAEb,eAAe;QAEf,iBAAiB;QACjB,uBAAuB;QAEvB,0BAA0B;QAC1B,gCAAgC;QAChC,4BAA4B;QAC5B,kCAAkC;QAElC,qBAAqB;QACrB,yBAAyB;QAEzB,iBAAiB;IACnB;AAEO,MAAME,qBAAqB,IAAO;QACvC,GAAGF,uBAAuB;QAC1B,aAAa;QAEb,eAAe;QACf,iBAAiB;QACjB,uBAAuB;QAEvB,0BAA0B;QAC1B,gCAAgC;QAChC,4BAA4B;QAC5B,kCAAkC;QAElC,qBAAqB;QACrB,yBAAyB;IAC3B;AAEA,MAAMG,2BAA2B,CAACC,cACzB;QACL,wBAAwB;QACxB,mBAAmB;QACnB,aAAaA,YAAY,WAAW;QACpC,eAAeA,YAAY,aAAa;QACxC,iBAAiBA,YAAY,eAAe;QAE5C,uBAAuB;QACvB,4BAA4BA,YAAY,0BAA0B;QAClE,kCAAkCA,YAAY,gCAAgC;QAE9E,gBAAgBA,YAAY,eAAe;QAC3C,eAAeA,YAAY,cAAc;QACzC,iBAAiB;IACnB;AAGK,MAAMC,+BAA+B;IAC1C,MAAMC,MAAMH,yBAAyBF;IAErCK,IAAI,cAAc,GAAG;IACrBA,IAAI,cAAc,GAAG;IAErB,OAAOA;AACT;AAEO,MAAMC,8BAA8B;IACzC,MAAMD,MAAMH,yBAAyBD;IAErC,OAAOI;AACT"}

package/dist/esm/theme/common/tooltip.d.ts

@@ -1,2 +1,3 @@
-import type { Tooltip } from '../../types';
-export declare const getDefaultTooltip: () => Tooltip;
+import type { TooltipConfig } from '../../types';
+export declare const getLightTooltip: () => TooltipConfig;
+export declare const getDarkTooltip: () => TooltipConfig;

package/dist/esm/theme/common/tooltip.js

@@ -1,6 +1,28 @@
 const getDefaultTooltip = ()=>({
-        enable: true
+        enable: true,
+        borderRadius: 12,
+        borderWidth: 1,
+        padding: 7,
+        lineHeight: 12,
+        fontSize: 12,
+        lineSpace: 6
     });
-export { getDefaultTooltip };
+const getLightTooltip = ()=>({
+        ...getDefaultTooltip(),
+        borderColor: '#e3e5e8',
+        backgroundColor: '#fff',
+        keyColor: '#606773',
+        valueColor: '#21252c',
+        titleColor: '#21252c'
+    });
+const getDarkTooltip = ()=>({
+        ...getDefaultTooltip(),
+        borderColor: '#3c3f44',
+        backgroundColor: '#2b2d30',
+        keyColor: '#89909D',
+        valueColor: '#E2E3E6',
+        titleColor: '#E2E3E6'
+    });
+export { getDarkTooltip, getLightTooltip };
 
 //# sourceMappingURL=tooltip.js.map