@visactor/vseed 0.3.12 → 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 +13 -4
- 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 +19 -10
- package/dist/umd/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ const playerAdapter = (pipe)=>(spec, context)=>{
|
|
|
8
8
|
const { player } = baseConfig;
|
|
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: {
|
|
@@ -32,24 +32,29 @@ const playerAdapter = (pipe)=>(spec, context)=>{
|
|
|
32
32
|
visible: true,
|
|
33
33
|
start: {
|
|
34
34
|
visible: true,
|
|
35
|
+
order: 0,
|
|
35
36
|
style: {
|
|
36
37
|
fill: startButtonColor
|
|
37
38
|
}
|
|
38
39
|
},
|
|
39
40
|
pause: {
|
|
40
41
|
visible: true,
|
|
42
|
+
order: 1,
|
|
41
43
|
style: {
|
|
42
44
|
fill: pauseButtonColor
|
|
43
45
|
}
|
|
44
46
|
},
|
|
45
47
|
backward: {
|
|
46
48
|
visible: true,
|
|
49
|
+
order: 2,
|
|
47
50
|
style: {
|
|
48
51
|
fill: backwardButtonColor
|
|
49
52
|
}
|
|
50
53
|
},
|
|
51
54
|
forward: {
|
|
52
55
|
visible: true,
|
|
56
|
+
order: 3,
|
|
57
|
+
position: 'end',
|
|
53
58
|
style: {
|
|
54
59
|
fill: forwardButtonColor
|
|
55
60
|
}
|
|
@@ -59,16 +64,20 @@ const playerAdapter = (pipe)=>(spec, context)=>{
|
|
|
59
64
|
visible: true,
|
|
60
65
|
railStyle: {
|
|
61
66
|
visible: true,
|
|
62
|
-
fill: railColor
|
|
67
|
+
fill: railColor,
|
|
68
|
+
['top' === position || 'bottom' === position ? 'height' : 'width']: 2
|
|
63
69
|
},
|
|
64
70
|
trackStyle: {
|
|
65
71
|
visible: true,
|
|
66
|
-
fill: trackColor
|
|
72
|
+
fill: trackColor,
|
|
73
|
+
['top' === position || 'bottom' === position ? 'height' : 'width']: 2
|
|
67
74
|
},
|
|
68
75
|
handlerStyle: {
|
|
69
76
|
visible: true,
|
|
77
|
+
lineWidth: 2,
|
|
78
|
+
stroke: sliderHandleBorderColor,
|
|
70
79
|
fill: sliderHandleColor,
|
|
71
|
-
|
|
80
|
+
size: 9
|
|
72
81
|
}
|
|
73
82
|
}
|
|
74
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 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 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, style: { fill: startButtonColor } },\n pause: { visible: true, style: { fill: pauseButtonColor } },\n backward: { visible: true, style: { fill: backwardButtonColor } },\n forward: { visible: true, style: { fill: forwardButtonColor } },\n },\n slider: {\n visible: true,\n railStyle: {
|
|
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
|
@@ -2910,7 +2910,7 @@
|
|
|
2910
2910
|
const { player } = baseConfig;
|
|
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: {
|
|
@@ -2934,24 +2934,29 @@
|
|
|
2934
2934
|
visible: true,
|
|
2935
2935
|
start: {
|
|
2936
2936
|
visible: true,
|
|
2937
|
+
order: 0,
|
|
2937
2938
|
style: {
|
|
2938
2939
|
fill: startButtonColor
|
|
2939
2940
|
}
|
|
2940
2941
|
},
|
|
2941
2942
|
pause: {
|
|
2942
2943
|
visible: true,
|
|
2944
|
+
order: 1,
|
|
2943
2945
|
style: {
|
|
2944
2946
|
fill: pauseButtonColor
|
|
2945
2947
|
}
|
|
2946
2948
|
},
|
|
2947
2949
|
backward: {
|
|
2948
2950
|
visible: true,
|
|
2951
|
+
order: 2,
|
|
2949
2952
|
style: {
|
|
2950
2953
|
fill: backwardButtonColor
|
|
2951
2954
|
}
|
|
2952
2955
|
},
|
|
2953
2956
|
forward: {
|
|
2954
2957
|
visible: true,
|
|
2958
|
+
order: 3,
|
|
2959
|
+
position: 'end',
|
|
2955
2960
|
style: {
|
|
2956
2961
|
fill: forwardButtonColor
|
|
2957
2962
|
}
|
|
@@ -2961,16 +2966,20 @@
|
|
|
2961
2966
|
visible: true,
|
|
2962
2967
|
railStyle: {
|
|
2963
2968
|
visible: true,
|
|
2964
|
-
fill: railColor
|
|
2969
|
+
fill: railColor,
|
|
2970
|
+
['top' === position || 'bottom' === position ? 'height' : 'width']: 2
|
|
2965
2971
|
},
|
|
2966
2972
|
trackStyle: {
|
|
2967
2973
|
visible: true,
|
|
2968
|
-
fill: trackColor
|
|
2974
|
+
fill: trackColor,
|
|
2975
|
+
['top' === position || 'bottom' === position ? 'height' : 'width']: 2
|
|
2969
2976
|
},
|
|
2970
2977
|
handlerStyle: {
|
|
2971
2978
|
visible: true,
|
|
2979
|
+
lineWidth: 2,
|
|
2980
|
+
stroke: sliderHandleBorderColor,
|
|
2972
2981
|
fill: sliderHandleColor,
|
|
2973
|
-
|
|
2982
|
+
size: 9
|
|
2974
2983
|
}
|
|
2975
2984
|
}
|
|
2976
2985
|
}
|
|
@@ -13541,15 +13550,15 @@
|
|
|
13541
13550
|
};
|
|
13542
13551
|
const getDarkPlayer = ()=>{
|
|
13543
13552
|
const primaryColor = getDarkColorScheme()[0];
|
|
13544
|
-
const railColor = getDarkColorLegend().railBackgroundColor;
|
|
13545
13553
|
return {
|
|
13546
13554
|
interval: 1000,
|
|
13547
13555
|
loop: false,
|
|
13548
13556
|
autoPlay: true,
|
|
13549
13557
|
position: 'bottom',
|
|
13550
|
-
railColor,
|
|
13558
|
+
railColor: '#404349',
|
|
13551
13559
|
trackColor: primaryColor,
|
|
13552
|
-
sliderHandleColor:
|
|
13560
|
+
sliderHandleColor: '#232324',
|
|
13561
|
+
sliderHandleBorderColor: primaryColor,
|
|
13553
13562
|
startButtonColor: primaryColor,
|
|
13554
13563
|
pauseButtonColor: primaryColor,
|
|
13555
13564
|
backwardButtonColor: primaryColor,
|
|
@@ -13558,15 +13567,15 @@
|
|
|
13558
13567
|
};
|
|
13559
13568
|
const getLightPlayer = ()=>{
|
|
13560
13569
|
const primaryColor = getLightColorScheme()[0];
|
|
13561
|
-
const railColor = getLightColorLegend().railBackgroundColor;
|
|
13562
13570
|
return {
|
|
13563
13571
|
interval: 1000,
|
|
13564
13572
|
loop: false,
|
|
13565
13573
|
autoPlay: true,
|
|
13566
13574
|
position: 'bottom',
|
|
13567
|
-
railColor,
|
|
13575
|
+
railColor: '#f1f3f4',
|
|
13568
13576
|
trackColor: primaryColor,
|
|
13569
|
-
sliderHandleColor:
|
|
13577
|
+
sliderHandleColor: '#ffffff',
|
|
13578
|
+
sliderHandleBorderColor: primaryColor,
|
|
13570
13579
|
startButtonColor: primaryColor,
|
|
13571
13580
|
pauseButtonColor: primaryColor,
|
|
13572
13581
|
backwardButtonColor: primaryColor,
|