@visactor/vseed 0.4.3 → 0.4.5

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

@@ -1,11 +1,12 @@
 import { isPivotChart, isVTable } from "../../../../utils/index.js";
-const isPlayer = (context)=>{
-    const { vseed, advancedVSeed } = context;
-    const { chartType } = advancedVSeed;
-    const baseConfig = advancedVSeed.config[chartType];
-    if (!('player' in vseed) || !baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) return false;
-    return true;
-};
+const isPlayer = (playerPipe, defaultPipe)=>(spec, context)=>{
+        const { vseed, advancedVSeed } = context;
+        const { encoding } = advancedVSeed;
+        const hasPlayerEncoding = encoding.player && encoding.player.length > 0;
+        const isStandardChart = !isVTable(vseed) && !isPivotChart(vseed);
+        if (hasPlayerEncoding && isStandardChart) return playerPipe(spec, context);
+        return defaultPipe(spec, context);
+    };
 export { isPlayer };
 
 //# sourceMappingURL=isPlayer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/player/isPlayer.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/isPlayer.ts"],"sourcesContent":["import { isPivotChart, isVTable } from 'src/pipeline/utils'\nimport type { Player, SpecPipelineContext } from 'src/types'\nimport type { Condition } from '../../utils'\n\nexport const isPlayer: Condition = (context: SpecPipelineContext): boolean => {\n  const { vseed, advancedVSeed } = context\n  const { 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 false\n  }\n  return true\n}\n"],"names":["isPlayer","context","vseed","advancedVSeed","chartType","baseConfig","isVTable","isPivotChart"],"mappings":";AAIO,MAAMA,WAAsB,CAACC;IAClC,MAAM,EAAEC,KAAK,EAAEC,aAAa,EAAE,GAAGF;IACjC,MAAM,EAAEG,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAaF,cAAc,MAAM,CAACC,UAAU;IAClD,IAAI,CAAE,aAAYF,KAAI,KAAM,CAACG,cAAc,CAACA,WAAW,MAAM,IAAIC,SAASJ,UAAUK,aAAaL,QAC/F,OAAO;IAET,OAAO;AACT"}
+{"version":3,"file":"pipeline/spec/chart/pipes/player/isPlayer.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/isPlayer.ts"],"sourcesContent":["import { isPivotChart, isVTable } from 'src/pipeline/utils'\nimport type { VChartSpecPipe } from 'src/types'\n\nexport const isPlayer = (playerPipe: VChartSpecPipe, defaultPipe: VChartSpecPipe): VChartSpecPipe => {\n  return (spec, context) => {\n    const { vseed, advancedVSeed } = context\n    const { encoding } = advancedVSeed\n\n    const hasPlayerEncoding = encoding.player && encoding.player.length > 0\n    const isStandardChart = !isVTable(vseed) && !isPivotChart(vseed)\n\n    if (hasPlayerEncoding && isStandardChart) {\n      return playerPipe(spec, context)\n    }\n\n    return defaultPipe(spec, context)\n  }\n}\n"],"names":["isPlayer","playerPipe","defaultPipe","spec","context","vseed","advancedVSeed","encoding","hasPlayerEncoding","isStandardChart","isVTable","isPivotChart"],"mappings":";AAGO,MAAMA,WAAW,CAACC,YAA4BC,cAC5C,CAACC,MAAMC;QACZ,MAAM,EAAEC,KAAK,EAAEC,aAAa,EAAE,GAAGF;QACjC,MAAM,EAAEG,QAAQ,EAAE,GAAGD;QAErB,MAAME,oBAAoBD,SAAS,MAAM,IAAIA,SAAS,MAAM,CAAC,MAAM,GAAG;QACtE,MAAME,kBAAkB,CAACC,SAASL,UAAU,CAACM,aAAaN;QAE1D,IAAIG,qBAAqBC,iBACvB,OAAOR,WAAWE,MAAMC;QAG1B,OAAOF,YAAYC,MAAMC;IAC3B"}

package/dist/esm/pipeline/spec/chart/pipes/player/{playerXY.d.ts → playerBar.d.ts}

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

package/dist/esm/pipeline/spec/chart/pipes/player/{playerYX.js → playerBar.js}

@@ -1,12 +1,11 @@
 import { groupBy, uniqueBy } from "remeda";
-import { isPivotChart, isVTable } from "../../../../utils/index.js";
 import { datasetYX } from "../dataset/index.js";
-const playerYX = (spec, context)=>{
-    const { vseed, advancedVSeed } = context;
+const playerBar = (spec, context)=>{
+    const { advancedVSeed } = context;
     const { dimensions = [], datasetReshapeInfo, chartType, encoding } = advancedVSeed;
     const baseConfig = advancedVSeed.config[chartType];
     const result = datasetYX(spec, context);
-    if (!baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) return result;
+    if (!baseConfig || !baseConfig.player) return result;
     const { player } = baseConfig;
     const id = datasetReshapeInfo[0].id;
     const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
@@ -27,7 +26,7 @@ const playerYX = (spec, context)=>{
         return {
             data: {
                 id: id,
-                values: sortedItems.slice(0, maxCount)
+                values: false === maxCount ? sortedItems : sortedItems.slice(0, maxCount)
             }
         };
     });
@@ -178,6 +177,6 @@ const playerYX = (spec, context)=>{
         }
     };
 };
-export { playerYX };
+export { playerBar };
 
-//# sourceMappingURL=playerYX.js.map
+//# sourceMappingURL=playerBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerBar.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerBar.ts"],"sourcesContent":["import type { IPlayerSpec, ISpec } from '@visactor/vchart'\nimport { groupBy, uniqueBy } from 'remeda'\nimport type { Player, VChartSpecPipe } from 'src/types'\nimport { datasetYX } from '../dataset'\n\nexport const playerBar: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { dimensions = [], datasetReshapeInfo, chartType, encoding } = advancedVSeed\n\n  const baseConfig = advancedVSeed.config[chartType] as { player: Player }\n  const result = datasetYX(spec, context)\n\n  if (!baseConfig || !baseConfig.player) {\n    return result\n  }\n  const { player } = baseConfig\n  const id = datasetReshapeInfo[0].id\n  const { unfoldInfo, foldInfo } = datasetReshapeInfo[0]\n  const { encodingPlayer, encodingY } = unfoldInfo\n  const { measureValue } = foldInfo\n  const {\n    maxCount,\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  const duration = interval\n  const exchangeDuration = interval * 0.6\n\n  const dataGroups = groupBy(advancedVSeed.dataset, (item) => item[encodingPlayer])\n  if (result.data && 'values' in result.data) {\n    result.data.values = []\n  }\n\n  const yValues = uniqueBy(\n    advancedVSeed.dataset.map((d) => d[encodingY]),\n    (item) => item,\n  )\n  const specs = Object.values(dataGroups).map((items) => {\n    // 如果当前items中不存在yValues中的值, 则填充为0, 保证每组都有同样的yValue, 都有对应的数据\n    const filledItems = items.map((item) => ({\n      ...item,\n      [encodingY]: yValues.find((yValue) => yValue === item[encodingY]) || 0,\n    }))\n    const sortedItems = filledItems.sort((a, b) => b[measureValue] - a[measureValue])\n\n    return {\n      data: {\n        id: id,\n        values: maxCount === false ? sortedItems : sortedItems.slice(0, maxCount as number),\n      },\n    }\n  })\n\n  const dataKey = dimensions.filter((d) => !encoding.player?.includes(d.id)).map((d) => d.id)\n  const textSize = 36\n  const padding = 12\n\n  return {\n    ...result,\n    dataKey,\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    },\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: 'moveOut',\n          options: {\n            direction: 'x',\n          },\n          duration: exchangeDuration,\n        },\n        {\n          type: 'moveOut',\n          options: {\n            direction: 'y',\n            orient: 'negative',\n          },\n          duration: exchangeDuration,\n        },\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: textSize,\n          textAlign: 'right',\n          fontFamily: 'PingFang SC',\n          fontWeight: 600,\n          text: (datum: any) => datum[encodingPlayer],\n          x: (_datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.width - padding\n          },\n          y: (_datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.height - padding - textSize\n          },\n          fill: 'rgb(100, 100, 100)',\n          fillOpacity: 0.25,\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":["playerBar","spec","context","advancedVSeed","dimensions","datasetReshapeInfo","chartType","encoding","baseConfig","result","datasetYX","player","id","unfoldInfo","foldInfo","encodingPlayer","encodingY","measureValue","maxCount","autoPlay","interval","loop","position","railColor","trackColor","sliderHandleColor","sliderHandleBorderColor","startButtonColor","pauseButtonColor","backwardButtonColor","forwardButtonColor","duration","exchangeDuration","dataGroups","groupBy","item","yValues","uniqueBy","d","specs","Object","items","filledItems","yValue","sortedItems","a","b","dataKey","textSize","padding","undefined","datum","_datum","ctx"],"mappings":"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"}

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

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

package/dist/esm/pipeline/spec/chart/pipes/player/{playerXY.js → playerColumn.js}

@@ -1,12 +1,11 @@
 import { groupBy, uniqueBy } from "remeda";
-import { isPivotChart, isVTable } from "../../../../utils/index.js";
 import { datasetXY } from "../dataset/index.js";
-const playerXY = (spec, context)=>{
-    const { vseed, advancedVSeed } = context;
+const playerColumn = (spec, context)=>{
+    const { advancedVSeed } = context;
     const { dimensions = [], datasetReshapeInfo, chartType, encoding } = advancedVSeed;
     const baseConfig = advancedVSeed.config[chartType];
     const result = datasetXY(spec, context);
-    if (!baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) return result;
+    if (!baseConfig || !baseConfig.player) return result;
     const { player } = baseConfig;
     const id = datasetReshapeInfo[0].id;
     const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
@@ -25,7 +24,7 @@ const playerXY = (spec, context)=>{
         return {
             data: {
                 id: id,
-                values: sortedItems.slice(0, maxCount)
+                values: false === maxCount ? sortedItems : sortedItems.slice(0, maxCount)
             }
         };
     });
@@ -195,6 +194,6 @@ const playerXY = (spec, context)=>{
         }
     };
 };
-export { playerXY };
+export { playerColumn };
 
-//# sourceMappingURL=playerXY.js.map
+//# sourceMappingURL=playerColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerColumn.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerColumn.ts"],"sourcesContent":["import type { IPlayerSpec, ISpec } from '@visactor/vchart'\nimport { groupBy, uniqueBy } from 'remeda'\nimport type { Player, VChartSpecPipe } from 'src/types'\nimport { datasetXY } from '../dataset'\n\nexport const playerColumn: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { dimensions = [], datasetReshapeInfo, chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { player: Player }\n  const result = datasetXY(spec, context)\n\n  if (!baseConfig || !baseConfig.player) {\n    return result\n  }\n  const { player } = baseConfig\n\n  const id = datasetReshapeInfo[0].id\n  const { unfoldInfo, foldInfo } = datasetReshapeInfo[0]\n  const { encodingPlayer, encodingX } = unfoldInfo\n  const { measureValue } = foldInfo\n  const {\n    maxCount,\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[encodingPlayer])\n  if (result.data && 'values' in result.data) {\n    result.data.values = []\n  }\n\n  const xValues = uniqueBy(\n    advancedVSeed.dataset.map((d) => d[encodingX]),\n    (item) => item,\n  )\n  const specs = Object.values(dataGroups).map((items) => {\n    // 如果当前items中不存在xValues中的值, 则填充为0, 保证每组都有同样的xValue, 都有对应的数据\n    const filledItems = items.map((item) => ({\n      ...item,\n      [encodingX]: xValues.find((xValue) => xValue === item[encodingX]) || 0,\n    }))\n    const sortedItems = filledItems.sort((a, b) => b[measureValue] - a[measureValue])\n    return {\n      data: {\n        id: id,\n        values: maxCount === false ? sortedItems : sortedItems.slice(0, maxCount as number),\n      },\n    }\n  })\n\n  const duration = interval\n  const exchangeDuration = interval * 0.6\n\n  const dataKey = dimensions.filter((d) => !encoding.player?.includes(d.id)).map((d) => d.id)\n\n  const textSize = 36\n  const padding = 12\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: 'moveOut',\n          options: {\n            direction: 'y',\n            orient: 'negative',\n          },\n          duration: exchangeDuration,\n        },\n        {\n          type: 'moveOut',\n          options: {\n            direction: 'x',\n            orient: 'negative',\n          },\n          duration: exchangeDuration,\n        },\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: textSize,\n          textAlign: 'right',\n          text: (datum: any) => datum[encodingPlayer],\n          x: (_datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.width - padding\n          },\n          y: (_datum: any, _ctx: any) => {\n            return textSize + padding\n          },\n          fill: 'rgb(100, 100, 100)',\n          fillOpacity: 0.25,\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":["playerColumn","spec","context","advancedVSeed","dimensions","datasetReshapeInfo","chartType","encoding","baseConfig","result","datasetXY","player","id","unfoldInfo","foldInfo","encodingPlayer","encodingX","measureValue","maxCount","autoPlay","interval","loop","position","railColor","trackColor","sliderHandleColor","sliderHandleBorderColor","startButtonColor","pauseButtonColor","backwardButtonColor","forwardButtonColor","dataGroups","groupBy","item","xValues","uniqueBy","d","specs","Object","items","filledItems","xValue","sortedItems","a","b","duration","exchangeDuration","dataKey","textSize","padding","undefined","datum","_datum","ctx","_ctx"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/player/{playerYX.d.ts → playerLine.d.ts}

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

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

@@ -0,0 +1,144 @@
+import { datasetXY } from "../dataset/index.js";
+const playerLine = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { datasetReshapeInfo, chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const result = datasetXY(spec, context);
+    if (!baseConfig || !baseConfig.player) return result;
+    const { player } = baseConfig;
+    const id = datasetReshapeInfo[0].id;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    const { encodingX } = unfoldInfo;
+    const { maxCount = false, autoPlay = true, interval, loop = false, position, railColor, trackColor, sliderHandleColor, sliderHandleBorderColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
+    const uniqueXValues = Array.from(new Set(advancedVSeed.dataset.map((d)=>d[encodingX]))).sort((a, b)=>a > b ? 1 : -1);
+    const step = 1;
+    const specs = [];
+    result.data = [
+        {
+            id: id,
+            values: []
+        }
+    ];
+    if (false === maxCount) for(let currentSize = 2; currentSize <= uniqueXValues.length; currentSize += step){
+        const currentXValues = uniqueXValues.slice(0, currentSize);
+        const frameData = advancedVSeed.dataset.filter((d)=>currentXValues.includes(d[encodingX]));
+        specs.push({
+            data: {
+                id: id,
+                values: frameData
+            }
+        });
+    }
+    else if (uniqueXValues.length <= maxCount) {
+        const limitCount = uniqueXValues.length;
+        for(let currentSize = 2; currentSize <= limitCount; currentSize += step){
+            const currentXValues = uniqueXValues.slice(0, currentSize);
+            const frameData = advancedVSeed.dataset.filter((d)=>currentXValues.includes(d[encodingX]));
+            specs.push({
+                data: {
+                    id: id,
+                    values: frameData
+                }
+            });
+        }
+    } else {
+        const limitCount = maxCount;
+        for(let currentSize = 2; currentSize < limitCount; currentSize += step){
+            const currentXValues = uniqueXValues.slice(0, currentSize);
+            const frameData = advancedVSeed.dataset.filter((d)=>currentXValues.includes(d[encodingX]));
+            specs.push({
+                data: {
+                    id: id,
+                    values: frameData
+                }
+            });
+        }
+        for(let i = 0; i <= uniqueXValues.length - limitCount; i += step){
+            const currentXValues = uniqueXValues.slice(i, i + limitCount);
+            const frameData = advancedVSeed.dataset.filter((d)=>currentXValues.includes(d[encodingX]));
+            specs.push({
+                data: {
+                    id: id,
+                    values: frameData
+                }
+            });
+        }
+    }
+    const duration = interval;
+    return {
+        ...result,
+        stackCornerRadius: void 0,
+        animationUpdate: {
+            duration
+        },
+        point: {
+            visible: false
+        },
+        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 { playerLine };
+
+//# sourceMappingURL=playerLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerLine.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerLine.ts"],"sourcesContent":["import type { IPlayerSpec, ISpec } from '@visactor/vchart'\nimport type { Player, VChartSpecPipe } from 'src/types'\nimport { datasetXY } from '../dataset'\n\nexport const playerLine: VChartSpecPipe = (spec, context) => {\n  const { 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 (!baseConfig || !baseConfig.player) {\n    return result\n  }\n  const { player } = baseConfig\n\n  const id = datasetReshapeInfo[0].id\n  const { unfoldInfo } = datasetReshapeInfo[0]\n  const { encodingX } = unfoldInfo\n\n  const {\n    maxCount = false,\n    autoPlay = true,\n    interval,\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  // 数据分组的依据有比较大的改变\n  // X轴由2个逐渐增加\n  // 从而保证每次更新时, X轴会自然的移动\n\n  // 1. 获取所有唯一的 X 轴值并排序\n  const uniqueXValues = Array.from(new Set(advancedVSeed.dataset.map((d) => d[encodingX]))).sort((a, b) => {\n    // 假设X轴是数字或可以比较的\n    return a > b ? 1 : -1\n  })\n\n  // 2. 生成specs\n  // X轴由2个逐渐增加 -> 窗口大小 maxCount (默认20?)\n  // 每次移动1个 -> step = 1\n  const step = 1\n  const specs: any[] = []\n\n  // 我们清空默认数据，由 player 控制\n  // 但是我们需要在初始状态下提供结构\n  result.data = [\n    {\n      id: id,\n      values: [], // 初始为空，由 player 填充第一帧\n    },\n  ]\n\n  // 如果 maxCount 为 false，则不进行限制，显示所有数据\n  // 或者如果X轴点数小于 maxCount，直接作为一个frame\n  if (maxCount === false) {\n    // 即使没有maxCount限制，我们也要模拟数据逐个增加的过程\n    // 否则就没有动画效果了，直接显示最终结果\n    // 所以这里我们需要生成一系列 specs，从 2 个点一直增加到所有点\n    for (let currentSize = 2; currentSize <= uniqueXValues.length; currentSize += step) {\n      // 窗口从 0 开始，长度为 currentSize\n      const currentXValues = uniqueXValues.slice(0, currentSize)\n      const frameData = advancedVSeed.dataset.filter((d) => currentXValues.includes(d[encodingX]))\n\n      specs.push({\n        data: {\n          id: id,\n          values: frameData,\n        },\n      })\n    }\n  } else if (uniqueXValues.length <= (maxCount as number)) {\n    // 如果数据总量本身就小于等于 maxCount，那也是逐步增加到全部显示\n    const limitCount = uniqueXValues.length\n    for (let currentSize = 2; currentSize <= limitCount; currentSize += step) {\n      // 窗口从 0 开始，长度为 currentSize\n      const currentXValues = uniqueXValues.slice(0, currentSize)\n      const frameData = advancedVSeed.dataset.filter((d) => currentXValues.includes(d[encodingX]))\n\n      specs.push({\n        data: {\n          id: id,\n          values: frameData,\n        },\n      })\n    }\n  } else {\n    const limitCount = maxCount as number\n    // 阶段1: 增长阶段 (Growing Phase)\n    // 从 2 个点开始，逐渐增加到 maxCount 个点\n    // 每次增加 step 个点 (或者尽量接近 step，这里简化为 i 代表当前窗口大小)\n    // 假设初始窗口大小为 2\n    for (let currentSize = 2; currentSize < limitCount; currentSize += step) {\n      // 窗口从 0 开始，长度为 currentSize\n      const currentXValues = uniqueXValues.slice(0, currentSize)\n      const frameData = advancedVSeed.dataset.filter((d) => currentXValues.includes(d[encodingX]))\n\n      specs.push({\n        data: {\n          id: id,\n          values: frameData,\n        },\n      })\n    }\n\n    // 阶段2: 滑动阶段 (Sliding Phase)\n    // 窗口大小固定为 maxCount，窗口起始位置向右移动\n    for (let i = 0; i <= uniqueXValues.length - limitCount; i += step) {\n      // 获取当前窗口的 X 值范围\n      const currentXValues = uniqueXValues.slice(i, i + limitCount)\n      // 过滤出这些 X 值对应的数据\n      const frameData = advancedVSeed.dataset.filter((d) => currentXValues.includes(d[encodingX]))\n\n      specs.push({\n        data: {\n          id: id,\n          values: frameData,\n        },\n      })\n    }\n  }\n\n  const duration = interval\n\n  // 样式部分复用 playerXY\n  return {\n    ...result,\n    stackCornerRadius: undefined,\n    animationUpdate: {\n      duration,\n    },\n    point: {\n      visible: false,\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":["playerLine","spec","context","advancedVSeed","datasetReshapeInfo","chartType","baseConfig","result","datasetXY","player","id","unfoldInfo","encodingX","maxCount","autoPlay","interval","loop","position","railColor","trackColor","sliderHandleColor","sliderHandleBorderColor","startButtonColor","pauseButtonColor","backwardButtonColor","forwardButtonColor","uniqueXValues","Array","Set","d","a","b","step","specs","currentSize","currentXValues","frameData","limitCount","i","duration","undefined"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/player/{playerYY.d.ts → playerPie.d.ts}

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

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

@@ -0,0 +1,174 @@
+import { groupBy } from "remeda";
+import { datasetXY } from "../dataset/index.js";
+const playerPie = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { dimensions = [], datasetReshapeInfo, chartType, encoding } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const result = datasetXY(spec, context);
+    if (!baseConfig || !baseConfig.player) return result;
+    const { player } = baseConfig;
+    const id = datasetReshapeInfo[0].id;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    const { encodingPlayer } = unfoldInfo;
+    const { maxCount, autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, sliderHandleBorderColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
+    const dataGroups = groupBy(advancedVSeed.dataset, (item)=>item[encodingPlayer]);
+    if (result.data && 'values' in result.data) result.data.values = [];
+    const specs = Object.keys(dataGroups).sort().map((key)=>{
+        const items = dataGroups[key];
+        const sortedItems = items;
+        return {
+            data: {
+                id: id,
+                values: false === maxCount ? sortedItems : sortedItems.slice(0, maxCount)
+            }
+        };
+    });
+    const duration = interval;
+    const exchangeDuration = 0.6 * interval;
+    const dataKey = dimensions.filter((d)=>!encoding.player?.includes(d.id)).map((d)=>d.id);
+    const textSize = 36;
+    const padding = 12;
+    return {
+        ...result,
+        dataKey,
+        stackCornerRadius: void 0,
+        animationUpdate: {
+            pie: [
+                {
+                    type: 'update',
+                    options: {
+                        excludeChannels: [
+                            'angle',
+                            'startAngle',
+                            'endAngle'
+                        ]
+                    },
+                    easing: 'linear',
+                    duration
+                },
+                {
+                    channel: [
+                        'angle',
+                        'startAngle',
+                        'endAngle'
+                    ],
+                    easing: 'circInOut',
+                    duration: exchangeDuration
+                }
+            ],
+            point: [
+                {
+                    type: 'update',
+                    easing: 'linear',
+                    duration
+                }
+            ],
+            line: [
+                {
+                    type: 'update',
+                    easing: 'linear',
+                    duration
+                }
+            ]
+        },
+        animationEnter: {
+            pie: [
+                {
+                    type: 'update',
+                    duration: exchangeDuration,
+                    easing: 'circInOut'
+                }
+            ]
+        },
+        animationExit: {
+            pie: [
+                {
+                    type: 'fadeOut',
+                    duration: exchangeDuration
+                }
+            ]
+        },
+        customMark: [
+            {
+                type: 'text',
+                dataId: 'year',
+                style: {
+                    textBaseline: 'bottom',
+                    fontSize: textSize,
+                    textAlign: 'right',
+                    text: (datum)=>datum[encodingPlayer],
+                    x: (_datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.width - padding,
+                    y: (_datum, _ctx)=>textSize + padding,
+                    fill: 'rgb(100, 100, 100)',
+                    fillOpacity: 0.25
+                }
+            }
+        ],
+        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 { playerPie };
+
+//# sourceMappingURL=playerPie.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerPie.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerPie.ts"],"sourcesContent":["import type { IPlayerSpec, ISpec } from '@visactor/vchart'\nimport { groupBy } from 'remeda'\nimport type { Player, VChartSpecPipe } from 'src/types'\nimport { datasetXY } from '../dataset'\n\nexport const playerPie: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { dimensions = [], datasetReshapeInfo, chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { player: Player }\n  const result = datasetXY(spec, context)\n\n  if (!baseConfig || !baseConfig.player) {\n    return result\n  }\n  const { player } = baseConfig\n\n  const id = datasetReshapeInfo[0].id\n  const { unfoldInfo } = datasetReshapeInfo[0]\n  const { encodingPlayer } = unfoldInfo\n  const {\n    maxCount,\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[encodingPlayer])\n  if (result.data && 'values' in result.data) {\n    result.data.values = []\n  }\n\n  const specs = Object.keys(dataGroups)\n    .sort()\n    .map((key) => {\n      const items = dataGroups[key]\n      const sortedItems = items\n      return {\n        data: {\n          id: id,\n          values: maxCount === false ? sortedItems : sortedItems.slice(0, maxCount as number),\n        },\n      }\n    })\n\n  const duration = interval\n  const exchangeDuration = interval * 0.6\n\n  const dataKey = dimensions.filter((d) => !encoding.player?.includes(d.id)).map((d) => d.id)\n\n  const textSize = 36\n  const padding = 12\n  return {\n    ...result,\n    dataKey,\n    stackCornerRadius: undefined,\n    animationUpdate: {\n      pie: [\n        {\n          type: 'update',\n          options: { excludeChannels: ['angle', 'startAngle', 'endAngle'] },\n          easing: 'linear',\n          duration,\n        },\n        {\n          channel: ['angle', 'startAngle', 'endAngle'],\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    },\n    animationEnter: {\n      pie: [\n        {\n          type: 'update',\n          duration: exchangeDuration,\n          easing: 'circInOut',\n        },\n      ],\n    },\n    animationExit: {\n      pie: [\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: textSize,\n          textAlign: 'right',\n          text: (datum: any) => datum[encodingPlayer],\n          x: (_datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.width - padding\n          },\n          y: (_datum: any, _ctx: any) => {\n            return textSize + padding\n          },\n          fill: 'rgb(100, 100, 100)',\n          fillOpacity: 0.25,\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":["playerPie","spec","context","advancedVSeed","dimensions","datasetReshapeInfo","chartType","encoding","baseConfig","result","datasetXY","player","id","unfoldInfo","encodingPlayer","maxCount","autoPlay","interval","loop","position","railColor","trackColor","sliderHandleColor","sliderHandleBorderColor","startButtonColor","pauseButtonColor","backwardButtonColor","forwardButtonColor","dataGroups","groupBy","item","specs","Object","key","items","sortedItems","duration","exchangeDuration","dataKey","d","textSize","padding","undefined","datum","_datum","ctx","_ctx"],"mappings":"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"}

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

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

package/dist/esm/pipeline/spec/chart/pipes/player/{playerYY.js → playerScatter.js}

@@ -1,23 +1,23 @@
 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 playerScatter = (spec, context)=>{
+    const { advancedVSeed } = context;
     const { datasetReshapeInfo, dimensions = [], chartType, encoding } = advancedVSeed;
     const baseConfig = advancedVSeed.config[chartType];
     const result = datasetScatter(spec, context);
-    if (!baseConfig || !baseConfig.player || isVTable(vseed) || isPivotChart(vseed)) return result;
+    if (!baseConfig || !baseConfig.player) return result;
     const { player } = baseConfig;
     const id = datasetReshapeInfo[0].id;
     const { unfoldInfo } = datasetReshapeInfo[0];
     const { encodingPlayer } = unfoldInfo;
     const { autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, sliderHandleBorderColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
+    const { maxCount } = player;
     const dataGroups = groupBy(advancedVSeed.dataset, (item)=>item[encodingPlayer]);
     if (result.data && 'values' in result.data) result.data.values = [];
     const specs = Object.values(dataGroups).map((items)=>({
             data: {
                 id: id,
-                values: items
+                values: maxCount ? items.slice(0, maxCount) : items
             }
         }));
     const duration = interval;
@@ -172,6 +172,6 @@ const playerYY = (spec, context)=>{
         }
     };
 };
-export { playerYY };
+export { playerScatter };
 
-//# sourceMappingURL=playerYY.js.map
+//# sourceMappingURL=playerScatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/player/playerScatter.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/player/playerScatter.ts"],"sourcesContent":["import type { IPlayerSpec, ISpec } from '@visactor/vchart'\nimport { groupBy } from 'remeda'\nimport type { Player, VChartSpecPipe } from 'src/types'\nimport { datasetScatter } from '../dataset'\n\nexport const playerScatter: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { datasetReshapeInfo, dimensions = [], chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { player: Player }\n  const result = datasetScatter(spec, context)\n\n  if (!baseConfig || !baseConfig.player) {\n    return result\n  }\n  const { player } = baseConfig\n\n  const id = datasetReshapeInfo[0].id\n  const { unfoldInfo } = datasetReshapeInfo[0]\n  const { encodingPlayer } = unfoldInfo\n  const {\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 { maxCount } = player\n\n  const dataGroups = groupBy(advancedVSeed.dataset, (item) => item[encodingPlayer])\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: maxCount ? items.slice(0, maxCount) : items,\n    },\n  }))\n\n  const duration = interval\n  const exchangeDuration = interval * 0.6\n  const dataKey = dimensions.filter((d) => !encoding.player?.includes(d.id)).map((d) => d.id)\n  const padding = 12\n  const textSize = 36\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: textSize,\n          textAlign: 'right',\n          fontFamily: 'PingFang SC',\n          fontWeight: 600,\n          text: (datum: any) => datum[encodingPlayer],\n          x: (datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.width - padding\n          },\n          y: (datum: any, ctx: any) => {\n            return ctx.vchart.getChart().getCanvasRect()?.height - padding - textSize\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":["playerScatter","spec","context","advancedVSeed","datasetReshapeInfo","dimensions","chartType","encoding","baseConfig","result","datasetScatter","player","id","unfoldInfo","encodingPlayer","autoPlay","interval","loop","position","railColor","trackColor","sliderHandleColor","sliderHandleBorderColor","startButtonColor","pauseButtonColor","backwardButtonColor","forwardButtonColor","maxCount","dataGroups","groupBy","item","specs","Object","items","duration","exchangeDuration","dataKey","d","padding","textSize","undefined","datum","ctx"],"mappings":"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"}

package/dist/esm/pipeline/spec/table/pipes/corner/titleOnDimension.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/table/pipes/corner/titleOnDimension.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/corner/titleOnDimension.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { PivotTableSpecPipe } from 'src/types'\n\nexport const titleOnDimension: PivotTableSpecPipe = (spec) => {\n  const { rows = [], columns = [] } = spec\n\n  return {\n    ...spec,\n    corner: {\n      titleOnDimension: (rows as any[]).length <= 1 && (columns as any[]).length >= 1 ? 'column' : 'row',\n    },\n  }\n}\n"],"names":["titleOnDimension","spec","rows","columns"],"mappings":"AAIO,MAAMA,mBAAuC,CAACC;IACnD,MAAM,EAAEC,OAAO,EAAE,EAAEC,UAAU,EAAE,EAAE,GAAGF;IAEpC,OAAO;QACL,GAAGA,IAAI;QACP,QAAQ;YACN,kBAAmBC,KAAe,MAAM,IAAI,KAAMC,QAAkB,MAAM,IAAI,IAAI,WAAW;QAC/F;IACF;AACF"}
+{"version":3,"file":"pipeline/spec/table/pipes/corner/titleOnDimension.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/table/pipes/corner/titleOnDimension.ts"],"sourcesContent":["import type { PivotTableSpecPipe } from 'src/types'\n\nexport const titleOnDimension: PivotTableSpecPipe = (spec) => {\n  const { rows = [], columns = [] } = spec\n\n  return {\n    ...spec,\n    corner: {\n      titleOnDimension: (rows as any[]).length <= 1 && (columns as any[]).length >= 1 ? 'column' : 'row',\n    },\n  }\n}\n"],"names":["titleOnDimension","spec","rows","columns"],"mappings":"AAEO,MAAMA,mBAAuC,CAACC;IACnD,MAAM,EAAEC,OAAO,EAAE,EAAEC,UAAU,EAAE,EAAE,GAAGF;IAEpC,OAAO;QACL,GAAGA,IAAI;QACP,QAAQ;YACN,kBAAmBC,KAAe,MAAM,IAAI,KAAMC,QAAkB,MAAM,IAAI,IAAI,WAAW;QAC/F;IACF;AACF"}