@visactor/vstory 0.0.5 → 0.0.6

package/cjs/story/character/chart/character.js

@@ -1,18 +1,15 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : {
-        default: mod
-    };
-};
-
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.CharacterChart = void 0;
 
-const common_spec_1 = require("./runtime/common-spec"), component_spec_1 = require("./runtime/component-spec"), vutils_1 = require("@visactor/vutils"), vchart_1 = __importDefault(require("@visactor/vchart")), vchart_graphic_1 = require("./graphic/vchart-graphic"), layout_1 = require("../../utils/layout"), character_1 = require("../visactor/character"), spec_process_1 = require("./spec-process/spec-process"), data_temp_transform_1 = require("./spec-process/data-temp-transform"), series_spec_1 = require("./runtime/series-spec");
+const common_spec_1 = require("./runtime/common-spec"), component_spec_1 = require("./runtime/component-spec"), vutils_1 = require("@visactor/vutils"), vchart_1 = require("@visactor/vchart"), vchart_graphic_1 = require("./graphic/vchart-graphic"), character_1 = require("../visactor/character"), spec_process_1 = require("./spec-process/spec-process"), data_temp_transform_1 = require("./spec-process/data-temp-transform"), series_spec_1 = require("./runtime/series-spec"), layout_1 = require("../../utils/layout"), vchart_pick_1 = require("../../utils/vchart-pick");
 
 class CharacterChart extends character_1.CharacterVisactor {
+    constructor() {
+        super(...arguments), this.visActorType = "chart";
+    }
     get spec() {
         return this._spec;
     }
@@ -28,17 +25,12 @@ class CharacterChart extends character_1.CharacterVisactor {
         this._specProcess.updateConfig(this._spec);
     }
     _initGraphics() {
-        var _a;
-        const layout = (0, layout_1.getLayoutFromWidget)(this._spec.position), viewBox = {
-            x1: layout.x,
-            x2: layout.x + layout.width,
-            y1: layout.y,
-            y2: layout.y + layout.height
-        }, spec = (0, vutils_1.cloneDeep)(this._specProcess.getVisSpec());
-        spec.width = layout.width, spec.height = layout.height, this._graphic = new vchart_graphic_1.Chart(Object.assign(Object.assign({
+        var _a, _b;
+        const {spec: spec, viewBox: viewBox} = this._getChartOption();
+        this._graphic = new vchart_graphic_1.Chart(Object.assign(Object.assign({
             renderCanvas: this._option.canvas.getCanvas(),
             spec: spec,
-            ClassType: vchart_1.default,
+            ClassType: vchart_1.VChart,
             vchart: null,
             zIndex: this._spec.zIndex,
             mode: "desktop-browser",
@@ -50,7 +42,7 @@ class CharacterChart extends character_1.CharacterVisactor {
             ticker: this._option.canvas.getStage().ticker,
             visibleAll: !1
         }, null !== (_a = this._spec.options.panel) && void 0 !== _a ? _a : {}), {
-            chartInitOptions: {
+            chartInitOptions: (0, vutils_1.merge)({
                 animation: !0,
                 disableTriggerEvent: !0,
                 performanceHook: {
@@ -70,9 +62,33 @@ class CharacterChart extends character_1.CharacterVisactor {
                         }));
                     }
                 }
-            }
+            }, null !== (_b = this._spec.options.initOption) && void 0 !== _b ? _b : {})
         })), this.option.graphicParent.add(this._graphic);
     }
+    setAttributes(attr) {
+        attr.position && (this._spec.position = attr.position, this._graphic.updateViewBox(this.getViewBoxFromSpec().viewBox));
+    }
+    getViewBoxFromSpec() {
+        const layout = (0, layout_1.getLayoutFromWidget)(this._spec.position);
+        return {
+            layout: layout,
+            viewBox: {
+                x1: layout.x,
+                x2: layout.x + layout.width,
+                y1: layout.y,
+                y2: layout.y + layout.height
+            }
+        };
+    }
+    _getChartOption() {
+        var _a;
+        const {layout: layout, viewBox: viewBox} = this.getViewBoxFromSpec(), spec = (0, 
+        vutils_1.cloneDeep)(null !== (_a = this._specProcess.getVisSpec()) && void 0 !== _a ? _a : this._spec.options.spec);
+        return spec.width = layout.width, spec.height = layout.height, {
+            viewBox: viewBox,
+            spec: spec
+        };
+    }
     _afterRender() {}
     _updateVisactorSpec() {
         var _a;
@@ -85,11 +101,31 @@ class CharacterChart extends character_1.CharacterVisactor {
         this._ticker.tickAt(t);
     }
     checkEvent(event) {
-        return !1;
+        var _a;
+        if (!(null !== (_a = event.detailPath) && void 0 !== _a ? _a : event.path).some((g => g === this._graphic))) return !1;
+        const chartPath = event.detailPath[event.detailPath.length - 1], result = (0, vchart_pick_1.getChartModelWithEvent)(this._graphic.vProduct, event);
+        if (!result) return !!this._graphic.pointInViewBox(event.canvasX, event.canvasY) && {
+            part: "null",
+            graphic: null,
+            modelInfo: null,
+            graphicType: "null"
+        };
+        const graphic = null == chartPath ? void 0 : chartPath[chartPath.length - 1];
+        return {
+            part: result.type,
+            modelInfo: result,
+            graphic: graphic,
+            graphicType: graphic.type
+        };
     }
     release() {
         this.option.graphicParent.removeChild(this._graphic), this._graphic.release && this._graphic.release();
     }
+    _reflow() {
+        if (!this._graphic) return void this._initGraphics();
+        const {spec: spec} = this._getChartOption();
+        this._graphic.updateSpec(spec);
+    }
 }
 
 exports.CharacterChart = CharacterChart, CharacterChart.type = "CharacterChart", 

package/cjs/story/character/chart/character.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/character.ts"],"names":[],"mappings":";;;;;;AAAA,uDAA0D;AAC1D,6DAAgE;AAEhE,6CAA6C;AAC7C,8DAAsC;AAEtC,6DAAiD;AACjD,+CAAyD;AACzD,qDAA0D;AAC1D,8DAA0D;AAC1D,4EAA4E;AAG5E,uDAA0D;AAI1D,MAAa,cAAe,SAAQ,6BAAiB;IAYnD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAES,gBAAgB;QACxB,IAAI,CAAC,YAAY,GAAG,IAAI,0BAAW,CAAC,IAAW,EAAE,4CAAsB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7F,CAAC;IAES,YAAY;QACpB,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACjC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IACS,aAAa;;QAErB,MAAM,MAAM,GAAG,IAAA,4BAAmB,EAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG;YACd,EAAE,EAAE,MAAM,CAAC,CAAC;YACZ,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK;YAC3B,EAAE,EAAE,MAAM,CAAC,CAAC;YACZ,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM;SAC7B,CAAC;QACF,MAAM,IAAI,GAAG,IAAA,kBAAS,EAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAE5B,IAAI,CAAC,QAAQ,GAAG,IAAI,sBAAK,+BACvB,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,EAC7C,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,gBAAM,EACjB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,IAAI,EAAE,iBAAiB,EACvB,GAAG,EAAE,MAAM,CAAC,gBAAgB,EAC5B,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,kBAAkB,EAAE,IAAI,EACxB,OAAO,EACP,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,EAC7C,UAAU,EAAE,KAAK,IACd,CAAC,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,mCAAI,EAAE,CAAC,KACnC,gBAAgB,EAAE;gBAChB,SAAS,EAAE,IAAI;gBACf,mBAAmB,EAAE,IAAI;gBACzB,eAAe,EAAE;oBACf,oBAAoB,EAAE,GAAG,EAAE;;wBACzB,MAAa,MAAA,IAAI,CAAC,WAAW,CAAC,iBAAiB,0CAAE,QAAS,0CAAE,oBAAoB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;wBACtG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,oBAAoB,iDAAI,CAAA,EAAA,CAAC,CAAC;oBACzD,CAAC;oBACD,gBAAgB,EAAE,GAAG,EAAE;wBACrB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,gBAAgB,iDAAI,CAAA,EAAA,CAAC,CAAC;oBACrD,CAAC;iBACF;aACF,IACD,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,QAAe,CAAC,CAAC;IACtD,CAAC;IAES,YAAY;QAEpB,OAAO;IACT,CAAC;IACS,mBAAmB;;QAE3B,MAAA,IAAI,CAAC,QAAQ,0CAAE,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACjC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,CAAC,CAAS;QACd,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC;IAED,UAAU,CAAC,KAAiB;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,QAAe,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;IACnD,CAAC;;AAnGH,wCAoGC;AAnGQ,mBAAI,GAAG,gBAAgB,CAAC;AACxB,sBAAO,GAAwC;IACpD,qCAAoE;IACpE,+BAAiE;IACjE,+BAAiE;CAClE,CAAC","file":"character.js","sourcesContent":["import { CommonSpecRuntime } from './runtime/common-spec';\nimport { ComponentSpecRuntime } from './runtime/component-spec';\nimport type { IChartCharacterRuntimeConstructor } from './runtime/interface';\nimport { cloneDeep } from '@visactor/vutils';\nimport VChart from '@visactor/vchart';\nimport type { IChartCharacterSpec } from '../dsl-interface';\nimport { Chart } from './graphic/vchart-graphic';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport { CharacterVisactor } from '../visactor/character';\nimport { SpecProcess } from './spec-process/spec-process';\nimport { ChartDataTempTransform } from './spec-process/data-temp-transform';\nimport type { ITicker } from '@visactor/vrender';\nimport type { IChartTemp } from './temp/interface';\nimport { SeriesSpecRuntime } from './runtime/series-spec';\nimport type { StoryEvent } from '../../interface/runtime-interface';\nimport type { ICharacterPickInfo } from '../runtime-interface';\n\nexport class CharacterChart extends CharacterVisactor {\n  static type = 'CharacterChart';\n  static RunTime: IChartCharacterRuntimeConstructor[] = [\n    ComponentSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    CommonSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    SeriesSpecRuntime as unknown as IChartCharacterRuntimeConstructor\n  ];\n\n  protected declare _specProcess: SpecProcess;\n  protected _ticker: ITicker;\n\n  protected declare _spec: IChartCharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n\n  protected _initSpecProcess(): void {\n    this._specProcess = new SpecProcess(this as any, ChartDataTempTransform, this.onSpecReady);\n  }\n\n  protected _initRuntime(): void {\n    CharacterChart.RunTime.forEach(R => {\n      this._runtime.push(new R(this));\n    });\n  }\n\n  protected _parserSpec(): void {\n    this._specProcess.updateConfig(this._spec);\n  }\n  protected _initGraphics(): void {\n    // this._ticker = new ManualTicker([]);\n    const layout = getLayoutFromWidget(this._spec.position);\n    const viewBox = {\n      x1: layout.x,\n      x2: layout.x + layout.width,\n      y1: layout.y,\n      y2: layout.y + layout.height\n    };\n    const spec = cloneDeep(this._specProcess.getVisSpec());\n    spec.width = layout.width;\n    spec.height = layout.height;\n    // @ts-ignore\n    this._graphic = new Chart({\n      renderCanvas: this._option.canvas.getCanvas(),\n      spec: spec,\n      ClassType: VChart,\n      vchart: null,\n      zIndex: this._spec.zIndex,\n      mode: 'desktop-browser',\n      dpr: window.devicePixelRatio,\n      interactive: false,\n      autoRender: false,\n      disableDirtyBounds: true,\n      viewBox,\n      ticker: this._option.canvas.getStage().ticker,\n      visibleAll: false,\n      ...(this._spec.options.panel ?? {}),\n      chartInitOptions: {\n        animation: true,\n        disableTriggerEvent: true,\n        performanceHook: {\n          afterInitializeChart: () => {\n            (<IChartTemp>this.specProcess.dataTempTransform?.specTemp)?.afterInitializeChart({ character: this });\n            this._runtime.forEach(r => r.afterInitializeChart?.());\n          },\n          afterVRenderDraw: () => {\n            this._runtime.forEach(r => r.afterVRenderDraw?.());\n          }\n        }\n      }\n    });\n    this.option.graphicParent.add(this._graphic as any);\n  }\n\n  protected _afterRender(): void {\n    // console.log('afterRender');\n    return;\n  }\n  protected _updateVisactorSpec(): void {\n    // console.log('_updateVisactorSpec', this._specProcess.getVisSpec());\n    this._graphic?.updateSpec(this._specProcess.getVisSpec());\n  }\n\n  clearCharacter(): void {\n    this._graphic.vProduct.release();\n    this._graphic.parent.removeChild(this._graphic);\n  }\n\n  tickTo(t: number): void {\n    this._ticker.tickAt(t);\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    return false;\n  }\n\n  release(): void {\n    this.option.graphicParent.removeChild(this._graphic as any);\n    this._graphic.release && this._graphic.release();\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/character.ts"],"names":[],"mappings":"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","file":"character.js","sourcesContent":["import { CommonSpecRuntime } from './runtime/common-spec';\nimport { ComponentSpecRuntime } from './runtime/component-spec';\nimport type { IChartCharacterRuntimeConstructor } from './runtime/interface';\nimport { cloneDeep, merge } from '@visactor/vutils';\nimport { VChart } from '@visactor/vchart';\nimport type { IChartCharacterSpec } from '../dsl-interface';\nimport { Chart } from './graphic/vchart-graphic';\nimport { CharacterVisactor } from '../visactor/character';\nimport { SpecProcess } from './spec-process/spec-process';\nimport { ChartDataTempTransform } from './spec-process/data-temp-transform';\nimport type { ITicker } from '@visactor/vrender';\nimport type { IChartTemp } from './temp/interface';\nimport { SeriesSpecRuntime } from './runtime/series-spec';\nimport type { StoryEvent } from '../../interface/runtime-interface';\nimport type { ICharacterPickInfo } from '../runtime-interface';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport { getChartModelWithEvent } from '../../utils/vchart-pick';\n\nexport class CharacterChart extends CharacterVisactor {\n  static type = 'CharacterChart';\n  static RunTime: IChartCharacterRuntimeConstructor[] = [\n    ComponentSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    CommonSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    SeriesSpecRuntime as unknown as IChartCharacterRuntimeConstructor\n  ];\n\n  readonly visActorType = 'chart';\n\n  protected declare _specProcess: SpecProcess;\n  protected _ticker: ITicker;\n\n  declare _graphic: Chart;\n\n  protected declare _spec: IChartCharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n\n  protected _initSpecProcess(): void {\n    this._specProcess = new SpecProcess(this as any, ChartDataTempTransform, this.onSpecReady);\n  }\n\n  protected _initRuntime(): void {\n    CharacterChart.RunTime.forEach(R => {\n      this._runtime.push(new R(this));\n    });\n  }\n\n  protected _parserSpec(): void {\n    this._specProcess.updateConfig(this._spec);\n  }\n  protected _initGraphics(): void {\n    const { spec, viewBox } = this._getChartOption();\n    // @ts-ignore\n    this._graphic = new Chart({\n      renderCanvas: this._option.canvas.getCanvas(),\n      spec,\n      ClassType: VChart,\n      vchart: null,\n      zIndex: this._spec.zIndex,\n      mode: 'desktop-browser',\n      dpr: window.devicePixelRatio,\n      interactive: false,\n      autoRender: false,\n      disableDirtyBounds: true,\n      viewBox,\n      ticker: this._option.canvas.getStage().ticker,\n      visibleAll: false,\n      ...(this._spec.options.panel ?? {}),\n      chartInitOptions: merge(\n        {\n          animation: true,\n          disableTriggerEvent: true,\n          performanceHook: {\n            afterInitializeChart: () => {\n              (<IChartTemp>this.specProcess.dataTempTransform?.specTemp)?.afterInitializeChart({ character: this });\n              this._runtime.forEach(r => r.afterInitializeChart?.());\n            },\n            afterVRenderDraw: () => {\n              this._runtime.forEach(r => r.afterVRenderDraw?.());\n            }\n          }\n        },\n        this._spec.options.initOption ?? {}\n      )\n    });\n    this.option.graphicParent.add(this._graphic as any);\n  }\n\n  setAttributes(attr: Record<string, any>): void {\n    // character 的属性\n    if (attr.position) {\n      this._spec.position = attr.position;\n      // 位置属性\n      this._graphic.updateViewBox(this.getViewBoxFromSpec().viewBox);\n    }\n  }\n  getViewBoxFromSpec() {\n    const layout = getLayoutFromWidget(this._spec.position);\n    const viewBox = {\n      x1: layout.x,\n      x2: layout.x + layout.width,\n      y1: layout.y,\n      y2: layout.y + layout.height\n    };\n    return { layout, viewBox };\n  }\n\n  private _getChartOption() {\n    const { layout, viewBox } = this.getViewBoxFromSpec();\n    const spec = cloneDeep(this._specProcess.getVisSpec() ?? this._spec.options.spec);\n    spec.width = layout.width;\n    spec.height = layout.height;\n    return {\n      viewBox,\n      spec\n    };\n  }\n\n  protected _afterRender(): void {\n    // console.log('afterRender');\n    return;\n  }\n  protected _updateVisactorSpec(): void {\n    this._graphic?.updateSpec(this._specProcess.getVisSpec());\n  }\n\n  clearCharacter(): void {\n    this._graphic.vProduct.release();\n    this._graphic.parent.removeChild(this._graphic);\n  }\n\n  tickTo(t: number): void {\n    this._ticker.tickAt(t);\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    if (!(event.detailPath ?? event.path).some(g => g === this._graphic)) {\n      return false;\n    }\n    const chartPath = event.detailPath[event.detailPath.length - 1];\n    const result = getChartModelWithEvent(this._graphic.vProduct, event);\n    if (!result) {\n      // 点击到图表的空白区域\n      if (this._graphic.pointInViewBox((event as any).canvasX, (event as any).canvasY)) {\n        return {\n          part: 'null',\n          graphic: null,\n          modelInfo: null,\n          graphicType: 'null'\n        };\n      }\n      return false;\n    }\n    const graphic = chartPath?.[chartPath.length - 1];\n    return {\n      part: result.type,\n      modelInfo: result,\n      graphic,\n      graphicType: graphic.type\n    };\n  }\n\n  release(): void {\n    this.option.graphicParent.removeChild(this._graphic as any);\n    this._graphic.release && this._graphic.release();\n  }\n\n  private _reflow() {\n    if (!this._graphic) {\n      this._initGraphics();\n      return;\n    }\n    const { spec } = this._getChartOption();\n    this._graphic.updateSpec(spec);\n  }\n}\n"]}

package/cjs/story/character/chart/characters/rankingBar.d.ts

@@ -0,0 +1,4 @@
+import { CharacterChart } from '../character';
+export declare class RankingBarCharacter extends CharacterChart {
+    static type: string;
+}

package/cjs/story/character/chart/characters/rankingBar.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RankingBarCharacter = void 0;
+
+const vchart_extension_1 = require("@visactor/vchart-extension"), factory_1 = require("../../../factory/factory"), character_1 = require("../character"), ranking_bar_temp_1 = require("../temp/templates/ranking-bar-temp");
+
+factory_1.StoryFactory.registerChartTemp(ranking_bar_temp_1.RankingBarTemp.type, ranking_bar_temp_1.RankingBarTemp), 
+(0, vchart_extension_1.registerRankingBarChart)();
+
+class RankingBarCharacter extends character_1.CharacterChart {}
+
+exports.RankingBarCharacter = RankingBarCharacter, RankingBarCharacter.type = "RankingBar";
+//# sourceMappingURL=rankingBar.js.map

package/cjs/story/character/chart/characters/rankingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/chart/characters/rankingBar.ts"],"names":[],"mappings":";;;AAAA,iEAAqE;AACrE,sDAAwD;AACxD,4CAA8C;AAC9C,yEAAoE;AAIpE,sBAAY,CAAC,iBAAiB,CAAC,iCAAc,CAAC,IAAI,EAAE,iCAAc,CAAC,CAAC;AAEpE,IAAA,0CAAuB,GAAE,CAAC;AAE1B,MAAa,mBAAoB,SAAQ,0BAAc;;AAAvD,kDAEC;AADQ,wBAAI,GAAG,YAAY,CAAC","file":"rankingBar.js","sourcesContent":["import { registerRankingBarChart } from '@visactor/vchart-extension';\nimport { StoryFactory } from '../../../factory/factory';\nimport { CharacterChart } from '../character';\nimport { RankingBarTemp } from '../temp/templates/ranking-bar-temp';\nimport { VChartTemp } from '../temp/templates/vchart-temp';\n\n// StoryFactory.registerChartTemp(RankingBarTemp.type, VChartTemp);\nStoryFactory.registerChartTemp(RankingBarTemp.type, RankingBarTemp);\n\nregisterRankingBarChart();\n\nexport class RankingBarCharacter extends CharacterChart {\n  static type = 'RankingBar';\n}\n"]}

package/cjs/story/character/chart/graphic/vchart-graphic-picker.js

@@ -18,18 +18,16 @@ let VChartPicker = class {
     }
     contains(chart, point, params) {
         var _a;
-        const chartStage = chart.vchart.getStage();
-        chartStage._editor_needRender = !0;
-        const matrix = chart.globalTransMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform();
-        matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
-        chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
-        null === (_a = chartStage.dirtyBounds) || void 0 === _a || _a.clear();
+        const matrix = chart.transMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform();
+        matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);
         const nextP = {
             x: 0,
             y: 0
         };
-        matrix.transformPoint(point, nextP);
-        return chartStage.pick(nextP.x, nextP.y);
+        matrix.getInverse().transformPoint(point, nextP);
+        const vchartStage = chart.vchart.getStage();
+        null === (_a = vchartStage.dirtyBounds) || void 0 === _a || _a.clear();
+        return vchartStage.pick(nextP.x, nextP.y);
     }
 };
 

package/cjs/story/character/chart/graphic/vchart-graphic-picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-picker.ts"],"names":[],"mappings":";;;;;;;;;AACA,+CAAoH;AAYpH,qDAAqD;AAG9C,IAAM,YAAY,GAAlB,MAAM,YAAY;IAAlB;QACL,SAAI,GAAG,OAAO,CAAC;QACf,eAAU,GAAW,kCAAiB,CAAC;IAkBzC,CAAC;IAhBC,QAAQ,CAAC,KAAU,EAAE,KAAU,EAAE,MAAoB;;QACnD,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QAErC,UAAU,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACrC,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;QAC1G,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QAClG,MAAA,UAAU,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QAChC,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAC7B,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACpC,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QAElD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF,CAAA;AApBY,YAAY;IADxB,IAAA,oBAAU,GAAE;GACA,YAAY,CAoBxB;AApBY,oCAAY","file":"vchart-graphic-picker.js","sourcesContent":["import type { IPoint } from '@visactor/vutils';\nimport { inject, injectable, getTheme, CircleRender, getScaledStroke, CIRCLE_NUMBER_TYPE } from '@visactor/vrender';\nimport type {\n  IGraphicAttribute,\n  ICircle,\n  IContext2d,\n  IMarkAttribute,\n  IThemeAttribute,\n  IGraphicPicker,\n  IGraphicRender,\n  IPickParams\n} from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\n@injectable()\nexport class VChartPicker implements IGraphicPicker {\n  type = 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  contains(chart: any, point: any, params?: IPickParams): boolean | any {\n    const vChart = (chart as Chart).vchart;\n    const chartStage = vChart.getStage();\n    // @ts-ignore\n    chartStage._editor_needRender = true;\n    const matrix = chart.globalTransMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform();\n    matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);\n    chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n    chartStage.dirtyBounds?.clear();\n    const nextP = { x: 0, y: 0 };\n    matrix.transformPoint(point, nextP);\n    const graphic = chartStage.pick(nextP.x, nextP.y);\n\n    return graphic;\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-picker.ts"],"names":[],"mappings":";;;;;;;;;AACA,+CAAoH;AAYpH,qDAAqD;AAG9C,IAAM,YAAY,GAAlB,MAAM,YAAY;IAAlB;QACL,SAAI,GAAG,OAAO,CAAC;QACf,eAAU,GAAW,kCAAiB,CAAC;IAkBzC,CAAC;IAhBC,QAAQ,CAAC,KAAU,EAAE,KAAU,EAAE,MAAoB;;QAEnD,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;QAC1G,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAC3C,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAC7B,cAAc,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAG5C,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAA,WAAW,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QACjC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QACnD,OAAO,OAAO,CAAC;IACjB,CAAC;CACF,CAAA;AApBY,YAAY;IADxB,IAAA,oBAAU,GAAE;GACA,YAAY,CAoBxB;AApBY,oCAAY","file":"vchart-graphic-picker.js","sourcesContent":["import type { IPoint } from '@visactor/vutils';\nimport { inject, injectable, getTheme, CircleRender, getScaledStroke, CIRCLE_NUMBER_TYPE } from '@visactor/vrender';\nimport type {\n  IGraphicAttribute,\n  ICircle,\n  IContext2d,\n  IMarkAttribute,\n  IThemeAttribute,\n  IGraphicPicker,\n  IGraphicRender,\n  IPickParams\n} from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\n@injectable()\nexport class VChartPicker implements IGraphicPicker {\n  type = 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  contains(chart: any, point: any, params?: IPickParams): boolean | any {\n    // 将当前的point转化到global\n    const matrix = chart.transMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform();\n    matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);\n    const toGlobalMatrix = matrix.getInverse();\n    const nextP = { x: 0, y: 0 };\n    toGlobalMatrix.transformPoint(point, nextP);\n\n    // 得到 vchart stage\n    const vChart = (chart as Chart).vchart;\n    const vchartStage = vChart.getStage();\n    vchartStage.dirtyBounds?.clear();\n    const graphic = vchartStage.pick(nextP.x, nextP.y);\n    return graphic;\n  }\n}\n"]}

package/cjs/story/character/chart/graphic/vchart-graphic-render.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "__esModule", {
 
 const vrender_1 = require("@visactor/vrender"), vchart_graphic_1 = require("./vchart-graphic");
 
-exports.ChartRender = Symbol.for("ChartRender"), exports.ChartRenderContribution = Symbol.for("ChartRenderContribution");
+exports.ChartRender = Symbol.for("VStoryChartRender"), exports.ChartRenderContribution = Symbol.for("VStoryChartRenderContribution");
 
 let VChartRender = class extends vrender_1.DefaultCanvasRectRender {
     constructor() {
@@ -24,13 +24,13 @@ let VChartRender = class extends vrender_1.DefaultCanvasRectRender {
         if (baseOpacity <= 0) return;
         context.baseGlobalAlpha *= baseOpacity, super.drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb), 
         context.baseGlobalAlpha /= baseOpacity;
-        const chartStage = chart.vchart.getStage(), chartCtx = chartStage.window.getContext();
-        chartCtx.baseGlobalAlpha *= baseOpacity, chartStage._editor_needRender = !0;
+        const vchartStage = chart.vchart.getStage(), vchartCtx = vchartStage.window.getContext();
+        vchartCtx.baseGlobalAlpha *= baseOpacity, vchartStage._editor_needRender = !0;
         const matrix = chart.globalTransMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform().clone();
         stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
-        chartStage.window.setViewBoxTransform(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
-        null === (_a = chartStage.dirtyBounds) || void 0 === _a || _a.clear(), chartStage.render(), 
-        chartCtx.baseGlobalAlpha /= baseOpacity;
+        vchartStage.window.setViewBoxTransform(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
+        null === (_a = vchartStage.dirtyBounds) || void 0 === _a || _a.clear(), vchartStage.render(), 
+        vchartCtx.baseGlobalAlpha /= baseOpacity;
     }
     draw(chart, renderService, drawContext, params) {
         this._draw(chart, {}, !1, drawContext, params);

package/cjs/story/character/chart/graphic/vchart-graphic-render.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-render.ts"],"names":[],"mappings":";;;;;;;;;AAWA,+CAAwE;AAExE,qDAAqD;AAExC,QAAA,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AACxC,QAAA,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;AAGtE,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,iCAAuB;IAAlD;;QAEL,eAAU,GAAW,kCAAiB,CAAC;IAwDzC,CAAC;IAtDC,SAAS,CACP,KAAU,EACV,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC,EACjC,MAIY,EACZ,QAIY;;QAEZ,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;QAC5C,IAAI,WAAW,IAAI,CAAC,EAAE;YACpB,OAAO;SACR;QACD,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7E,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAChD,QAAQ,CAAC,eAAe,IAAI,WAAW,CAAC;QAExC,UAAU,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACrC,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,KAAK,EAAE,CAAC;QACrE,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QACjF,UAAU,CAAC,MAAM,CAAC,mBAAmB,CACnC,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,CACd,CAAC;QACF,MAAA,UAAU,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QAChC,UAAU,CAAC,MAAM,EAAE,CAAC;QACpB,QAAQ,CAAC,eAAe,IAAI,WAAW,CAAC;IAI1C,CAAC;IAED,IAAI,CAAC,KAAU,EAAE,aAA6B,EAAE,WAAyB,EAAE,MAAiC;QAE1G,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC3D,CAAC;CACF,CAAA;AA1DY,YAAY;IADxB,IAAA,oBAAU,GAAE;GACA,YAAY,CA0DxB;AA1DY,oCAAY","file":"vchart-graphic-render.js","sourcesContent":["import type {\n  IContext2d,\n  IDrawContext,\n  IGraphicAttribute,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IRenderService,\n  IThemeAttribute,\n  IGraphic\n} from '@visactor/vrender';\nimport { injectable, DefaultCanvasRectRender } from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\nexport const ChartRender = Symbol.for('ChartRender');\nexport const ChartRenderContribution = Symbol.for('ChartRenderContribution');\n\n@injectable()\nexport class VChartRender extends DefaultCanvasRectRender implements IGraphicRender {\n  type: 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  drawShape(\n    chart: any,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ) {\n    const { baseOpacity = 1 } = chart.attribute;\n    if (baseOpacity <= 0) {\n      return;\n    }\n    context.baseGlobalAlpha *= baseOpacity;\n    super.drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb);\n    context.baseGlobalAlpha /= baseOpacity;\n    const vChart = (chart as Chart).vchart;\n    const chartStage = vChart.getStage();\n    const chartCtx = chartStage.window.getContext();\n    chartCtx.baseGlobalAlpha *= baseOpacity;\n    // @ts-ignore\n    chartStage._editor_needRender = true;\n    const matrix = chart.globalTransMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform().clone();\n    stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n    chartStage.window.setViewBoxTransform(\n      stageMatrix.a,\n      stageMatrix.b,\n      stageMatrix.c,\n      stageMatrix.d,\n      stageMatrix.e,\n      stageMatrix.f\n    );\n    chartStage.dirtyBounds?.clear();\n    chartStage.render();\n    chartCtx.baseGlobalAlpha /= baseOpacity;\n    // const ctx = chartStage.window.getContext();\n    // ctx.fillStyle = 'green';\n    // ctx.fillRect(0, 0, 100, 100);\n  }\n\n  draw(chart: any, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    // const chartAttribute = getTheme(chart, params?.theme).circle;\n    this._draw(chart, {} as any, false, drawContext, params);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-render.ts"],"names":[],"mappings":";;;;;;;;;AAUA,+CAAwE;AAExE,qDAAqD;AAExC,QAAA,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AAC9C,QAAA,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;AAG5E,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,iCAAuB;IAAlD;;QAEL,eAAU,GAAW,kCAAiB,CAAC;IAqDzC,CAAC;IAnDC,SAAS,CACP,KAAU,EACV,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC,EACjC,MAIY,EACZ,QAIY;;QAEZ,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;QAC5C,IAAI,WAAW,IAAI,CAAC,EAAE;YACpB,OAAO;SACR;QACD,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7E,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAClD,SAAS,CAAC,eAAe,IAAI,WAAW,CAAC;QAEzC,WAAW,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,KAAK,EAAE,CAAC;QACrE,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QACjF,WAAW,CAAC,MAAM,CAAC,mBAAmB,CACpC,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,CACd,CAAC;QACF,MAAA,WAAW,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QACjC,WAAW,CAAC,MAAM,EAAE,CAAC;QACrB,SAAS,CAAC,eAAe,IAAI,WAAW,CAAC;IAC3C,CAAC;IAED,IAAI,CAAC,KAAU,EAAE,aAA6B,EAAE,WAAyB,EAAE,MAAiC;QAE1G,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC3D,CAAC;CACF,CAAA;AAvDY,YAAY;IADxB,IAAA,oBAAU,GAAE;GACA,YAAY,CAuDxB;AAvDY,oCAAY","file":"vchart-graphic-render.js","sourcesContent":["import type {\n  IContext2d,\n  IDrawContext,\n  IGraphicAttribute,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IRenderService,\n  IThemeAttribute\n} from '@visactor/vrender';\nimport { injectable, DefaultCanvasRectRender } from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\nexport const ChartRender = Symbol.for('VStoryChartRender');\nexport const ChartRenderContribution = Symbol.for('VStoryChartRenderContribution');\n\n@injectable()\nexport class VChartRender extends DefaultCanvasRectRender implements IGraphicRender {\n  type: 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  drawShape(\n    chart: any,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ) {\n    const { baseOpacity = 1 } = chart.attribute;\n    if (baseOpacity <= 0) {\n      return;\n    }\n    context.baseGlobalAlpha *= baseOpacity;\n    super.drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb);\n    context.baseGlobalAlpha /= baseOpacity;\n    const vChart = (chart as Chart).vchart;\n    const vchartStage = vChart.getStage();\n    const vchartCtx = vchartStage.window.getContext();\n    vchartCtx.baseGlobalAlpha *= baseOpacity;\n    // @ts-ignore\n    vchartStage._editor_needRender = true;\n    const matrix = chart.globalTransMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform().clone();\n    stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n    vchartStage.window.setViewBoxTransform(\n      stageMatrix.a,\n      stageMatrix.b,\n      stageMatrix.c,\n      stageMatrix.d,\n      stageMatrix.e,\n      stageMatrix.f\n    );\n    vchartStage.dirtyBounds?.clear();\n    vchartStage.render();\n    vchartCtx.baseGlobalAlpha /= baseOpacity;\n  }\n\n  draw(chart: any, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    // const chartAttribute = getTheme(chart, params?.theme).circle;\n    this._draw(chart, {} as any, false, drawContext, params);\n  }\n}\n"]}

package/cjs/story/character/chart/graphic/vchart-graphic.d.ts

@@ -1,5 +1,5 @@
 import type { IVisactorGraphic } from '../../visactor/interface';
-import type { IBoundsLike } from '@visactor/vutils';
+import { type AABBBounds, type IAABBBounds, type IBoundsLike } from '@visactor/vutils';
 import type { ISpec, IVChart } from '@visactor/vchart';
 import type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';
 import { Group } from '@visactor/vrender';
@@ -25,11 +25,21 @@ export declare class Chart extends Group implements IVisactorGraphic {
     type: GraphicType;
     attribute: IChartGraphicAttribute;
     protected _vchart: IVChart;
+    protected _AABBBounds: AABBBounds;
+    valid: boolean;
     get vchart(): IVChart;
     get vProduct(): IVChart;
+    private _globalViewBox;
+    private _localViewBox;
+    private _BoundsViewBox;
     drawTag: boolean;
+    protected _boundsChangeTag: boolean;
+    private _getVChartRootMarkBounds;
+    doUpdateAABBBounds(full?: boolean): IAABBBounds;
     constructor(params: IChartGraphicAttribute);
-    updateSpec(spec: ISpec, forceMerge?: boolean, morphConfig?: boolean): void;
+    pointInVChart(canvasX: number, canvasY: number): boolean;
+    pointInViewBox(canvasX: number, canvasY: number): boolean;
+    updateSpec(spec: ISpec, viewBox?: IBoundsLike, forceMerge?: boolean, morphConfig?: boolean): void;
     updateViewBox(viewBox: IBoundsLike): void;
     private _updateViewBox;
     release(): void;

package/cjs/story/character/chart/graphic/vchart-graphic.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Chart = exports.CHART_NUMBER_TYPE = void 0;
 
-const vrender_1 = require("@visactor/vrender");
+const vutils_1 = require("@visactor/vutils"), vrender_1 = require("@visactor/vrender"), space_1 = require("../../../../util/space");
 
 exports.CHART_NUMBER_TYPE = (0, vrender_1.genNumberType)();
 
@@ -15,9 +15,33 @@ class Chart extends vrender_1.Group {
     get vProduct() {
         return this._vchart;
     }
+    _getVChartRootMarkBounds() {
+        return this._vchart.getStage().defaultLayer.getChildByName("root").AABBBounds.clone();
+    }
+    doUpdateAABBBounds(full) {
+        if (!this._vchart) return super.doUpdateAABBBounds();
+        const b = new vutils_1.Bounds;
+        return b.x1 = this.attribute.x, b.x2 = this.attribute.x + this.attribute.width, 
+        b.y1 = this.attribute.y, b.y2 = this.attribute.y + this.attribute.height, b;
+    }
     constructor(params) {
         var _a;
-        super(params), this.type = "chart", this.drawTag = !1, this.numberType = exports.CHART_NUMBER_TYPE, 
+        super(params), this.type = "chart", this._globalViewBox = {
+            x1: 0,
+            y1: 0,
+            x2: 100,
+            y2: 100
+        }, this._localViewBox = {
+            x1: 0,
+            y1: 0,
+            x2: 100,
+            y2: 100
+        }, this._BoundsViewBox = {
+            x1: 0,
+            y1: 0,
+            x2: 100,
+            y2: 100
+        }, this.drawTag = !1, this._boundsChangeTag = !0, this.numberType = exports.CHART_NUMBER_TYPE, 
         params.vchart ? this._vchart = params.vchart : params.vchart = this._vchart = new params.ClassType(params.spec, Object.assign({
             renderCanvas: params.renderCanvas,
             mode: params.mode,
@@ -44,23 +68,63 @@ class Chart extends vrender_1.Group {
         }, null !== (_a = params.chartInitOptions) && void 0 !== _a ? _a : {}));
         const stage = this._vchart.getStage();
         stage.stage.pauseRender(), this._vchart.renderSync(), stage.stage.resumeRender(), 
-        stage && (stage.background = !1, stage.pauseTriggerEvent()), params.viewBox && this.updateViewBox(params.viewBox);
+        stage && (stage.background = !1), params.viewBox && this.updateViewBox(params.viewBox);
+    }
+    pointInVChart(canvasX, canvasY) {
+        const vchart = this._vchart;
+        if (!vchart) return !1;
+        const target = {
+            x: 0,
+            y: 0
+        };
+        return this.globalTransMatrix.transformPoint({
+            x: canvasX,
+            y: canvasY
+        }, target), (0, space_1.isPointInBounds)(target, vchart.getStage().viewBox);
+    }
+    pointInViewBox(canvasX, canvasY) {
+        const target = {
+            x: 0,
+            y: 0
+        };
+        return this.globalTransMatrix.transformPoint({
+            x: canvasX,
+            y: canvasY
+        }, target), (0, space_1.isPointInBounds)(target, this._localViewBox);
     }
-    updateSpec(spec, forceMerge = !1, morphConfig = !1) {
-        this._vchart.updateSpecSync(spec, forceMerge, morphConfig);
+    updateSpec(spec, viewBox, forceMerge = !1, morphConfig = !1) {
+        this._boundsChangeTag = !0, viewBox && this.updateViewBox(viewBox), this._vchart.updateSpecSync(spec, forceMerge, {
+            reuse: !1,
+            morph: morphConfig
+        }), this._updateViewBox();
     }
     updateViewBox(viewBox) {
-        this._updateViewBox(viewBox);
+        this._globalViewBox = Object.assign({}, viewBox), this._localViewBox = {
+            x1: 0,
+            y1: 0,
+            x2: viewBox.x2 - viewBox.x1,
+            y2: viewBox.y2 - viewBox.y1
+        }, this._updateViewBox();
     }
-    _updateViewBox(_viewBox) {
-        const viewBox = Object.assign({}, _viewBox);
+    _updateViewBox() {
+        if (!this._vchart) return;
+        this._boundsChangeTag = !0;
+        const rootBounds = this._getVChartRootMarkBounds();
+        this._vchart.getStage().defaultLayer.translateTo(-rootBounds.x1, -rootBounds.y1), 
+        this._BoundsViewBox = rootBounds;
+        const viewBox = Object.assign({}, this._globalViewBox);
         this.setAttributes({
-            x: viewBox.x1,
-            y: viewBox.y1,
-            width: viewBox.x2 - viewBox.x1,
-            height: viewBox.y2 - viewBox.y1
-        }), viewBox.x2 -= viewBox.x1, viewBox.y2 -= viewBox.y1, viewBox.x1 = 0, viewBox.y1 = 0, 
+            x: viewBox.x1 + rootBounds.x1,
+            y: viewBox.y1 + rootBounds.y1,
+            width: rootBounds.x2 - rootBounds.x1,
+            height: rootBounds.y2 - rootBounds.y1
+        }), this._localViewBox.x1 = -rootBounds.x1, this._localViewBox.y1 = -rootBounds.y1, 
+        this._localViewBox.x2 += -rootBounds.x1, this._localViewBox.y2 += -rootBounds.y1, 
+        viewBox.x2 -= viewBox.x1, viewBox.y2 -= viewBox.y1, viewBox.x1 = 0, viewBox.y1 = 0, 
         this._vchart.resize(viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1), this._vchart.updateViewBox(viewBox);
+        const renderViewBox = Object.assign({}, rootBounds);
+        renderViewBox.x2 -= renderViewBox.x1, renderViewBox.y2 -= renderViewBox.y1, renderViewBox.x1 = 0, 
+        renderViewBox.y1 = 0, this._vchart._compiler._view.renderer.setViewBox(renderViewBox, !0);
     }
     release() {
         this._vchart && this._vchart.release();

package/cjs/story/character/chart/graphic/vchart-graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic.ts"],"names":[],"mappings":"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","file":"vchart-graphic.js","sourcesContent":["import type { IVisactorGraphic } from '../../visactor/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\n\nexport interface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  renderCanvas: HTMLCanvasElement;\n  spec: any;\n  ClassType: any;\n  vchart: IVChart;\n  mode: string;\n  modeParams?: any;\n  dpr: number;\n  interactive: boolean;\n  animation: boolean;\n  disableTriggerEvent: boolean;\n  disableDirtyBounds: boolean;\n  viewBox: IBoundsLike;\n  ticker?: ITicker;\n  autoRender?: boolean;\n  chartInitOptions?: any;\n}\n\nexport const CHART_NUMBER_TYPE = genNumberType();\n\n// @ts-ignore\nexport class Chart extends Group implements IVisactorGraphic {\n  type: GraphicType = 'chart' as any;\n  declare attribute: IChartGraphicAttribute;\n  protected _vchart: IVChart;\n  // 是否试一次空render，目的是只生成场景树，不会真实渲染\n  // protected _emptyRenderCall: boolean;\n  get vchart() {\n    return this._vchart;\n  }\n  get vProduct() {\n    return this._vchart;\n  }\n\n  drawTag = false;\n\n  constructor(params: IChartGraphicAttribute) {\n    super(params);\n    this.numberType = CHART_NUMBER_TYPE;\n\n    // 创建chart\n    if (!params.vchart) {\n      params.vchart = this._vchart = new params.ClassType(params.spec, {\n        renderCanvas: params.renderCanvas,\n        mode: params.mode,\n        modeParams: params.modeParams,\n        canvasControled: false,\n        // viewBox: params.vi\n        dpr: params.dpr,\n        interactive: params.interactive,\n        animation: false,\n        autoFit: false,\n        disableTriggerEvent: params.disableTriggerEvent,\n        disableDirtyBounds: params.disableDirtyBounds,\n        ticker: params.ticker,\n        beforeRender: () => {\n          if (!this.stage) {\n            return;\n          }\n          const chartStage = this._vchart.getStage();\n          if (!(chartStage as any)._editor_needRender) {\n            chartStage.pauseRender();\n            this.stage.dirtyBounds?.union(this.globalAABBBounds);\n            this.stage.renderNextFrame();\n          }\n        },\n        afterRender: () => {\n          if (!this._vchart) {\n            return;\n          }\n          if (!this.stage) {\n            return;\n          }\n          // @ts-ignore\n          this._vchart.getStage()._editor_needRender = false;\n          this._vchart.getStage().stage.resumeRender();\n        },\n        ...(params.chartInitOptions ?? {})\n      });\n    } else {\n      this._vchart = params.vchart;\n    }\n    // 背景设置为false后，不会擦除画布内容，可以实现元素正常堆叠绘制\n    const stage = this._vchart.getStage();\n    stage.stage.pauseRender();\n    this._vchart.renderSync();\n    stage.stage.resumeRender();\n    if (stage) {\n      stage.background = false as any;\n      // 关闭交互\n      stage.pauseTriggerEvent();\n    }\n    if (params.viewBox) {\n      this.updateViewBox(params.viewBox);\n    }\n  }\n\n  updateSpec(spec: ISpec, forceMerge = false, morphConfig = false) {\n    this._vchart.updateSpecSync(spec, forceMerge, morphConfig as any);\n  }\n\n  updateViewBox(viewBox: IBoundsLike) {\n    this._updateViewBox(viewBox);\n  }\n\n  private _updateViewBox(_viewBox: IBoundsLike) {\n    const viewBox = { ..._viewBox };\n    this.setAttributes({\n      x: viewBox.x1,\n      y: viewBox.y1,\n      width: viewBox.x2 - viewBox.x1,\n      height: viewBox.y2 - viewBox.y1\n    });\n    //\n    viewBox.x2 -= viewBox.x1;\n    viewBox.y2 -= viewBox.y1;\n    viewBox.x1 = 0;\n    viewBox.y1 = 0;\n    this._vchart.resize(viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1);\n    this._vchart.updateViewBox(viewBox);\n  }\n\n  release() {\n    this._vchart && this._vchart.release();\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic.ts"],"names":[],"mappings":"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","file":"vchart-graphic.js","sourcesContent":["import type { IVisactorGraphic } from '../../visactor/interface';\nimport { Bounds, type AABBBounds, type IAABBBounds, type IBoundsLike } from '@visactor/vutils';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\nimport { isPointInBounds } from '../../../../util/space';\n\nexport interface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  renderCanvas: HTMLCanvasElement;\n  spec: any;\n  ClassType: any;\n  vchart: IVChart;\n  mode: string;\n  modeParams?: any;\n  dpr: number;\n  interactive: boolean;\n  animation: boolean;\n  disableTriggerEvent: boolean;\n  disableDirtyBounds: boolean;\n  viewBox: IBoundsLike;\n  ticker?: ITicker;\n  autoRender?: boolean;\n  chartInitOptions?: any;\n}\n\nexport const CHART_NUMBER_TYPE = genNumberType();\n\n// @ts-ignore\nexport class Chart extends Group implements IVisactorGraphic {\n  type: GraphicType = 'chart' as any;\n  declare attribute: IChartGraphicAttribute;\n  protected _vchart: IVChart;\n  // 是否试一次空render，目的是只生成场景树，不会真实渲染\n  // protected _emptyRenderCall: boolean;\n  protected declare _AABBBounds: AABBBounds;\n  declare valid: boolean;\n  get vchart() {\n    return this._vchart;\n  }\n  get vProduct() {\n    return this._vchart;\n  }\n\n  // 设置的 viewBox 是全局值\n  private _globalViewBox: IBoundsLike = { x1: 0, y1: 0, x2: 100, y2: 100 };\n  // 设置的 viewBox 相对于 vchart-graphic 的位置\n  private _localViewBox: IBoundsLike = { x1: 0, y1: 0, x2: 100, y2: 100 };\n  private _BoundsViewBox: IBoundsLike = { x1: 0, y1: 0, x2: 100, y2: 100 };\n\n  drawTag = false;\n  protected _boundsChangeTag: boolean = true;\n\n  private _getVChartRootMarkBounds() {\n    const stage = this._vchart.getStage();\n    return stage.defaultLayer.getChildByName('root').AABBBounds.clone();\n  }\n\n  doUpdateAABBBounds(full?: boolean): IAABBBounds {\n    if (!this._vchart) {\n      return super.doUpdateAABBBounds();\n    }\n    const b = new Bounds();\n    b.x1 = this.attribute.x;\n    b.x2 = this.attribute.x + this.attribute.width;\n    b.y1 = this.attribute.y;\n    b.y2 = this.attribute.y + this.attribute.height;\n    return b;\n  }\n\n  constructor(params: IChartGraphicAttribute) {\n    super(params);\n    this.numberType = CHART_NUMBER_TYPE;\n\n    // 创建chart\n    if (!params.vchart) {\n      params.vchart = this._vchart = new params.ClassType(params.spec, {\n        renderCanvas: params.renderCanvas,\n        mode: params.mode,\n        modeParams: params.modeParams,\n        canvasControled: false,\n        // viewBox: params.vi\n        dpr: params.dpr,\n        interactive: params.interactive,\n        animation: false,\n        autoFit: false,\n        disableTriggerEvent: params.disableTriggerEvent,\n        disableDirtyBounds: params.disableDirtyBounds,\n        ticker: params.ticker,\n        beforeRender: () => {\n          if (!this.stage) {\n            return;\n          }\n          const chartStage = this._vchart.getStage();\n          if (!(chartStage as any)._editor_needRender) {\n            chartStage.pauseRender();\n            this.stage.dirtyBounds?.union(this.globalAABBBounds);\n            this.stage.renderNextFrame();\n          }\n        },\n        afterRender: () => {\n          if (!this._vchart) {\n            return;\n          }\n          if (!this.stage) {\n            return;\n          }\n          // @ts-ignore\n          this._vchart.getStage()._editor_needRender = false;\n          this._vchart.getStage().stage.resumeRender();\n        },\n        ...(params.chartInitOptions ?? {})\n      });\n    } else {\n      this._vchart = params.vchart;\n    }\n    // 背景设置为false后，不会擦除画布内容，可以实现元素正常堆叠绘制\n    const stage = this._vchart.getStage();\n    stage.stage.pauseRender();\n    this._vchart.renderSync();\n    stage.stage.resumeRender();\n    if (stage) {\n      stage.background = false as any;\n      // 关闭交互\n      // stage.pauseTriggerEvent();\n    }\n    if (params.viewBox) {\n      this.updateViewBox(params.viewBox);\n    }\n  }\n\n  /**\n   * 判定点是否在VChart中，可能点在Character里，但不在VChart里\n   * @param canvasX\n   * @param canvasY\n   */\n  pointInVChart(canvasX: number, canvasY: number): boolean {\n    const vchart = this._vchart;\n    if (!vchart) {\n      return false;\n    }\n    const target = { x: 0, y: 0 };\n    this.globalTransMatrix.transformPoint({ x: canvasX, y: canvasY }, target);\n    // 判断点是否在viewBox中\n    return isPointInBounds(target, vchart.getStage().viewBox);\n  }\n\n  /**\n   * 判定点是否在设置 viewBox 内。设置 viewBox 会小于展示 bounds\n   * @param canvasX\n   * @param canvasY\n   */\n  pointInViewBox(canvasX: number, canvasY: number): boolean {\n    const target = { x: 0, y: 0 };\n    this.globalTransMatrix.transformPoint({ x: canvasX, y: canvasY }, target);\n    return isPointInBounds(target, this._localViewBox);\n  }\n\n  updateSpec(spec: ISpec, viewBox?: IBoundsLike, forceMerge = false, morphConfig = false) {\n    this._boundsChangeTag = true;\n    viewBox && this.updateViewBox(viewBox);\n    this._vchart.updateSpecSync(spec, forceMerge, { reuse: false, morph: morphConfig });\n    this._updateViewBox();\n  }\n\n  updateViewBox(viewBox: IBoundsLike) {\n    // 图表的设置大小\n    this._globalViewBox = { ...viewBox };\n    this._localViewBox = { x1: 0, y1: 0, x2: viewBox.x2 - viewBox.x1, y2: viewBox.y2 - viewBox.y1 };\n\n    this._updateViewBox();\n  }\n\n  private _updateViewBox() {\n    if (!this._vchart) {\n      return;\n    }\n    this._boundsChangeTag = true;\n    const rootBounds = this._getVChartRootMarkBounds();\n    this._vchart.getStage().defaultLayer.translateTo(-rootBounds.x1, -rootBounds.y1);\n    this._BoundsViewBox = rootBounds;\n\n    const viewBox = { ...this._globalViewBox };\n    this.setAttributes({\n      x: viewBox.x1 + rootBounds.x1,\n      y: viewBox.y1 + rootBounds.y1,\n      width: rootBounds.x2 - rootBounds.x1,\n      height: rootBounds.y2 - rootBounds.y1\n    });\n    // viewBox 在展示 bounds 下的位置\n    this._localViewBox.x1 = -rootBounds.x1;\n    this._localViewBox.y1 = -rootBounds.y1;\n    this._localViewBox.x2 += -rootBounds.x1;\n    this._localViewBox.y2 += -rootBounds.y1;\n    //\n    viewBox.x2 -= viewBox.x1;\n    viewBox.y2 -= viewBox.y1;\n    viewBox.x1 = 0;\n    viewBox.y1 = 0;\n    this._vchart.resize(viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1);\n    this._vchart.updateViewBox(viewBox);\n    const renderViewBox = { ...rootBounds };\n    renderViewBox.x2 -= renderViewBox.x1;\n    renderViewBox.y2 -= renderViewBox.y1;\n    renderViewBox.x1 = 0;\n    renderViewBox.y1 = 0;\n    // @ts-ignore\n    this._vchart._compiler._view.renderer.setViewBox(renderViewBox, true);\n  }\n\n  release() {\n    this._vchart && this._vchart.release();\n  }\n}\n"]}

package/cjs/story/character/chart/runtime/common-spec.d.ts

@@ -1,10 +1,8 @@
-import { CharacterChart } from '../character';
-import { IChartCharacterRuntime } from './interface';
+import type { CharacterChart } from '../character';
+import type { IChartCharacterRuntime } from './interface';
 export declare class CommonSpecRuntime implements IChartCharacterRuntime {
     type: string;
     protected _character: CharacterChart;
     constructor(character: CharacterChart);
     onSpecReady(): void;
-    afterInitializeChart(): void;
-    afterVRenderDraw(): void;
 }

package/cjs/story/character/chart/runtime/common-spec.js

@@ -19,8 +19,6 @@ class CommonSpecRuntime {
             title: options.title
         });
     }
-    afterInitializeChart() {}
-    afterVRenderDraw() {}
 }
 
 exports.CommonSpecRuntime = CommonSpecRuntime;

package/cjs/story/character/chart/runtime/common-spec.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/runtime/common-spec.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAIzC,MAAa,iBAAiB;IAK5B,YAAY,SAAyB;QAJrC,SAAI,GAAG,YAAY,CAAC;QAKlB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAED,WAAW;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;QACzD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,IAAA,cAAK,EAAC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IACjH,CAAC;IAED,oBAAoB;IAEpB,CAAC;IACD,gBAAgB,KAAI,CAAC;CACtB;AAtBD,8CAsBC","file":"common-spec.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { CharacterChart } from '../character';\nimport { IChartCharacterRuntime } from './interface';\n\nexport class CommonSpecRuntime implements IChartCharacterRuntime {\n  type = 'CommonSpec';\n\n  protected declare _character: CharacterChart;\n\n  constructor(character: CharacterChart) {\n    this._character = character;\n  }\n\n  onSpecReady() {\n    const rawSpec = this._character.specProcess.getVisSpec();\n    const options = this._character.specProcess.getCharacterSpec().options;\n    if (!options) {\n      return;\n    }\n    merge(rawSpec, { color: options.color, theme: options.theme, padding: options.padding, title: options.title });\n  }\n\n  afterInitializeChart() {\n    //\n  }\n  afterVRenderDraw() {}\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/runtime/common-spec.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAIzC,MAAa,iBAAiB;IAK5B,YAAY,SAAyB;QAJrC,SAAI,GAAG,YAAY,CAAC;QAKlB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAED,WAAW;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;QACzD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,IAAA,cAAK,EAAC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IACjH,CAAC;CACF;AAjBD,8CAiBC","file":"common-spec.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport type { CharacterChart } from '../character';\nimport type { IChartCharacterRuntime } from './interface';\n\nexport class CommonSpecRuntime implements IChartCharacterRuntime {\n  type = 'CommonSpec';\n\n  protected declare _character: CharacterChart;\n\n  constructor(character: CharacterChart) {\n    this._character = character;\n  }\n\n  onSpecReady() {\n    const rawSpec = this._character.specProcess.getVisSpec();\n    const options = this._character.specProcess.getCharacterSpec().options;\n    if (!options) {\n      return;\n    }\n    merge(rawSpec, { color: options.color, theme: options.theme, padding: options.padding, title: options.title });\n  }\n}\n"]}

package/cjs/story/character/chart/runtime/component-spec.d.ts

@@ -1,12 +1,13 @@
-import { IComponentSpec } from '../../dsl-interface';
-import { CharacterChart } from '../character';
-import { IChartCharacterRuntime } from './interface';
+import type { IComponentSpec } from '../../dsl-interface';
+import type { CharacterChart } from '../character';
+import type { IChartCharacterRuntime } from './interface';
 export declare class ComponentSpecRuntime implements IChartCharacterRuntime {
     type: string;
     protected _character: CharacterChart;
     constructor(character: CharacterChart);
     onSpecReady(): void;
     protected _mergeAxesSpec(rawSpec: any, componentSpec: IComponentSpec): void;
+    protected _mergeComponentSpec(rawSpec: any, componentSpec: IComponentSpec, key: string, additionalMatch?: (rawComponentSpec: any, index: number, componentSpec: IComponentSpec) => boolean): void;
     afterInitializeChart(): void;
     afterVRenderDraw(): void;
 }

package/cjs/story/character/chart/runtime/component-spec.js

@@ -15,14 +15,16 @@ class ComponentSpecRuntime {
         if (!options) return;
         const componentSpec = options.componentSpec;
         null == componentSpec || componentSpec.forEach((cSpec => {
-            "axes" === cSpec.specKey && this._mergeAxesSpec(rawSpec, cSpec);
+            "axes" === cSpec.specKey ? this._mergeAxesSpec(rawSpec, cSpec) : this._mergeComponentSpec(rawSpec, cSpec, cSpec.specKey);
         }));
     }
     _mergeAxesSpec(rawSpec, componentSpec) {
-        if (rawSpec.axes) {
-            const s = rawSpec.axes.find(((a, index) => !!(0, utils_1.ChartSpecMatch)(a, index, componentSpec.matchInfo) || a.orient === componentSpec.matchInfo.orient));
-            s ? (0, vutils_1.merge)(s, componentSpec.spec) : rawSpec.axes.push(componentSpec.spec);
-        } else rawSpec.axes = [ Object.assign({}, componentSpec) ];
+        this._mergeComponentSpec(rawSpec, componentSpec, "axes", ((a, index, _componentSpec) => a.orient === componentSpec.matchInfo.orient));
+    }
+    _mergeComponentSpec(rawSpec, componentSpec, key, additionalMatch) {
+        rawSpec[key] || (rawSpec[key] = []);
+        const s = rawSpec[key].find(((a, index) => !!(0, utils_1.ChartSpecMatch)(a, index, componentSpec.matchInfo) || !!additionalMatch && additionalMatch(a, index, componentSpec)));
+        s ? (0, vutils_1.merge)(s, componentSpec.spec) : rawSpec[key].push(componentSpec.spec);
     }
     afterInitializeChart() {}
     afterVRenderDraw() {}

package/cjs/story/character/chart/runtime/component-spec.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/runtime/component-spec.ts"],"names":[],"mappings":";;;AAAA,6CAAkD;AAIlD,mCAAyC;AAEzC,MAAa,oBAAoB;IAK/B,YAAY,SAAyB;QAJrC,SAAI,GAAG,eAAe,CAAC;QAKrB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAED,WAAW;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;QACzD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAC5C,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,KAAK,CAAC,EAAE;YAC7B,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;gBAC5B,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aACrC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAES,cAAc,CAAC,OAAY,EAAE,aAA6B;QAClE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;YACjB,OAAO,CAAC,IAAI,GAAG,mBAAM,aAAa,EAAG,CAAC;YACtC,OAAO;SACR;aAAM;YACL,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAM,EAAE,KAAa,EAAE,EAAE;gBACpD,IAAI,IAAA,sBAAc,EAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,EAAE;oBACrD,OAAO,IAAI,CAAC;iBACb;qBAAM;oBACL,OAAO,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC;iBACpD;YACH,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,EAAE;gBACL,IAAA,cAAK,EAAC,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;aAC9B;iBAAM;gBACL,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;aACvC;SACF;IACH,CAAC;IAED,oBAAoB;IAEpB,CAAC;IACD,gBAAgB,KAAI,CAAC;CACtB;AA/CD,oDA+CC","file":"component-spec.js","sourcesContent":["import { merge, isValid } from '@visactor/vutils';\nimport { IComponentSpec } from '../../dsl-interface';\nimport { CharacterChart } from '../character';\nimport { IChartCharacterRuntime } from './interface';\nimport { ChartSpecMatch } from './utils';\n\nexport class ComponentSpecRuntime implements IChartCharacterRuntime {\n  type = 'ComponentSpec';\n\n  protected declare _character: CharacterChart;\n\n  constructor(character: CharacterChart) {\n    this._character = character;\n  }\n\n  onSpecReady() {\n    const rawSpec = this._character.specProcess.getVisSpec();\n    const options = this._character.specProcess.getCharacterSpec().options;\n    if (!options) {\n      return;\n    }\n    const componentSpec = options.componentSpec;\n    componentSpec?.forEach(cSpec => {\n      if (cSpec.specKey === 'axes') {\n        this._mergeAxesSpec(rawSpec, cSpec);\n      }\n    });\n  }\n\n  protected _mergeAxesSpec(rawSpec: any, componentSpec: IComponentSpec) {\n    if (!rawSpec.axes) {\n      rawSpec.axes = [{ ...componentSpec }];\n      return;\n    } else {\n      const s = rawSpec.axes.find((a: any, index: number) => {\n        if (ChartSpecMatch(a, index, componentSpec.matchInfo)) {\n          return true;\n        } else {\n          return a.orient === componentSpec.matchInfo.orient;\n        }\n      });\n      if (s) {\n        merge(s, componentSpec.spec);\n      } else {\n        rawSpec.axes.push(componentSpec.spec);\n      }\n    }\n  }\n\n  afterInitializeChart() {\n    //\n  }\n  afterVRenderDraw() {}\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/runtime/component-spec.ts"],"names":[],"mappings":";;;AAAA,6CAAkD;AAIlD,mCAAyC;AAEzC,MAAa,oBAAoB;IAK/B,YAAY,SAAyB;QAJrC,SAAI,GAAG,eAAe,CAAC;QAKrB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAED,WAAW;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;QACzD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAC5C,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,KAAK,CAAC,EAAE;YAC7B,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;gBAC5B,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aACrC;iBAAM;gBACL,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;aACzD;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAES,cAAc,CAAC,OAAY,EAAE,aAA6B;QAClE,IAAI,CAAC,mBAAmB,CACtB,OAAO,EACP,aAAa,EACb,MAAM,EACN,CAAC,CAAM,EAAE,KAAa,EAAE,cAA8B,EAAE,EAAE;YACxD,OAAO,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC;QACrD,CAAC,CACF,CAAC;IACJ,CAAC;IAES,mBAAmB,CAC3B,OAAY,EACZ,aAA6B,EAC7B,GAAW,EACX,eAAkG;QAElG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACjB,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;SACnB;QACD,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAM,EAAE,KAAa,EAAE,EAAE;YACpD,IAAI,IAAA,sBAAc,EAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,EAAE;gBACrD,OAAO,IAAI,CAAC;aACb;YACD,IAAI,eAAe,EAAE;gBACnB,OAAO,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;aACjD;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,EAAE;YACL,IAAA,cAAK,EAAC,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;SAC9B;aAAM;YACL,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SACvC;IACH,CAAC;IAED,oBAAoB;IAEpB,CAAC;IACD,gBAAgB;IAEhB,CAAC;CACF;AAnED,oDAmEC","file":"component-spec.js","sourcesContent":["import { merge, isValid } from '@visactor/vutils';\nimport type { IComponentSpec } from '../../dsl-interface';\nimport type { CharacterChart } from '../character';\nimport type { IChartCharacterRuntime } from './interface';\nimport { ChartSpecMatch } from './utils';\n\nexport class ComponentSpecRuntime implements IChartCharacterRuntime {\n  type = 'ComponentSpec';\n\n  protected declare _character: CharacterChart;\n\n  constructor(character: CharacterChart) {\n    this._character = character;\n  }\n\n  onSpecReady() {\n    const rawSpec = this._character.specProcess.getVisSpec();\n    const options = this._character.specProcess.getCharacterSpec().options;\n    if (!options) {\n      return;\n    }\n    const componentSpec = options.componentSpec;\n    componentSpec?.forEach(cSpec => {\n      if (cSpec.specKey === 'axes') {\n        this._mergeAxesSpec(rawSpec, cSpec);\n      } else {\n        this._mergeComponentSpec(rawSpec, cSpec, cSpec.specKey);\n      }\n    });\n  }\n\n  protected _mergeAxesSpec(rawSpec: any, componentSpec: IComponentSpec) {\n    this._mergeComponentSpec(\n      rawSpec,\n      componentSpec,\n      'axes',\n      (a: any, index: number, _componentSpec: IComponentSpec) => {\n        return a.orient === componentSpec.matchInfo.orient;\n      }\n    );\n  }\n\n  protected _mergeComponentSpec(\n    rawSpec: any,\n    componentSpec: IComponentSpec,\n    key: string,\n    additionalMatch?: (rawComponentSpec: any, index: number, componentSpec: IComponentSpec) => boolean\n  ) {\n    if (!rawSpec[key]) {\n      rawSpec[key] = [];\n    }\n    const s = rawSpec[key].find((a: any, index: number) => {\n      if (ChartSpecMatch(a, index, componentSpec.matchInfo)) {\n        return true;\n      }\n      if (additionalMatch) {\n        return additionalMatch(a, index, componentSpec);\n      }\n      return false;\n    });\n    if (s) {\n      merge(s, componentSpec.spec);\n    } else {\n      rawSpec[key].push(componentSpec.spec);\n    }\n  }\n\n  afterInitializeChart() {\n    //\n  }\n  afterVRenderDraw() {\n    //\n  }\n}\n"]}

package/cjs/story/character/chart/temp/constant.d.ts

@@ -1,4 +1,5 @@
 import { StoryChartType } from '../../../../constants/character';
 export declare const TemplateChartType: {
     vchart: StoryChartType;
+    rankingBar: StoryChartType;
 };

package/cjs/story/character/chart/temp/constant.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.TemplateChartType = void 0, exports.TemplateChartType = {
-    vchart: "VChart"
+    vchart: "VChart",
+    rankingBar: "RankingBar"
 };
 //# sourceMappingURL=constant.js.map

package/cjs/story/character/chart/temp/constant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/temp/constant.ts"],"names":[],"mappings":";;;AAEa,QAAA,iBAAiB,GAAG;IAC/B,MAAM,UAAuB;CAC9B,CAAC","file":"constant.js","sourcesContent":["import { StoryChartType } from '../../../../constants/character';\n\nexport const TemplateChartType = {\n  vchart: StoryChartType.VCHART\n};\n"]}
+{"version":3,"sources":["../src/story/character/chart/temp/constant.ts"],"names":[],"mappings":";;;AAEa,QAAA,iBAAiB,GAAG;IAC/B,MAAM,UAAuB;IAC7B,UAAU,cAA2B;CACtC,CAAC","file":"constant.js","sourcesContent":["import { StoryChartType } from '../../../../constants/character';\n\nexport const TemplateChartType = {\n  vchart: StoryChartType.VCHART,\n  rankingBar: StoryChartType.RANKINGBAR\n};\n"]}