@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

package/cjs/model/base-model.d.ts

@@ -0,0 +1,87 @@
+import type { IEvent } from '../event/interface';
+import { LayoutItem } from './layout-item';
+import type { IEffect, IModel, IModelInitOption, IModelOption, IModelRenderOption, IModelEvaluateOption, IModelSpec, ILayoutRect, IModelMarkInfo } from './interface';
+import type { CoordinateType } from '../typings/coordinate';
+import type { IMark, IMarkOption, IMarkRaw, IMarkStyle } from '../mark/interface';
+import type { Datum, StateValueType, ConvertToMarkStyleSpec, ICommonSpec, StringOrNumber, IRect } from '../typings';
+import type { ITooltipHelper } from './tooltip-helper';
+import type { CompilableData } from '../compile/data/compilable-data';
+import { ModelStateManager } from './model-state-manager';
+import type { IElement, IGroupMark, IMark as IVGrammarMark } from '@visactor/vgrammar';
+import { MarkSet } from '../mark/mark-set';
+export declare abstract class BaseModel<T extends IModelSpec> extends LayoutItem<T> implements IModel {
+    readonly type: string;
+    readonly modelType: string;
+    readonly id: number;
+    userId: StringOrNumber | undefined;
+    readonly event: IEvent;
+    readonly effect: IEffect;
+    protected _data: CompilableData;
+    getData(): CompilableData;
+    protected _specIndex: number;
+    getSpecIndex(): number;
+    readonly specKey: string;
+    protected _originalSpec: any;
+    protected _option: IModelOption;
+    getOption(): IModelOption;
+    protected _sceneNodeMap: Map<string, IElement>;
+    protected _marks: MarkSet;
+    getMarks(): IMark[];
+    getMarkNameMap(): Record<string, IMark>;
+    getMarkSet(): MarkSet;
+    getMarkInfoList(): IModelMarkInfo[];
+    getChart(): import("../chart/interface").IChart;
+    state: ModelStateManager;
+    getState(): {
+        [key: string]: unknown;
+        layoutUpdateRank: number;
+    };
+    protected _theme?: any;
+    protected _lastLayoutRect: ILayoutRect;
+    protected _tooltipHelper: ITooltipHelper | undefined;
+    get tooltipHelper(): ITooltipHelper;
+    protected _isLayout: boolean;
+    constructor(spec: T, option: IModelOption);
+    coordinate?: CoordinateType;
+    protected _releaseEvent(): void;
+    created(): void;
+    updateState(newState: Record<string, unknown>): Promise<void>;
+    init(option: IModelInitOption): void;
+    afterInit(): void;
+    onLayoutStart(layoutRect: IRect, viewRect: ILayoutRect, ctx: any): void;
+    onLayoutEnd(ctx: any): void;
+    protected _forceLayout(): void;
+    onEvaluateEnd(ctx: IModelEvaluateOption): void;
+    abstract onRender(ctx: IModelRenderOption): void;
+    onDataUpdate(): void;
+    release(): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reMakeData: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    reInit(theme?: any): void;
+    protected _initTheme(theme?: any): void;
+    protected _mergeMarkTheme(): void;
+    protected _mergeThemeToSpec(): void;
+    protected _getDefaultSpecFromChart(chartSpec: any): Partial<T>;
+    protected _preprocessSpec(obj?: any): any;
+    setCurrentTheme(theme: any, noRender?: boolean): void;
+    updateLayoutAttribute(): void;
+    setAttrFromSpec(): void;
+    protected _convertMarkStyle<T extends ICommonSpec = ICommonSpec>(style: Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>>): Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>>;
+    setMarkStyle<T extends ICommonSpec>(mark: IMarkRaw<T>, style?: Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>>, state?: StateValueType, level?: number): void;
+    initMarkStyleWithSpec(mark?: IMark, spec?: any, key?: string): void;
+    protected stateKeyToSignalName(key: string, opt?: string): string;
+    compileData(): void;
+    compileMarks(group?: string | IGroupMark): void;
+    compileSignal(): void;
+    bindSceneNode(node: IElement): void;
+    getSceneNodes(): IElement[];
+    getSceneNodeMarks(): IVGrammarMark[];
+    protected _createMark<T extends IMark>(markInfo: IModelMarkInfo, option?: Partial<IMarkOption>): T;
+    protected _getDataIdKey(): string | ((datum: Datum) => string) | undefined;
+}

package/cjs/model/base-model.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseModel = void 0;
+
+const util_1 = require("../util"), event_1 = require("../event/event"), layout_item_1 = require("./layout-item"), model_state_manager_1 = require("./model-state-manager"), constant_1 = require("../constant"), vutils_1 = require("@visactor/vutils"), factory_1 = require("../core/factory"), mark_set_1 = require("../mark/mark-set");
+
+class BaseModel extends layout_item_1.LayoutItem {
+    getData() {
+        return this._data;
+    }
+    getSpecIndex() {
+        return this._specIndex;
+    }
+    getOption() {
+        return this._option;
+    }
+    getMarks() {
+        var _a, _b;
+        return null !== (_b = null === (_a = this._marks) || void 0 === _a ? void 0 : _a.getMarks()) && void 0 !== _b ? _b : [];
+    }
+    getMarkNameMap() {
+        var _a;
+        return null === (_a = this._marks) || void 0 === _a ? void 0 : _a.getMarkNameMap();
+    }
+    getMarkSet() {
+        return this._marks;
+    }
+    getMarkInfoList() {
+        return this.getMarks().map((mark => ({
+            type: mark.type,
+            name: mark.name
+        })));
+    }
+    getChart() {
+        return this._option.getChart();
+    }
+    getState() {
+        return this.state._stateMap;
+    }
+    get tooltipHelper() {
+        return this._tooltipHelper;
+    }
+    constructor(spec, option) {
+        var _a, _b, _c;
+        super(option), this.type = "null", this.modelType = "null", this.userId = void 0, 
+        this._data = null, this._specIndex = 0, this.specKey = "", this._marks = new mark_set_1.MarkSet, 
+        this._lastLayoutRect = null, this._isLayout = !0, this.id = (0, util_1.createID)(), 
+        this._originalSpec = spec, this._spec = (0, util_1.cloneDeepSpec)(spec), this.userId = spec.id, 
+        this._specIndex = null !== (_a = option.specIndex) && void 0 !== _a ? _a : 0, this.specKey = null !== (_b = option.specKey) && void 0 !== _b ? _b : "", 
+        this.effect = {}, this.event = new event_1.Event(option.eventDispatcher, option.mode), 
+        null === (_c = option.map) || void 0 === _c || _c.set(this.id, this), this._sceneNodeMap = new Map, 
+        this.state = new model_state_manager_1.ModelStateManager(Object.assign(Object.assign({}, option), {
+            stateKeyToSignalName: this.stateKeyToSignalName.bind(this)
+        }));
+    }
+    _releaseEvent() {
+        this.event.release();
+    }
+    created() {
+        this._initTheme(), this.setAttrFromSpec();
+    }
+    updateState(newState) {
+        return this.state.updateState(newState);
+    }
+    init(option) {}
+    afterInit() {}
+    onLayoutStart(layoutRect, viewRect, ctx) {
+        super.onLayoutStart(layoutRect, viewRect, ctx), this._isLayout = !0;
+    }
+    onLayoutEnd(ctx) {
+        const layoutRect = this.getLayoutRect();
+        !this._forceLayoutTag && (0, vutils_1.isEqual)(this._lastLayoutRect, layoutRect) || this.updateLayoutAttribute(), 
+        this._forceLayoutTag = !1, this.getMarks().forEach((m => m.updateLayoutState(!0, !0))), 
+        this._isLayout = !1;
+    }
+    _forceLayout() {
+        var _a;
+        this._isLayout || (this._forceLayoutTag = !0, null === (_a = this._option.globalInstance.getChart()) || void 0 === _a || _a.setLayoutTag(!0));
+    }
+    onEvaluateEnd(ctx) {}
+    onDataUpdate() {}
+    release() {
+        var _a;
+        this._releaseEvent(), this._originalSpec = {}, this._spec = void 0, this.getMarks().forEach((m => m.release())), 
+        this.state.release(), null === (_a = this._data) || void 0 === _a || _a.release(), 
+        this._data = this._specIndex = this._sceneNodeMap = null, this._marks.clear(), super.release();
+    }
+    updateSpec(spec) {
+        this._originalSpec = spec, this._spec = (0, util_1.cloneDeepSpec)(spec);
+        return {
+            change: !1,
+            reMake: !1,
+            reMakeData: !1,
+            reRender: !1,
+            reSize: !1,
+            reCompile: !1
+        };
+    }
+    reInit(theme) {
+        this._initTheme(theme), this.setAttrFromSpec();
+    }
+    _initTheme(theme) {
+        this._theme = theme, this._mergeMarkTheme();
+    }
+    _mergeMarkTheme() {
+        var _a, _b;
+        const globalTheme = null === (_b = (_a = this._option).getTheme) || void 0 === _b ? void 0 : _b.call(_a);
+        if ((0, vutils_1.isNil)(globalTheme) || (0, vutils_1.isNil)(this._theme)) return;
+        const {mark: markThemeByType, markByName: markThemeByName} = globalTheme;
+        this.getMarkInfoList().forEach((({type: type, name: name}) => {
+            var _a, _b;
+            this._theme[name] = (0, util_1.mergeSpec)({}, null !== (_a = null == markThemeByType ? void 0 : markThemeByType[(0, 
+            vutils_1.array)(type)[0]]) && void 0 !== _a ? _a : {}, null !== (_b = null == markThemeByName ? void 0 : markThemeByName[name]) && void 0 !== _b ? _b : {}, this._theme[name]);
+        }));
+    }
+    _mergeThemeToSpec() {
+        const chartSpec = this.getChart().getSpec();
+        this._spec = (0, util_1.mergeSpec)({}, this._theme, this._getDefaultSpecFromChart(chartSpec), this._originalSpec);
+    }
+    _getDefaultSpecFromChart(chartSpec) {
+        return {};
+    }
+    _preprocessSpec(obj) {
+        var _a, _b, _c;
+        arguments.length || (obj = this._spec);
+        const newObj = (0, util_1.preprocessSpecOrTheme)(obj, null === (_c = null === (_b = (_a = this._option).getTheme) || void 0 === _b ? void 0 : _b.call(_a)) || void 0 === _c ? void 0 : _c.colorScheme, "series" === this.modelType ? this.type : void 0);
+        return arguments.length || (this._spec = newObj), newObj;
+    }
+    setCurrentTheme(theme, noRender) {}
+    updateLayoutAttribute() {}
+    setAttrFromSpec() {
+        super.setAttrFromSpec(this._spec, this._option.getChartViewRect());
+    }
+    _convertMarkStyle(style) {
+        return Object.assign({}, style);
+    }
+    setMarkStyle(mark, style, state, level) {
+        (0, util_1.isValid)(mark) && (0, util_1.isValid)(style) && mark.setStyle(this._convertMarkStyle(style), state, level);
+    }
+    initMarkStyleWithSpec(mark, spec, key) {
+        if (!(0, util_1.isValid)(mark) || !(0, util_1.isValid)(spec)) return;
+        const {style: style, state: state} = spec, newSpec = Object.assign({}, spec);
+        style && (newSpec.style = this._convertMarkStyle(style)), state && (newSpec.state = {}, 
+        Object.keys(state).forEach((key => {
+            newSpec.state[key] = this._convertMarkStyle(state[key]);
+        }))), mark.initStyleWithSpec(newSpec, key);
+    }
+    stateKeyToSignalName(key, opt) {
+        let name = `${constant_1.PREFIX}_${this.modelType}_${this.type}_${this.id}_${key}`;
+        return opt && (name += `_${opt}`), name;
+    }
+    compileData() {
+        var _a;
+        null === (_a = this._data) || void 0 === _a || _a.compile();
+    }
+    compileMarks(group) {
+        this.getMarks().forEach((m => {
+            m.compile({
+                group: group
+            });
+        }));
+    }
+    compileSignal() {
+        var _a;
+        null === (_a = this.state) || void 0 === _a || _a.compile();
+    }
+    bindSceneNode(node) {
+        this._sceneNodeMap.set(node.mark.id(), node);
+    }
+    getSceneNodes() {
+        return Array.from(this._sceneNodeMap.values());
+    }
+    getSceneNodeMarks() {
+        return this.getSceneNodes().map((node => node.mark));
+    }
+    _createMark(markInfo, option = {}) {
+        const {type: type, name: name} = markInfo, m = factory_1.Factory.createMark(type, name, Object.assign({
+            model: this,
+            map: this._option.map,
+            getCompiler: this.getCompiler,
+            globalScale: this._option.globalScale
+        }, option));
+        return null == m || m.created(), m;
+    }
+    _getDataIdKey() {}
+}
+
+exports.BaseModel = BaseModel;
+//# sourceMappingURL=base-model.js.map

package/cjs/model/base-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/model/base-model.ts"],"names":[],"mappings":"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","file":"base-model.js","sourcesContent":["import { createID, isValid, cloneDeepSpec, preprocessSpecOrTheme, mergeSpec } from '../util';\nimport { Event } from '../event/event';\nimport type { IEvent } from '../event/interface';\nimport { LayoutItem } from './layout-item';\nimport type {\n  IEffect,\n  IModel,\n  IModelInitOption,\n  IModelOption,\n  IModelRenderOption,\n  IModelEvaluateOption,\n  IModelSpec,\n  ILayoutRect,\n  IModelMarkInfo\n} from './interface';\nimport type { CoordinateType } from '../typings/coordinate';\nimport type { IMark, IMarkOption, IMarkRaw, IMarkStyle, MarkTypeEnum } from '../mark/interface';\nimport type { Datum, StateValueType, ConvertToMarkStyleSpec, ICommonSpec, StringOrNumber, IRect } from '../typings';\nimport type { ITooltipHelper } from './tooltip-helper';\nimport type { CompilableData } from '../compile/data/compilable-data';\nimport { ModelStateManager } from './model-state-manager';\nimport { PREFIX } from '../constant';\nimport type { IElement, IGroupMark, IMark as IVGrammarMark } from '@visactor/vgrammar';\nimport { array, isEqual, isNil } from '@visactor/vutils';\nimport { Factory } from '../core/factory';\nimport type { SeriesTypeEnum } from '../series/interface';\nimport { MarkSet } from '../mark/mark-set';\n\nexport abstract class BaseModel<T extends IModelSpec> extends LayoutItem<T> implements IModel {\n  readonly type: string = 'null';\n  readonly modelType: string = 'null';\n\n  readonly id;\n\n  userId: StringOrNumber | undefined = undefined;\n\n  // 事件\n  readonly event: IEvent;\n\n  // 副作用\n  readonly effect: IEffect;\n\n  // 数据\n  protected _data: CompilableData = null;\n  getData() {\n    return this._data;\n  }\n\n  protected _specIndex: number = 0;\n  getSpecIndex() {\n    return this._specIndex;\n  }\n\n  readonly specKey: string = '';\n\n  protected _originalSpec: any;\n\n  protected declare _option: IModelOption;\n  getOption() {\n    return this._option;\n  }\n\n  protected _sceneNodeMap: Map<string, IElement>;\n\n  protected _marks: MarkSet = new MarkSet();\n  getMarks(): IMark[] {\n    return this._marks?.getMarks() ?? [];\n  }\n  getMarkNameMap() {\n    return this._marks?.getMarkNameMap();\n  }\n  getMarkSet() {\n    return this._marks;\n  }\n  getMarkInfoList(): IModelMarkInfo[] {\n    return this.getMarks().map(mark => ({\n      type: mark.type as MarkTypeEnum,\n      name: mark.name\n    }));\n  }\n\n  getChart() {\n    return this._option.getChart();\n  }\n\n  /** 状态管理器 */\n  state: ModelStateManager;\n  getState() {\n    return this.state._stateMap;\n  }\n\n  protected _theme?: any; // 非全局 theme，是对应于具体 model 的 theme 对象\n\n  /** for layout diff */\n  protected _lastLayoutRect: ILayoutRect = null;\n\n  protected _tooltipHelper: ITooltipHelper | undefined;\n  get tooltipHelper() {\n    return this._tooltipHelper;\n  }\n\n  // TODO: 有些hack,这个tag是为了避免布局逻辑中，轴的数据变化，又由数据变化触发重新布局\n  protected _isLayout: boolean = true;\n\n  constructor(spec: T, option: IModelOption) {\n    super(option);\n    this.id = createID();\n    this._originalSpec = spec;\n    this._spec = cloneDeepSpec(spec);\n    this.userId = spec.id;\n    this._specIndex = option.specIndex ?? 0;\n    this.specKey = option.specKey ?? '';\n    this.effect = {};\n    this.event = new Event(option.eventDispatcher, option.mode);\n    option.map?.set(this.id, this);\n    this._sceneNodeMap = new Map();\n    this.state = new ModelStateManager({\n      ...option,\n      stateKeyToSignalName: this.stateKeyToSignalName.bind(this)\n    });\n  }\n  coordinate?: CoordinateType;\n\n  protected _releaseEvent() {\n    this.event.release();\n  }\n\n  created() {\n    this._initTheme();\n    this.setAttrFromSpec();\n  }\n\n  updateState(newState: Record<string, unknown>) {\n    return this.state.updateState(newState);\n  }\n\n  init(option: IModelInitOption) {\n    // do nothing\n  }\n\n  afterInit() {\n    // do nothing\n  }\n\n  onLayoutStart(layoutRect: IRect, viewRect: ILayoutRect, ctx: any): void {\n    super.onLayoutStart(layoutRect, viewRect, ctx);\n    this._isLayout = true;\n  }\n  onLayoutEnd(ctx: any): void {\n    // diff layoutRect\n    const layoutRect = this.getLayoutRect();\n    if (this._forceLayoutTag || !isEqual(this._lastLayoutRect, layoutRect)) {\n      this.updateLayoutAttribute();\n    }\n    this._forceLayoutTag = false;\n    this.getMarks().forEach(m => m.updateLayoutState(true, true));\n    this._isLayout = false;\n  }\n\n  protected _forceLayout() {\n    if (this._isLayout) {\n      return;\n    }\n    this._forceLayoutTag = true;\n    this._option.globalInstance.getChart()?.setLayoutTag(true);\n  }\n\n  onEvaluateEnd(ctx: IModelEvaluateOption) {\n    // do nothing\n  }\n  abstract onRender(ctx: IModelRenderOption): void;\n\n  onDataUpdate() {\n    // do nothing\n  }\n\n  release() {\n    this._releaseEvent();\n    this._originalSpec = {};\n    this._spec = undefined;\n    this.getMarks().forEach(m => m.release());\n    this.state.release();\n    this._data?.release();\n    this._data = this._specIndex = this._sceneNodeMap = null;\n    this._marks.clear();\n    super.release();\n  }\n\n  updateSpec(spec: any) {\n    this._originalSpec = spec;\n    this._spec = cloneDeepSpec(spec);\n    const result = {\n      change: false,\n      reMake: false,\n      reMakeData: false,\n      reRender: false,\n      reSize: false,\n      reCompile: false\n    };\n    return result;\n  }\n\n  reInit(theme?: any) {\n    this._initTheme(theme);\n    this.setAttrFromSpec();\n  }\n\n  protected _initTheme(theme?: any) {\n    this._theme = theme;\n\n    this._mergeMarkTheme();\n  }\n\n  /** 将全局的 mark theme 合并进 model theme */\n  protected _mergeMarkTheme() {\n    const globalTheme = this._option.getTheme?.();\n    if (isNil(globalTheme) || isNil(this._theme)) {\n      return;\n    }\n\n    const { mark: markThemeByType, markByName: markThemeByName } = globalTheme;\n    this.getMarkInfoList().forEach(({ type, name }) => {\n      this._theme[name] = mergeSpec(\n        {},\n        markThemeByType?.[array(type)[0]] ?? {},\n        markThemeByName?.[name] ?? {},\n        this._theme[name]\n      );\n    });\n  }\n\n  /** 将 theme merge 到 spec 中 */\n  protected _mergeThemeToSpec() {\n    const chartSpec = this.getChart().getSpec();\n    this._spec = mergeSpec({}, this._theme, this._getDefaultSpecFromChart(chartSpec), this._originalSpec);\n  }\n\n  /** 从 chart spec 提取配置作为 model 的默认 spec 配置 */\n  protected _getDefaultSpecFromChart(chartSpec: any): Partial<T> {\n    return {};\n  }\n\n  /** 对 spec 进行遍历和转换 */\n  protected _preprocessSpec(obj?: any): any {\n    if (!arguments.length) {\n      obj = this._spec;\n    }\n\n    const newObj = preprocessSpecOrTheme(\n      obj,\n      this._option.getTheme?.()?.colorScheme,\n      this.modelType === 'series' ? (this.type as SeriesTypeEnum) : undefined\n    );\n\n    if (!arguments.length) {\n      this._spec = newObj;\n    }\n    return newObj;\n  }\n\n  setCurrentTheme(theme: any, noRender?: boolean) {\n    // do nothing\n  }\n\n  updateLayoutAttribute() {\n    // do nothing\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec(this._spec, this._option.getChartViewRect());\n  }\n\n  /** mark style 内部转换逻辑，override 使用 */\n  protected _convertMarkStyle<T extends ICommonSpec = ICommonSpec>(\n    style: Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>>\n  ): Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>> {\n    const newStyle: any = { ...style };\n    return newStyle;\n  }\n\n  setMarkStyle<T extends ICommonSpec>(\n    mark: IMarkRaw<T>,\n    style?: Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>>,\n    state?: StateValueType,\n    level?: number\n  ) {\n    if (!isValid(mark) || !isValid(style)) {\n      return;\n    }\n    mark.setStyle(this._convertMarkStyle(style), state, level);\n  }\n\n  initMarkStyleWithSpec(mark?: IMark, spec?: any, key?: string) {\n    if (!isValid(mark) || !isValid(spec)) {\n      return;\n    }\n    const { style, state } = spec;\n    const newSpec = { ...spec };\n\n    if (style) {\n      newSpec.style = this._convertMarkStyle(style);\n    }\n    if (state) {\n      newSpec.state = {};\n      Object.keys(state).forEach(key => {\n        newSpec.state[key] = this._convertMarkStyle(state[key]);\n      });\n    }\n    mark.initStyleWithSpec(newSpec, key);\n  }\n\n  protected stateKeyToSignalName(key: string, opt?: string) {\n    let name = `${PREFIX}_${this.modelType}_${this.type}_${this.id}_${key}`;\n    opt && (name += `_${opt}`);\n    return name;\n  }\n\n  compileData() {\n    this._data?.compile();\n  }\n\n  compileMarks(group?: string | IGroupMark) {\n    this.getMarks().forEach(m => {\n      m.compile({ group });\n    });\n  }\n\n  compileSignal() {\n    this.state?.compile();\n  }\n\n  bindSceneNode(node: IElement) {\n    this._sceneNodeMap.set(node.mark.id(), node as IElement);\n  }\n\n  getSceneNodes() {\n    return Array.from(this._sceneNodeMap.values());\n  }\n\n  getSceneNodeMarks() {\n    return this.getSceneNodes().map(node => node.mark as IVGrammarMark);\n  }\n\n  protected _createMark<T extends IMark>(markInfo: IModelMarkInfo, option: Partial<IMarkOption> = {}): T {\n    const { type, name } = markInfo;\n    const m = Factory.createMark(type as any, name, {\n      model: this,\n      map: this._option.map,\n      getCompiler: this.getCompiler,\n      globalScale: this._option.globalScale,\n      ...option\n    }) as T;\n    m?.created();\n    return m;\n  }\n\n  /**\n   * 数据唯一ID\n   * 根据自身动画数据匹配需求设置返回值。\n   * 默认返回 undefined 时，根据 VGrammar 默认数据 ID 进行索引和匹配。\n   */\n  protected _getDataIdKey(): string | ((datum: Datum) => string) | undefined {\n    return undefined;\n  }\n}\n"]}

package/cjs/model/interface.d.ts

@@ -0,0 +1,183 @@
+import type { IBoundsLike } from '@visactor/vutils';
+import type { DataSet } from '@visactor/vdataset';
+import type { IEvent, IEventDispatcher } from '../event/interface';
+import type { IMark, IMarkRaw, IMarkStyle, MarkTypeEnum } from '../mark/interface';
+import type { RenderMode } from '../typings/spec/common';
+import type { VChart } from '../vchart-all';
+import type { IData, IElement, IMark as IVGrammarMark } from '@visactor/vgrammar';
+import type { IOrientType, IPoint, IGroupMarkSpec, ConvertToMarkStyleSpec, CoordinateType, ICommonSpec, IRect, StringOrNumber } from '../typings';
+import type { ITheme } from '../theme';
+import type { StateValueType } from '../typings/spec';
+import type { ITooltipHelper } from './tooltip-helper';
+import type { ModelStateManager } from './model-state-manager';
+import type { ICompilable, ICompilableInitOption } from '../compile/interface';
+import type { ICompilableData } from '../compile/data';
+import type { IGlobalScale } from '../scale/interface';
+import type { IChart } from '../chart/interface';
+export type ILayoutNumber = number | IPercent | ((layoutRect: ILayoutRect) => number) | IPercentOffset;
+export interface ILayoutPoint {
+    x: number;
+    y: number;
+}
+export interface ILayoutRectLevel {
+    width: number;
+    height: number;
+}
+export interface ILayoutRect {
+    width: number;
+    height: number;
+}
+export type IPercent = `${number}%`;
+export type IPercentOffset = {
+    percent?: number;
+    offset?: number;
+};
+export type ILayoutPercent = IPercent | number;
+type ILayoutType = 'region-relative' | 'region' | 'normal' | 'absolute' | 'normal-inline';
+export type ILayoutOrientPadding = {
+    left?: ILayoutNumber;
+    right?: ILayoutNumber;
+    top?: ILayoutNumber;
+    bottom?: ILayoutNumber;
+};
+export type ILayoutPaddingSpec = ILayoutOrientPadding | ILayoutNumber | ILayoutNumber[];
+export interface ILayoutItem {
+    directionStr?: 'l2r' | 'r2l' | 't2b' | 'b2t';
+    layoutClip: boolean;
+    layoutType: ILayoutType;
+    layoutBindRegionID: number | number[];
+    layoutOrient: IOrientType;
+    layoutPaddingLeft: number;
+    layoutPaddingTop: number;
+    layoutPaddingRight: number;
+    layoutPaddingBottom: number;
+    layoutOffsetX: number;
+    layoutOffsetY: number;
+    layoutLevel: number;
+    layoutZIndex: number;
+    chartLayoutRect: ILayoutRect;
+    getVisible: () => boolean;
+    getAutoIndent: () => boolean;
+    getLayoutStartPoint: () => ILayoutPoint;
+    getLayoutRect: () => ILayoutRect;
+    getLastComputeOutBounds: () => IBoundsLike;
+    setLayoutRect: (rect: Partial<ILayoutRect>, levelMap?: Partial<ILayoutRectLevel>) => void;
+    computeBoundsInRect: (rect: ILayoutRect) => ILayoutRect;
+    setLayoutStartPosition: (pos: Partial<IPoint>) => void;
+    absoluteLayoutInRect: (rect: IRect) => void;
+    updateLayoutAttribute: () => void;
+}
+export interface ILayoutItemSpec {
+    layoutType?: ILayoutType;
+    layoutLevel?: number;
+    orient?: IOrientType;
+    padding?: ILayoutPaddingSpec;
+    noOuterPadding?: boolean;
+    width?: ILayoutNumber;
+    maxWidth?: ILayoutNumber;
+    minWidth?: ILayoutNumber;
+    height?: ILayoutNumber;
+    maxHeight?: ILayoutNumber;
+    minHeight?: ILayoutNumber;
+    offsetX?: ILayoutNumber;
+    offsetY?: ILayoutNumber;
+    zIndex?: number;
+    clip?: boolean;
+    left?: ILayoutNumber;
+    right?: ILayoutNumber;
+    top?: ILayoutNumber;
+    bottom?: ILayoutNumber;
+    center?: boolean;
+}
+export interface IModelInitOption {
+}
+export interface IModelLayoutOption {
+}
+export interface IModelEvaluateOption {
+}
+export interface IModelRenderOption {
+}
+export interface IEffect {
+    [key: string]: (e?: any) => any;
+}
+export interface IMarkTreeGroup extends Partial<IMarkStyle<IGroupMarkSpec>> {
+    type: 'group';
+    name: string;
+    marks: (IMarkTreeGroup | IMark)[];
+}
+export type IMarkTree = IMarkTreeGroup | IMark | (IMarkTreeGroup | IMark)[];
+export interface IUpdateSpecResult {
+    change: boolean;
+    reMake: boolean;
+    reMakeData?: boolean;
+    reRender?: boolean;
+    reSize?: boolean;
+    reCompile?: boolean;
+}
+export interface IModelProduct {
+    srData: IData;
+}
+export interface IModel extends ICompilable, ILayoutItem {
+    readonly modelType: string;
+    readonly type: string;
+    readonly specKey: string;
+    readonly id: number;
+    readonly userId?: StringOrNumber;
+    readonly event: IEvent;
+    readonly effect: IEffect;
+    readonly state: ModelStateManager;
+    getState: () => ModelStateManager['_stateMap'];
+    coordinate?: CoordinateType;
+    getOption: () => IModelOption;
+    getMarks: () => IMark[];
+    getMarkNameMap: () => Record<string, IMark>;
+    getMarkInfoList: () => IModelMarkInfo[];
+    getData: () => ICompilableData;
+    getChart: () => IChart;
+    created: () => void;
+    init: (option: IModelInitOption) => void;
+    reInit: (theme?: any) => void;
+    onLayoutStart: (layoutRect: IRect, viewRect: ILayoutRect, ctx: IModelLayoutOption) => void;
+    onLayoutEnd: (ctx: IModelLayoutOption) => void;
+    onEvaluateEnd: (ctx: IModelEvaluateOption) => void;
+    onRender: (ctx: IModelRenderOption) => void;
+    onDataUpdate: () => void;
+    updateSpec: (spec: any, totalSpec?: any) => IUpdateSpecResult;
+    getSpec?: () => any;
+    getSpecIndex: () => number;
+    setCurrentTheme: (theme: any, noRender?: boolean) => void;
+    setMarkStyle: <T extends ICommonSpec>(mark?: IMarkRaw<T>, style?: Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>>, state?: StateValueType, level?: number) => void;
+    initMarkStyleWithSpec: (mark?: IMark, spec?: any, key?: string) => void;
+    tooltipHelper: ITooltipHelper;
+    bindSceneNode: (node: IElement) => void;
+    getSceneNodes: () => IElement[];
+    getSceneNodeMarks: () => IVGrammarMark[];
+}
+export interface IModelOption extends ICompilableInitOption {
+    eventDispatcher: IEventDispatcher;
+    dataSet: DataSet;
+    map: Map<StringOrNumber, IModel | IMark>;
+    mode: RenderMode;
+    globalInstance: VChart;
+    specIndex?: number;
+    specKey?: string;
+    getTheme?: () => ITheme;
+    getChartLayoutRect: () => IRect;
+    getChartViewRect: () => ILayoutRect;
+    getChart: () => IChart;
+    globalScale: IGlobalScale;
+    animation: boolean;
+    onError: (...args: any[]) => void;
+}
+export interface IModelConstructor {
+    new (ctx: IModelOption): IModel;
+}
+export type ILayoutModelState = ModelStateManager['_stateMap'];
+export type IModelSpec = ILayoutItemSpec & {
+    id?: StringOrNumber;
+};
+export interface IModelMarkInfo {
+    type: MarkTypeEnum | string | (MarkTypeEnum | string)[];
+    name: string;
+}
+export {};

package/cjs/model/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/model/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/model/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport type { DataSet } from '@visactor/vdataset';\nimport type { IEvent, IEventDispatcher } from '../event/interface';\nimport type { IMark, IMarkRaw, IMarkStyle, MarkTypeEnum } from '../mark/interface';\nimport type { RenderMode } from '../typings/spec/common';\nimport type { VChart } from '../vchart-all';\nimport type { IData, IElement, IMark as IVGrammarMark } from '@visactor/vgrammar';\nimport type {\n  IOrientType,\n  IPoint,\n  IGroupMarkSpec,\n  ConvertToMarkStyleSpec,\n  CoordinateType,\n  ICommonSpec,\n  IRect,\n  StringOrNumber\n} from '../typings';\nimport type { ITheme } from '../theme';\nimport type { StateValueType } from '../typings/spec';\nimport type { ITooltipHelper } from './tooltip-helper';\nimport type { ModelStateManager } from './model-state-manager';\nimport type { ICompilable, ICompilableInitOption } from '../compile/interface';\nimport type { ICompilableData } from '../compile/data';\nimport type { IGlobalScale } from '../scale/interface';\nimport type { IChart } from '../chart/interface';\n\nexport type ILayoutNumber = number | IPercent | ((layoutRect: ILayoutRect) => number) | IPercentOffset;\n\nexport interface ILayoutPoint {\n  x: number;\n  y: number;\n}\n\nexport interface ILayoutRectLevel {\n  width: number;\n  height: number;\n}\nexport interface ILayoutRect {\n  width: number;\n  height: number;\n}\n\nexport type IPercent = `${number}%`;\n\nexport type IPercentOffset = { percent?: number; offset?: number };\n\nexport type ILayoutPercent = IPercent | number;\n\n/**\n * 相对布局和绝对布局\n * 在相对布局结束后进行二次的绝对布局\n * 绝对布局会只根据 chart 进行相对处理\n */\n\ntype ILayoutType = 'region-relative' | 'region' | 'normal' | 'absolute' | 'normal-inline';\n\nexport type ILayoutOrientPadding = {\n  left?: ILayoutNumber;\n  right?: ILayoutNumber;\n  top?: ILayoutNumber;\n  bottom?: ILayoutNumber;\n};\n\n/** 布局 padding的配置 */\nexport type ILayoutPaddingSpec = ILayoutOrientPadding | ILayoutNumber | ILayoutNumber[];\n\n/**\n * 因为这些元素都会继承到各个模块，所以这里统一有前缀避免语意冲突\n */\nexport interface ILayoutItem {\n  /**\n   * 标记这个布局Item的方向（left->right, right->left, top->bottom, bottom->top）\n   */\n  directionStr?: 'l2r' | 'r2l' | 't2b' | 'b2t';\n  layoutClip: boolean;\n  layoutType: ILayoutType;\n  layoutBindRegionID: number | number[];\n  layoutOrient: IOrientType;\n\n  layoutPaddingLeft: number;\n  layoutPaddingTop: number;\n  layoutPaddingRight: number;\n  layoutPaddingBottom: number;\n\n  layoutOffsetX: number;\n  layoutOffsetY: number;\n\n  // 越大越先处理\n  layoutLevel: number;\n\n  layoutZIndex: number;\n  chartLayoutRect: ILayoutRect;\n\n  /** 是否可见 */\n  getVisible: () => boolean;\n\n  /** 是否自动缩进 */\n  getAutoIndent: () => boolean;\n  getLayoutStartPoint: () => ILayoutPoint;\n  getLayoutRect: () => ILayoutRect;\n  getLastComputeOutBounds: () => IBoundsLike;\n\n  /**\n   * 更新元素布局的 layoutRect 大小，用来更新指定布局空间\n   */\n  setLayoutRect: (rect: Partial<ILayoutRect>, levelMap?: Partial<ILayoutRectLevel>) => void;\n  /**\n   * 基于元素内部逻辑计算占位空间，rect表示可用空间\n   */\n  computeBoundsInRect: (rect: ILayoutRect) => ILayoutRect;\n  /**\n   * 更新元素布局的起始点位置\n   */\n  setLayoutStartPosition: (pos: Partial<IPoint>) => void;\n  /**\n   * 更新绝对布局元素的位置信息\n   */\n  absoluteLayoutInRect: (rect: IRect) => void;\n  /**\n   * 元素内部布局信息更新\n   */\n  updateLayoutAttribute: () => void;\n}\n\nexport interface ILayoutItemSpec {\n  /** 当前模块的布局类型，配置为 absolute 的话，当前元素会以图表左上角为原点进行绝对布局 */\n  layoutType?: ILayoutType;\n  /**\n   * 布局顺序等级，等级越大的，越优先布局\n   * 比如顶部同时有标题和图例的场景，期望标题先放在顶部，然后放置图例。\n   */\n  layoutLevel?: number;\n\n  // 基础的布局配置\n  /** 模块布局位置 */\n  orient?: IOrientType;\n  /** 模块的布局间距 */\n  padding?: ILayoutPaddingSpec;\n  /** 是否按照 orient 自动修改 padding，隐藏位于外侧的 padding。目前只在组件上生效 */\n  noOuterPadding?: boolean;\n  /** 模块的布局大小：宽度 */\n  width?: ILayoutNumber;\n  /** 模块的布局最大宽度 */\n  maxWidth?: ILayoutNumber;\n  /** 模块的布局最小宽度 */\n  minWidth?: ILayoutNumber;\n  /** 模块的布局大小：高度 */\n  height?: ILayoutNumber;\n  /** 模块的布局最大高度 */\n  maxHeight?: ILayoutNumber;\n  /** 模块的布局最小高度 */\n  minHeight?: ILayoutNumber;\n  /** 模块的布局位置偏移：X */\n  offsetX?: ILayoutNumber;\n  /** 模块的布局位置偏移：Y */\n  offsetY?: ILayoutNumber;\n\n  /** 模块的展示层级，当2个模块重叠时，层级较大的展示在上方 */\n  zIndex?: number;\n  /** 模块是否裁剪超出布局区域外的绘图内容 */\n  clip?: boolean;\n\n  // 绝对布局下的对齐设置\n\n  /** 模块绝对布局下，与图表左侧的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  left?: ILayoutNumber;\n  /** 模块绝对布局下，与图表右侧的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  right?: ILayoutNumber;\n  /** 模块绝对布局下，与图表顶部的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  top?: ILayoutNumber;\n  /** 模块绝对布局下，与图表底部的距离。注意仅在 layoutType === 'absolute' 时生效  */\n  bottom?: ILayoutNumber;\n  /** 模块绝对布局下，元素将放置在图表的正中间。注意仅在 layoutType === 'absolute' 时生效，同时将忽略 padding 属性  */\n  center?: boolean;\n}\n\n// TODO:\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IModelInitOption {}\n// TODO:\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IModelLayoutOption {}\n// TODO:\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IModelEvaluateOption {}\n// TODO:\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IModelRenderOption {}\n\nexport interface IEffect {\n  [key: string]: (e?: any) => any;\n}\n\nexport interface IMarkTreeGroup extends Partial<IMarkStyle<IGroupMarkSpec>> {\n  // 必须要有名字\n  type: 'group';\n  name: string;\n  marks: (IMarkTreeGroup | IMark)[];\n  // TODO: 这里要不要支持复杂场景，有图形组合的场景，用自定义mark？\n  // from?: IData;\n}\n\nexport type IMarkTree = IMarkTreeGroup | IMark | (IMarkTreeGroup | IMark)[];\n\nexport interface IUpdateSpecResult {\n  change: boolean;\n  reMake: boolean;\n  reMakeData?: boolean;\n  reRender?: boolean;\n  reSize?: boolean;\n  // TODO: compile 的判断应不应该出现在这里?\n  reCompile?: boolean;\n}\n\nexport interface IModelProduct {\n  srData: IData;\n}\n\nexport interface IModel extends ICompilable, ILayoutItem {\n  readonly modelType: string;\n  readonly type: string;\n  readonly specKey: string;\n\n  readonly id: number;\n\n  readonly userId?: StringOrNumber;\n\n  // 事件\n  readonly event: IEvent;\n\n  // 副作用\n  readonly effect: IEffect;\n\n  // state如果绑定到mark的更新？\n  // 组件的 mark 要怎么样描述，才能正确的基于组件状态进行样式更新？\n  // 方案1: 组件的 state 关联到 mark 的状态。\n  // 方案2: 组件设置 mark 属性，mark自身属性变化时，自己去更新。\n  // react state\n  readonly state: ModelStateManager;\n  getState: () => ModelStateManager['_stateMap'];\n\n  coordinate?: CoordinateType;\n\n  // 初始化参数\n  getOption: () => IModelOption;\n\n  getMarks: () => IMark[];\n  getMarkNameMap: () => Record<string, IMark>;\n  getMarkInfoList: () => IModelMarkInfo[];\n\n  getData: () => ICompilableData;\n\n  getChart: () => IChart;\n\n  //生命周期\n  // 创建模块自身内容，设置自身属性\n  created: () => void;\n  // 用来处理与其他图表模块的联系\n  init: (option: IModelInitOption) => void;\n  // updateSpec 或者切换主题后，根据新 spec 执行的初始化过程\n  reInit: (theme?: any) => void;\n\n  onLayoutStart: (layoutRect: IRect, viewRect: ILayoutRect, ctx: IModelLayoutOption) => void;\n  onLayoutEnd: (ctx: IModelLayoutOption) => void;\n  onEvaluateEnd: (ctx: IModelEvaluateOption) => void;\n  onRender: (ctx: IModelRenderOption) => void;\n  onDataUpdate: () => void;\n\n  updateSpec: (spec: any, totalSpec?: any) => IUpdateSpecResult;\n  getSpec?: () => any;\n  getSpecIndex: () => number;\n\n  setCurrentTheme: (theme: any, noRender?: boolean) => void;\n\n  setMarkStyle: <T extends ICommonSpec>(\n    mark?: IMarkRaw<T>,\n    style?: Partial<IMarkStyle<T> | ConvertToMarkStyleSpec<T>>,\n    state?: StateValueType,\n    level?: number\n  ) => void;\n\n  initMarkStyleWithSpec: (mark?: IMark, spec?: any, key?: string) => void;\n\n  // tooltip\n  tooltipHelper: ITooltipHelper;\n\n  /** 绑定场景结点 */\n  bindSceneNode: (node: IElement) => void;\n  /** 获取场景结点 */\n  getSceneNodes: () => IElement[];\n  /** 获取场景结点对应 mark */\n  getSceneNodeMarks: () => IVGrammarMark[];\n}\n\nexport interface IModelOption extends ICompilableInitOption {\n  eventDispatcher: IEventDispatcher;\n  dataSet: DataSet;\n  map: Map<StringOrNumber, IModel | IMark>;\n  mode: RenderMode;\n  globalInstance: VChart;\n  specIndex?: number;\n  specKey?: string;\n\n  getTheme?: () => ITheme;\n\n  getChartLayoutRect: () => IRect;\n  getChartViewRect: () => ILayoutRect;\n\n  getChart: () => IChart;\n\n  globalScale: IGlobalScale;\n  animation: boolean;\n  /**\n   * 错误消息回调函数\n   */\n  onError: (...args: any[]) => void;\n}\n\nexport interface IModelConstructor {\n  new (ctx: IModelOption): IModel;\n}\n\nexport type ILayoutModelState = ModelStateManager['_stateMap'];\n\n// TODO: 补充model共有配置\nexport type IModelSpec = ILayoutItemSpec & { id?: StringOrNumber };\n\nexport interface IModelMarkInfo {\n  /** mark 类型 */\n  type: MarkTypeEnum | string | (MarkTypeEnum | string)[];\n  /** mark 名称 */\n  name: string;\n}\n"]}

package/cjs/model/layout-item.d.ts

@@ -0,0 +1,58 @@
+import type { IRect, IPoint } from '../typings';
+import type { IBoundsLike } from '@visactor/vutils';
+import type { ILayoutItem, ILayoutItemSpec, ILayoutPoint, ILayoutRect, ILayoutRectLevel } from './interface';
+import { CompilableBase } from '../compile/compilable-base';
+export declare class LayoutItem<T extends ILayoutItemSpec = ILayoutItemSpec> extends CompilableBase implements ILayoutItem {
+    protected _spec: T;
+    getSpec(): T;
+    layoutClip: boolean;
+    protected _autoIndent: boolean;
+    getAutoIndent(): boolean;
+    private _layoutStartPoint;
+    getLayoutStartPoint(): ILayoutPoint;
+    private _layoutRect;
+    protected _minWidth: number | null;
+    protected _maxWidth: number | null;
+    protected _minHeight: number | null;
+    protected _maxHeight: number | null;
+    protected _layoutRectLevelMap: ILayoutRectLevel;
+    protected _lastComputeRect: ILayoutRect;
+    protected _lastComputeOutBounds: IBoundsLike;
+    getLastComputeOutBounds(): IBoundsLike;
+    protected _forceLayoutTag: boolean;
+    getLayoutRect: () => ILayoutRect;
+    layoutType: ILayoutItem['layoutType'];
+    layoutBindRegionID: ILayoutItem['layoutBindRegionID'];
+    _layoutOrient: ILayoutItem['layoutOrient'];
+    get layoutOrient(): ILayoutItem['layoutOrient'];
+    set layoutOrient(v: ILayoutItem['layoutOrient']);
+    layoutPaddingLeft: ILayoutItem['layoutPaddingLeft'];
+    layoutPaddingTop: ILayoutItem['layoutPaddingTop'];
+    layoutPaddingRight: ILayoutItem['layoutPaddingRight'];
+    layoutPaddingBottom: ILayoutItem['layoutPaddingBottom'];
+    layoutOffsetX: ILayoutItem['layoutOffsetX'];
+    layoutOffsetY: ILayoutItem['layoutOffsetY'];
+    layoutLevel: ILayoutItem['layoutLevel'];
+    layoutZIndex: ILayoutItem['layoutZIndex'];
+    chartLayoutRect: ILayoutRect;
+    getVisible(): boolean;
+    private _setLayoutAttributeFromSpec;
+    setAttrFromSpec(spec: ILayoutItemSpec, chartViewRect: ILayoutRect): void;
+    onLayoutStart(layoutRect: IRect, viewRect: ILayoutRect, _ctx: any): void;
+    private _getAbsoluteSpecValue;
+    absoluteLayoutInRect(layoutRect: IRect): void;
+    setLayoutStartPosition({ x, y }: Partial<IPoint>): void;
+    setLayoutRect({ width, height }: Partial<ILayoutRect>, levelMap?: Partial<ILayoutRectLevel>): void;
+    mergeLayoutRect({ width, height }: ILayoutRect): ILayoutRect;
+    getOrientPosAttribute(): "x" | "y";
+    getOrientSizeAttribute(): "width" | "height";
+    protected changeBoundsBySetting(bounds: IBoundsLike): IBoundsLike;
+    protected _setRectInSpec(rect: ILayoutRect): {
+        width: number;
+        height: number;
+    };
+    computeBoundsInRect(rect: ILayoutRect): ILayoutRect;
+    boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect): IBoundsLike;
+    updateLayoutAttribute(): void;
+    compile(): void;
+}