@visactor/vseed 0.3.13 → 0.3.15

package/dist/esm/pipeline/spec/chart/pipes/player/playerXY.js

@@ -0,0 +1,171 @@
+import { groupBy } from "remeda";
+import { isPivotChart, isVTable } from "../../../../utils/index.js";
+import { datasetXY } from "../dataset/index.js";
+const playerXY = (spec, context)=>{
+    const { vseed, advancedVSeed } = context;
+    const { datasetReshapeInfo, chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const result = datasetXY(spec, context);
+    if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) return result;
+    const { player } = baseConfig;
+    const id = datasetReshapeInfo[0].id;
+    const { field, autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, sliderHandleBorderColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
+    const dataGroups = groupBy(advancedVSeed.dataset, (item)=>item[field]);
+    if (result.data && 'values' in result.data) result.data.values = [];
+    const specs = Object.values(dataGroups).map((items)=>({
+            data: {
+                id: id,
+                values: items.slice(0, 10)
+            }
+        }));
+    const duration = interval;
+    const exchangeDuration = 0.6 * interval;
+    return {
+        ...result,
+        stackCornerRadius: void 0,
+        animationUpdate: {
+            bar: [
+                {
+                    type: 'update',
+                    options: {
+                        excludeChannels: [
+                            'x'
+                        ]
+                    },
+                    easing: 'linear',
+                    duration
+                },
+                {
+                    channel: [
+                        'x'
+                    ],
+                    easing: 'circInOut',
+                    duration: exchangeDuration
+                }
+            ],
+            point: [
+                {
+                    type: 'update',
+                    easing: 'linear',
+                    duration
+                }
+            ],
+            line: [
+                {
+                    type: 'update',
+                    easing: 'linear',
+                    duration
+                }
+            ],
+            axis: {
+                duration: exchangeDuration,
+                easing: 'circInOut'
+            }
+        },
+        animationEnter: {
+            bar: [
+                {
+                    type: 'moveIn',
+                    duration: exchangeDuration,
+                    easing: 'circInOut',
+                    options: {
+                        direction: 'x',
+                        orient: 'negative'
+                    }
+                }
+            ]
+        },
+        animationExit: {
+            bar: [
+                {
+                    type: 'fadeOut',
+                    duration: exchangeDuration
+                }
+            ]
+        },
+        customMark: [
+            {
+                type: 'text',
+                dataId: 'year',
+                style: {
+                    textBaseline: 'bottom',
+                    fontSize: 24,
+                    textAlign: 'right',
+                    fontFamily: 'PingFang SC',
+                    fontWeight: 600,
+                    text: (datum)=>datum.year,
+                    x: (datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.width - 50,
+                    y: (datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.height - 50,
+                    fill: 'grey',
+                    fillOpacity: 0.5
+                }
+            }
+        ],
+        player: {
+            visible: true,
+            auto: autoPlay,
+            interval: interval,
+            loop: loop,
+            alternate: false,
+            position: 'middle',
+            orient: position,
+            type: 'discrete',
+            specs,
+            controller: {
+                visible: true,
+                start: {
+                    visible: true,
+                    order: 0,
+                    style: {
+                        fill: startButtonColor
+                    }
+                },
+                pause: {
+                    visible: true,
+                    order: 1,
+                    style: {
+                        fill: pauseButtonColor
+                    }
+                },
+                backward: {
+                    visible: true,
+                    order: 2,
+                    style: {
+                        fill: backwardButtonColor
+                    }
+                },
+                forward: {
+                    visible: true,
+                    order: 3,
+                    position: 'end',
+                    style: {
+                        fill: forwardButtonColor
+                    }
+                }
+            },
+            slider: {
+                visible: true,
+                railStyle: {
+                    visible: true,
+                    fill: railColor,
+                    ['top' === position || 'bottom' === position ? 'height' : 'width']: 2
+                },
+                trackStyle: {
+                    visible: true,
+                    fill: trackColor,
+                    ['top' === position || 'bottom' === position ? 'height' : 'width']: 2
+                },
+                handlerStyle: {
+                    visible: true,
+                    lineWidth: 2,
+                    stroke: sliderHandleBorderColor,
+                    fill: sliderHandleColor,
+                    size: 9
+                }
+            }
+        }
+    };
+};
+export { playerXY };
+
+//# sourceMappingURL=playerXY.js.map

package/dist/esm/pipeline/spec/chart/pipes/player/playerXY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerXY.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerXY.ts"],"sourcesContent":["import type { IPlayerSpec, ISpec } from '@visactor/vchart'\nimport { groupBy } from 'remeda'\nimport { isPivotChart, isVTable } from 'src/pipeline/utils'\nimport type { Player, VChartSpecPipe } from 'src/types'\nimport { datasetXY } from '../dataset'\n\nexport const playerXY: VChartSpecPipe = (spec, context) => {\n  const { vseed, advancedVSeed } = context\n  const { datasetReshapeInfo, chartType } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { player: Player }\n  const result = datasetXY(spec, context)\n\n  if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) {\n    return result\n  }\n  const { player } = baseConfig\n\n  const id = datasetReshapeInfo[0].id\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  if (result.data && 'values' in result.data) {\n    result.data.values = []\n  }\n  const specs = Object.values(dataGroups).map((items) => ({\n    data: {\n      id: id,\n      values: items.slice(0, 10),\n    },\n  }))\n\n  const duration = interval\n  const exchangeDuration = interval * 0.6\n  return {\n    ...result,\n    stackCornerRadius: undefined,\n    animationUpdate: {\n      bar: [\n        {\n          type: 'update',\n          options: { excludeChannels: ['x'] },\n          easing: 'linear',\n          duration,\n        },\n        {\n          channel: ['x'],\n          easing: 'circInOut',\n          duration: exchangeDuration,\n        },\n      ],\n      point: [\n        {\n          type: 'update',\n          easing: 'linear',\n          duration,\n        },\n      ],\n      line: [\n        {\n          type: 'update',\n          easing: 'linear',\n          duration,\n        },\n      ],\n      axis: {\n        duration: exchangeDuration,\n        easing: 'circInOut',\n      },\n    },\n    animationEnter: {\n      bar: [\n        {\n          type: 'moveIn',\n          duration: exchangeDuration,\n          easing: 'circInOut',\n          options: {\n            direction: 'x',\n            orient: 'negative',\n          },\n        },\n      ],\n    },\n    animationExit: {\n      bar: [\n        {\n          type: 'fadeOut',\n          duration: exchangeDuration,\n        },\n      ],\n    },\n    customMark: [\n      {\n        type: 'text',\n        dataId: 'year',\n        style: {\n          textBaseline: 'bottom',\n          fontSize: 24,\n          textAlign: 'right',\n          fontFamily: 'PingFang SC',\n          fontWeight: 600,\n          text: (datum: any) => datum.year,\n          x: (datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.width - 50\n          },\n          y: (datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.height - 50\n          },\n          fill: 'grey',\n          fillOpacity: 0.5,\n        },\n      },\n    ],\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  } as unknown as ISpec\n}\n"],"names":["playerXY","spec","context","vseed","advancedVSeed","datasetReshapeInfo","chartType","baseConfig","result","datasetXY","isVTable","isPivotChart","player","id","field","autoPlay","interval","loop","position","railColor","trackColor","sliderHandleColor","sliderHandleBorderColor","startButtonColor","pauseButtonColor","backwardButtonColor","forwardButtonColor","dataGroups","groupBy","item","specs","Object","items","duration","exchangeDuration","undefined","datum","ctx"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/player/playerYBand.d.ts

@@ -0,0 +1,2 @@
+import type { VChartSpecPipe } from '../../../../../types';
+export declare const playerYBand: VChartSpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/player/playerYBand.js

@@ -0,0 +1,13 @@
+import { yBand } from "../axes/index.js";
+const playerYBand = (spec, context)=>{
+    const result = yBand(spec, context);
+    const bandAxis = result.axes?.find((axis)=>axis?.type === 'band');
+    if (bandAxis) {
+        bandAxis.animation = true;
+        bandAxis.width = '15%';
+    }
+    return result;
+};
+export { playerYBand };
+
+//# sourceMappingURL=playerYBand.js.map

package/dist/esm/pipeline/spec/chart/pipes/player/playerYBand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerYBand.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerYBand.ts"],"sourcesContent":["import type { VChartSpecPipe } from 'src/types'\nimport { yBand } from '../axes'\nimport type { IBarChartSpec } from '@visactor/vchart'\nimport type { ICartesianBandAxisSpec } from '@visactor/vchart/esm/component/axis'\n\nexport const playerYBand: VChartSpecPipe = (spec, context) => {\n  const result = yBand(spec, context) as IBarChartSpec\n  const bandAxis = result.axes?.find((axis) => axis?.type === 'band') as ICartesianBandAxisSpec\n\n  if (bandAxis) {\n    bandAxis.animation = true\n    bandAxis.width = '15%'\n  }\n  return result\n}\n"],"names":["playerYBand","spec","context","result","yBand","bandAxis","axis"],"mappings":";AAKO,MAAMA,cAA8B,CAACC,MAAMC;IAChD,MAAMC,SAASC,MAAMH,MAAMC;IAC3B,MAAMG,WAAWF,OAAO,IAAI,EAAE,KAAK,CAACG,OAASA,MAAM,SAAS;IAE5D,IAAID,UAAU;QACZA,SAAS,SAAS,GAAG;QACrBA,SAAS,KAAK,GAAG;IACnB;IACA,OAAOF;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/player/playerYLinear.d.ts

@@ -0,0 +1,2 @@
+import type { VChartSpecPipe } from '../../../../../types';
+export declare const playerYLinear: VChartSpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/player/playerYLinear.js

@@ -0,0 +1,14 @@
+import { yLinear } from "../axes/index.js";
+const playerYLinear = (spec, context)=>{
+    const result = yLinear(spec, context);
+    const linearAxis = result.axes?.find((axis)=>axis?.type === 'linear');
+    if (linearAxis) {
+        linearAxis.animation = true;
+        linearAxis.nice = false;
+        if (linearAxis.tick) linearAxis.tick.tickStep = 10000;
+    }
+    return result;
+};
+export { playerYLinear };
+
+//# sourceMappingURL=playerYLinear.js.map

package/dist/esm/pipeline/spec/chart/pipes/player/playerYLinear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerYLinear.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerYLinear.ts"],"sourcesContent":["import type { VChartSpecPipe } from 'src/types'\nimport { yLinear } from '../axes'\nimport type { IBarChartSpec, ICartesianLinearAxisSpec } from '@visactor/vchart'\n\nexport const playerYLinear: VChartSpecPipe = (spec, context) => {\n  const result = yLinear(spec, context) as IBarChartSpec\n  const linearAxis = result.axes?.find((axis) => axis?.type === 'linear') as ICartesianLinearAxisSpec\n\n  if (linearAxis) {\n    linearAxis.animation = true\n    linearAxis.nice = false\n    if (linearAxis.tick) {\n      linearAxis.tick.tickStep = 10000\n    }\n  }\n  return result\n}\n"],"names":["playerYLinear","spec","context","result","yLinear","linearAxis","axis"],"mappings":";AAIO,MAAMA,gBAAgC,CAACC,MAAMC;IAClD,MAAMC,SAASC,QAAQH,MAAMC;IAC7B,MAAMG,aAAaF,OAAO,IAAI,EAAE,KAAK,CAACG,OAASA,MAAM,SAAS;IAE9D,IAAID,YAAY;QACdA,WAAW,SAAS,GAAG;QACvBA,WAAW,IAAI,GAAG;QAClB,IAAIA,WAAW,IAAI,EACjBA,WAAW,IAAI,CAAC,QAAQ,GAAG;IAE/B;IACA,OAAOF;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/player/playerYX.d.ts

@@ -0,0 +1,2 @@
+import type { VChartSpecPipe } from '../../../../../types';
+export declare const playerYX: VChartSpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/player/playerYX.js

@@ -0,0 +1,157 @@
+import { groupBy } from "remeda";
+import { isPivotChart, isVTable } from "../../../../utils/index.js";
+import { datasetYX } from "../dataset/index.js";
+const playerYX = (spec, context)=>{
+    const { vseed, advancedVSeed } = context;
+    const { datasetReshapeInfo, chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const result = datasetYX(spec, context);
+    if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) return result;
+    const { player } = baseConfig;
+    const id = datasetReshapeInfo[0].id;
+    const { field, autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, sliderHandleBorderColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
+    const dataGroups = groupBy(advancedVSeed.dataset, (item)=>item[field]);
+    if (result.data && 'values' in result.data) result.data.values = [];
+    const specs = Object.values(dataGroups).map((items)=>({
+            data: {
+                id: id,
+                values: items.slice(0, 10)
+            }
+        }));
+    const duration = interval;
+    const exchangeDuration = 0.6 * interval;
+    return {
+        ...result,
+        stackCornerRadius: void 0,
+        animationUpdate: {
+            bar: [
+                {
+                    type: 'update',
+                    options: {
+                        excludeChannels: [
+                            'y'
+                        ]
+                    },
+                    easing: 'linear',
+                    duration
+                },
+                {
+                    channel: [
+                        'y'
+                    ],
+                    easing: 'circInOut',
+                    duration: exchangeDuration
+                }
+            ],
+            axis: {
+                duration: exchangeDuration,
+                easing: 'circInOut'
+            }
+        },
+        animationEnter: {
+            bar: [
+                {
+                    type: 'moveIn',
+                    duration: exchangeDuration,
+                    easing: 'circInOut',
+                    options: {
+                        direction: 'y',
+                        orient: 'negative'
+                    }
+                }
+            ]
+        },
+        animationExit: {
+            bar: [
+                {
+                    type: 'fadeOut',
+                    duration: exchangeDuration
+                }
+            ]
+        },
+        customMark: [
+            {
+                type: 'text',
+                dataId: 'year',
+                style: {
+                    textBaseline: 'bottom',
+                    fontSize: 24,
+                    textAlign: 'right',
+                    fontFamily: 'PingFang SC',
+                    fontWeight: 600,
+                    text: (datum)=>datum.year,
+                    x: (datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.width - 50,
+                    y: (datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.height - 50,
+                    fill: 'grey',
+                    fillOpacity: 0.5
+                }
+            }
+        ],
+        player: {
+            visible: true,
+            auto: autoPlay,
+            interval: interval,
+            loop: loop,
+            alternate: false,
+            position: 'middle',
+            orient: position,
+            type: 'discrete',
+            specs,
+            controller: {
+                visible: true,
+                start: {
+                    visible: true,
+                    order: 0,
+                    style: {
+                        fill: startButtonColor
+                    }
+                },
+                pause: {
+                    visible: true,
+                    order: 1,
+                    style: {
+                        fill: pauseButtonColor
+                    }
+                },
+                backward: {
+                    visible: true,
+                    order: 2,
+                    style: {
+                        fill: backwardButtonColor
+                    }
+                },
+                forward: {
+                    visible: true,
+                    order: 3,
+                    position: 'end',
+                    style: {
+                        fill: forwardButtonColor
+                    }
+                }
+            },
+            slider: {
+                visible: true,
+                railStyle: {
+                    visible: true,
+                    fill: railColor,
+                    ['top' === position || 'bottom' === position ? 'height' : 'width']: 2
+                },
+                trackStyle: {
+                    visible: true,
+                    fill: trackColor,
+                    ['top' === position || 'bottom' === position ? 'height' : 'width']: 2
+                },
+                handlerStyle: {
+                    visible: true,
+                    lineWidth: 2,
+                    stroke: sliderHandleBorderColor,
+                    fill: sliderHandleColor,
+                    size: 9
+                }
+            }
+        }
+    };
+};
+export { playerYX };
+
+//# sourceMappingURL=playerYX.js.map

package/dist/esm/pipeline/spec/chart/pipes/player/playerYX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerYX.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerYX.ts"],"sourcesContent":["import type { IPlayerSpec, ISpec } from '@visactor/vchart'\nimport { groupBy } from 'remeda'\nimport { isPivotChart, isVTable } from 'src/pipeline/utils'\nimport type { Player, VChartSpecPipe } from 'src/types'\nimport { datasetYX } from '../dataset'\n\nexport const playerYX: VChartSpecPipe = (spec, context) => {\n  const { vseed, advancedVSeed } = context\n  const { datasetReshapeInfo, chartType } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { player: Player }\n  const result = datasetYX(spec, context)\n\n  if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) {\n    return result\n  }\n  const { player } = baseConfig\n\n  const id = datasetReshapeInfo[0].id\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  if (result.data && 'values' in result.data) {\n    result.data.values = []\n  }\n  const specs = Object.values(dataGroups).map((items) => ({\n    data: {\n      id: id,\n      values: items.slice(0, 10),\n    },\n  }))\n\n  const duration = interval\n  const exchangeDuration = interval * 0.6\n  return {\n    ...result,\n    stackCornerRadius: undefined,\n    animationUpdate: {\n      bar: [\n        {\n          type: 'update',\n          options: { excludeChannels: ['y'] },\n          easing: 'linear',\n          duration,\n        },\n        {\n          channel: ['y'],\n          easing: 'circInOut',\n          duration: exchangeDuration,\n        },\n      ],\n      axis: {\n        duration: exchangeDuration,\n        easing: 'circInOut',\n      },\n    },\n    animationEnter: {\n      bar: [\n        {\n          type: 'moveIn',\n          duration: exchangeDuration,\n          easing: 'circInOut',\n          options: {\n            direction: 'y',\n            orient: 'negative',\n          },\n        },\n      ],\n    },\n    animationExit: {\n      bar: [\n        {\n          type: 'fadeOut',\n          duration: exchangeDuration,\n        },\n      ],\n    },\n    customMark: [\n      {\n        type: 'text',\n        dataId: 'year',\n        style: {\n          textBaseline: 'bottom',\n          fontSize: 24,\n          textAlign: 'right',\n          fontFamily: 'PingFang SC',\n          fontWeight: 600,\n          text: (datum: any) => datum.year,\n          x: (datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.width - 50\n          },\n          y: (datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.height - 50\n          },\n          fill: 'grey',\n          fillOpacity: 0.5,\n        },\n      },\n    ],\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  } as unknown as ISpec\n}\n"],"names":["playerYX","spec","context","vseed","advancedVSeed","datasetReshapeInfo","chartType","baseConfig","result","datasetYX","isVTable","isPivotChart","player","id","field","autoPlay","interval","loop","position","railColor","trackColor","sliderHandleColor","sliderHandleBorderColor","startButtonColor","pauseButtonColor","backwardButtonColor","forwardButtonColor","dataGroups","groupBy","item","specs","Object","items","duration","exchangeDuration","undefined","datum","ctx"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/player/playerYY.d.ts

@@ -0,0 +1,2 @@
+import type { VChartSpecPipe } from '../../../../../types';
+export declare const playerYY: VChartSpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/player/playerYY.js

@@ -0,0 +1,173 @@
+import { groupBy } from "remeda";
+import { isPivotChart, isVTable } from "../../../../utils/index.js";
+import { datasetScatter } from "../dataset/index.js";
+const playerYY = (spec, context)=>{
+    const { vseed, advancedVSeed } = context;
+    const { datasetReshapeInfo, chartType, encoding } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const result = datasetScatter(spec, context);
+    if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) return result;
+    const { player } = baseConfig;
+    const id = datasetReshapeInfo[0].id;
+    const { field, autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, sliderHandleBorderColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
+    const dataGroups = groupBy(advancedVSeed.dataset, (item)=>item[field]);
+    if (result.data && 'values' in result.data) result.data.values = [];
+    const specs = Object.values(dataGroups).map((items)=>({
+            data: {
+                id: id,
+                values: items
+            }
+        }));
+    const dataKey = encoding.color;
+    const duration = interval;
+    const exchangeDuration = 0.6 * interval;
+    return {
+        ...result,
+        dataKey,
+        stackCornerRadius: void 0,
+        animationUpdate: {
+            bar: [
+                {
+                    type: 'update',
+                    options: {
+                        excludeChannels: [
+                            'x'
+                        ]
+                    },
+                    easing: 'linear',
+                    duration
+                },
+                {
+                    channel: [
+                        'x'
+                    ],
+                    easing: 'circInOut',
+                    duration: exchangeDuration
+                }
+            ],
+            point: [
+                {
+                    type: 'update',
+                    easing: 'linear',
+                    duration
+                }
+            ],
+            line: [
+                {
+                    type: 'update',
+                    easing: 'linear',
+                    duration
+                }
+            ],
+            axis: {
+                duration: exchangeDuration,
+                easing: 'circInOut'
+            }
+        },
+        animationEnter: {
+            bar: [
+                {
+                    type: 'moveIn',
+                    duration: exchangeDuration,
+                    easing: 'circInOut',
+                    options: {
+                        direction: 'x',
+                        orient: 'negative'
+                    }
+                }
+            ]
+        },
+        animationExit: {
+            bar: [
+                {
+                    type: 'fadeOut',
+                    duration: exchangeDuration
+                }
+            ]
+        },
+        customMark: [
+            {
+                type: 'text',
+                dataId: 'year',
+                style: {
+                    textBaseline: 'bottom',
+                    fontSize: 24,
+                    textAlign: 'right',
+                    fontFamily: 'PingFang SC',
+                    fontWeight: 600,
+                    text: (datum)=>datum.year,
+                    x: (datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.width - 50,
+                    y: (datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.height - 50,
+                    fill: 'grey',
+                    fillOpacity: 0.5
+                }
+            }
+        ],
+        player: {
+            visible: true,
+            auto: autoPlay,
+            interval: interval,
+            loop: loop,
+            alternate: false,
+            position: 'middle',
+            orient: position,
+            type: 'discrete',
+            specs,
+            controller: {
+                visible: true,
+                start: {
+                    visible: true,
+                    order: 0,
+                    style: {
+                        fill: startButtonColor
+                    }
+                },
+                pause: {
+                    visible: true,
+                    order: 1,
+                    style: {
+                        fill: pauseButtonColor
+                    }
+                },
+                backward: {
+                    visible: true,
+                    order: 2,
+                    style: {
+                        fill: backwardButtonColor
+                    }
+                },
+                forward: {
+                    visible: true,
+                    order: 3,
+                    position: 'end',
+                    style: {
+                        fill: forwardButtonColor
+                    }
+                }
+            },
+            slider: {
+                visible: true,
+                railStyle: {
+                    visible: true,
+                    fill: railColor,
+                    ['top' === position || 'bottom' === position ? 'height' : 'width']: 2
+                },
+                trackStyle: {
+                    visible: true,
+                    fill: trackColor,
+                    ['top' === position || 'bottom' === position ? 'height' : 'width']: 2
+                },
+                handlerStyle: {
+                    visible: true,
+                    lineWidth: 2,
+                    stroke: sliderHandleBorderColor,
+                    fill: sliderHandleColor,
+                    size: 9
+                }
+            }
+        }
+    };
+};
+export { playerYY };
+
+//# sourceMappingURL=playerYY.js.map

package/dist/esm/pipeline/spec/chart/pipes/player/playerYY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerYY.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerYY.ts"],"sourcesContent":["import type { IPlayerSpec, ISpec } from '@visactor/vchart'\nimport { groupBy } from 'remeda'\nimport { isPivotChart, isVTable } from 'src/pipeline/utils'\nimport type { Player, VChartSpecPipe } from 'src/types'\nimport { datasetScatter } from '../dataset'\n\nexport const playerYY: VChartSpecPipe = (spec, context) => {\n  const { vseed, advancedVSeed } = context\n  const { datasetReshapeInfo, chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { player: Player }\n  const result = datasetScatter(spec, context)\n\n  if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) {\n    return result\n  }\n  const { player } = baseConfig\n\n  const id = datasetReshapeInfo[0].id\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  if (result.data && 'values' in result.data) {\n    result.data.values = []\n  }\n  const specs = Object.values(dataGroups).map((items) => ({\n    data: {\n      id: id,\n      values: items,\n    },\n  }))\n\n  const dataKey = encoding.color\n  const duration = interval\n  const exchangeDuration = interval * 0.6\n  return {\n    ...result,\n    dataKey,\n    stackCornerRadius: undefined,\n    animationUpdate: {\n      bar: [\n        {\n          type: 'update',\n          options: { excludeChannels: ['x'] },\n          easing: 'linear',\n          duration,\n        },\n        {\n          channel: ['x'],\n          easing: 'circInOut',\n          duration: exchangeDuration,\n        },\n      ],\n      point: [\n        {\n          type: 'update',\n          easing: 'linear',\n          duration,\n        },\n      ],\n      line: [\n        {\n          type: 'update',\n          easing: 'linear',\n          duration,\n        },\n      ],\n      axis: {\n        duration: exchangeDuration,\n        easing: 'circInOut',\n      },\n    },\n    animationEnter: {\n      bar: [\n        {\n          type: 'moveIn',\n          duration: exchangeDuration,\n          easing: 'circInOut',\n          options: {\n            direction: 'x',\n            orient: 'negative',\n          },\n        },\n      ],\n    },\n    animationExit: {\n      bar: [\n        {\n          type: 'fadeOut',\n          duration: exchangeDuration,\n        },\n      ],\n    },\n    customMark: [\n      {\n        type: 'text',\n        dataId: 'year',\n        style: {\n          textBaseline: 'bottom',\n          fontSize: 24,\n          textAlign: 'right',\n          fontFamily: 'PingFang SC',\n          fontWeight: 600,\n          text: (datum: any) => datum.year,\n          x: (datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.width - 50\n          },\n          y: (datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.height - 50\n          },\n          fill: 'grey',\n          fillOpacity: 0.5,\n        },\n      },\n    ],\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  } as unknown as ISpec\n}\n"],"names":["playerYY","spec","context","vseed","advancedVSeed","datasetReshapeInfo","chartType","encoding","baseConfig","result","datasetScatter","isVTable","isPivotChart","player","id","field","autoPlay","interval","loop","position","railColor","trackColor","sliderHandleColor","sliderHandleBorderColor","startButtonColor","pauseButtonColor","backwardButtonColor","forwardButtonColor","dataGroups","groupBy","item","specs","Object","items","dataKey","duration","exchangeDuration","undefined","datum","ctx"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/utils/condition.d.ts

@@ -0,0 +1,3 @@
+import type { SpecPipelineContext, SpecPipe } from '../../../../types';
+export type Condition = (context: SpecPipelineContext) => boolean;
+export declare const condition: <T extends SpecPipe>(condition: Condition, truePipe: T, falsePipe: T) => T;

package/dist/esm/pipeline/spec/chart/utils/condition.js

@@ -0,0 +1,7 @@
+const condition_condition = (condition, truePipe, falsePipe)=>(spec, context)=>{
+        if (condition(context)) return truePipe(spec, context);
+        return falsePipe(spec, context);
+    };
+export { condition_condition as condition };
+
+//# sourceMappingURL=condition.js.map

package/dist/esm/pipeline/spec/chart/utils/condition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/utils/condition.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/utils/condition.ts"],"sourcesContent":["import type { SpecPipelineContext, SpecPipe } from 'src/types'\n\nexport type Condition = (context: SpecPipelineContext) => boolean\n\nexport const condition = <T extends SpecPipe>(condition: Condition, truePipe: T, falsePipe: T): T => {\n  return ((spec: any, context: SpecPipelineContext) => {\n    if (condition(context)) {\n      return truePipe(spec, context)\n    }\n    return falsePipe(spec, context)\n  }) as T\n}\n"],"names":["condition","truePipe","falsePipe","spec","context"],"mappings":"AAIO,MAAMA,sBAAY,CAAqBA,WAAsBC,UAAaC,YACvE,CAACC,MAAWC;QAClB,IAAIJ,UAAUI,UACZ,OAAOH,SAASE,MAAMC;QAExB,OAAOF,UAAUC,MAAMC;IACzB"}

package/dist/esm/pipeline/spec/chart/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './condition';

package/dist/esm/pipeline/spec/chart/utils/index.js

@@ -0,0 +1 @@
+export * from "./condition.js";

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

@@ -5,7 +5,7 @@ export declare const isRadar: (vseed: VSeed) => vseed is import("../../types").R
 export declare const isAreaPercent: (vseed: VSeed) => vseed is import("../../types").AreaPercent;
 export declare const isColumnPercent: (vseed: VSeed) => vseed is import("../../types").ColumnPercent;
 export declare const isBarPercent: (vseed: VSeed) => vseed is import("../../types").BarPercent;
-export declare const isBarLikeChart: (vseed: VSeed) => vseed is import("../../types").Bar | import("../../types").BarParallel | import("../../types").BarPercent;
+export declare const isBarLikeChart: (vseed: VSeed) => vseed is import("../../types").Bar | import("../../types").RaceBar | import("../../types").BarParallel | import("../../types").BarPercent;
 export declare const isVTable: (vseed: VSeed) => boolean;
 export declare const isVChart: (vseed: VSeed) => boolean;
 /**