@visactor/vseed 0.1.26 → 0.1.27

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 (100) hide show
  1. package/dist/cjs/index.cjs +1 -1
  2. package/dist/cjs/index.cjs.map +1 -1
  3. package/dist/esm/builder/builder/builder.d.ts +124 -16
  4. package/dist/esm/dataSelector/selector.js +2 -4
  5. package/dist/esm/dataSelector/selector.js.map +1 -1
  6. package/dist/esm/pipeline/spec/chart/pipes/init/barParallel.js +6 -4
  7. package/dist/esm/pipeline/spec/chart/pipes/init/barParallel.js.map +1 -1
  8. package/dist/esm/pipeline/spec/chart/pipes/init/columnParallel.js +6 -4
  9. package/dist/esm/pipeline/spec/chart/pipes/init/columnParallel.js.map +1 -1
  10. package/dist/esm/pipeline/spec/chart/pipes/init/pivot.d.ts +0 -2
  11. package/dist/esm/pipeline/spec/chart/pipes/init/pivot.js +1 -19
  12. package/dist/esm/pipeline/spec/chart/pipes/init/pivot.js.map +1 -1
  13. package/dist/esm/pipeline/spec/chart/pipes/init/roseParallel.js +6 -4
  14. package/dist/esm/pipeline/spec/chart/pipes/init/roseParallel.js.map +1 -1
  15. package/dist/esm/pipeline/spec/chart/pipes/label/label.d.ts +1 -1
  16. package/dist/esm/pipeline/spec/chart/pipes/label/label.js +11 -6
  17. package/dist/esm/pipeline/spec/chart/pipes/label/label.js.map +1 -1
  18. package/dist/esm/pipeline/spec/chart/pipes/label/labelDualAxis.js +2 -2
  19. package/dist/esm/pipeline/spec/chart/pipes/label/labelDualAxis.js.map +1 -1
  20. package/dist/esm/pipeline/spec/chart/pipes/label/labelPie.js +1 -1
  21. package/dist/esm/pipeline/spec/chart/pipes/label/labelPie.js.map +1 -1
  22. package/dist/esm/pipeline/spec/chart/pipes/label/labelScatter.js +1 -1
  23. package/dist/esm/pipeline/spec/chart/pipes/label/labelScatter.js.map +1 -1
  24. package/dist/esm/theme/common/axes.d.ts +5 -0
  25. package/dist/esm/theme/common/axes.js +156 -0
  26. package/dist/esm/theme/common/axes.js.map +1 -0
  27. package/dist/esm/theme/common/color.d.ts +12 -0
  28. package/dist/esm/theme/common/color.js +43 -0
  29. package/dist/esm/theme/common/color.js.map +1 -0
  30. package/dist/esm/theme/common/crosshair.d.ts +28 -0
  31. package/dist/esm/theme/common/crosshair.js +31 -0
  32. package/dist/esm/theme/common/crosshair.js.map +1 -0
  33. package/dist/esm/theme/common/index.d.ts +7 -0
  34. package/dist/esm/theme/common/index.js +7 -0
  35. package/dist/esm/theme/common/label.d.ts +8 -0
  36. package/dist/esm/theme/common/label.js +11 -0
  37. package/dist/esm/theme/common/label.js.map +1 -0
  38. package/dist/esm/theme/common/legend.d.ts +2 -0
  39. package/dist/esm/theme/common/legend.js +13 -0
  40. package/dist/esm/theme/common/legend.js.map +1 -0
  41. package/dist/esm/theme/common/table.d.ts +3 -0
  42. package/dist/esm/theme/common/table.js +34 -0
  43. package/dist/esm/theme/common/table.js.map +1 -0
  44. package/dist/esm/theme/common/tooltip.d.ts +2 -0
  45. package/dist/esm/theme/common/tooltip.js +6 -0
  46. package/dist/esm/theme/common/tooltip.js.map +1 -0
  47. package/dist/esm/theme/{dark.d.ts → dark/dark.d.ts} +1 -1
  48. package/dist/esm/theme/{dark.js → dark/dark.js} +30 -153
  49. package/dist/esm/theme/dark/dark.js.map +1 -0
  50. package/dist/esm/theme/dark/index.d.ts +1 -0
  51. package/dist/esm/theme/dark/index.js +2 -0
  52. package/dist/esm/theme/index.js +2 -2
  53. package/dist/esm/theme/light/index.d.ts +1 -0
  54. package/dist/esm/theme/light/index.js +2 -0
  55. package/dist/esm/theme/{light.d.ts → light/light.d.ts} +1 -1
  56. package/dist/esm/theme/{light.js → light/light.js} +30 -155
  57. package/dist/esm/theme/light/light.js.map +1 -0
  58. package/dist/esm/types/advancedVSeed.d.ts +44 -8
  59. package/dist/esm/types/chartType/area/zArea.d.ts +9 -8
  60. package/dist/esm/types/chartType/areaPercent/zAreaPercent.d.ts +9 -8
  61. package/dist/esm/types/chartType/bar/zBar.d.ts +9 -8
  62. package/dist/esm/types/chartType/barParallel/zBarParallel.d.ts +9 -8
  63. package/dist/esm/types/chartType/barPercent/zBarPercent.d.ts +9 -8
  64. package/dist/esm/types/chartType/column/zColumn.d.ts +9 -8
  65. package/dist/esm/types/chartType/columnParallel/zColumnParallel.d.ts +9 -8
  66. package/dist/esm/types/chartType/columnPercent/zColumnPercent.d.ts +9 -8
  67. package/dist/esm/types/chartType/donut/zDonut.d.ts +1 -0
  68. package/dist/esm/types/chartType/dualAxis/zDualAxis.d.ts +9 -8
  69. package/dist/esm/types/chartType/funnel/zFunnel.d.ts +1 -0
  70. package/dist/esm/types/chartType/heatmap/zHeatmap.d.ts +1 -0
  71. package/dist/esm/types/chartType/line/zLine.d.ts +9 -8
  72. package/dist/esm/types/chartType/pie/zPie.d.ts +1 -0
  73. package/dist/esm/types/chartType/radar/zRadar.d.ts +1 -0
  74. package/dist/esm/types/chartType/rose/zRose.d.ts +1 -0
  75. package/dist/esm/types/chartType/roseParallel/zRoseParallel.d.ts +1 -0
  76. package/dist/esm/types/chartType/scatter/zScatter.d.ts +9 -8
  77. package/dist/esm/types/dataSelector/selector.d.ts +2 -2
  78. package/dist/esm/types/dataSelector/selector.js.map +1 -1
  79. package/dist/esm/types/properties/annotation/annotation.d.ts +8 -8
  80. package/dist/esm/types/properties/annotation/annotationArea.d.ts +1 -1
  81. package/dist/esm/types/properties/annotation/annotationPoint.d.ts +1 -1
  82. package/dist/esm/types/properties/annotation/zAnnotationArea.d.ts +2 -2
  83. package/dist/esm/types/properties/annotation/zAnnotationArea.js +1 -1
  84. package/dist/esm/types/properties/annotation/zAnnotationArea.js.map +1 -1
  85. package/dist/esm/types/properties/annotation/zAnnotationPoint.d.ts +2 -2
  86. package/dist/esm/types/properties/annotation/zAnnotationPoint.js +1 -1
  87. package/dist/esm/types/properties/annotation/zAnnotationPoint.js.map +1 -1
  88. package/dist/esm/types/properties/config/config.d.ts +36 -0
  89. package/dist/esm/types/properties/config/label/label.d.ts +8 -0
  90. package/dist/esm/types/properties/config/label/zLabel.d.ts +1 -0
  91. package/dist/esm/types/properties/config/label/zLabel.js +1 -0
  92. package/dist/esm/types/properties/config/label/zLabel.js.map +1 -1
  93. package/dist/esm/types/properties/config/label/zPieLabel.d.ts +1 -0
  94. package/dist/esm/types/properties/theme/customTheme.d.ts +36 -0
  95. package/dist/esm/types/zVseed.d.ts +106 -88
  96. package/dist/umd/index.js +309 -284
  97. package/dist/umd/index.js.map +1 -1
  98. package/package.json +1 -1
  99. package/dist/esm/theme/dark.js.map +0 -1
  100. package/dist/esm/theme/light.js.map +0 -1
@@ -0,0 +1,43 @@
1
+ const getLightColorScheme = ()=>[
2
+ '#8D72F6',
3
+ '#5766EC',
4
+ '#66A3FE',
5
+ '#51D5E6',
6
+ '#4EC0B3',
7
+ '#F9DF90',
8
+ '#F9AD71',
9
+ '#ED8888',
10
+ '#E9A0C3',
11
+ '#D77DD3'
12
+ ];
13
+ const getDarkColorScheme = ()=>[
14
+ '#2E62F1',
15
+ '#4DC36A',
16
+ '#FF8406',
17
+ '#FFCC00',
18
+ '#4F44CF',
19
+ '#5AC8FA',
20
+ '#003A8C',
21
+ '#B08AE2',
22
+ '#FF6341',
23
+ '#98DD62'
24
+ ];
25
+ const getLightLinearColorScheme = ()=>[
26
+ '#C2CEFF',
27
+ '#5766EC'
28
+ ];
29
+ const getDarkLinearColorScheme = ()=>[
30
+ '#A0CEFF',
31
+ '#2E62F1'
32
+ ];
33
+ const getLightColor = ()=>({
34
+ linearColorScheme: getLightLinearColorScheme(),
35
+ colorScheme: getLightColorScheme()
36
+ });
37
+ const getDarkColor = ()=>({
38
+ linearColorScheme: getDarkLinearColorScheme(),
39
+ colorScheme: getDarkColorScheme()
40
+ });
41
+ export { getDarkColor, getDarkColorScheme, getDarkLinearColorScheme, getLightColor, getLightColorScheme, getLightLinearColorScheme };
42
+
43
+ //# sourceMappingURL=color.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme/common/color.js","sources":["webpack://@visactor/vseed/./src/theme/common/color.ts"],"sourcesContent":["export const getLightColorScheme = () => [\n '#8D72F6',\n '#5766EC',\n '#66A3FE',\n '#51D5E6',\n '#4EC0B3',\n '#F9DF90',\n '#F9AD71',\n '#ED8888',\n '#E9A0C3',\n '#D77DD3',\n]\nexport const getDarkColorScheme = () => [\n '#2E62F1',\n '#4DC36A',\n '#FF8406',\n '#FFCC00',\n '#4F44CF',\n '#5AC8FA',\n '#003A8C',\n '#B08AE2',\n '#FF6341',\n '#98DD62',\n]\nexport const getLightLinearColorScheme = () => ['#C2CEFF', '#5766EC']\nexport const getDarkLinearColorScheme = () => ['#A0CEFF', '#2E62F1']\nexport const getLightColor = () => ({\n linearColorScheme: getLightLinearColorScheme(),\n colorScheme: getLightColorScheme(),\n})\nexport const getDarkColor = () => ({\n linearColorScheme: getDarkLinearColorScheme(),\n colorScheme: getDarkColorScheme(),\n})\n"],"names":["getLightColorScheme","getDarkColorScheme","getLightLinearColorScheme","getDarkLinearColorScheme","getLightColor","getDarkColor"],"mappings":"AAAO,MAAMA,sBAAsB,IAAM;QACvC;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD;AACM,MAAMC,qBAAqB,IAAM;QACtC;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KACD;AACM,MAAMC,4BAA4B,IAAM;QAAC;QAAW;KAAU;AAC9D,MAAMC,2BAA2B,IAAM;QAAC;QAAW;KAAU;AAC7D,MAAMC,gBAAgB,IAAO;QAClC,mBAAmBF;QACnB,aAAaF;IACf;AACO,MAAMK,eAAe,IAAO;QACjC,mBAAmBF;QACnB,aAAaF;IACf"}
@@ -0,0 +1,28 @@
1
+ export declare const getDarkCrosshairLine: () => {
2
+ visible: boolean;
3
+ labelVisible: boolean;
4
+ labelColor: string;
5
+ labelBackgroundColor: string;
6
+ lineColor: string;
7
+ };
8
+ export declare const getDarkCrosshairRect: () => {
9
+ visible: boolean;
10
+ labelVisible: boolean;
11
+ labelColor: string;
12
+ labelBackgroundColor: string;
13
+ rectColor: string;
14
+ };
15
+ export declare const getLightCrosshairLine: () => {
16
+ visible: boolean;
17
+ labelVisible: boolean;
18
+ labelColor: string;
19
+ labelBackgroundColor: string;
20
+ lineColor: string;
21
+ };
22
+ export declare const getLightCrosshairRect: () => {
23
+ visible: boolean;
24
+ labelVisible: boolean;
25
+ labelColor: string;
26
+ labelBackgroundColor: string;
27
+ rectColor: string;
28
+ };
@@ -0,0 +1,31 @@
1
+ const getDarkCrosshairLine = ()=>({
2
+ visible: true,
3
+ labelVisible: true,
4
+ labelColor: '#4B4F54',
5
+ labelBackgroundColor: '#ffffff',
6
+ lineColor: '#E2E3E6'
7
+ });
8
+ const getDarkCrosshairRect = ()=>({
9
+ visible: true,
10
+ labelVisible: true,
11
+ labelColor: '#4B4F54',
12
+ labelBackgroundColor: '#ffffff',
13
+ rectColor: '#E2E3E6'
14
+ });
15
+ const getLightCrosshairLine = ()=>({
16
+ visible: true,
17
+ labelVisible: true,
18
+ labelColor: '#ffffff',
19
+ labelBackgroundColor: '#364159',
20
+ lineColor: '#3641594d'
21
+ });
22
+ const getLightCrosshairRect = ()=>({
23
+ visible: true,
24
+ labelVisible: true,
25
+ labelColor: '#ffffff',
26
+ labelBackgroundColor: '#364159',
27
+ rectColor: '#3641594d'
28
+ });
29
+ export { getDarkCrosshairLine, getDarkCrosshairRect, getLightCrosshairLine, getLightCrosshairRect };
30
+
31
+ //# sourceMappingURL=crosshair.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme/common/crosshair.js","sources":["webpack://@visactor/vseed/./src/theme/common/crosshair.ts"],"sourcesContent":["export const getDarkCrosshairLine = () => ({\n visible: true,\n labelVisible: true,\n labelColor: '#4B4F54',\n labelBackgroundColor: '#ffffff',\n lineColor: '#E2E3E6',\n})\n\nexport const getDarkCrosshairRect = () => ({\n visible: true,\n labelVisible: true,\n labelColor: '#4B4F54',\n labelBackgroundColor: '#ffffff',\n rectColor: '#E2E3E6',\n})\n\nexport const getLightCrosshairLine = () => ({\n visible: true,\n labelVisible: true,\n labelColor: '#ffffff',\n labelBackgroundColor: '#364159',\n lineColor: '#3641594d',\n})\nexport const getLightCrosshairRect = () => ({\n visible: true,\n labelVisible: true,\n labelColor: '#ffffff',\n labelBackgroundColor: '#364159',\n rectColor: '#3641594d',\n})\n"],"names":["getDarkCrosshairLine","getDarkCrosshairRect","getLightCrosshairLine","getLightCrosshairRect"],"mappings":"AAAO,MAAMA,uBAAuB,IAAO;QACzC,SAAS;QACT,cAAc;QACd,YAAY;QACZ,sBAAsB;QACtB,WAAW;IACb;AAEO,MAAMC,uBAAuB,IAAO;QACzC,SAAS;QACT,cAAc;QACd,YAAY;QACZ,sBAAsB;QACtB,WAAW;IACb;AAEO,MAAMC,wBAAwB,IAAO;QAC1C,SAAS;QACT,cAAc;QACd,YAAY;QACZ,sBAAsB;QACtB,WAAW;IACb;AACO,MAAMC,wBAAwB,IAAO;QAC1C,SAAS;QACT,cAAc;QACd,YAAY;QACZ,sBAAsB;QACtB,WAAW;IACb"}
@@ -0,0 +1,7 @@
1
+ export * from './label';
2
+ export * from './color';
3
+ export * from './legend';
4
+ export * from './crosshair';
5
+ export * from './tooltip';
6
+ export * from './axes';
7
+ export * from './table';
@@ -0,0 +1,7 @@
1
+ export * from "./label.js";
2
+ export * from "./color.js";
3
+ export * from "./legend.js";
4
+ export * from "./crosshair.js";
5
+ export * from "./tooltip.js";
6
+ export * from "./axes.js";
7
+ export * from "./table.js";
@@ -0,0 +1,8 @@
1
+ export declare const getDefaultLabel: () => {
2
+ enable: boolean;
3
+ wrap: boolean;
4
+ showValue: boolean;
5
+ showValuePercent: boolean;
6
+ labelColorSmartInvert: boolean;
7
+ labelOverlap: boolean;
8
+ };
@@ -0,0 +1,11 @@
1
+ const getDefaultLabel = ()=>({
2
+ enable: true,
3
+ wrap: true,
4
+ showValue: true,
5
+ showValuePercent: false,
6
+ labelColorSmartInvert: false,
7
+ labelOverlap: true
8
+ });
9
+ export { getDefaultLabel };
10
+
11
+ //# sourceMappingURL=label.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme/common/label.js","sources":["webpack://@visactor/vseed/./src/theme/common/label.ts"],"sourcesContent":["export const getDefaultLabel = () => ({\n enable: true,\n wrap: true,\n showValue: true,\n showValuePercent: false,\n labelColorSmartInvert: false,\n labelOverlap: true,\n})\n"],"names":["getDefaultLabel"],"mappings":"AAAO,MAAMA,kBAAkB,IAAO;QACpC,QAAQ;QACR,MAAM;QACN,WAAW;QACX,kBAAkB;QAClB,uBAAuB;QACvB,cAAc;IAChB"}
@@ -0,0 +1,2 @@
1
+ import type { Legend } from '../../types';
2
+ export declare const getDefaultLegend: () => Legend;
@@ -0,0 +1,13 @@
1
+ const getDefaultLegend = ()=>({
2
+ enable: true,
3
+ border: true,
4
+ maxSize: 1,
5
+ shapeType: 'rectRound',
6
+ position: 'rt',
7
+ labelColor: '#646A73',
8
+ labelFontSize: 12,
9
+ labelFontWeight: 400
10
+ });
11
+ export { getDefaultLegend };
12
+
13
+ //# sourceMappingURL=legend.js.map
@@ -0,0 +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"}
@@ -0,0 +1,3 @@
1
+ import type { TableConfig } from '../../types';
2
+ export declare const getLightTableConfig: () => TableConfig;
3
+ export declare const getDarkTableConfig: () => TableConfig;
@@ -0,0 +1,34 @@
1
+ const getLightTableConfig = ()=>({
2
+ borderColor: '#e3e5eb',
3
+ bodyFontSize: 12,
4
+ bodyFontColor: '#141414',
5
+ bodyBackgroundColor: 'transparent',
6
+ headerFontSize: 12,
7
+ headerFontColor: '#21252c',
8
+ headerBackgroundColor: '#f6f7f9',
9
+ hoverBodyBackgroundColor: '#bedaff',
10
+ hoverBodyInlineBackgroundColor: '#bedaff33',
11
+ hoverHeaderBackgroundColor: '#D9DDE4',
12
+ hoverHeaderInlineBackgroundColor: '#D9DDE455',
13
+ selectedBorderColor: '#4080ff',
14
+ selectedBackgroundColor: '#bedaff33',
15
+ backgroundColor: 'transparent'
16
+ });
17
+ const getDarkTableConfig = ()=>({
18
+ borderColor: '#4b4e53',
19
+ bodyFontSize: 12,
20
+ bodyFontColor: '#fdfdfd',
21
+ bodyBackgroundColor: 'transparent',
22
+ headerFontSize: 12,
23
+ headerFontColor: '#fdfdfd',
24
+ headerBackgroundColor: '#36393e',
25
+ hoverBodyBackgroundColor: '#4284ff66',
26
+ hoverBodyInlineBackgroundColor: '#4284ff10',
27
+ hoverHeaderBackgroundColor: '#6f7984cc',
28
+ hoverHeaderInlineBackgroundColor: '#4b4f54',
29
+ selectedBorderColor: '#3073f2',
30
+ selectedBackgroundColor: '#4284ff33'
31
+ });
32
+ export { getDarkTableConfig, getLightTableConfig };
33
+
34
+ //# sourceMappingURL=table.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme/common/table.js","sources":["webpack://@visactor/vseed/./src/theme/common/table.ts"],"sourcesContent":["import type { TableConfig } from 'src/types'\n\nexport const getLightTableConfig = (): TableConfig => ({\n borderColor: '#e3e5eb',\n\n bodyFontSize: 12,\n bodyFontColor: '#141414',\n bodyBackgroundColor: 'transparent',\n\n headerFontSize: 12,\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 = (): TableConfig => ({\n borderColor: '#4b4e53',\n\n bodyFontSize: 12,\n bodyFontColor: '#fdfdfd',\n bodyBackgroundColor: 'transparent',\n\n headerFontSize: 12,\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"],"names":["getLightTableConfig","getDarkTableConfig"],"mappings":"AAEO,MAAMA,sBAAsB,IAAoB;QACrD,aAAa;QAEb,cAAc;QACd,eAAe;QACf,qBAAqB;QAErB,gBAAgB;QAChB,iBAAiB;QACjB,uBAAuB;QAEvB,0BAA0B;QAC1B,gCAAgC;QAChC,4BAA4B;QAC5B,kCAAkC;QAElC,qBAAqB;QACrB,yBAAyB;QAEzB,iBAAiB;IACnB;AAEO,MAAMC,qBAAqB,IAAoB;QACpD,aAAa;QAEb,cAAc;QACd,eAAe;QACf,qBAAqB;QAErB,gBAAgB;QAChB,iBAAiB;QACjB,uBAAuB;QAEvB,0BAA0B;QAC1B,gCAAgC;QAChC,4BAA4B;QAC5B,kCAAkC;QAElC,qBAAqB;QACrB,yBAAyB;IAC3B"}
@@ -0,0 +1,2 @@
1
+ import type { Tooltip } from '../../types';
2
+ export declare const getDefaultTooltip: () => Tooltip;
@@ -0,0 +1,6 @@
1
+ const getDefaultTooltip = ()=>({
2
+ enable: true
3
+ });
4
+ export { getDefaultTooltip };
5
+
6
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme/common/tooltip.js","sources":["webpack://@visactor/vseed/./src/theme/common/tooltip.ts"],"sourcesContent":["import type { Tooltip } from 'src/types'\n\nexport const getDefaultTooltip = (): Tooltip => ({\n enable: true,\n})\n"],"names":["getDefaultTooltip"],"mappings":"AAEO,MAAMA,oBAAoB,IAAgB;QAC/C,QAAQ;IACV"}
@@ -1,2 +1,2 @@
1
- import type { CustomThemeConfig } from '../types';
1
+ import type { CustomThemeConfig } from '../../types';
2
2
  export declare const darkTheme: () => CustomThemeConfig;
@@ -1,80 +1,9 @@
1
+ import { getDarkColor, getDarkCrosshairLine, getDarkCrosshairRect, getDarkTableConfig, getDefaultLabel, getDefaultLegend } from "../common/index.js";
2
+ import { getDefaultTooltip } from "../common/tooltip.js";
3
+ import { getDarkBandAxis, getDarkLinearAxis } from "../common/axes.js";
1
4
  const darkTheme = ()=>{
2
- const linearAxis = {
3
- nice: true,
4
- zero: true,
5
- label: {
6
- visible: true,
7
- labelAngle: 0,
8
- labelColor: '#E2E3E6',
9
- labelFontSize: 12,
10
- labelFontWeight: 400
11
- },
12
- title: {
13
- visible: false,
14
- titleText: '',
15
- titleColor: '#FDFDFD',
16
- titleFontSize: 12,
17
- titleFontWeight: 400
18
- },
19
- grid: {
20
- visible: true,
21
- gridColor: '#404349',
22
- gridWidth: 0.5
23
- },
24
- tick: {
25
- visible: false,
26
- tickInside: false,
27
- tickSize: 4,
28
- tickColor: '#4B4F54'
29
- },
30
- line: {
31
- visible: false,
32
- lineColor: '#4B4F54',
33
- lineWidth: 1
34
- }
35
- };
36
- const bandAxis = {
37
- labelAutoHide: true,
38
- labelAutoHideGap: 4,
39
- labelAutoLimit: true,
40
- labelAutoLimitLength: 80,
41
- labelAutoRotate: false,
42
- labelAutoRotateAngleRange: [
43
- 0,
44
- -45,
45
- -90
46
- ],
47
- label: {
48
- visible: true,
49
- labelAngle: 0,
50
- labelColor: '#E2E3E6',
51
- labelFontSize: 12,
52
- labelFontWeight: 400
53
- },
54
- title: {
55
- visible: false,
56
- titleText: '',
57
- titleColor: '#FDFDFD',
58
- titleFontSize: 12,
59
- titleFontWeight: 400
60
- },
61
- grid: {
62
- visible: false,
63
- gridColor: '#404349',
64
- gridWidth: 0.5
65
- },
66
- tick: {
67
- visible: false,
68
- tickInside: false,
69
- tickSize: 4,
70
- tickColor: '#4B4F54'
71
- },
72
- line: {
73
- visible: true,
74
- lineColor: '#4B4F54',
75
- lineWidth: 1
76
- }
77
- };
5
+ const linearAxis = getDarkLinearAxis();
6
+ const bandAxis = getDarkBandAxis();
78
7
  const barBandAxis = {
79
8
  ...bandAxis,
80
9
  labelAutoHide: false,
@@ -88,77 +17,16 @@ const darkTheme = ()=>{
88
17
  -90
89
18
  ]
90
19
  };
91
- const crosshairLine = {
92
- visible: true,
93
- labelVisible: true,
94
- lineColor: '#E2E3E6',
95
- labelColor: '#4B4F54',
96
- labelBackgroundColor: '#ffffff'
97
- };
98
- const crosshairRect = {
99
- visible: true,
100
- labelVisible: true,
101
- lineColor: '#E2E3E6',
102
- labelColor: '#4B4F54',
103
- labelBackgroundColor: '#ffffff'
104
- };
20
+ const crosshairLine = getDarkCrosshairLine();
21
+ const crosshairRect = getDarkCrosshairRect();
105
22
  const baseConfig = {
106
23
  backgroundColor: 'transparent',
107
- color: {
108
- linearColorScheme: [
109
- '#A0CEFF',
110
- '#2E62F1'
111
- ],
112
- colorScheme: [
113
- '#2E62F1',
114
- '#4DC36A',
115
- '#FF8406',
116
- '#FFCC00',
117
- '#4F44CF',
118
- '#5AC8FA',
119
- '#003A8C',
120
- '#B08AE2',
121
- '#FF6341',
122
- '#98DD62'
123
- ]
124
- },
125
- label: {
126
- enable: true,
127
- wrap: true,
128
- showValue: true,
129
- showValuePercent: false,
130
- labelColorSmartInvert: false,
131
- labelOverlap: true
132
- },
133
- tooltip: {
134
- enable: true
135
- },
136
- legend: {
137
- enable: true,
138
- border: true,
139
- maxSize: 1,
140
- position: 'rt',
141
- shapeType: 'rectRound',
142
- labelColor: '#FDFDFD',
143
- labelFontSize: 12,
144
- labelFontWeight: 400
145
- }
146
- };
147
- const tableConfig = {
148
- borderColor: '#4b4e53',
149
- bodyFontSize: 12,
150
- bodyFontColor: '#fdfdfd',
151
- bodyBackgroundColor: 'transparent',
152
- headerFontSize: 12,
153
- headerFontColor: '#fdfdfd',
154
- headerBackgroundColor: '#36393e',
155
- hoverBodyBackgroundColor: '#4284ff66',
156
- hoverBodyInlineBackgroundColor: '#4284ff10',
157
- hoverHeaderBackgroundColor: '#6f7984cc',
158
- hoverHeaderInlineBackgroundColor: '#4b4f54',
159
- selectedBorderColor: '#3073f2',
160
- selectedBackgroundColor: '#4284ff33'
24
+ color: getDarkColor(),
25
+ label: getDefaultLabel(),
26
+ legend: getDefaultLegend(),
27
+ tooltip: getDefaultTooltip()
161
28
  };
29
+ const tableConfig = getDarkTableConfig();
162
30
  return {
163
31
  config: {
164
32
  table: tableConfig,
@@ -255,6 +123,11 @@ const darkTheme = ()=>{
255
123
  },
256
124
  scatter: {
257
125
  ...baseConfig,
126
+ crosshairLine,
127
+ sizeRange: [
128
+ 8,
129
+ 24
130
+ ],
258
131
  xAxis: {
259
132
  ...linearAxis,
260
133
  line: {
@@ -269,11 +142,11 @@ const darkTheme = ()=>{
269
142
  visible: true
270
143
  }
271
144
  },
272
- crosshairLine,
273
- sizeRange: [
274
- 8,
275
- 24
276
- ]
145
+ label: {
146
+ ...baseConfig.label,
147
+ showValue: false,
148
+ showValuePercent: false
149
+ }
277
150
  },
278
151
  dualAxis: {
279
152
  ...baseConfig,
@@ -296,7 +169,8 @@ const darkTheme = ()=>{
296
169
  label: {
297
170
  ...baseConfig.label,
298
171
  showValuePercent: true,
299
- labelLayout: 'labelLine'
172
+ labelLayout: 'labelLine',
173
+ showDimension: true
300
174
  }
301
175
  },
302
176
  donut: {
@@ -304,7 +178,8 @@ const darkTheme = ()=>{
304
178
  label: {
305
179
  ...baseConfig.label,
306
180
  showValuePercent: true,
307
- labelLayout: 'labelLine'
181
+ labelLayout: 'labelLine',
182
+ showDimension: true
308
183
  }
309
184
  },
310
185
  radar: {
@@ -314,14 +189,16 @@ const darkTheme = ()=>{
314
189
  ...baseConfig,
315
190
  label: {
316
191
  ...baseConfig.label,
317
- showValuePercent: true
192
+ showValuePercent: true,
193
+ showDimension: true
318
194
  }
319
195
  },
320
196
  roseParallel: {
321
197
  ...baseConfig,
322
198
  label: {
323
199
  ...baseConfig.label,
324
- showValuePercent: true
200
+ showValuePercent: true,
201
+ showDimension: true
325
202
  }
326
203
  },
327
204
  funnel: {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme/dark/dark.js","sources":["webpack://@visactor/vseed/./src/theme/dark/dark.ts"],"sourcesContent":["import type { CustomThemeConfig, YBandAxis } from 'src/types'\nimport {\n getDarkColor,\n getDarkCrosshairLine,\n getDarkCrosshairRect,\n getDarkTableConfig,\n getDefaultLabel,\n getDefaultLegend,\n} from '../common'\nimport { getDefaultTooltip } from '../common/tooltip'\nimport { getDarkBandAxis, getDarkLinearAxis } from '../common/axes'\n\nexport const darkTheme = (): CustomThemeConfig => {\n const linearAxis = getDarkLinearAxis()\n const bandAxis = getDarkBandAxis()\n const barBandAxis: YBandAxis = {\n ...bandAxis,\n labelAutoHide: false,\n labelAutoHideGap: 1,\n labelAutoLimit: false,\n labelAutoLimitLength: undefined,\n labelAutoRotate: false,\n labelAutoRotateAngleRange: [0, -45, -90],\n }\n const crosshairLine = getDarkCrosshairLine()\n const crosshairRect = getDarkCrosshairRect()\n\n const baseConfig = {\n backgroundColor: 'transparent',\n color: getDarkColor(),\n label: getDefaultLabel(),\n legend: getDefaultLegend(),\n tooltip: getDefaultTooltip(),\n }\n\n const tableConfig = getDarkTableConfig()\n\n return {\n config: {\n table: tableConfig,\n pivotTable: tableConfig,\n\n // cartesian\n line: {\n ...baseConfig,\n xAxis: bandAxis,\n yAxis: linearAxis,\n crosshairLine: crosshairLine,\n },\n column: {\n ...baseConfig,\n\n xAxis: bandAxis,\n yAxis: linearAxis,\n crosshairRect: crosshairRect,\n stackCornerRadius: [4, 4, 0, 0],\n },\n columnParallel: {\n ...baseConfig,\n\n xAxis: bandAxis,\n yAxis: linearAxis,\n crosshairRect: crosshairRect,\n stackCornerRadius: [4, 4, 0, 0],\n },\n columnPercent: {\n ...baseConfig,\n\n xAxis: bandAxis,\n yAxis: linearAxis,\n crosshairRect: crosshairRect,\n stackCornerRadius: [4, 4, 0, 0],\n },\n bar: {\n ...baseConfig,\n\n xAxis: linearAxis,\n yAxis: barBandAxis,\n crosshairRect: crosshairRect,\n stackCornerRadius: [0, 4, 4, 0],\n },\n barParallel: {\n ...baseConfig,\n\n xAxis: linearAxis,\n yAxis: barBandAxis,\n crosshairRect: crosshairRect,\n stackCornerRadius: [0, 4, 4, 0],\n },\n barPercent: {\n ...baseConfig,\n\n xAxis: linearAxis,\n yAxis: barBandAxis,\n crosshairRect: crosshairRect,\n stackCornerRadius: [0, 4, 4, 0],\n },\n area: {\n ...baseConfig,\n\n xAxis: bandAxis,\n yAxis: linearAxis,\n crosshairLine: crosshairLine,\n },\n areaPercent: {\n ...baseConfig,\n\n xAxis: bandAxis,\n yAxis: linearAxis,\n crosshairLine: crosshairLine,\n },\n scatter: {\n ...baseConfig,\n crosshairLine,\n sizeRange: [8, 24],\n xAxis: {\n ...linearAxis,\n line: {\n ...linearAxis.line,\n visible: true,\n },\n },\n yAxis: {\n ...linearAxis,\n line: {\n ...linearAxis.line,\n visible: true,\n },\n },\n label: {\n ...baseConfig.label,\n showValue: false,\n showValuePercent: false,\n },\n },\n dualAxis: {\n ...baseConfig,\n xAxis: bandAxis,\n primaryYAxis: linearAxis,\n secondaryYAxis: { ...linearAxis, grid: { visible: false } },\n dualChartType: {\n primary: 'column',\n secondary: 'line',\n },\n crosshairRect,\n },\n // polar\n pie: {\n ...baseConfig,\n label: {\n ...baseConfig.label,\n showValuePercent: true,\n labelLayout: 'labelLine',\n showDimension: true,\n },\n },\n donut: {\n ...baseConfig,\n label: {\n ...baseConfig.label,\n showValuePercent: true,\n labelLayout: 'labelLine',\n showDimension: true,\n },\n },\n radar: {\n ...baseConfig,\n },\n rose: {\n ...baseConfig,\n label: {\n ...baseConfig.label,\n showValuePercent: true,\n showDimension: true,\n },\n },\n roseParallel: {\n ...baseConfig,\n label: {\n ...baseConfig.label,\n showValuePercent: true,\n showDimension: true,\n },\n },\n // other\n funnel: {\n ...baseConfig,\n },\n heatmap: {\n ...baseConfig,\n label: {\n ...baseConfig.label,\n labelColorSmartInvert: true,\n },\n },\n },\n }\n}\n"],"names":["darkTheme","linearAxis","getDarkLinearAxis","bandAxis","getDarkBandAxis","barBandAxis","undefined","crosshairLine","getDarkCrosshairLine","crosshairRect","getDarkCrosshairRect","baseConfig","getDarkColor","getDefaultLabel","getDefaultLegend","getDefaultTooltip","tableConfig","getDarkTableConfig"],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export { darkTheme } from './dark';
@@ -0,0 +1,2 @@
1
+ import { darkTheme } from "./dark.js";
2
+ export { darkTheme };
@@ -1,3 +1,3 @@
1
- import { darkTheme } from "./dark.js";
2
- import { lightTheme } from "./light.js";
1
+ import { darkTheme } from "./dark/index.js";
2
+ import { lightTheme } from "./light/index.js";
3
3
  export { darkTheme, lightTheme };
@@ -0,0 +1 @@
1
+ export { lightTheme } from './light';
@@ -0,0 +1,2 @@
1
+ import { lightTheme } from "./light.js";
2
+ export { lightTheme };
@@ -1,2 +1,2 @@
1
- import type { CustomThemeConfig } from '../types';
1
+ import type { CustomThemeConfig } from '../../types';
2
2
  export declare const lightTheme: () => CustomThemeConfig;