@visactor/vseed 0.3.11 → 0.3.13
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/pipeline/spec/chart/pipes/player/playerAdapter.js +15 -5
- package/dist/esm/pipeline/spec/chart/pipes/player/playerAdapter.js.map +1 -1
- package/dist/esm/theme/common/player.js +6 -7
- package/dist/esm/theme/common/player.js.map +1 -1
- package/dist/esm/types/properties/config/player/player.d.ts +4 -0
- package/dist/umd/index.js +21 -11
- package/dist/umd/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,11 +4,11 @@ const playerAdapter = (pipe)=>(spec, context)=>{
|
|
|
4
4
|
const { vseed, advancedVSeed } = context;
|
|
5
5
|
const { datasetReshapeInfo, chartType } = advancedVSeed;
|
|
6
6
|
const baseConfig = advancedVSeed.config[chartType];
|
|
7
|
+
if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) return pipe(spec, context);
|
|
7
8
|
const { player } = baseConfig;
|
|
8
|
-
if (!player || !baseConfig || isVTable(vseed) || isPivotChart(vseed)) return pipe(spec, context);
|
|
9
9
|
const id = datasetReshapeInfo[0].id;
|
|
10
10
|
const nextSpec = pipe(spec, context);
|
|
11
|
-
const { field, autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
|
|
11
|
+
const { field, autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, sliderHandleBorderColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
|
|
12
12
|
const dataGroups = groupBy(advancedVSeed.dataset, (item)=>item[field]);
|
|
13
13
|
const specs = Object.values(dataGroups).map((items)=>({
|
|
14
14
|
data: {
|
|
@@ -19,6 +19,7 @@ const playerAdapter = (pipe)=>(spec, context)=>{
|
|
|
19
19
|
return {
|
|
20
20
|
...nextSpec,
|
|
21
21
|
player: {
|
|
22
|
+
visible: true,
|
|
22
23
|
auto: autoPlay,
|
|
23
24
|
interval: interval,
|
|
24
25
|
loop: loop,
|
|
@@ -31,24 +32,29 @@ const playerAdapter = (pipe)=>(spec, context)=>{
|
|
|
31
32
|
visible: true,
|
|
32
33
|
start: {
|
|
33
34
|
visible: true,
|
|
35
|
+
order: 0,
|
|
34
36
|
style: {
|
|
35
37
|
fill: startButtonColor
|
|
36
38
|
}
|
|
37
39
|
},
|
|
38
40
|
pause: {
|
|
39
41
|
visible: true,
|
|
42
|
+
order: 1,
|
|
40
43
|
style: {
|
|
41
44
|
fill: pauseButtonColor
|
|
42
45
|
}
|
|
43
46
|
},
|
|
44
47
|
backward: {
|
|
45
48
|
visible: true,
|
|
49
|
+
order: 2,
|
|
46
50
|
style: {
|
|
47
51
|
fill: backwardButtonColor
|
|
48
52
|
}
|
|
49
53
|
},
|
|
50
54
|
forward: {
|
|
51
55
|
visible: true,
|
|
56
|
+
order: 3,
|
|
57
|
+
position: 'end',
|
|
52
58
|
style: {
|
|
53
59
|
fill: forwardButtonColor
|
|
54
60
|
}
|
|
@@ -58,16 +64,20 @@ const playerAdapter = (pipe)=>(spec, context)=>{
|
|
|
58
64
|
visible: true,
|
|
59
65
|
railStyle: {
|
|
60
66
|
visible: true,
|
|
61
|
-
fill: railColor
|
|
67
|
+
fill: railColor,
|
|
68
|
+
['top' === position || 'bottom' === position ? 'height' : 'width']: 2
|
|
62
69
|
},
|
|
63
70
|
trackStyle: {
|
|
64
71
|
visible: true,
|
|
65
|
-
fill: trackColor
|
|
72
|
+
fill: trackColor,
|
|
73
|
+
['top' === position || 'bottom' === position ? 'height' : 'width']: 2
|
|
66
74
|
},
|
|
67
75
|
handlerStyle: {
|
|
68
76
|
visible: true,
|
|
77
|
+
lineWidth: 2,
|
|
78
|
+
stroke: sliderHandleBorderColor,
|
|
69
79
|
fill: sliderHandleColor,
|
|
70
|
-
|
|
80
|
+
size: 9
|
|
71
81
|
}
|
|
72
82
|
}
|
|
73
83
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pipeline/spec/chart/pipes/player/playerAdapter.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerAdapter.ts"],"sourcesContent":["import type { IPlayerSpec } from '@visactor/vchart'\nimport { groupBy } from 'remeda'\nimport { isPivotChart, isVTable } from 'src/pipeline/utils'\nimport type { Player, VChartSpecPipe } from 'src/types'\n\nexport const playerAdapter = (pipe: VChartSpecPipe): VChartSpecPipe => {\n return (spec, context) => {\n const { vseed, advancedVSeed } = context\n const { datasetReshapeInfo, chartType } = advancedVSeed\n const baseConfig = advancedVSeed.config[chartType] as { player: Player }\n
|
|
1
|
+
{"version":3,"file":"pipeline/spec/chart/pipes/player/playerAdapter.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerAdapter.ts"],"sourcesContent":["import type { IPlayerSpec } from '@visactor/vchart'\nimport { groupBy } from 'remeda'\nimport { isPivotChart, isVTable } from 'src/pipeline/utils'\nimport type { Player, VChartSpecPipe } from 'src/types'\n\nexport const playerAdapter = (pipe: VChartSpecPipe): VChartSpecPipe => {\n return (spec, context) => {\n const { vseed, advancedVSeed } = context\n const { datasetReshapeInfo, chartType } = advancedVSeed\n const baseConfig = advancedVSeed.config[chartType] as { player: Player }\n if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) {\n return pipe(spec, context)\n }\n const { player } = baseConfig\n\n const id = datasetReshapeInfo[0].id\n const nextSpec = pipe(spec, context)\n const {\n field,\n autoPlay = true,\n interval = 1000,\n loop = false,\n position,\n railColor,\n trackColor,\n sliderHandleColor,\n sliderHandleBorderColor,\n startButtonColor,\n pauseButtonColor,\n backwardButtonColor,\n forwardButtonColor,\n } = player\n\n const dataGroups = groupBy(advancedVSeed.dataset, (item) => item[field])\n\n const specs = Object.values(dataGroups).map((items) => ({\n data: {\n id: id,\n values: items,\n },\n }))\n\n return {\n ...nextSpec,\n player: {\n visible: true,\n auto: autoPlay,\n interval: interval,\n loop: loop,\n alternate: false,\n position: 'middle',\n orient: position,\n type: 'discrete',\n specs,\n controller: {\n visible: true,\n start: { visible: true, order: 0, style: { fill: startButtonColor } },\n pause: { visible: true, order: 1, style: { fill: pauseButtonColor } },\n backward: { visible: true, order: 2, style: { fill: backwardButtonColor } },\n forward: { visible: true, order: 3, position: 'end', style: { fill: forwardButtonColor } },\n },\n slider: {\n visible: true,\n railStyle: {\n visible: true,\n fill: railColor,\n [position === 'top' || position === 'bottom' ? 'height' : 'width']: 2,\n },\n trackStyle: {\n visible: true,\n fill: trackColor,\n [position === 'top' || position === 'bottom' ? 'height' : 'width']: 2,\n },\n handlerStyle: {\n visible: true,\n lineWidth: 2,\n stroke: sliderHandleBorderColor,\n fill: sliderHandleColor,\n size: 9,\n },\n },\n } as IPlayerSpec,\n }\n }\n}\n"],"names":["playerAdapter","pipe","spec","context","vseed","advancedVSeed","datasetReshapeInfo","chartType","baseConfig","isVTable","isPivotChart","player","id","nextSpec","field","autoPlay","interval","loop","position","railColor","trackColor","sliderHandleColor","sliderHandleBorderColor","startButtonColor","pauseButtonColor","backwardButtonColor","forwardButtonColor","dataGroups","groupBy","item","specs","Object","items"],"mappings":";;AAKO,MAAMA,gBAAgB,CAACC,OACrB,CAACC,MAAMC;QACZ,MAAM,EAAEC,KAAK,EAAEC,aAAa,EAAE,GAAGF;QACjC,MAAM,EAAEG,kBAAkB,EAAEC,SAAS,EAAE,GAAGF;QAC1C,MAAMG,aAAaH,cAAc,MAAM,CAACE,UAAU;QAClD,IAAI,CAAE,aAAYH,KAAI,KAAM,CAACI,cAAc,CAACA,WAAW,MAAM,IAAIC,SAASL,UAAUM,aAAaN,QAC/F,OAAOH,KAAKC,MAAMC;QAEpB,MAAM,EAAEQ,MAAM,EAAE,GAAGH;QAEnB,MAAMI,KAAKN,kBAAkB,CAAC,EAAE,CAAC,EAAE;QACnC,MAAMO,WAAWZ,KAAKC,MAAMC;QAC5B,MAAM,EACJW,KAAK,EACLC,WAAW,IAAI,EACfC,WAAW,IAAI,EACfC,OAAO,KAAK,EACZC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,iBAAiB,EACjBC,uBAAuB,EACvBC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,kBAAkB,EACnB,GAAGf;QAEJ,MAAMgB,aAAaC,QAAQvB,cAAc,OAAO,EAAE,CAACwB,OAASA,IAAI,CAACf,MAAM;QAEvE,MAAMgB,QAAQC,OAAO,MAAM,CAACJ,YAAY,GAAG,CAAC,CAACK,QAAW;gBACtD,MAAM;oBACJ,IAAIpB;oBACJ,QAAQoB;gBACV;YACF;QAEA,OAAO;YACL,GAAGnB,QAAQ;YACX,QAAQ;gBACN,SAAS;gBACT,MAAME;gBACN,UAAUC;gBACV,MAAMC;gBACN,WAAW;gBACX,UAAU;gBACV,QAAQC;gBACR,MAAM;gBACNY;gBACA,YAAY;oBACV,SAAS;oBACT,OAAO;wBAAE,SAAS;wBAAM,OAAO;wBAAG,OAAO;4BAAE,MAAMP;wBAAiB;oBAAE;oBACpE,OAAO;wBAAE,SAAS;wBAAM,OAAO;wBAAG,OAAO;4BAAE,MAAMC;wBAAiB;oBAAE;oBACpE,UAAU;wBAAE,SAAS;wBAAM,OAAO;wBAAG,OAAO;4BAAE,MAAMC;wBAAoB;oBAAE;oBAC1E,SAAS;wBAAE,SAAS;wBAAM,OAAO;wBAAG,UAAU;wBAAO,OAAO;4BAAE,MAAMC;wBAAmB;oBAAE;gBAC3F;gBACA,QAAQ;oBACN,SAAS;oBACT,WAAW;wBACT,SAAS;wBACT,MAAMP;wBACN,CAACD,AAAa,UAAbA,YAAsBA,AAAa,aAAbA,WAAwB,WAAW,QAAQ,EAAE;oBACtE;oBACA,YAAY;wBACV,SAAS;wBACT,MAAME;wBACN,CAACF,AAAa,UAAbA,YAAsBA,AAAa,aAAbA,WAAwB,WAAW,QAAQ,EAAE;oBACtE;oBACA,cAAc;wBACZ,SAAS;wBACT,WAAW;wBACX,QAAQI;wBACR,MAAMD;wBACN,MAAM;oBACR;gBACF;YACF;QACF;IACF"}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { getDarkColorScheme, getLightColorScheme } from "./color.js";
|
|
2
|
-
import { getDarkColorLegend, getLightColorLegend } from "./legend.js";
|
|
3
2
|
const getDarkPlayer = ()=>{
|
|
4
3
|
const primaryColor = getDarkColorScheme()[0];
|
|
5
|
-
const railColor = getDarkColorLegend().railBackgroundColor;
|
|
6
4
|
return {
|
|
7
5
|
interval: 1000,
|
|
8
6
|
loop: false,
|
|
9
7
|
autoPlay: true,
|
|
10
8
|
position: 'bottom',
|
|
11
|
-
railColor,
|
|
9
|
+
railColor: '#404349',
|
|
12
10
|
trackColor: primaryColor,
|
|
13
|
-
sliderHandleColor:
|
|
11
|
+
sliderHandleColor: '#232324',
|
|
12
|
+
sliderHandleBorderColor: primaryColor,
|
|
14
13
|
startButtonColor: primaryColor,
|
|
15
14
|
pauseButtonColor: primaryColor,
|
|
16
15
|
backwardButtonColor: primaryColor,
|
|
@@ -19,15 +18,15 @@ const getDarkPlayer = ()=>{
|
|
|
19
18
|
};
|
|
20
19
|
const getLightPlayer = ()=>{
|
|
21
20
|
const primaryColor = getLightColorScheme()[0];
|
|
22
|
-
const railColor = getLightColorLegend().railBackgroundColor;
|
|
23
21
|
return {
|
|
24
22
|
interval: 1000,
|
|
25
23
|
loop: false,
|
|
26
24
|
autoPlay: true,
|
|
27
25
|
position: 'bottom',
|
|
28
|
-
railColor,
|
|
26
|
+
railColor: '#f1f3f4',
|
|
29
27
|
trackColor: primaryColor,
|
|
30
|
-
sliderHandleColor:
|
|
28
|
+
sliderHandleColor: '#ffffff',
|
|
29
|
+
sliderHandleBorderColor: primaryColor,
|
|
31
30
|
startButtonColor: primaryColor,
|
|
32
31
|
pauseButtonColor: primaryColor,
|
|
33
32
|
backwardButtonColor: primaryColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme/common/player.js","sources":["webpack://@visactor/vseed/./src/theme/common/player.ts"],"sourcesContent":["import type { Player } from 'src/types'\nimport { getDarkColorScheme, getLightColorScheme } from './color'\
|
|
1
|
+
{"version":3,"file":"theme/common/player.js","sources":["webpack://@visactor/vseed/./src/theme/common/player.ts"],"sourcesContent":["import type { Player } from 'src/types'\nimport { getDarkColorScheme, getLightColorScheme } from './color'\n\nexport const getDarkPlayer = (): Omit<Player, 'field'> => {\n const primaryColor = getDarkColorScheme()[0]\n\n return {\n interval: 1000,\n loop: false,\n autoPlay: true,\n position: 'bottom',\n railColor: '#404349',\n\n trackColor: primaryColor,\n sliderHandleColor: '#232324',\n sliderHandleBorderColor: primaryColor,\n\n startButtonColor: primaryColor,\n pauseButtonColor: primaryColor,\n backwardButtonColor: primaryColor,\n forwardButtonColor: primaryColor,\n }\n}\n\nexport const getLightPlayer = (): Omit<Player, 'field'> => {\n const primaryColor = getLightColorScheme()[0]\n\n return {\n interval: 1000,\n loop: false,\n autoPlay: true,\n position: 'bottom',\n railColor: '#f1f3f4',\n\n trackColor: primaryColor,\n sliderHandleColor: '#ffffff',\n sliderHandleBorderColor: primaryColor,\n\n startButtonColor: primaryColor,\n pauseButtonColor: primaryColor,\n backwardButtonColor: primaryColor,\n forwardButtonColor: primaryColor,\n }\n}\n"],"names":["getDarkPlayer","primaryColor","getDarkColorScheme","getLightPlayer","getLightColorScheme"],"mappings":";AAGO,MAAMA,gBAAgB;IAC3B,MAAMC,eAAeC,oBAAoB,CAAC,EAAE;IAE5C,OAAO;QACL,UAAU;QACV,MAAM;QACN,UAAU;QACV,UAAU;QACV,WAAW;QAEX,YAAYD;QACZ,mBAAmB;QACnB,yBAAyBA;QAEzB,kBAAkBA;QAClB,kBAAkBA;QAClB,qBAAqBA;QACrB,oBAAoBA;IACtB;AACF;AAEO,MAAME,iBAAiB;IAC5B,MAAMF,eAAeG,qBAAqB,CAAC,EAAE;IAE7C,OAAO;QACL,UAAU;QACV,MAAM;QACN,UAAU;QACV,UAAU;QACV,WAAW;QAEX,YAAYH;QACZ,mBAAmB;QACnB,yBAAyBA;QAEzB,kBAAkBA;QAClB,kBAAkBA;QAClB,qBAAqBA;QACrB,oBAAoBA;IACtB;AACF"}
|
package/dist/umd/index.js
CHANGED
|
@@ -2906,11 +2906,11 @@
|
|
|
2906
2906
|
const { vseed, advancedVSeed } = context;
|
|
2907
2907
|
const { datasetReshapeInfo, chartType } = advancedVSeed;
|
|
2908
2908
|
const baseConfig = advancedVSeed.config[chartType];
|
|
2909
|
+
if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || chatType_isPivotChart(vseed)) return pipe(spec, context);
|
|
2909
2910
|
const { player } = baseConfig;
|
|
2910
|
-
if (!player || !baseConfig || isVTable(vseed) || chatType_isPivotChart(vseed)) return pipe(spec, context);
|
|
2911
2911
|
const id = datasetReshapeInfo[0].id;
|
|
2912
2912
|
const nextSpec = pipe(spec, context);
|
|
2913
|
-
const { field, autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
|
|
2913
|
+
const { field, autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, sliderHandleBorderColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
|
|
2914
2914
|
const dataGroups = chunk_HVPVHFDT_i(advancedVSeed.dataset, (item)=>item[field]);
|
|
2915
2915
|
const specs = Object.values(dataGroups).map((items)=>({
|
|
2916
2916
|
data: {
|
|
@@ -2921,6 +2921,7 @@
|
|
|
2921
2921
|
return {
|
|
2922
2922
|
...nextSpec,
|
|
2923
2923
|
player: {
|
|
2924
|
+
visible: true,
|
|
2924
2925
|
auto: autoPlay,
|
|
2925
2926
|
interval: interval,
|
|
2926
2927
|
loop: loop,
|
|
@@ -2933,24 +2934,29 @@
|
|
|
2933
2934
|
visible: true,
|
|
2934
2935
|
start: {
|
|
2935
2936
|
visible: true,
|
|
2937
|
+
order: 0,
|
|
2936
2938
|
style: {
|
|
2937
2939
|
fill: startButtonColor
|
|
2938
2940
|
}
|
|
2939
2941
|
},
|
|
2940
2942
|
pause: {
|
|
2941
2943
|
visible: true,
|
|
2944
|
+
order: 1,
|
|
2942
2945
|
style: {
|
|
2943
2946
|
fill: pauseButtonColor
|
|
2944
2947
|
}
|
|
2945
2948
|
},
|
|
2946
2949
|
backward: {
|
|
2947
2950
|
visible: true,
|
|
2951
|
+
order: 2,
|
|
2948
2952
|
style: {
|
|
2949
2953
|
fill: backwardButtonColor
|
|
2950
2954
|
}
|
|
2951
2955
|
},
|
|
2952
2956
|
forward: {
|
|
2953
2957
|
visible: true,
|
|
2958
|
+
order: 3,
|
|
2959
|
+
position: 'end',
|
|
2954
2960
|
style: {
|
|
2955
2961
|
fill: forwardButtonColor
|
|
2956
2962
|
}
|
|
@@ -2960,16 +2966,20 @@
|
|
|
2960
2966
|
visible: true,
|
|
2961
2967
|
railStyle: {
|
|
2962
2968
|
visible: true,
|
|
2963
|
-
fill: railColor
|
|
2969
|
+
fill: railColor,
|
|
2970
|
+
['top' === position || 'bottom' === position ? 'height' : 'width']: 2
|
|
2964
2971
|
},
|
|
2965
2972
|
trackStyle: {
|
|
2966
2973
|
visible: true,
|
|
2967
|
-
fill: trackColor
|
|
2974
|
+
fill: trackColor,
|
|
2975
|
+
['top' === position || 'bottom' === position ? 'height' : 'width']: 2
|
|
2968
2976
|
},
|
|
2969
2977
|
handlerStyle: {
|
|
2970
2978
|
visible: true,
|
|
2979
|
+
lineWidth: 2,
|
|
2980
|
+
stroke: sliderHandleBorderColor,
|
|
2971
2981
|
fill: sliderHandleColor,
|
|
2972
|
-
|
|
2982
|
+
size: 9
|
|
2973
2983
|
}
|
|
2974
2984
|
}
|
|
2975
2985
|
}
|
|
@@ -13540,15 +13550,15 @@
|
|
|
13540
13550
|
};
|
|
13541
13551
|
const getDarkPlayer = ()=>{
|
|
13542
13552
|
const primaryColor = getDarkColorScheme()[0];
|
|
13543
|
-
const railColor = getDarkColorLegend().railBackgroundColor;
|
|
13544
13553
|
return {
|
|
13545
13554
|
interval: 1000,
|
|
13546
13555
|
loop: false,
|
|
13547
13556
|
autoPlay: true,
|
|
13548
13557
|
position: 'bottom',
|
|
13549
|
-
railColor,
|
|
13558
|
+
railColor: '#404349',
|
|
13550
13559
|
trackColor: primaryColor,
|
|
13551
|
-
sliderHandleColor:
|
|
13560
|
+
sliderHandleColor: '#232324',
|
|
13561
|
+
sliderHandleBorderColor: primaryColor,
|
|
13552
13562
|
startButtonColor: primaryColor,
|
|
13553
13563
|
pauseButtonColor: primaryColor,
|
|
13554
13564
|
backwardButtonColor: primaryColor,
|
|
@@ -13557,15 +13567,15 @@
|
|
|
13557
13567
|
};
|
|
13558
13568
|
const getLightPlayer = ()=>{
|
|
13559
13569
|
const primaryColor = getLightColorScheme()[0];
|
|
13560
|
-
const railColor = getLightColorLegend().railBackgroundColor;
|
|
13561
13570
|
return {
|
|
13562
13571
|
interval: 1000,
|
|
13563
13572
|
loop: false,
|
|
13564
13573
|
autoPlay: true,
|
|
13565
13574
|
position: 'bottom',
|
|
13566
|
-
railColor,
|
|
13575
|
+
railColor: '#f1f3f4',
|
|
13567
13576
|
trackColor: primaryColor,
|
|
13568
|
-
sliderHandleColor:
|
|
13577
|
+
sliderHandleColor: '#ffffff',
|
|
13578
|
+
sliderHandleBorderColor: primaryColor,
|
|
13569
13579
|
startButtonColor: primaryColor,
|
|
13570
13580
|
pauseButtonColor: primaryColor,
|
|
13571
13581
|
backwardButtonColor: primaryColor,
|