@visactor/vseed 0.3.14 → 0.4.0

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapGroup.d.ts

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

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapGroup.js

@@ -0,0 +1,31 @@
+const labelTreeMapGroup = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const { label } = baseConfig;
+    if (!label.enable) return result;
+    result.nonLeaf = {
+        visible: true
+    };
+    result.nonLeafLabel = {
+        visible: true,
+        position: 'top',
+        padding: 30,
+        style: {
+            x: (data)=>(data.labelRect?.x0 || 0) + 4,
+            textAlign: 'left',
+            text: (data)=>[
+                    data.name
+                ],
+            fontSize: 12,
+            fill: '#000'
+        }
+    };
+    return result;
+};
+export { labelTreeMapGroup };
+
+//# sourceMappingURL=labelTreeMapGroup.js.map

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelTreeMapGroup.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelTreeMapGroup.ts"],"sourcesContent":["import type { ITreemapChartSpec } from '@visactor/vchart'\nimport type { Label, VChartSpecPipe } from 'src/types'\n\nexport const labelTreeMapGroup: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as ITreemapChartSpec\n  const { advancedVSeed } = context\n  const { chartType } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const { label } = baseConfig\n\n  if (!label.enable) {\n    return result\n  }\n\n  result.nonLeaf = {\n    visible: true,\n  }\n\n  result.nonLeafLabel = {\n    visible: true,\n    position: 'top',\n    padding: 30,\n    style: {\n      x: (data: any) => {\n        return (data.labelRect?.x0 || 0) + 4\n      },\n      textAlign: 'left',\n      text: (data: any) => {\n        return [data.name]\n      },\n      fontSize: 12,\n      fill: '#000',\n    },\n  }\n\n  return result\n}\n"],"names":["labelTreeMapGroup","spec","context","result","advancedVSeed","chartType","baseConfig","label","data"],"mappings":"AAGO,MAAMA,oBAAoC,CAACC,MAAMC;IACtD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAaF,cAAc,MAAM,CAACC,UAAU;IAClD,MAAM,EAAEE,KAAK,EAAE,GAAGD;IAElB,IAAI,CAACC,MAAM,MAAM,EACf,OAAOJ;IAGTA,OAAO,OAAO,GAAG;QACf,SAAS;IACX;IAEAA,OAAO,YAAY,GAAG;QACpB,SAAS;QACT,UAAU;QACV,SAAS;QACT,OAAO;YACL,GAAG,CAACK,OACMA,AAAAA,CAAAA,KAAK,SAAS,EAAE,MAAM,KAAK;YAErC,WAAW;YACX,MAAM,CAACA,OACE;oBAACA,KAAK,IAAI;iBAAC;YAEpB,UAAU;YACV,MAAM;QACR;IACF;IAEA,OAAOL;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapLeaf.d.ts

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

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapLeaf.js

@@ -0,0 +1,68 @@
+import { createFormatter, findMeasureById } from "../../../../utils/index.js";
+import { isNumber, merge, uniqueBy } from "remeda";
+import { MeasureId } from "../../../../../dataReshape/constant.js";
+import { generateMeasurePercent, generateMeasureValue, label as external_label_js_label } from "./label.js";
+const labelTreeMapLeaf = (spec, context)=>{
+    const result = external_label_js_label(spec, context);
+    const { advancedVSeed, vseed } = context;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const { chartType, encoding } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const foldInfoList = [
+        datasetReshapeInfo[0].foldInfo
+    ];
+    const { label } = baseConfig;
+    if (!label.enable) return result;
+    const { showValue, showValuePercent, showDimension, autoFormat, numFormat = {}, wrap } = label;
+    const hasDimLabelEncoding = vseed.dimensions?.some((item)=>encoding.label?.includes(item.id));
+    const labelDims = uniqueBy(hasDimLabelEncoding ? vseed.dimensions?.filter((item)=>encoding.label?.includes(item.id)) || [] : showDimension ? advancedVSeed.dimensions.filter((d)=>d.id !== MeasureId && 'row' !== d.encoding && 'column' !== d.encoding) : [], (item)=>item.id);
+    const labelMeas = uniqueBy(vseed.measures?.filter((item)=>encoding.label?.includes(item.id)) || [], (item)=>item.id);
+    const percentFormat = merge(numFormat, {
+        type: 'percent'
+    });
+    const percentFormatter = createFormatter(percentFormat);
+    if (result.label) result.label.formatMethod = (_, datum)=>{
+        const nodeName = datum.name;
+        const dataArray = datum.datum;
+        if (!dataArray || !Array.isArray(dataArray)) return '';
+        const findDataNode = (nodes, name)=>{
+            for (const node of nodes){
+                if (node.name === name) return node;
+                if (node.children) {
+                    const found = findDataNode(node.children, name);
+                    if (found) return found;
+                }
+            }
+            return null;
+        };
+        const realDatum = findDataNode(dataArray, nodeName);
+        if (!realDatum) return '';
+        const resultText = [];
+        const dimLabels = labelDims.map((item)=>{
+            const id = item.id;
+            return realDatum[id] ?? realDatum.__OriginalData__?.[id];
+        }).filter((v)=>null != v && '' !== v);
+        resultText.push(...dimLabels);
+        const meaLabels = labelMeas.map((item)=>generateMeasureValue(realDatum[item.id] ?? realDatum.__OriginalData__?.[item.id], item, autoFormat, numFormat));
+        resultText.push(...meaLabels);
+        foldInfoList.forEach((foldInfo)=>{
+            const { measureId, measureValue, statistics } = foldInfo;
+            const currentMeasureId = realDatum[measureId] ?? realDatum.__MeaId__;
+            const measure = findMeasureById(advancedVSeed.measures, currentMeasureId);
+            if (measure) {
+                const val = realDatum[measureValue] ?? realDatum.__MeaValue__ ?? realDatum.value;
+                const measureValueLabel = generateMeasureValue(val, measure, autoFormat, numFormat);
+                if (showValue) resultText.push(measureValueLabel);
+                if (showValuePercent) {
+                    if (statistics && isNumber(statistics.sum)) resultText.push(generateMeasurePercent(val, statistics.sum, percentFormatter));
+                }
+            }
+        });
+        if (wrap) return resultText;
+        return resultText.join(' ');
+    };
+    return result;
+};
+export { labelTreeMapLeaf };
+
+//# sourceMappingURL=labelTreeMapLeaf.js.map

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapLeaf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelTreeMapLeaf.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelTreeMapLeaf.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport { createFormatter, findMeasureById } from '../../../../utils'\nimport type { Datum, Dimension, FoldInfo, Label, Measure, NumFormat, VChartSpecPipe } from 'src/types'\nimport { isNumber, merge, uniqueBy } from 'remeda'\nimport { MeasureId } from 'src/dataReshape/constant'\nimport { label as commonLabel, generateMeasurePercent, generateMeasureValue } from './label'\n\nexport const labelTreeMapLeaf: VChartSpecPipe = (spec, context) => {\n  const result = commonLabel(spec, context) as ILineChartSpec\n  const { advancedVSeed, vseed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const foldInfoList = [datasetReshapeInfo[0].foldInfo as FoldInfo]\n\n  const { label } = baseConfig\n  if (!label.enable) {\n    return result\n  }\n\n  const { showValue, showValuePercent, showDimension, autoFormat, numFormat = {}, wrap } = label\n\n  const hasDimLabelEncoding = vseed.dimensions?.some((item) => encoding.label?.includes(item.id))\n\n  const labelDims = uniqueBy(\n    hasDimLabelEncoding\n      ? vseed.dimensions?.filter((item) => encoding.label?.includes(item.id)) || []\n      : showDimension\n        ? advancedVSeed.dimensions!.filter((d) => d.id !== MeasureId && d.encoding !== 'row' && d.encoding !== 'column')\n        : [],\n    (item: Dimension) => item.id,\n  )\n\n  const labelMeas = uniqueBy(\n    vseed.measures?.filter((item) => encoding.label?.includes(item.id)) || [],\n    (item: Measure) => item.id,\n  )\n\n  const percentFormat: NumFormat = merge(numFormat, {\n    type: 'percent',\n  } as NumFormat)\n\n  const percentFormatter = createFormatter(percentFormat)\n\n  if (result.label) {\n    ;(result.label as any).formatMethod = (_: unknown, datum: Datum) => {\n      // TreeMap returns a nested structure where `datum` is an array of children.\n      // We need to find the specific data item that matches the current node's name.\n      // The current node's name is usually available in the top-level datum object (which is `datum` here).\n      // However, VChart's TreeMap datum structure is a bit complex.\n      // Based on the user provided example:\n      // datum: { name: \"Stapler\", datum: [...], ... }\n\n      const nodeName = datum.name\n      const dataArray = datum.datum as any[]\n\n      if (!dataArray || !Array.isArray(dataArray)) {\n        return ''\n      }\n\n      // Helper to find the matching data node recursively\n      const findDataNode = (nodes: any[], name: string): any => {\n        for (const node of nodes) {\n          if (node.name === name) {\n            return node\n          }\n          if (node.children) {\n            const found = findDataNode(node.children, name)\n            if (found) return found\n          }\n        }\n        return null\n      }\n\n      // The structure seems to be that `datum` (the array) contains the root(s) of the hierarchy relevant to this node?\n      // Or simply the data array we passed in.\n      // Let's try to find the node with the matching name.\n      const realDatum = findDataNode(dataArray, nodeName as string)\n\n      if (!realDatum) {\n        return ''\n      }\n\n      const resultText: string[] = []\n\n      // 1. Dimension Labels\n      const dimLabels = labelDims\n        .map((item: Dimension) => {\n          const id = item.id\n          // Try to get from realDatum (it has fields attached in datasetHierarchy.ts)\n          // or fallback to __OriginalData__\n          return (realDatum[id] ?? realDatum.__OriginalData__?.[id]) as number | string\n        })\n        .filter((v) => v !== undefined && v !== null && v !== '')\n\n      resultText.push(...(dimLabels as string[]))\n\n      // 2. Measure Labels (from label encoding)\n      const meaLabels = labelMeas.map((item: Measure) =>\n        generateMeasureValue(\n          (realDatum[item.id] ?? realDatum.__OriginalData__?.[item.id]) as number | string,\n          item,\n          autoFormat,\n          numFormat,\n        ),\n      )\n      resultText.push(...meaLabels)\n\n      // 3. Value and Percent (default/implicit)\n      foldInfoList.forEach((foldInfo) => {\n        const { measureId, measureValue, statistics } = foldInfo\n        // The measure ID might be in __MeaId__ or we look it up from the datum\n        const currentMeasureId = (realDatum[measureId] ?? realDatum.__MeaId__) as string\n        const measure = findMeasureById(advancedVSeed.measures!, currentMeasureId)\n\n        if (measure) {\n          const val = (realDatum[measureValue] ?? realDatum.__MeaValue__ ?? realDatum.value) as number | string\n\n          const measureValueLabel = generateMeasureValue(val, measure, autoFormat, numFormat)\n\n          if (showValue) {\n            resultText.push(measureValueLabel)\n          }\n          if (showValuePercent) {\n            // For TreeMap, percentage usually implies % of parent or total.\n            // If we have statistics.sum (total), we can calculate it.\n            if (statistics && isNumber(statistics.sum)) {\n              resultText.push(generateMeasurePercent(val, statistics.sum, percentFormatter))\n            }\n          }\n        }\n      })\n\n      if (wrap) {\n        return resultText\n      }\n      return resultText.join(' ')\n    }\n  }\n\n  return result\n}\n"],"names":["labelTreeMapLeaf","spec","context","result","commonLabel","advancedVSeed","vseed","datasetReshapeInfo","chartType","encoding","baseConfig","foldInfoList","label","showValue","showValuePercent","showDimension","autoFormat","numFormat","wrap","hasDimLabelEncoding","item","labelDims","uniqueBy","d","MeasureId","labelMeas","percentFormat","merge","percentFormatter","createFormatter","_","datum","nodeName","dataArray","Array","findDataNode","nodes","name","node","found","realDatum","resultText","dimLabels","id","v","meaLabels","generateMeasureValue","foldInfo","measureId","measureValue","statistics","currentMeasureId","measure","findMeasureById","val","measureValueLabel","isNumber","generateMeasurePercent"],"mappings":";;;;AAOO,MAAMA,mBAAmC,CAACC,MAAMC;IACrD,MAAMC,SAASC,wBAAYH,MAAMC;IACjC,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGJ;IACjC,MAAM,EAAEK,kBAAkB,EAAE,GAAGF;IAC/B,MAAM,EAAEG,SAAS,EAAEC,QAAQ,EAAE,GAAGJ;IAChC,MAAMK,aAAaL,cAAc,MAAM,CAACG,UAAU;IAClD,MAAMG,eAAe;QAACJ,kBAAkB,CAAC,EAAE,CAAC,QAAQ;KAAa;IAEjE,MAAM,EAAEK,KAAK,EAAE,GAAGF;IAClB,IAAI,CAACE,MAAM,MAAM,EACf,OAAOT;IAGT,MAAM,EAAEU,SAAS,EAAEC,gBAAgB,EAAEC,aAAa,EAAEC,UAAU,EAAEC,YAAY,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAGN;IAEzF,MAAMO,sBAAsBb,MAAM,UAAU,EAAE,KAAK,CAACc,OAASX,SAAS,KAAK,EAAE,SAASW,KAAK,EAAE;IAE7F,MAAMC,YAAYC,SAChBH,sBACIb,MAAM,UAAU,EAAE,OAAO,CAACc,OAASX,SAAS,KAAK,EAAE,SAASW,KAAK,EAAE,MAAM,EAAE,GAC3EL,gBACEV,cAAc,UAAU,CAAE,MAAM,CAAC,CAACkB,IAAMA,EAAE,EAAE,KAAKC,aAAaD,AAAe,UAAfA,EAAE,QAAQ,IAAcA,AAAe,aAAfA,EAAE,QAAQ,IAChG,EAAE,EACR,CAACH,OAAoBA,KAAK,EAAE;IAG9B,MAAMK,YAAYH,SAChBhB,MAAM,QAAQ,EAAE,OAAO,CAACc,OAASX,SAAS,KAAK,EAAE,SAASW,KAAK,EAAE,MAAM,EAAE,EACzE,CAACA,OAAkBA,KAAK,EAAE;IAG5B,MAAMM,gBAA2BC,MAAMV,WAAW;QAChD,MAAM;IACR;IAEA,MAAMW,mBAAmBC,gBAAgBH;IAEzC,IAAIvB,OAAO,KAAK,EACZA,OAAO,KAAK,CAAS,YAAY,GAAG,CAAC2B,GAAYC;QAQjD,MAAMC,WAAWD,MAAM,IAAI;QAC3B,MAAME,YAAYF,MAAM,KAAK;QAE7B,IAAI,CAACE,aAAa,CAACC,MAAM,OAAO,CAACD,YAC/B,OAAO;QAIT,MAAME,eAAe,CAACC,OAAcC;YAClC,KAAK,MAAMC,QAAQF,MAAO;gBACxB,IAAIE,KAAK,IAAI,KAAKD,MAChB,OAAOC;gBAET,IAAIA,KAAK,QAAQ,EAAE;oBACjB,MAAMC,QAAQJ,aAAaG,KAAK,QAAQ,EAAED;oBAC1C,IAAIE,OAAO,OAAOA;gBACpB;YACF;YACA,OAAO;QACT;QAKA,MAAMC,YAAYL,aAAaF,WAAWD;QAE1C,IAAI,CAACQ,WACH,OAAO;QAGT,MAAMC,aAAuB,EAAE;QAG/B,MAAMC,YAAYrB,UACf,GAAG,CAAC,CAACD;YACJ,MAAMuB,KAAKvB,KAAK,EAAE;YAGlB,OAAQoB,SAAS,CAACG,GAAG,IAAIH,UAAU,gBAAgB,EAAE,CAACG,GAAG;QAC3D,GACC,MAAM,CAAC,CAACC,IAAMA,QAAAA,KAAiCA,AAAM,OAANA;QAElDH,WAAW,IAAI,IAAKC;QAGpB,MAAMG,YAAYpB,UAAU,GAAG,CAAC,CAACL,OAC/B0B,qBACGN,SAAS,CAACpB,KAAK,EAAE,CAAC,IAAIoB,UAAU,gBAAgB,EAAE,CAACpB,KAAK,EAAE,CAAC,EAC5DA,MACAJ,YACAC;QAGJwB,WAAW,IAAI,IAAII;QAGnBlC,aAAa,OAAO,CAAC,CAACoC;YACpB,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAEC,UAAU,EAAE,GAAGH;YAEhD,MAAMI,mBAAoBX,SAAS,CAACQ,UAAU,IAAIR,UAAU,SAAS;YACrE,MAAMY,UAAUC,gBAAgBhD,cAAc,QAAQ,EAAG8C;YAEzD,IAAIC,SAAS;gBACX,MAAME,MAAOd,SAAS,CAACS,aAAa,IAAIT,UAAU,YAAY,IAAIA,UAAU,KAAK;gBAEjF,MAAMe,oBAAoBT,qBAAqBQ,KAAKF,SAASpC,YAAYC;gBAEzE,IAAIJ,WACF4B,WAAW,IAAI,CAACc;gBAElB,IAAIzC,kBAGF;oBAAA,IAAIoC,cAAcM,SAASN,WAAW,GAAG,GACvCT,WAAW,IAAI,CAACgB,uBAAuBH,KAAKJ,WAAW,GAAG,EAAEtB;gBAC9D;YAEJ;QACF;QAEA,IAAIV,MACF,OAAOuB;QAET,OAAOA,WAAW,IAAI,CAAC;IACzB;IAGF,OAAOtC;AACT"}

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

@@ -1 +1,4 @@
-export { playerAdapter } from './playerAdapter';
+export * from './isPlayer';
+export * from './playerYX';
+export * from './playerXY';
+export * from './playerYY';

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

@@ -1,2 +1,4 @@
-import { playerAdapter } from "./playerAdapter.js";
-export { playerAdapter };
+export * from "./isPlayer.js";
+export * from "./playerYX.js";
+export * from "./playerXY.js";
+export * from "./playerYY.js";

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

@@ -0,0 +1,2 @@
+import type { Condition } from '../../utils';
+export declare const isPlayer: Condition;

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

@@ -0,0 +1,11 @@
+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;
+};
+export { isPlayer };
+
+//# sourceMappingURL=isPlayer.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,200 @@
+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 { 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;
+    const { player } = baseConfig;
+    const id = datasetReshapeInfo[0].id;
+    const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
+    const { encodingPlayer, encodingX } = unfoldInfo;
+    const { measureValue } = foldInfo;
+    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 xValues = uniqueBy(advancedVSeed.dataset.map((d)=>d[encodingX]), (item)=>item);
+    const specs = Object.values(dataGroups).map((items)=>{
+        const filledItems = items.map((item)=>({
+                ...item,
+                [encodingX]: xValues.find((xValue)=>xValue === item[encodingX]) || 0
+            }));
+        const sortedItems = filledItems.sort((a, b)=>b[measureValue] - a[measureValue]);
+        return {
+            data: {
+                id: id,
+                values: 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: {
+            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: 'moveOut',
+                    options: {
+                        direction: 'y',
+                        orient: 'negative'
+                    },
+                    duration: exchangeDuration
+                },
+                {
+                    type: 'moveOut',
+                    options: {
+                        direction: 'x',
+                        orient: 'negative'
+                    },
+                    duration: exchangeDuration
+                },
+                {
+                    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 { 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, uniqueBy } 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 { 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 || isVTable(vseed) || isPivotChart(vseed)) {\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: sortedItems.slice(0, maxCount),\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":["playerXY","spec","context","vseed","advancedVSeed","dimensions","datasetReshapeInfo","chartType","encoding","baseConfig","result","datasetXY","isVTable","isPivotChart","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

@@ -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,183 @@
+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 { 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;
+    const { player } = baseConfig;
+    const id = datasetReshapeInfo[0].id;
+    const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
+    const { encodingPlayer, encodingY } = unfoldInfo;
+    const { measureValue } = foldInfo;
+    const { maxCount, autoPlay = true, interval = 1000, loop = false, position, railColor, trackColor, sliderHandleColor, sliderHandleBorderColor, startButtonColor, pauseButtonColor, backwardButtonColor, forwardButtonColor } = player;
+    const duration = interval;
+    const exchangeDuration = 0.6 * interval;
+    const dataGroups = groupBy(advancedVSeed.dataset, (item)=>item[encodingPlayer]);
+    if (result.data && 'values' in result.data) result.data.values = [];
+    const yValues = uniqueBy(advancedVSeed.dataset.map((d)=>d[encodingY]), (item)=>item);
+    const specs = Object.values(dataGroups).map((items)=>{
+        const filledItems = items.map((item)=>({
+                ...item,
+                [encodingY]: yValues.find((yValue)=>yValue === item[encodingY]) || 0
+            }));
+        const sortedItems = filledItems.sort((a, b)=>b[measureValue] - a[measureValue]);
+        return {
+            data: {
+                id: id,
+                values: sortedItems.slice(0, maxCount)
+            }
+        };
+    });
+    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: {
+            bar: [
+                {
+                    type: 'update',
+                    options: {
+                        excludeChannels: [
+                            'y'
+                        ]
+                    },
+                    easing: 'linear',
+                    duration
+                },
+                {
+                    channel: [
+                        'y'
+                    ],
+                    easing: 'circInOut',
+                    duration: exchangeDuration
+                }
+            ]
+        },
+        animationEnter: {
+            bar: [
+                {
+                    type: 'moveIn',
+                    duration: exchangeDuration,
+                    easing: 'circInOut',
+                    options: {
+                        direction: 'y',
+                        orient: 'negative'
+                    }
+                }
+            ]
+        },
+        animationExit: {
+            bar: [
+                {
+                    type: 'moveOut',
+                    options: {
+                        direction: 'x'
+                    },
+                    duration: exchangeDuration
+                },
+                {
+                    type: 'moveOut',
+                    options: {
+                        direction: 'y',
+                        orient: 'negative'
+                    },
+                    duration: exchangeDuration
+                },
+                {
+                    type: 'fadeOut',
+                    duration: exchangeDuration
+                }
+            ]
+        },
+        customMark: [
+            {
+                type: 'text',
+                dataId: 'year',
+                style: {
+                    textBaseline: 'bottom',
+                    fontSize: textSize,
+                    textAlign: 'right',
+                    fontFamily: 'PingFang SC',
+                    fontWeight: 600,
+                    text: (datum)=>datum[encodingPlayer],
+                    x: (_datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.width - padding,
+                    y: (_datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.height - padding - textSize,
+                    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 { 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, uniqueBy } 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 { 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 || isVTable(vseed) || isPivotChart(vseed)) {\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: sortedItems.slice(0, maxCount),\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":["playerYX","spec","context","vseed","advancedVSeed","dimensions","datasetReshapeInfo","chartType","encoding","baseConfig","result","datasetYX","isVTable","isPivotChart","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/playerYY.d.ts

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