@visactor/vstory 0.0.4 → 0.0.5-alpha.1

package/cjs/story/utils/vchart-pick.d.ts

@@ -0,0 +1,115 @@
+import type { IGraphic } from '@visactor/vrender';
+import type { IVChart } from '@visactor/vchart';
+import type { StoryEvent } from '../interface/runtime-interface';
+export interface IPickModelInfo {
+    type: string;
+    model: any;
+    specKey: string;
+    specIndex: number;
+    datum?: any;
+    mark?: any;
+}
+export declare const seriesMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: string;
+        model: import("@visactor/vchart").ISeries;
+        mark: import("@visactor/vchart/esm/mark/interface").IMark;
+        specKey: string;
+        specIndex: number;
+        datum: any;
+    };
+};
+export declare const axisMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const markerMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[]) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const labelMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        datum: any;
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const discreteLegendMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const colorLegendMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const sizeLegendMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const scrollBarMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const titleBarMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const continuousPlayerMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare const discretePlayerMarkPick: {
+    check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;
+    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {
+        type: any;
+        model: any;
+        specKey: any;
+        specIndex: any;
+    };
+};
+export declare function getChartModelWithEvent(chart: IVChart, event: StoryEvent): IPickModelInfo;
+export declare function getGraphicModelMark(chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number): IPickModelInfo;

package/cjs/story/utils/vchart-pick.js

@@ -0,0 +1,109 @@
+"use strict";
+
+function commonModelInfo(model) {
+    return {
+        type: model.type,
+        model: model,
+        specKey: model.specKey,
+        specIndex: model.getSpecIndex()
+    };
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getGraphicModelMark = exports.getChartModelWithEvent = exports.discretePlayerMarkPick = exports.continuousPlayerMarkPick = exports.titleBarMarkPick = exports.scrollBarMarkPick = exports.sizeLegendMarkPick = exports.colorLegendMarkPick = exports.discreteLegendMarkPick = exports.labelMarkPick = exports.markerMarkPick = exports.axisMarkPick = exports.seriesMarkPick = void 0, 
+exports.seriesMarkPick = {
+    check: (graphic, graphicPath) => {
+        var _a;
+        return null === (_a = graphic.name) || void 0 === _a ? void 0 : _a.startsWith("seriesGroup_");
+    },
+    modelInfo: (chart, graphic, graphicPath, index) => {
+        const seriesId = +graphic.name.split("_")[2], markId = +graphicPath[index + 1].name.split("_")[1], series = chart.getChart().getSeriesInIds([ seriesId ])[0], datum = graphicPath[graphicPath.length - 1].__vgrammar_scene_item__.data;
+        return {
+            type: "seriesMark",
+            model: series,
+            mark: series.getMarkInId(markId),
+            specKey: series.specKey,
+            specIndex: series.getSpecIndex(),
+            datum: datum
+        };
+    }
+}, exports.axisMarkPick = {
+    check: (graphic, graphicPath) => "axis" === graphic.name || "axis-grid" === graphic.name,
+    modelInfo: (chart, graphic, graphicPath, index) => {
+        const axisModel = chart.getChart().getAllComponents().filter((c => "axes" === c.specKey));
+        let axisGraphic = graphicPath.find((g => "axis" === g.name));
+        if (axisGraphic) {
+            return commonModelInfo(axisModel.find((a => a._axisMark.getProduct().graphicItem === axisGraphic.parent)));
+        }
+        if (axisGraphic = graphicPath.find((g => "axis-grid" === g.name)), axisGraphic) {
+            return commonModelInfo(axisModel.find((a => a._gridMark.getProduct().graphicItem === axisGraphic.parent)));
+        }
+        return null;
+    }
+};
+
+const MarkerClassName = {
+    MarkLine: !0,
+    MarkArea: !0,
+    MarkPoint: !0,
+    MarkArcLine: !0,
+    MarkArcArea: !0
+}, MarkerIdPrefix = {
+    markPoint: !0,
+    markLine: !0,
+    markArea: !0
+};
+
+function commonModePick(vrenderGraphicClassName, modelName) {
+    return {
+        check: (graphic, graphicPath) => graphic.constructor.name === vrenderGraphicClassName,
+        modelInfo: (chart, graphic, graphicPath, index) => commonModelInfo(chart.getChart().getAllComponents().find((c => c.type === modelName)))
+    };
+}
+
+exports.markerMarkPick = {
+    check: (graphic, graphicPath) => !!MarkerClassName[graphic.constructor.name],
+    modelInfo: (chart, graphic, graphicPath) => {
+        const idPrefix = graphic.id.split("-")[0];
+        let model;
+        if (MarkerIdPrefix[idPrefix]) {
+            const markerId = +graphic.id.split("-")[1];
+            model = chart.getChart().getAllComponents().find((c => c.id === markerId));
+        } else {
+            const markerUserId = graphic.id;
+            model = chart.getChart().getAllComponents().find((c => c.userId === markerUserId));
+        }
+        return commonModelInfo(model);
+    }
+}, exports.labelMarkPick = {
+    check: (graphic, graphicPath) => "data-label" === graphic.name,
+    modelInfo: (chart, graphic, graphicPath, index) => {
+        const id = +graphicPath[index - 1].name.split("_")[1], model = chart.getChart().getAllComponents().find((c => ("label" === c.type || "totalLabel" === c.type) && c.getMarks().some((m => m.id === id))));
+        return Object.assign(Object.assign({}, commonModelInfo(model)), {
+            datum: graphicPath[graphicPath.length - 1].attribute.data
+        });
+    }
+}, exports.discreteLegendMarkPick = commonModePick("DiscreteLegend", "discreteLegend"), 
+exports.colorLegendMarkPick = commonModePick("ColorContinuousLegend", "colorLegend"), 
+exports.sizeLegendMarkPick = commonModePick("SizeContinuousLegend", "sizeLegend"), 
+exports.scrollBarMarkPick = commonModePick("ScrollBar", "scrollBar"), exports.titleBarMarkPick = commonModePick("Title", "title"), 
+exports.continuousPlayerMarkPick = commonModePick("ContinuousPlayer", "player"), 
+exports.discretePlayerMarkPick = commonModePick("DiscretePlayer", "player");
+
+const modelCheck = [ exports.seriesMarkPick, exports.axisMarkPick, exports.discreteLegendMarkPick, exports.colorLegendMarkPick, exports.sizeLegendMarkPick, exports.markerMarkPick, exports.scrollBarMarkPick, exports.labelMarkPick, exports.titleBarMarkPick, exports.continuousPlayerMarkPick, exports.discretePlayerMarkPick ];
+
+function getChartModelWithEvent(chart, event) {
+    const graphicPath = event.detailPath[event.detailPath.length - 1];
+    if (!graphicPath) return null;
+    const pickGraphic = null == graphicPath ? void 0 : graphicPath[graphicPath.length - 1];
+    return pickGraphic ? getGraphicModelMark(chart, pickGraphic, graphicPath, 0) : null;
+}
+
+function getGraphicModelMark(chart, graphic, graphicPath, index) {
+    const modelPick = modelCheck.find((mc => mc.check(graphic, graphicPath)));
+    return modelPick ? modelPick.modelInfo(chart, graphic, graphicPath, index) : index >= graphicPath.length - 1 ? null : getGraphicModelMark(chart, graphicPath[index + 1], graphicPath, index + 1);
+}
+
+exports.getChartModelWithEvent = getChartModelWithEvent, exports.getGraphicModelMark = getGraphicModelMark;
+//# sourceMappingURL=vchart-pick.js.map

package/cjs/story/utils/vchart-pick.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/utils/vchart-pick.ts"],"names":[],"mappings":"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","file":"vchart-pick.js","sourcesContent":["import type { IGraphic, IGraphicAttribute } from '@visactor/vrender';\nimport type { IVChart } from '@visactor/vchart';\nimport type { StoryEvent } from '../interface/runtime-interface';\n\nexport interface IPickModelInfo {\n  type: string;\n  model: any;\n  specKey: string;\n  specIndex: number;\n  datum?: any;\n  mark?: any;\n}\n\nfunction commonModelInfo(model: any) {\n  return {\n    type: model.type,\n    model,\n    specKey: model.specKey,\n    specIndex: model.getSpecIndex()\n  };\n}\n\nexport const seriesMarkPick = {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n    return graphic.name?.startsWith('seriesGroup_');\n  },\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {\n    const nameInfo = graphic.name.split('_');\n    const seriesId = +nameInfo[2];\n    const markGraphic = graphicPath[index + 1];\n    const markId = +markGraphic.name.split('_')[1];\n    const series = chart.getChart().getSeriesInIds([seriesId])[0];\n    const datum = graphicPath[graphicPath.length - 1].__vgrammar_scene_item__.data;\n    return {\n      type: 'seriesMark',\n      model: series,\n      mark: series.getMarkInId(markId),\n      specKey: series.specKey,\n      specIndex: series.getSpecIndex(),\n      datum\n    };\n  }\n};\n\nexport const axisMarkPick = {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n    return graphic.name === 'axis' || graphic.name === 'axis-grid';\n  },\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {\n    const axisModel = chart\n      .getChart()\n      .getAllComponents()\n      // @ts-ignore\n      .filter(c => c.specKey === 'axes');\n    let axisGraphic = graphicPath.find(g => g.name === 'axis');\n    if (axisGraphic) {\n      // @ts-ignore\n      const axis = axisModel.find(a => a._axisMark.getProduct().graphicItem === axisGraphic.parent);\n      return commonModelInfo(axis);\n    }\n    axisGraphic = graphicPath.find(g => g.name === 'axis-grid');\n    if (axisGraphic) {\n      // @ts-ignore\n      const axis = axisModel.find(a => a._gridMark.getProduct().graphicItem === axisGraphic.parent);\n      return commonModelInfo(axis);\n    }\n    return null;\n  }\n};\n\nconst MarkerClassName: { [key: string]: boolean } = {\n  MarkLine: true,\n  MarkArea: true,\n  MarkPoint: true,\n  MarkArcLine: true,\n  MarkArcArea: true\n};\n\nconst MarkerIdPrefix: { [key: string]: boolean } = {\n  markPoint: true,\n  markLine: true,\n  markArea: true\n};\n\nexport const markerMarkPick = {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n    return !!MarkerClassName[graphic.constructor.name];\n  },\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[]) => {\n    const split = (<string>graphic.id).split('-');\n    const idPrefix = split[0];\n    let model;\n    if (MarkerIdPrefix[idPrefix]) {\n      const markerId = +(<string>graphic.id).split('-')[1];\n      model = chart\n        .getChart()\n        .getAllComponents()\n        // @ts-ignore\n        .find(c => c.id === markerId);\n    } else {\n      const markerUserId = graphic.id;\n      model = chart\n        .getChart()\n        .getAllComponents()\n        // @ts-ignore\n        .find(c => c.userId === markerUserId);\n    }\n    return commonModelInfo(model);\n  }\n};\n\nexport const labelMarkPick = {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n    return graphic.name === 'data-label';\n  },\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {\n    const id = +graphicPath[index - 1].name.split('_')[1];\n    const model = chart\n      .getChart()\n      .getAllComponents()\n      // @ts-ignore\n      .find(c => {\n        if (c.type !== 'label' && c.type !== 'totalLabel') {\n          return false;\n        }\n        return c.getMarks().some(m => m.id === id);\n      });\n    // @ts-ignore\n    return { ...commonModelInfo(model), datum: graphicPath[graphicPath.length - 1].attribute.data };\n  }\n};\n\nfunction commonModePick(vrenderGraphicClassName: string, modelName: string) {\n  return {\n    check: (graphic: IGraphic, graphicPath: IGraphic[]) => {\n      return graphic.constructor.name === vrenderGraphicClassName;\n    },\n    modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => {\n      return commonModelInfo(\n        chart\n          .getChart()\n          .getAllComponents()\n          // @ts-ignore\n          .find(c => c.type === modelName)\n      );\n    }\n  };\n}\n\nexport const discreteLegendMarkPick = commonModePick('DiscreteLegend', 'discreteLegend');\nexport const colorLegendMarkPick = commonModePick('ColorContinuousLegend', 'colorLegend');\nexport const sizeLegendMarkPick = commonModePick('SizeContinuousLegend', 'sizeLegend');\nexport const scrollBarMarkPick = commonModePick('ScrollBar', 'scrollBar');\nexport const titleBarMarkPick = commonModePick('Title', 'title');\nexport const continuousPlayerMarkPick = commonModePick('ContinuousPlayer', 'player');\nexport const discretePlayerMarkPick = commonModePick('DiscretePlayer', 'player');\n\nconst modelCheck: {\n  check: (graphic: IGraphic, graphicPath: IGraphic[]) => boolean;\n  modelInfo: (chart: IVChart, graphic: IGraphic, graphicPath: IGraphic[], index: number) => any;\n}[] = [\n  seriesMarkPick,\n  axisMarkPick,\n  discreteLegendMarkPick,\n  colorLegendMarkPick,\n  sizeLegendMarkPick,\n  markerMarkPick,\n  scrollBarMarkPick,\n  labelMarkPick,\n  titleBarMarkPick,\n  continuousPlayerMarkPick,\n  discretePlayerMarkPick\n];\n\n/**\n * 从event属性上，读取当前pick到的图表模块内容\n * @param event\n */\nexport function getChartModelWithEvent(chart: IVChart, event: StoryEvent) {\n  const graphicPath = event.detailPath[event.detailPath.length - 1] as unknown as IGraphic<\n    Partial<IGraphicAttribute>\n  >[];\n  if (!graphicPath) {\n    return null;\n  }\n  const pickGraphic = graphicPath?.[graphicPath.length - 1];\n  if (!pickGraphic) {\n    return null;\n  }\n  return getGraphicModelMark(chart, pickGraphic, graphicPath, 0);\n}\n\nexport function getGraphicModelMark(\n  chart: IVChart,\n  graphic: IGraphic,\n  graphicPath: IGraphic[],\n  index: number\n): IPickModelInfo {\n  const modelPick = modelCheck.find(mc => mc.check(graphic, graphicPath));\n  if (modelPick) {\n    return modelPick.modelInfo(chart, graphic, graphicPath, index);\n  }\n  // @ts-ignore\n  if (index >= graphicPath.length - 1) {\n    return null;\n  }\n\n  return getGraphicModelMark(chart, graphicPath[index + 1], graphicPath, index + 1);\n}\n"]}