@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.
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/builder/builder/builder.d.ts +124 -16
- package/dist/esm/dataSelector/selector.js +2 -4
- package/dist/esm/dataSelector/selector.js.map +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/init/barParallel.js +6 -4
- package/dist/esm/pipeline/spec/chart/pipes/init/barParallel.js.map +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/init/columnParallel.js +6 -4
- package/dist/esm/pipeline/spec/chart/pipes/init/columnParallel.js.map +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/init/pivot.d.ts +0 -2
- package/dist/esm/pipeline/spec/chart/pipes/init/pivot.js +1 -19
- package/dist/esm/pipeline/spec/chart/pipes/init/pivot.js.map +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/init/roseParallel.js +6 -4
- package/dist/esm/pipeline/spec/chart/pipes/init/roseParallel.js.map +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/label/label.d.ts +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/label/label.js +11 -6
- package/dist/esm/pipeline/spec/chart/pipes/label/label.js.map +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/label/labelDualAxis.js +2 -2
- package/dist/esm/pipeline/spec/chart/pipes/label/labelDualAxis.js.map +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/label/labelPie.js +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/label/labelPie.js.map +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/label/labelScatter.js +1 -1
- package/dist/esm/pipeline/spec/chart/pipes/label/labelScatter.js.map +1 -1
- package/dist/esm/theme/common/axes.d.ts +5 -0
- package/dist/esm/theme/common/axes.js +156 -0
- package/dist/esm/theme/common/axes.js.map +1 -0
- package/dist/esm/theme/common/color.d.ts +12 -0
- package/dist/esm/theme/common/color.js +43 -0
- package/dist/esm/theme/common/color.js.map +1 -0
- package/dist/esm/theme/common/crosshair.d.ts +28 -0
- package/dist/esm/theme/common/crosshair.js +31 -0
- package/dist/esm/theme/common/crosshair.js.map +1 -0
- package/dist/esm/theme/common/index.d.ts +7 -0
- package/dist/esm/theme/common/index.js +7 -0
- package/dist/esm/theme/common/label.d.ts +8 -0
- package/dist/esm/theme/common/label.js +11 -0
- package/dist/esm/theme/common/label.js.map +1 -0
- package/dist/esm/theme/common/legend.d.ts +2 -0
- package/dist/esm/theme/common/legend.js +13 -0
- package/dist/esm/theme/common/legend.js.map +1 -0
- package/dist/esm/theme/common/table.d.ts +3 -0
- package/dist/esm/theme/common/table.js +34 -0
- package/dist/esm/theme/common/table.js.map +1 -0
- package/dist/esm/theme/common/tooltip.d.ts +2 -0
- package/dist/esm/theme/common/tooltip.js +6 -0
- package/dist/esm/theme/common/tooltip.js.map +1 -0
- package/dist/esm/theme/{dark.d.ts → dark/dark.d.ts} +1 -1
- package/dist/esm/theme/{dark.js → dark/dark.js} +30 -153
- package/dist/esm/theme/dark/dark.js.map +1 -0
- package/dist/esm/theme/dark/index.d.ts +1 -0
- package/dist/esm/theme/dark/index.js +2 -0
- package/dist/esm/theme/index.js +2 -2
- package/dist/esm/theme/light/index.d.ts +1 -0
- package/dist/esm/theme/light/index.js +2 -0
- package/dist/esm/theme/{light.d.ts → light/light.d.ts} +1 -1
- package/dist/esm/theme/{light.js → light/light.js} +30 -155
- package/dist/esm/theme/light/light.js.map +1 -0
- package/dist/esm/types/advancedVSeed.d.ts +44 -8
- package/dist/esm/types/chartType/area/zArea.d.ts +9 -8
- package/dist/esm/types/chartType/areaPercent/zAreaPercent.d.ts +9 -8
- package/dist/esm/types/chartType/bar/zBar.d.ts +9 -8
- package/dist/esm/types/chartType/barParallel/zBarParallel.d.ts +9 -8
- package/dist/esm/types/chartType/barPercent/zBarPercent.d.ts +9 -8
- package/dist/esm/types/chartType/column/zColumn.d.ts +9 -8
- package/dist/esm/types/chartType/columnParallel/zColumnParallel.d.ts +9 -8
- package/dist/esm/types/chartType/columnPercent/zColumnPercent.d.ts +9 -8
- package/dist/esm/types/chartType/donut/zDonut.d.ts +1 -0
- package/dist/esm/types/chartType/dualAxis/zDualAxis.d.ts +9 -8
- package/dist/esm/types/chartType/funnel/zFunnel.d.ts +1 -0
- package/dist/esm/types/chartType/heatmap/zHeatmap.d.ts +1 -0
- package/dist/esm/types/chartType/line/zLine.d.ts +9 -8
- package/dist/esm/types/chartType/pie/zPie.d.ts +1 -0
- package/dist/esm/types/chartType/radar/zRadar.d.ts +1 -0
- package/dist/esm/types/chartType/rose/zRose.d.ts +1 -0
- package/dist/esm/types/chartType/roseParallel/zRoseParallel.d.ts +1 -0
- package/dist/esm/types/chartType/scatter/zScatter.d.ts +9 -8
- package/dist/esm/types/dataSelector/selector.d.ts +2 -2
- package/dist/esm/types/dataSelector/selector.js.map +1 -1
- package/dist/esm/types/properties/annotation/annotation.d.ts +8 -8
- package/dist/esm/types/properties/annotation/annotationArea.d.ts +1 -1
- package/dist/esm/types/properties/annotation/annotationPoint.d.ts +1 -1
- package/dist/esm/types/properties/annotation/zAnnotationArea.d.ts +2 -2
- package/dist/esm/types/properties/annotation/zAnnotationArea.js +1 -1
- package/dist/esm/types/properties/annotation/zAnnotationArea.js.map +1 -1
- package/dist/esm/types/properties/annotation/zAnnotationPoint.d.ts +2 -2
- package/dist/esm/types/properties/annotation/zAnnotationPoint.js +1 -1
- package/dist/esm/types/properties/annotation/zAnnotationPoint.js.map +1 -1
- package/dist/esm/types/properties/config/config.d.ts +36 -0
- package/dist/esm/types/properties/config/label/label.d.ts +8 -0
- package/dist/esm/types/properties/config/label/zLabel.d.ts +1 -0
- package/dist/esm/types/properties/config/label/zLabel.js +1 -0
- package/dist/esm/types/properties/config/label/zLabel.js.map +1 -1
- package/dist/esm/types/properties/config/label/zPieLabel.d.ts +1 -0
- package/dist/esm/types/properties/theme/customTheme.d.ts +36 -0
- package/dist/esm/types/zVseed.d.ts +106 -88
- package/dist/umd/index.js +309 -284
- package/dist/umd/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/esm/theme/dark.js.map +0 -1
- 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 @@
|
|
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,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,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 @@
|
|
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 '
|
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
|
-
|
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
|
-
|
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
|
-
|
109
|
-
|
110
|
-
|
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
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
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';
|
package/dist/esm/theme/index.js
CHANGED
@@ -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';
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import type { CustomThemeConfig } from '
|
1
|
+
import type { CustomThemeConfig } from '../../types';
|
2
2
|
export declare const lightTheme: () => CustomThemeConfig;
|