@visactor/vseed 0.1.8 → 0.1.9

package/dist/esm/pipeline/spec/chart/pipes/legend/pivotDiscreteLegend.js

@@ -0,0 +1,120 @@
+import { unique } from "remeda";
+import { createSpecifiedForColorMapping } from "../color/color.js";
+const pivotDiscreteLegend = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    if (!baseConfig || !baseConfig.legend) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const colorItems = unique(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+    const colorIdMap = datasetReshapeInfo.reduce((prev, cur)=>({
+            ...prev,
+            ...cur.unfoldInfo.colorIdMap
+        }), {});
+    const { legend, color } = baseConfig;
+    const { colorScheme, colorMapping } = color;
+    const colorSpecified = createSpecifiedForColorMapping(colorMapping, colorIdMap, colorItems);
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
+    const orient = [
+        'bottom',
+        'bottomLeft',
+        'bottomRight',
+        'bl',
+        'br'
+    ].includes(position) ? 'bottom' : [
+        'top',
+        'topLeft',
+        'topRight',
+        'tl',
+        'tr'
+    ].includes(position) ? 'top' : [
+        'left',
+        'leftTop',
+        'leftBottom',
+        'lt',
+        'lb'
+    ].includes(position) ? 'left' : 'right';
+    const legendPosition = [
+        'topLeft',
+        'bottomLeft',
+        'leftTop',
+        'rightTop',
+        'lt',
+        'rt',
+        'tl',
+        'bl'
+    ].includes(position) ? 'start' : [
+        'topRight',
+        'bottomRight',
+        'leftBottom',
+        'rightBottom',
+        'lb',
+        'rb',
+        'rt',
+        'br'
+    ].includes(position) ? 'end' : 'middle';
+    const legends = {
+        visible: enable,
+        type: 'discrete',
+        orient,
+        position: legendPosition,
+        maxCol: Math.max(1, maxSize),
+        maxRow: Math.max(1, maxSize),
+        data: colorItems.map((d, index)=>{
+            const color = colorSpecified?.[d] ?? colorScheme?.[index % colorScheme.length];
+            return {
+                label: d,
+                shape: {
+                    outerBorder: border ? {
+                        stroke: color,
+                        distance: 3,
+                        lineWidth: 1
+                    } : void 0,
+                    fill: color
+                }
+            };
+        }),
+        item: {
+            focus: true,
+            maxWidth: '30%',
+            focusIconStyle: {
+                size: labelFontSize + 2,
+                fill: labelFontColor,
+                fontWeight: labelFontWeight
+            },
+            shape: {
+                space: border ? 6 : 4,
+                style: {
+                    symbolType: shapeType,
+                    size: border ? 8 : 10
+                }
+            },
+            label: {
+                formatMethod: (value)=>colorIdMap[value] ?? value,
+                style: {
+                    fontSize: labelFontSize,
+                    fill: labelFontColor,
+                    fontWeight: labelFontWeight
+                }
+            },
+            background: {
+                state: {
+                    selectedHover: {
+                        fill: labelFontColor,
+                        fillOpacity: 0.05
+                    }
+                }
+            }
+        }
+    };
+    return {
+        ...result,
+        legends
+    };
+};
+export { pivotDiscreteLegend };
+
+//# sourceMappingURL=pivotDiscreteLegend.js.map

package/dist/esm/pipeline/spec/chart/pipes/legend/pivotDiscreteLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/legend/pivotDiscreteLegend.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/legend/pivotDiscreteLegend.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport type { IDiscreteTableLegendOption } from '@visactor/vtable/es/ts-types/component/legend'\nimport { unique } from 'remeda'\nimport type { Color, Legend, SpecPipe } from 'src/types'\nimport { createSpecifiedForColorMapping } from '../color/color'\n\nexport const pivotDiscreteLegend: SpecPipe = (spec, context) => {\n  const result = { ...spec } as PivotChartConstructorOptions\n  const { advancedVSeed } = context\n  const { chartType } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { legend: Legend; color: Color }\n\n  if (!baseConfig || !baseConfig.legend) {\n    return result\n  }\n\n  const { datasetReshapeInfo } = advancedVSeed\n\n  const colorItems = unique(\n    datasetReshapeInfo.flatMap((d) => {\n      return d.unfoldInfo.colorItems\n    }),\n  )\n\n  const colorIdMap = datasetReshapeInfo.reduce<Record<string, string>>((prev, cur) => {\n    return { ...prev, ...cur.unfoldInfo.colorIdMap }\n  }, {})\n\n  const { legend, color } = baseConfig\n  const { colorScheme, colorMapping } = color\n\n  const colorSpecified = createSpecifiedForColorMapping(colorMapping, colorIdMap, colorItems)\n\n  const {\n    enable,\n    position = 'bottom',\n    labelFontColor,\n    labelFontSize = 12,\n    labelFontWeight = 400,\n    maxSize = 1,\n    border,\n    shapeType = 'rectRound',\n  } = legend || {}\n\n  const orient = ['bottom', 'bottomLeft', 'bottomRight', 'bl', 'br'].includes(position)\n    ? 'bottom'\n    : ['top', 'topLeft', 'topRight', 'tl', 'tr'].includes(position)\n      ? 'top'\n      : ['left', 'leftTop', 'leftBottom', 'lt', 'lb'].includes(position)\n        ? 'left'\n        : 'right'\n\n  const legendPosition = ['topLeft', 'bottomLeft', 'leftTop', 'rightTop', 'lt', 'rt', 'tl', 'bl'].includes(position)\n    ? 'start'\n    : ['topRight', 'bottomRight', 'leftBottom', 'rightBottom', 'lb', 'rb', 'rt', 'br'].includes(position)\n      ? 'end'\n      : 'middle'\n\n  const legends: IDiscreteTableLegendOption = {\n    visible: enable,\n    type: 'discrete',\n    orient,\n    position: legendPosition,\n    maxCol: Math.max(1, maxSize),\n    maxRow: Math.max(1, maxSize),\n    data: colorItems.map((d, index) => {\n      const color = colorSpecified?.[d] ?? colorScheme?.[index % colorScheme.length]\n      return {\n        label: d,\n        shape: {\n          outerBorder: border\n            ? {\n                stroke: color,\n                distance: 3,\n                lineWidth: 1,\n              }\n            : undefined,\n          fill: color,\n        },\n      }\n    }),\n\n    item: {\n      focus: true,\n      maxWidth: '30%',\n      focusIconStyle: {\n        size: labelFontSize + 2,\n        fill: labelFontColor,\n        fontWeight: labelFontWeight,\n      },\n      shape: {\n        space: border ? 6 : 4,\n        style: {\n          symbolType: shapeType,\n          size: border ? 8 : 10,\n        },\n      },\n      label: {\n        formatMethod: (value: string) => {\n          return colorIdMap[value] ?? value\n        },\n        style: {\n          fontSize: labelFontSize,\n          fill: labelFontColor,\n          fontWeight: labelFontWeight,\n        },\n      },\n      background: {\n        state: {\n          selectedHover: {\n            fill: labelFontColor,\n            fillOpacity: 0.05,\n          },\n        },\n      },\n    },\n  } as unknown as IDiscreteTableLegendOption\n  return { ...result, legends }\n}\n"],"names":["pivotDiscreteLegend","spec","context","result","advancedVSeed","chartType","baseConfig","datasetReshapeInfo","colorItems","unique","d","colorIdMap","prev","cur","legend","color","colorScheme","colorMapping","colorSpecified","createSpecifiedForColorMapping","enable","position","labelFontColor","labelFontSize","labelFontWeight","maxSize","border","shapeType","orient","legendPosition","legends","Math","index","undefined","value"],"mappings":";;AAMO,MAAMA,sBAAgC,CAACC,MAAMC;IAClD,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;IAElD,IAAI,CAACC,cAAc,CAACA,WAAW,MAAM,EACnC,OAAOH;IAGT,MAAM,EAAEI,kBAAkB,EAAE,GAAGH;IAE/B,MAAMI,aAAaC,OACjBF,mBAAmB,OAAO,CAAC,CAACG,IACnBA,EAAE,UAAU,CAAC,UAAU;IAIlC,MAAMC,aAAaJ,mBAAmB,MAAM,CAAyB,CAACK,MAAMC,MACnE;YAAE,GAAGD,IAAI;YAAE,GAAGC,IAAI,UAAU,CAAC,UAAU;QAAC,IAC9C,CAAC;IAEJ,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGT;IAC1B,MAAM,EAAEU,WAAW,EAAEC,YAAY,EAAE,GAAGF;IAEtC,MAAMG,iBAAiBC,+BAA+BF,cAAcN,YAAYH;IAEhF,MAAM,EACJY,MAAM,EACNC,WAAW,QAAQ,EACnBC,cAAc,EACdC,gBAAgB,EAAE,EAClBC,kBAAkB,GAAG,EACrBC,UAAU,CAAC,EACXC,MAAM,EACNC,YAAY,WAAW,EACxB,GAAGb,UAAU,CAAC;IAEf,MAAMc,SAAS;QAAC;QAAU;QAAc;QAAe;QAAM;KAAK,CAAC,QAAQ,CAACP,YACxE,WACA;QAAC;QAAO;QAAW;QAAY;QAAM;KAAK,CAAC,QAAQ,CAACA,YAClD,QACA;QAAC;QAAQ;QAAW;QAAc;QAAM;KAAK,CAAC,QAAQ,CAACA,YACrD,SACA;IAER,MAAMQ,iBAAiB;QAAC;QAAW;QAAc;QAAW;QAAY;QAAM;QAAM;QAAM;KAAK,CAAC,QAAQ,CAACR,YACrG,UACA;QAAC;QAAY;QAAe;QAAc;QAAe;QAAM;QAAM;QAAM;KAAK,CAAC,QAAQ,CAACA,YACxF,QACA;IAEN,MAAMS,UAAsC;QAC1C,SAASV;QACT,MAAM;QACNQ;QACA,UAAUC;QACV,QAAQE,KAAK,GAAG,CAAC,GAAGN;QACpB,QAAQM,KAAK,GAAG,CAAC,GAAGN;QACpB,MAAMjB,WAAW,GAAG,CAAC,CAACE,GAAGsB;YACvB,MAAMjB,QAAQG,gBAAgB,CAACR,EAAE,IAAIM,aAAa,CAACgB,QAAQhB,YAAY,MAAM,CAAC;YAC9E,OAAO;gBACL,OAAON;gBACP,OAAO;oBACL,aAAagB,SACT;wBACE,QAAQX;wBACR,UAAU;wBACV,WAAW;oBACb,IACAkB;oBACJ,MAAMlB;gBACR;YACF;QACF;QAEA,MAAM;YACJ,OAAO;YACP,UAAU;YACV,gBAAgB;gBACd,MAAMQ,gBAAgB;gBACtB,MAAMD;gBACN,YAAYE;YACd;YACA,OAAO;gBACL,OAAOE,SAAS,IAAI;gBACpB,OAAO;oBACL,YAAYC;oBACZ,MAAMD,SAAS,IAAI;gBACrB;YACF;YACA,OAAO;gBACL,cAAc,CAACQ,QACNvB,UAAU,CAACuB,MAAM,IAAIA;gBAE9B,OAAO;oBACL,UAAUX;oBACV,MAAMD;oBACN,YAAYE;gBACd;YACF;YACA,YAAY;gBACV,OAAO;oBACL,eAAe;wBACb,MAAMF;wBACN,aAAa;oBACf;gBACF;YACF;QACF;IACF;IACA,OAAO;QAAE,GAAGnB,MAAM;QAAE2B;IAAQ;AAC9B"}

package/dist/esm/pipeline/spec/chart/pipes/markStyle/areaStyle.js

@@ -0,0 +1,53 @@
+import { selector } from "../../../../../dataSelector/index.js";
+import { groupBy } from "remeda";
+const areaStyle_areaStyle = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { markStyle, datasetReshapeInfo, dataset } = advancedVSeed;
+    const { areaStyle } = markStyle;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    const result = {
+        ...spec,
+        area: {
+            visible: true,
+            style: {}
+        }
+    };
+    if (!areaStyle) return result;
+    const areaStyles = Array.isArray(areaStyle) ? areaStyle : [
+        areaStyle
+    ];
+    const group = unfoldInfo.encodingColorId;
+    const areaGroups = groupBy(dataset, (d)=>d[group ?? '']);
+    const customMap = areaStyles.reduce((result, style, index)=>{
+        const { areaColor, areaColorOpacity, areaVisible = true } = style;
+        return {
+            ...result,
+            [`custom${index + 1}`]: {
+                level: index + 1,
+                filter: (datum)=>{
+                    const lineData = areaGroups[datum[group ?? '']];
+                    for (const d of lineData)if (selector(d, style.selector)) return true;
+                    return false;
+                },
+                style: {
+                    visible: areaVisible,
+                    fill: areaColor,
+                    fillOpacity: areaColorOpacity
+                }
+            }
+        };
+    }, {});
+    return {
+        ...result,
+        area: {
+            ...result.area,
+            visible: true,
+            state: {
+                ...customMap
+            }
+        }
+    };
+};
+export { areaStyle_areaStyle as areaStyle };
+
+//# sourceMappingURL=areaStyle.js.map

package/dist/esm/pipeline/spec/chart/pipes/markStyle/areaStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/markStyle/areaStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/markStyle/areaStyle.ts"],"sourcesContent":["import type { IAreaChartSpec } from '@visactor/vchart'\nimport { selector } from '../../../../../dataSelector'\nimport type { AreaStyle, Datum, SpecPipe } from 'src/types'\nimport { groupBy } from 'remeda'\n\nexport const areaStyle: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { markStyle, datasetReshapeInfo, dataset } = advancedVSeed\n  const { areaStyle } = markStyle\n  const { unfoldInfo } = datasetReshapeInfo[0]\n  const result = {\n    ...spec,\n    area: {\n      visible: true,\n      style: {},\n    },\n  } as IAreaChartSpec\n\n  if (!areaStyle) {\n    return result\n  }\n\n  const areaStyles = (Array.isArray(areaStyle) ? areaStyle : [areaStyle]) as AreaStyle[]\n\n  const group = unfoldInfo.encodingColorId\n\n  const areaGroups = groupBy(dataset, (d) => d[group ?? ''] as string)\n\n  const customMap = areaStyles.reduce<object>((result, style, index) => {\n    const { areaColor, areaColorOpacity, areaVisible = true } = style\n\n    return {\n      ...result,\n      [`custom${index + 1}`]: {\n        // 优先级: 后者覆盖前者\n        level: index + 1,\n        filter: (datum: Datum) => {\n          const lineData = areaGroups[datum[group ?? ''] as string]\n          for (const d of lineData) {\n            if (selector(d, style.selector)) {\n              return true\n            }\n          }\n          return false\n        },\n        style: {\n          visible: areaVisible,\n          fill: areaColor,\n          fillOpacity: areaColorOpacity,\n        },\n      },\n    }\n  }, {})\n\n  return {\n    ...result,\n    area: {\n      ...result.area,\n      visible: true,\n      state: {\n        ...customMap,\n      },\n    },\n  }\n}\n"],"names":["areaStyle","spec","context","advancedVSeed","markStyle","datasetReshapeInfo","dataset","unfoldInfo","result","areaStyles","Array","group","areaGroups","groupBy","d","customMap","style","index","areaColor","areaColorOpacity","areaVisible","datum","lineData","selector"],"mappings":";;AAKO,MAAMA,sBAAsB,CAACC,MAAMC;IACxC,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,SAAS,EAAEC,kBAAkB,EAAEC,OAAO,EAAE,GAAGH;IACnD,MAAM,EAAEH,SAAS,EAAE,GAAGI;IACtB,MAAM,EAAEG,UAAU,EAAE,GAAGF,kBAAkB,CAAC,EAAE;IAC5C,MAAMG,SAAS;QACb,GAAGP,IAAI;QACP,MAAM;YACJ,SAAS;YACT,OAAO,CAAC;QACV;IACF;IAEA,IAAI,CAACD,WACH,OAAOQ;IAGT,MAAMC,aAAcC,MAAM,OAAO,CAACV,aAAaA,YAAY;QAACA;KAAU;IAEtE,MAAMW,QAAQJ,WAAW,eAAe;IAExC,MAAMK,aAAaC,QAAQP,SAAS,CAACQ,IAAMA,CAAC,CAACH,SAAS,GAAG;IAEzD,MAAMI,YAAYN,WAAW,MAAM,CAAS,CAACD,QAAQQ,OAAOC;QAC1D,MAAM,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,cAAc,IAAI,EAAE,GAAGJ;QAE5D,OAAO;YACL,GAAGR,MAAM;YACT,CAAC,CAAC,MAAM,EAAES,QAAQ,GAAG,CAAC,EAAE;gBAEtB,OAAOA,QAAQ;gBACf,QAAQ,CAACI;oBACP,MAAMC,WAAWV,UAAU,CAACS,KAAK,CAACV,SAAS,GAAG,CAAW;oBACzD,KAAK,MAAMG,KAAKQ,SACd,IAAIC,SAAST,GAAGE,MAAM,QAAQ,GAC5B,OAAO;oBAGX,OAAO;gBACT;gBACA,OAAO;oBACL,SAASI;oBACT,MAAMF;oBACN,aAAaC;gBACf;YACF;QACF;IACF,GAAG,CAAC;IAEJ,OAAO;QACL,GAAGX,MAAM;QACT,MAAM;YACJ,GAAGA,OAAO,IAAI;YACd,SAAS;YACT,OAAO;gBACL,GAAGO,SAAS;YACd;QACF;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/markStyle/barStyle.js

@@ -0,0 +1,70 @@
+import { selector } from "../../../../../dataSelector/index.js";
+const barStyle_barStyle = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { markStyle, dataset = [] } = advancedVSeed;
+    const { barStyle } = markStyle;
+    const showStroke = dataset.length <= 100;
+    const result = {
+        ...spec,
+        bar: {
+            style: {
+                lineWidth: showStroke ? 1 : 0
+            },
+            state: {
+                hover: {
+                    fillOpacity: 0.6
+                }
+            }
+        }
+    };
+    if (!barStyle) return result;
+    const barStyles = Array.isArray(barStyle) ? barStyle : [
+        barStyle
+    ];
+    const customMap = barStyles.reduce((result, style, index)=>{
+        const { barBorderColor, barBorderStyle, barBorderWidth = 1, barColor, barColorOpacity, barRadius, barVisible = true } = style;
+        const lineDash = 'dashed' === barBorderStyle ? [
+            5,
+            2
+        ] : 'dotted' === barBorderStyle ? [
+            2,
+            5
+        ] : [
+            0,
+            0
+        ];
+        return {
+            ...result,
+            [`custom${index + 1}`]: {
+                level: index + 1,
+                filter: (datum)=>{
+                    if (selector(datum, style.selector)) return true;
+                    return false;
+                },
+                style: {
+                    visible: barVisible,
+                    fill: barColor,
+                    fillOpacity: barColorOpacity,
+                    cornerRadius: barRadius,
+                    innerBorder: {
+                        stroke: barBorderColor,
+                        lineWidth: barBorderWidth,
+                        distance: (barBorderWidth || 0) / 2,
+                        lineDash: lineDash
+                    }
+                }
+            }
+        };
+    }, {});
+    return {
+        ...result,
+        bar: {
+            state: {
+                ...customMap
+            }
+        }
+    };
+};
+export { barStyle_barStyle as barStyle };
+
+//# sourceMappingURL=barStyle.js.map

package/dist/esm/pipeline/spec/chart/pipes/markStyle/barStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/markStyle/barStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/markStyle/barStyle.ts"],"sourcesContent":["import type { IBarChartSpec } from '@visactor/vchart'\nimport { selector } from '../../../../../dataSelector'\nimport type { BarStyle, Datum, SpecPipe } from 'src/types'\n\nexport const barStyle: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { markStyle, dataset = [] } = advancedVSeed\n  const { barStyle } = markStyle\n\n  const showStroke = dataset.length <= 100\n\n  const result = {\n    ...spec,\n    bar: {\n      style: {\n        lineWidth: showStroke ? 1 : 0,\n      },\n      state: {\n        hover: {\n          fillOpacity: 0.6,\n        },\n      },\n    },\n  } as IBarChartSpec\n\n  if (!barStyle) {\n    return result\n  }\n\n  const barStyles = (Array.isArray(barStyle) ? barStyle : [barStyle]) as BarStyle[]\n\n  const customMap = barStyles.reduce<object>((result, style, index) => {\n    const {\n      barBorderColor,\n      barBorderStyle,\n      barBorderWidth = 1,\n      barColor,\n      barColorOpacity,\n      barRadius,\n      barVisible = true,\n    } = style\n\n    const lineDash = barBorderStyle === 'dashed' ? [5, 2] : barBorderStyle === 'dotted' ? [2, 5] : [0, 0]\n    return {\n      ...result,\n      [`custom${index + 1}`]: {\n        // 优先级: 后者覆盖前者\n        level: index + 1,\n        filter: (datum: Datum) => {\n          if (selector(datum, style.selector)) {\n            return true\n          }\n          return false\n        },\n        style: {\n          visible: barVisible,\n          fill: barColor,\n          fillOpacity: barColorOpacity,\n          cornerRadius: barRadius,\n          innerBorder: {\n            stroke: barBorderColor,\n            lineWidth: barBorderWidth,\n            distance: (barBorderWidth || 0) / 2,\n            lineDash: lineDash,\n          },\n        },\n      },\n    }\n  }, {})\n\n  return {\n    ...result,\n    bar: {\n      state: {\n        ...customMap,\n      },\n    },\n  }\n}\n"],"names":["barStyle","spec","context","advancedVSeed","markStyle","dataset","showStroke","result","barStyles","Array","customMap","style","index","barBorderColor","barBorderStyle","barBorderWidth","barColor","barColorOpacity","barRadius","barVisible","lineDash","datum","selector"],"mappings":";AAIO,MAAMA,oBAAqB,CAACC,MAAMC;IACvC,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,SAAS,EAAEC,UAAU,EAAE,EAAE,GAAGF;IACpC,MAAM,EAAEH,QAAQ,EAAE,GAAGI;IAErB,MAAME,aAAaD,QAAQ,MAAM,IAAI;IAErC,MAAME,SAAS;QACb,GAAGN,IAAI;QACP,KAAK;YACH,OAAO;gBACL,WAAWK,aAAa,IAAI;YAC9B;YACA,OAAO;gBACL,OAAO;oBACL,aAAa;gBACf;YACF;QACF;IACF;IAEA,IAAI,CAACN,UACH,OAAOO;IAGT,MAAMC,YAAaC,MAAM,OAAO,CAACT,YAAYA,WAAW;QAACA;KAAS;IAElE,MAAMU,YAAYF,UAAU,MAAM,CAAS,CAACD,QAAQI,OAAOC;QACzD,MAAM,EACJC,cAAc,EACdC,cAAc,EACdC,iBAAiB,CAAC,EAClBC,QAAQ,EACRC,eAAe,EACfC,SAAS,EACTC,aAAa,IAAI,EAClB,GAAGR;QAEJ,MAAMS,WAAWN,AAAmB,aAAnBA,iBAA8B;YAAC;YAAG;SAAE,GAAGA,AAAmB,aAAnBA,iBAA8B;YAAC;YAAG;SAAE,GAAG;YAAC;YAAG;SAAE;QACrG,OAAO;YACL,GAAGP,MAAM;YACT,CAAC,CAAC,MAAM,EAAEK,QAAQ,GAAG,CAAC,EAAE;gBAEtB,OAAOA,QAAQ;gBACf,QAAQ,CAACS;oBACP,IAAIC,SAASD,OAAOV,MAAM,QAAQ,GAChC,OAAO;oBAET,OAAO;gBACT;gBACA,OAAO;oBACL,SAASQ;oBACT,MAAMH;oBACN,aAAaC;oBACb,cAAcC;oBACd,aAAa;wBACX,QAAQL;wBACR,WAAWE;wBACX,UAAWA,AAAAA,CAAAA,kBAAkB,KAAK;wBAClC,UAAUK;oBACZ;gBACF;YACF;QACF;IACF,GAAG,CAAC;IAEJ,OAAO;QACL,GAAGb,MAAM;QACT,KAAK;YACH,OAAO;gBACL,GAAGG,SAAS;YACd;QACF;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/markStyle/cellStyle.js

@@ -0,0 +1,21 @@
+const cellStyle = (spec)=>{
+    const result = {
+        ...spec,
+        cell: {
+            style: {}
+        }
+    };
+    return {
+        ...result,
+        cell: {
+            style: {
+                shape: 'rect',
+                stroke: '#ffffff',
+                lineWidth: 1
+            }
+        }
+    };
+};
+export { cellStyle };
+
+//# sourceMappingURL=cellStyle.js.map

package/dist/esm/pipeline/spec/chart/pipes/markStyle/cellStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/markStyle/cellStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/markStyle/cellStyle.ts"],"sourcesContent":["import type { IHeatmapChartSpec } from '@visactor/vchart'\nimport type { SpecPipe } from 'src/types'\n\nexport const cellStyle: SpecPipe = (spec) => {\n  const result = {\n    ...spec,\n    cell: {\n      style: {},\n    },\n  } as IHeatmapChartSpec\n\n  return {\n    ...result,\n    cell: {\n      style: {\n        shape: 'rect',\n        stroke: '#ffffff',\n        lineWidth: 1,\n      },\n    },\n  }\n}\n"],"names":["cellStyle","spec","result"],"mappings":"AAGO,MAAMA,YAAsB,CAACC;IAClC,MAAMC,SAAS;QACb,GAAGD,IAAI;QACP,MAAM;YACJ,OAAO,CAAC;QACV;IACF;IAEA,OAAO;QACL,GAAGC,MAAM;QACT,MAAM;YACJ,OAAO;gBACL,OAAO;gBACP,QAAQ;gBACR,WAAW;YACb;QACF;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/markStyle/funnelStyle.js

@@ -0,0 +1,24 @@
+const funnelStyle = (spec)=>{
+    const result = {
+        ...spec,
+        funnel: {
+            style: {}
+        }
+    };
+    return {
+        ...result,
+        funnel: {
+            style: {
+                cornerRadius: 4
+            },
+            state: {
+                hover: {
+                    fillOpacity: 0.6
+                }
+            }
+        }
+    };
+};
+export { funnelStyle };
+
+//# sourceMappingURL=funnelStyle.js.map

package/dist/esm/pipeline/spec/chart/pipes/markStyle/funnelStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/markStyle/funnelStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/markStyle/funnelStyle.ts"],"sourcesContent":["import type { IFunnelChartSpec } from '@visactor/vchart'\nimport type { SpecPipe } from 'src/types'\n\nexport const funnelStyle: SpecPipe = (spec) => {\n  const result = {\n    ...spec,\n    funnel: {\n      style: {},\n    },\n  } as IFunnelChartSpec\n\n  return {\n    ...result,\n    funnel: {\n      style: {\n        cornerRadius: 4,\n      },\n      state: {\n        hover: {\n          fillOpacity: 0.6,\n        },\n      },\n    },\n  }\n}\n"],"names":["funnelStyle","spec","result"],"mappings":"AAGO,MAAMA,cAAwB,CAACC;IACpC,MAAMC,SAAS;QACb,GAAGD,IAAI;QACP,QAAQ;YACN,OAAO,CAAC;QACV;IACF;IAEA,OAAO;QACL,GAAGC,MAAM;QACT,QAAQ;YACN,OAAO;gBACL,cAAc;YAChB;YACA,OAAO;gBACL,OAAO;oBACL,aAAa;gBACf;YACF;QACF;IACF;AACF"}

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

@@ -0,0 +1,10 @@
+import { barStyle } from "./barStyle.js";
+import { pointStyle } from "./pointStyle.js";
+import { lineStyle } from "./lineStyle.js";
+import { areaStyle } from "./areaStyle.js";
+import { cellStyle } from "./cellStyle.js";
+import { funnelStyle } from "./funnelStyle.js";
+import { pieStyle } from "./pieStyle.js";
+import { roseStyle } from "./roseStyle.js";
+export * from "./pointState.js";
+export { areaStyle, barStyle, cellStyle, funnelStyle, lineStyle, pieStyle, pointStyle, roseStyle };

package/dist/esm/pipeline/spec/chart/pipes/markStyle/lineStyle.js

@@ -0,0 +1,67 @@
+import { selector } from "../../../../../dataSelector/index.js";
+import { groupBy } from "remeda";
+const lineStyle_lineStyle = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { markStyle, datasetReshapeInfo, dataset } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    const { lineStyle } = markStyle;
+    const result = {
+        ...spec,
+        line: {
+            style: {}
+        }
+    };
+    if (!lineStyle) return result;
+    const lineStyles = Array.isArray(lineStyle) ? lineStyle : [
+        lineStyle
+    ];
+    const colorId = unfoldInfo.encodingColorId;
+    const lineGroups = groupBy(dataset, (d)=>d[colorId ?? '']);
+    const customMap = lineStyles.reduce((result, style, index)=>{
+        const { lineColor, lineColorOpacity, lineSmooth, lineStyle, lineWidth = 2, lineVisible = true } = style;
+        const dashSegment = 2 * lineWidth;
+        const dashGap = lineWidth;
+        const lineDash = 'dashed' === lineStyle ? [
+            dashSegment,
+            dashSegment
+        ] : 'dotted' === lineStyle ? [
+            dashGap / 2,
+            2 * dashGap
+        ] : [
+            0,
+            0
+        ];
+        const curveType = lineSmooth ? 'monotone' : 'linear';
+        return {
+            ...result,
+            [`custom${index + 1}`]: {
+                level: index + 1,
+                filter: (datum)=>{
+                    const lineData = lineGroups[datum[colorId ?? '']];
+                    for (const d of lineData)if (selector(d, style.selector)) return true;
+                    return false;
+                },
+                style: {
+                    visible: lineVisible,
+                    curveType: curveType,
+                    strokeOpacity: lineColorOpacity,
+                    stroke: lineColor,
+                    lineWidth: lineWidth,
+                    lineDash: lineDash
+                }
+            }
+        };
+    }, {});
+    return {
+        ...result,
+        line: {
+            ...result.line,
+            state: {
+                ...customMap
+            }
+        }
+    };
+};
+export { lineStyle_lineStyle as lineStyle };
+
+//# sourceMappingURL=lineStyle.js.map

package/dist/esm/pipeline/spec/chart/pipes/markStyle/lineStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/markStyle/lineStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/markStyle/lineStyle.ts"],"sourcesContent":["import type { IAreaChartSpec } from '@visactor/vchart'\nimport { selector } from '../../../../../dataSelector'\nimport type { Datum, LineStyle, SpecPipe } from 'src/types'\nimport { groupBy } from 'remeda'\n\nexport const lineStyle: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { markStyle, datasetReshapeInfo, dataset } = advancedVSeed\n  const { unfoldInfo } = datasetReshapeInfo[0]\n  const { lineStyle } = markStyle\n  const result = {\n    ...spec,\n    line: {\n      style: {},\n    },\n  } as IAreaChartSpec\n  if (!lineStyle) {\n    return result\n  }\n\n  const lineStyles = (Array.isArray(lineStyle) ? lineStyle : [lineStyle]) as LineStyle[]\n\n  const colorId = unfoldInfo.encodingColorId\n  const lineGroups = groupBy(dataset, (d) => d[colorId ?? ''] as string)\n\n  const customMap = lineStyles.reduce<object>((result, style, index) => {\n    const { lineColor, lineColorOpacity, lineSmooth, lineStyle, lineWidth = 2, lineVisible = true } = style\n\n    const dashSegment = lineWidth * 2\n    const dashGap = lineWidth\n\n    const lineDash =\n      lineStyle === 'dashed' ? [dashSegment, dashSegment] : lineStyle === 'dotted' ? [dashGap / 2, dashGap * 2] : [0, 0]\n\n    const curveType = lineSmooth ? 'monotone' : 'linear'\n\n    return {\n      ...result,\n      [`custom${index + 1}`]: {\n        // 优先级: 后者覆盖前者\n        level: index + 1,\n        filter: (datum: Datum) => {\n          const lineData = lineGroups[datum[colorId ?? ''] as string]\n          for (const d of lineData) {\n            if (selector(d, style.selector)) {\n              return true\n            }\n          }\n          return false\n        },\n        style: {\n          visible: lineVisible,\n          curveType: curveType,\n          strokeOpacity: lineColorOpacity,\n          stroke: lineColor,\n          lineWidth: lineWidth,\n          lineDash: lineDash,\n        },\n      },\n    }\n  }, {})\n\n  return {\n    ...result,\n    line: {\n      ...result.line,\n      state: {\n        ...customMap,\n      },\n    },\n  }\n}\n"],"names":["lineStyle","spec","context","advancedVSeed","markStyle","datasetReshapeInfo","dataset","unfoldInfo","result","lineStyles","Array","colorId","lineGroups","groupBy","d","customMap","style","index","lineColor","lineColorOpacity","lineSmooth","lineWidth","lineVisible","dashSegment","dashGap","lineDash","curveType","datum","lineData","selector"],"mappings":";;AAKO,MAAMA,sBAAsB,CAACC,MAAMC;IACxC,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,SAAS,EAAEC,kBAAkB,EAAEC,OAAO,EAAE,GAAGH;IACnD,MAAM,EAAEI,UAAU,EAAE,GAAGF,kBAAkB,CAAC,EAAE;IAC5C,MAAM,EAAEL,SAAS,EAAE,GAAGI;IACtB,MAAMI,SAAS;QACb,GAAGP,IAAI;QACP,MAAM;YACJ,OAAO,CAAC;QACV;IACF;IACA,IAAI,CAACD,WACH,OAAOQ;IAGT,MAAMC,aAAcC,MAAM,OAAO,CAACV,aAAaA,YAAY;QAACA;KAAU;IAEtE,MAAMW,UAAUJ,WAAW,eAAe;IAC1C,MAAMK,aAAaC,QAAQP,SAAS,CAACQ,IAAMA,CAAC,CAACH,WAAW,GAAG;IAE3D,MAAMI,YAAYN,WAAW,MAAM,CAAS,CAACD,QAAQQ,OAAOC;QAC1D,MAAM,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,EAAEpB,SAAS,EAAEqB,YAAY,CAAC,EAAEC,cAAc,IAAI,EAAE,GAAGN;QAElG,MAAMO,cAAcF,AAAY,IAAZA;QACpB,MAAMG,UAAUH;QAEhB,MAAMI,WACJzB,AAAc,aAAdA,YAAyB;YAACuB;YAAaA;SAAY,GAAGvB,AAAc,aAAdA,YAAyB;YAACwB,UAAU;YAAa,IAAVA;SAAY,GAAG;YAAC;YAAG;SAAE;QAEpH,MAAME,YAAYN,aAAa,aAAa;QAE5C,OAAO;YACL,GAAGZ,MAAM;YACT,CAAC,CAAC,MAAM,EAAES,QAAQ,GAAG,CAAC,EAAE;gBAEtB,OAAOA,QAAQ;gBACf,QAAQ,CAACU;oBACP,MAAMC,WAAWhB,UAAU,CAACe,KAAK,CAAChB,WAAW,GAAG,CAAW;oBAC3D,KAAK,MAAMG,KAAKc,SACd,IAAIC,SAASf,GAAGE,MAAM,QAAQ,GAC5B,OAAO;oBAGX,OAAO;gBACT;gBACA,OAAO;oBACL,SAASM;oBACT,WAAWI;oBACX,eAAeP;oBACf,QAAQD;oBACR,WAAWG;oBACX,UAAUI;gBACZ;YACF;QACF;IACF,GAAG,CAAC;IAEJ,OAAO;QACL,GAAGjB,MAAM;QACT,MAAM;YACJ,GAAGA,OAAO,IAAI;YACd,OAAO;gBACL,GAAGO,SAAS;YACd;QACF;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/markStyle/pieStyle.js

@@ -0,0 +1,28 @@
+const pieStyle = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { dataset } = advancedVSeed;
+    const showStroke = dataset.length <= 30;
+    const result = {
+        ...spec,
+        pie: {
+            style: {}
+        }
+    };
+    return {
+        ...result,
+        pie: {
+            style: {
+                stroke: '#ffffff',
+                lineWidth: showStroke ? 1 : 0
+            },
+            state: {
+                hover: {
+                    outerRadius: 1.1 * result.outerRadius
+                }
+            }
+        }
+    };
+};
+export { pieStyle };
+
+//# sourceMappingURL=pieStyle.js.map

package/dist/esm/pipeline/spec/chart/pipes/markStyle/pieStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/markStyle/pieStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/markStyle/pieStyle.ts"],"sourcesContent":["import type { IPieChartSpec } from '@visactor/vchart'\nimport type { SpecPipe } from 'src/types'\n\nexport const pieStyle: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { dataset } = advancedVSeed\n  const showStroke = dataset.length <= 30\n\n  const result = {\n    ...spec,\n    pie: {\n      style: {},\n    },\n  } as Required<IPieChartSpec>\n\n  return {\n    ...result,\n    pie: {\n      style: {\n        stroke: '#ffffff',\n        lineWidth: showStroke ? 1 : 0,\n      },\n      state: {\n        hover: {\n          outerRadius: result.outerRadius * 1.1,\n        },\n      },\n    },\n  }\n}\n"],"names":["pieStyle","spec","context","advancedVSeed","dataset","showStroke","result"],"mappings":"AAGO,MAAMA,WAAqB,CAACC,MAAMC;IACvC,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,OAAO,EAAE,GAAGD;IACpB,MAAME,aAAaD,QAAQ,MAAM,IAAI;IAErC,MAAME,SAAS;QACb,GAAGL,IAAI;QACP,KAAK;YACH,OAAO,CAAC;QACV;IACF;IAEA,OAAO;QACL,GAAGK,MAAM;QACT,KAAK;YACH,OAAO;gBACL,QAAQ;gBACR,WAAWD,aAAa,IAAI;YAC9B;YACA,OAAO;gBACL,OAAO;oBACL,aAAaC,AAAqB,MAArBA,OAAO,WAAW;gBACjC;YACF;QACF;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/markStyle/pointState.js

@@ -0,0 +1,52 @@
+const pointStateDimensionHover = (spec)=>{
+    const point = spec.point || {};
+    const result = {
+        ...spec,
+        point: {
+            ...point,
+            state: {
+                ...point.state || {},
+                dimension_hover: {
+                    scaleX: 1.4,
+                    scaleY: 1.4,
+                    outerBorder: {
+                        lineWidth: 4,
+                        strokeOpacity: 0.25,
+                        distance: 2
+                    }
+                }
+            }
+        }
+    };
+    return result;
+};
+const pointStateHover = (spec, context)=>{
+    const point = spec.point || {};
+    const { advancedVSeed } = context;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    const result = {
+        ...spec,
+        point: {
+            ...point,
+            state: {
+                ...point.state || {},
+                hover: {
+                    scaleX: 1.4,
+                    scaleY: 1.4,
+                    stroke: (datum, context)=>{
+                        const field = unfoldInfo.encodingColorId;
+                        const color = context.seriesColor(datum[field]);
+                        return color;
+                    },
+                    fillOpacity: 0.6,
+                    lineWidth: 1
+                }
+            }
+        }
+    };
+    return result;
+};
+export { pointStateDimensionHover, pointStateHover };
+
+//# sourceMappingURL=pointState.js.map

package/dist/esm/pipeline/spec/chart/pipes/markStyle/pointState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/markStyle/pointState.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/markStyle/pointState.ts"],"sourcesContent":["import type { IScatterChartSpec } from '@visactor/vchart'\nimport type { ISeriesMarkAttributeContext } from '@visactor/vchart/esm/compile/mark'\nimport type { SpecPipe } from 'src/types'\n\nexport const pointStateDimensionHover: SpecPipe = (spec) => {\n  const point = (spec as IScatterChartSpec).point || {}\n  const result = {\n    ...spec,\n    point: {\n      ...point,\n      state: {\n        ...(point.state || {}),\n        dimension_hover: {\n          scaleX: 1.4,\n          scaleY: 1.4,\n          outerBorder: {\n            lineWidth: 4,\n            strokeOpacity: 0.25,\n            distance: 2,\n          },\n        },\n      },\n    },\n  } as IScatterChartSpec\n  return result\n}\n\nexport const pointStateHover: SpecPipe = (spec, context) => {\n  const point = (spec as IScatterChartSpec).point || {}\n  const { advancedVSeed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { unfoldInfo } = datasetReshapeInfo[0]\n  const result = {\n    ...spec,\n    point: {\n      ...point,\n      state: {\n        ...(point.state || {}),\n        hover: {\n          scaleX: 1.4,\n          scaleY: 1.4,\n          stroke: (datum, context: ISeriesMarkAttributeContext) => {\n            const field = unfoldInfo.encodingColorId\n            const color = context.seriesColor(datum[field] as string)\n            return color\n          },\n          fillOpacity: 0.6,\n          lineWidth: 1,\n        },\n      },\n    },\n  } as IScatterChartSpec\n  return result\n}\n"],"names":["pointStateDimensionHover","spec","point","result","pointStateHover","context","advancedVSeed","datasetReshapeInfo","unfoldInfo","datum","field","color"],"mappings":"AAIO,MAAMA,2BAAqC,CAACC;IACjD,MAAMC,QAASD,KAA2B,KAAK,IAAI,CAAC;IACpD,MAAME,SAAS;QACb,GAAGF,IAAI;QACP,OAAO;YACL,GAAGC,KAAK;YACR,OAAO;gBACL,GAAIA,MAAM,KAAK,IAAI,CAAC,CAAC;gBACrB,iBAAiB;oBACf,QAAQ;oBACR,QAAQ;oBACR,aAAa;wBACX,WAAW;wBACX,eAAe;wBACf,UAAU;oBACZ;gBACF;YACF;QACF;IACF;IACA,OAAOC;AACT;AAEO,MAAMC,kBAA4B,CAACH,MAAMI;IAC9C,MAAMH,QAASD,KAA2B,KAAK,IAAI,CAAC;IACpD,MAAM,EAAEK,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,kBAAkB,EAAE,GAAGD;IAC/B,MAAM,EAAEE,UAAU,EAAE,GAAGD,kBAAkB,CAAC,EAAE;IAC5C,MAAMJ,SAAS;QACb,GAAGF,IAAI;QACP,OAAO;YACL,GAAGC,KAAK;YACR,OAAO;gBACL,GAAIA,MAAM,KAAK,IAAI,CAAC,CAAC;gBACrB,OAAO;oBACL,QAAQ;oBACR,QAAQ;oBACR,QAAQ,CAACO,OAAOJ;wBACd,MAAMK,QAAQF,WAAW,eAAe;wBACxC,MAAMG,QAAQN,QAAQ,WAAW,CAACI,KAAK,CAACC,MAAM;wBAC9C,OAAOC;oBACT;oBACA,aAAa;oBACb,WAAW;gBACb;YACF;QACF;IACF;IACA,OAAOR;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/markStyle/pointStyle.js

@@ -0,0 +1,63 @@
+import { selector } from "../../../../../dataSelector/index.js";
+const pointStyle_pointStyle = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { markStyle } = advancedVSeed;
+    const { pointStyle } = markStyle;
+    const result = {
+        ...spec,
+        point: {
+            style: {}
+        }
+    };
+    if (!pointStyle) return result;
+    const pointStyles = Array.isArray(pointStyle) ? pointStyle : [
+        pointStyle
+    ];
+    const customMap = pointStyles.reduce((result, style, index)=>{
+        const { pointBorderColor, pointBorderStyle, pointBorderWidth = 1, pointColor, pointColorOpacity, pointSize, pointVisible = true } = style;
+        const lineDash = 'dashed' === pointBorderStyle ? [
+            5,
+            2
+        ] : 'dotted' === pointBorderStyle ? [
+            2,
+            5
+        ] : [
+            0,
+            0
+        ];
+        return {
+            ...result,
+            [`custom${index + 1}`]: {
+                level: index + 1,
+                filter: (datum)=>{
+                    if (selector(datum, style.selector)) return true;
+                    return false;
+                },
+                style: {
+                    visible: pointVisible,
+                    size: pointSize,
+                    fill: pointColor,
+                    fillOpacity: pointColorOpacity,
+                    innerBorder: {
+                        stroke: pointBorderColor,
+                        lineWidth: pointBorderWidth,
+                        distance: (pointBorderWidth || 0) / 2,
+                        lineDash: lineDash
+                    }
+                }
+            }
+        };
+    }, {});
+    return {
+        ...result,
+        point: {
+            ...result.point,
+            state: {
+                ...customMap
+            }
+        }
+    };
+};
+export { pointStyle_pointStyle as pointStyle };
+
+//# sourceMappingURL=pointStyle.js.map

package/dist/esm/pipeline/spec/chart/pipes/markStyle/pointStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/markStyle/pointStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/markStyle/pointStyle.ts"],"sourcesContent":["import type { IAreaChartSpec } from '@visactor/vchart'\nimport { selector } from '../../../../../dataSelector'\nimport type { Datum, PointStyle, SpecPipe } from 'src/types'\n\nexport const pointStyle: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { markStyle } = advancedVSeed\n  const { pointStyle } = markStyle\n  const result = {\n    ...spec,\n    point: {\n      style: {},\n    },\n  } as IAreaChartSpec\n\n  if (!pointStyle) {\n    return result\n  }\n  const pointStyles = (Array.isArray(pointStyle) ? pointStyle : [pointStyle]) as PointStyle[]\n\n  const customMap = pointStyles.reduce<object>((result, style, index) => {\n    const {\n      pointBorderColor,\n      pointBorderStyle,\n      pointBorderWidth = 1,\n      pointColor,\n      pointColorOpacity,\n      pointSize,\n      pointVisible = true,\n    } = style\n\n    const lineDash = pointBorderStyle === 'dashed' ? [5, 2] : pointBorderStyle === 'dotted' ? [2, 5] : [0, 0]\n    return {\n      ...result,\n      [`custom${index + 1}`]: {\n        // 优先级: 后者覆盖前者\n        level: index + 1,\n        filter: (datum: Datum) => {\n          if (selector(datum, style.selector)) {\n            return true\n          }\n          return false\n        },\n        style: {\n          visible: pointVisible,\n          size: pointSize,\n          fill: pointColor,\n          fillOpacity: pointColorOpacity,\n          innerBorder: {\n            stroke: pointBorderColor,\n            lineWidth: pointBorderWidth,\n            distance: (pointBorderWidth || 0) / 2,\n            lineDash: lineDash,\n          },\n        },\n      },\n    }\n  }, {})\n\n  return {\n    ...result,\n    point: {\n      ...result.point,\n      state: {\n        ...customMap,\n      },\n    },\n  }\n}\n"],"names":["pointStyle","spec","context","advancedVSeed","markStyle","result","pointStyles","Array","customMap","style","index","pointBorderColor","pointBorderStyle","pointBorderWidth","pointColor","pointColorOpacity","pointSize","pointVisible","lineDash","datum","selector"],"mappings":";AAIO,MAAMA,wBAAuB,CAACC,MAAMC;IACzC,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,SAAS,EAAE,GAAGD;IACtB,MAAM,EAAEH,UAAU,EAAE,GAAGI;IACvB,MAAMC,SAAS;QACb,GAAGJ,IAAI;QACP,OAAO;YACL,OAAO,CAAC;QACV;IACF;IAEA,IAAI,CAACD,YACH,OAAOK;IAET,MAAMC,cAAeC,MAAM,OAAO,CAACP,cAAcA,aAAa;QAACA;KAAW;IAE1E,MAAMQ,YAAYF,YAAY,MAAM,CAAS,CAACD,QAAQI,OAAOC;QAC3D,MAAM,EACJC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,CAAC,EACpBC,UAAU,EACVC,iBAAiB,EACjBC,SAAS,EACTC,eAAe,IAAI,EACpB,GAAGR;QAEJ,MAAMS,WAAWN,AAAqB,aAArBA,mBAAgC;YAAC;YAAG;SAAE,GAAGA,AAAqB,aAArBA,mBAAgC;YAAC;YAAG;SAAE,GAAG;YAAC;YAAG;SAAE;QACzG,OAAO;YACL,GAAGP,MAAM;YACT,CAAC,CAAC,MAAM,EAAEK,QAAQ,GAAG,CAAC,EAAE;gBAEtB,OAAOA,QAAQ;gBACf,QAAQ,CAACS;oBACP,IAAIC,SAASD,OAAOV,MAAM,QAAQ,GAChC,OAAO;oBAET,OAAO;gBACT;gBACA,OAAO;oBACL,SAASQ;oBACT,MAAMD;oBACN,MAAMF;oBACN,aAAaC;oBACb,aAAa;wBACX,QAAQJ;wBACR,WAAWE;wBACX,UAAWA,AAAAA,CAAAA,oBAAoB,KAAK;wBACpC,UAAUK;oBACZ;gBACF;YACF;QACF;IACF,GAAG,CAAC;IAEJ,OAAO;QACL,GAAGb,MAAM;QACT,OAAO;YACL,GAAGA,OAAO,KAAK;YACf,OAAO;gBACL,GAAGG,SAAS;YACd;QACF;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/markStyle/roseStyle.js

@@ -0,0 +1,29 @@
+const roseStyle = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { dataset } = advancedVSeed;
+    const showStroke = dataset.length <= 30;
+    const result = {
+        ...spec,
+        rose: {
+            style: {}
+        }
+    };
+    return {
+        ...result,
+        rose: {
+            style: {
+                stroke: '#ffffff',
+                lineWidth: showStroke ? 1 : 0
+            },
+            state: {
+                hover: {
+                    lineWidth: 1,
+                    fillOpacity: 0.6
+                }
+            }
+        }
+    };
+};
+export { roseStyle };
+
+//# sourceMappingURL=roseStyle.js.map

package/dist/esm/pipeline/spec/chart/pipes/markStyle/roseStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/markStyle/roseStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/markStyle/roseStyle.ts"],"sourcesContent":["import type { IRoseChartSpec } from '@visactor/vchart'\nimport type { SpecPipe } from 'src/types'\n\nexport const roseStyle: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { dataset } = advancedVSeed\n  const showStroke = dataset.length <= 30\n\n  const result = {\n    ...spec,\n    rose: {\n      style: {},\n    },\n  } as Required<IRoseChartSpec>\n\n  return {\n    ...result,\n    rose: {\n      style: {\n        stroke: '#ffffff',\n        lineWidth: showStroke ? 1 : 0,\n      },\n      state: {\n        hover: {\n          lineWidth: 1,\n          fillOpacity: 0.6,\n        },\n      },\n    },\n  }\n}\n"],"names":["roseStyle","spec","context","advancedVSeed","dataset","showStroke","result"],"mappings":"AAGO,MAAMA,YAAsB,CAACC,MAAMC;IACxC,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,OAAO,EAAE,GAAGD;IACpB,MAAME,aAAaD,QAAQ,MAAM,IAAI;IAErC,MAAME,SAAS;QACb,GAAGL,IAAI;QACP,MAAM;YACJ,OAAO,CAAC;QACV;IACF;IAEA,OAAO;QACL,GAAGK,MAAM;QACT,MAAM;YACJ,OAAO;gBACL,QAAQ;gBACR,WAAWD,aAAa,IAAI;YAC9B;YACA,OAAO;gBACL,OAAO;oBACL,WAAW;oBACX,aAAa;gBACf;YACF;QACF;IACF;AACF"}

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

@@ -0,0 +1,2 @@
+import { percent } from "./percent.js";
+export { percent };

package/dist/esm/pipeline/spec/chart/pipes/percent/percent.js

@@ -0,0 +1,10 @@
+const percent = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    result.percent = true;
+    return result;
+};
+export { percent };
+
+//# sourceMappingURL=percent.js.map

package/dist/esm/pipeline/spec/chart/pipes/percent/percent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/percent/percent.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/percent/percent.ts"],"sourcesContent":["import { IAreaChartSpec, IBarChartSpec } from '@visactor/vchart'\nimport { SpecPipe } from 'src/types'\n\nexport const percent: SpecPipe = (spec, context) => {\n  const result = { ...spec } as IAreaChartSpec | IBarChartSpec\n  result.percent = true\n  return result\n}\n"],"names":["percent","spec","context","result"],"mappings":"AAGO,MAAMA,UAAoB,CAACC,MAAMC;IACtC,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzBE,OAAO,OAAO,GAAG;IACjB,OAAOA;AACT"}