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

package/cjs/compile/mark/interface.d.ts

@@ -0,0 +1,150 @@
+import type { IMarkProgressiveConfig, IMarkStateStyle, MarkType } from '../../mark/interface';
+import type { IModel } from '../../model/interface';
+import type { GrammarItemCompileOption, GrammarItemInitOption } from '../interface';
+import type { IGrammarItem } from '../interface';
+import type { MarkStateManager } from './mark-state-manager';
+import type { DataView } from '@visactor/vdataset';
+import type { IAnimate, IAnimateArranger, IElement, IGroupMark, IMark, MarkAnimationSpec, Nil, TransformSpec } from '@visactor/vgrammar';
+import type { Maybe, Datum, StringOrNumber } from '../../typings';
+import type { MarkData } from './mark-data';
+import type { ILabelSpec } from '../../component/label';
+import type { IRegion } from '../../region/interface';
+export interface ICompilableMarkOption extends GrammarItemInitOption {
+    key?: string | ((datum: Datum) => string);
+    groupKey?: string;
+    skipBeforeLayouted?: boolean;
+    support3d?: boolean;
+    mode?: '2d' | '3d';
+}
+export interface ICompilableMark extends IGrammarItem {
+    readonly type: MarkType;
+    readonly id: number;
+    readonly name: string;
+    readonly key?: string | ((datum: Datum) => string);
+    readonly model: IModel;
+    getData: () => MarkData | undefined;
+    setData: (d: MarkData) => void;
+    getDataView: () => DataView | undefined;
+    setDataView: (d?: DataView, productId?: string) => void;
+    getFacet: () => string | undefined;
+    setFacet: (facet: string) => void;
+    getLabelSpec: () => ILabelSpec;
+    setLabelSpec: (label: ILabelSpec) => void;
+    state: MarkStateManager;
+    readonly stateStyle: IMarkStateStyle<any>;
+    hasState: (state: string) => boolean;
+    getState: (state: string) => any;
+    updateState: (newState: Record<string, unknown>) => Promise<void>;
+    updateLayoutState: (noRender?: boolean, recursion?: boolean) => Promise<void>;
+    updateMarkState: (key: string) => void;
+    setTransform: (transform: TransformSpec[] | Nil) => void;
+    getInteractive: () => boolean;
+    setInteractive: (interactive: boolean) => void;
+    setAnimationConfig: (config: Partial<MarkAnimationSpec>) => void;
+    getAnimationConfig: () => Partial<MarkAnimationSpec>;
+    getZIndex: () => number;
+    setZIndex: (zIndex: number) => void;
+    getVisible: () => boolean;
+    setVisible: (visible: boolean) => void;
+    getMorph: () => boolean;
+    setMorph: (morph: boolean) => void;
+    getProgressiveConfig: () => IMarkProgressiveConfig;
+    setProgressiveConfig: (config: IMarkProgressiveConfig) => void;
+    getMorphKey: () => string | undefined;
+    setMorphKey: (morphKey: string) => void;
+    getMorphElementKey: () => string | undefined;
+    setMorphElementKey: (morphKey: string) => void;
+    getGroupKey: () => string | undefined;
+    setGroupKey: (groupKey: string) => void;
+    getUserId: () => StringOrNumber | undefined;
+    setUserId: (id: StringOrNumber) => void;
+    compile: (option?: IMarkCompileOption) => void;
+    getProduct: () => Maybe<IMark>;
+    getMarks: () => ICompilableMark[];
+    setSkipBeforeLayouted: (skip: boolean) => void;
+    getSkipBeforeLayouted: () => boolean;
+    runAnimationByState: (animationState?: string) => IAnimateArranger;
+    stopAnimationByState: (animationState?: string) => IAnimate;
+    pauseAnimationByState: (animationState: string) => IAnimate;
+    resumeAnimationByState: (animationState: string) => IAnimate;
+}
+export interface IMarkDataInitOption extends ICompilableMarkOption {
+    mark: ICompilableMark;
+}
+export interface IMarkCompileOption extends GrammarItemCompileOption {
+    group?: string | IGroupMark;
+    ignoreChildren?: boolean;
+}
+export interface IStateInfo {
+    stateValue: StateValue;
+    fields?: any | null | undefined;
+    datums?: any[] | null | undefined;
+    datumKeys?: string[] | null | undefined;
+    items?: any[] | null | undefined;
+    filter?: ((datum: any, options: Record<string, any>) => boolean) | null | undefined;
+    cache?: {
+        [key: string]: {
+            [key: string]: boolean;
+        };
+    };
+    level?: number | undefined;
+}
+export interface IStateSpec {
+    stateValue: StateValue;
+    datums?: any[] | null | undefined;
+    datumKeys?: string[] | null | undefined;
+    level?: number | undefined;
+}
+export interface IMarkState {
+    readonly id: number;
+    getStates: () => IStateInfo[];
+    getState: (stateValue: StateValue) => IStateInfo | undefined;
+    addState: (stateInfo: IStateInfo) => void;
+    changeState: (stateInfo: Partial<IStateInfo>, update?: boolean) => void;
+    checkState: (item: any, datum: any) => string[];
+    clearState: (stateValues: StateValue[], update?: boolean) => void;
+    update: () => void;
+}
+export declare enum STATE_VALUE_ENUM {
+    STATE_NORMAL = "normal",
+    STATE_HOVER = "hover",
+    STATE_HOVER_REVERSE = "hover_reverse",
+    STATE_DIMENSION_HOVER = "dimension_hover",
+    STATE_DIMENSION_HOVER_REVERSE = "dimension_hover_reverse",
+    STATE_SELECTED = "selected",
+    STATE_SELECTED_REVERSE = "selected_reverse"
+}
+export declare enum STATE_VALUE_ENUM_REVERSE {
+    STATE_HOVER_REVERSE = "hover_reverse",
+    STATE_DIMENSION_HOVER_REVERSE = "dimension_hover_reverse",
+    STATE_SELECTED_REVERSE = "selected_reverse"
+}
+export type STATE_NORMAL = typeof STATE_VALUE_ENUM.STATE_NORMAL;
+export type STATE_HOVER = typeof STATE_VALUE_ENUM.STATE_HOVER;
+export type STATE_HOVER_REVERSE = typeof STATE_VALUE_ENUM.STATE_HOVER_REVERSE;
+export type STATE_CUSTOM = string;
+export type StateValueNot = STATE_HOVER_REVERSE | STATE_CUSTOM;
+export type StateValue = STATE_NORMAL | STATE_HOVER | STATE_CUSTOM;
+export type StateValueType = StateValue | StateValueNot;
+export declare enum STATE_LEVEL {
+    NORMAL = 0,
+    DIMENSION_SELECTED = 1,
+    RELATIONAL_SELECTED = 2,
+    SELECTED = 3,
+    DIMENSION_HOVER = 4,
+    RELATIONAL_HOVER = 5,
+    HOVER = 6
+}
+export interface IAttributeOpt {
+    element: IElement;
+    mark: IElement['mark'];
+    parent: IElement['mark']['group'];
+}
+export interface IModelMarkAttributeContext {
+    [key: string]: unknown;
+}
+export interface ISeriesMarkAttributeContext extends IModelMarkAttributeContext {
+    globalScale: (scaleKey: string, value: string | number) => unknown;
+    seriesColor: (seriesValue?: string | number) => string;
+    getRegion: () => IRegion;
+}

package/cjs/compile/mark/interface.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var STATE_VALUE_ENUM, STATE_VALUE_ENUM_REVERSE, STATE_LEVEL;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.STATE_LEVEL = exports.STATE_VALUE_ENUM_REVERSE = exports.STATE_VALUE_ENUM = void 0, 
+function(STATE_VALUE_ENUM) {
+    STATE_VALUE_ENUM.STATE_NORMAL = "normal", STATE_VALUE_ENUM.STATE_HOVER = "hover", 
+    STATE_VALUE_ENUM.STATE_HOVER_REVERSE = "hover_reverse", STATE_VALUE_ENUM.STATE_DIMENSION_HOVER = "dimension_hover", 
+    STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE = "dimension_hover_reverse", STATE_VALUE_ENUM.STATE_SELECTED = "selected", 
+    STATE_VALUE_ENUM.STATE_SELECTED_REVERSE = "selected_reverse";
+}(STATE_VALUE_ENUM = exports.STATE_VALUE_ENUM || (exports.STATE_VALUE_ENUM = {})), 
+function(STATE_VALUE_ENUM_REVERSE) {
+    STATE_VALUE_ENUM_REVERSE.STATE_HOVER_REVERSE = "hover_reverse", STATE_VALUE_ENUM_REVERSE.STATE_DIMENSION_HOVER_REVERSE = "dimension_hover_reverse", 
+    STATE_VALUE_ENUM_REVERSE.STATE_SELECTED_REVERSE = "selected_reverse";
+}(STATE_VALUE_ENUM_REVERSE = exports.STATE_VALUE_ENUM_REVERSE || (exports.STATE_VALUE_ENUM_REVERSE = {})), 
+function(STATE_LEVEL) {
+    STATE_LEVEL[STATE_LEVEL.NORMAL = 0] = "NORMAL", STATE_LEVEL[STATE_LEVEL.DIMENSION_SELECTED = 1] = "DIMENSION_SELECTED", 
+    STATE_LEVEL[STATE_LEVEL.RELATIONAL_SELECTED = 2] = "RELATIONAL_SELECTED", STATE_LEVEL[STATE_LEVEL.SELECTED = 3] = "SELECTED", 
+    STATE_LEVEL[STATE_LEVEL.DIMENSION_HOVER = 4] = "DIMENSION_HOVER", STATE_LEVEL[STATE_LEVEL.RELATIONAL_HOVER = 5] = "RELATIONAL_HOVER", 
+    STATE_LEVEL[STATE_LEVEL.HOVER = 6] = "HOVER";
+}(STATE_LEVEL = exports.STATE_LEVEL || (exports.STATE_LEVEL = {}));
+//# sourceMappingURL=interface.js.map

package/cjs/compile/mark/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/compile/mark/interface.ts"],"names":[],"mappings":";;;AAwMA,IAAY,gBAWX;AAXD,WAAY,gBAAgB;IAC1B,2CAAuB,CAAA;IAEvB,yCAAqB,CAAA;IACrB,yDAAqC,CAAA;IAErC,6DAAyC,CAAA;IACzC,6EAAyD,CAAA;IAEzD,+CAA2B,CAAA;IAC3B,+DAA2C,CAAA;AAC7C,CAAC,EAXW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAW3B;AAGD,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,iEAAqC,CAAA;IACrC,qFAAyD,CAAA;IACzD,uEAA2C,CAAA;AAC7C,CAAC,EAJW,wBAAwB,GAAxB,gCAAwB,KAAxB,gCAAwB,QAInC;AAcD,IAAY,WAQX;AARD,WAAY,WAAW;IACrB,iDAAU,CAAA;IACV,yEAAsB,CAAA;IACtB,2EAAuB,CAAA;IACvB,qDAAY,CAAA;IACZ,mEAAmB,CAAA;IACnB,qEAAoB,CAAA;IACpB,+CAAS,CAAA;AACX,CAAC,EARW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAQtB","file":"interface.js","sourcesContent":["import type { IMarkProgressiveConfig, IMarkStateStyle, MarkType } from '../../mark/interface';\nimport type { IModel } from '../../model/interface';\nimport type { GrammarItemCompileOption, GrammarItemInitOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IGrammarItem } from '../interface';\nimport type { MarkStateManager } from './mark-state-manager';\nimport type { DataView } from '@visactor/vdataset';\nimport type {\n  IAnimate,\n  IAnimateArranger,\n  IElement,\n  IGroupMark,\n  IMark,\n  MarkAnimationSpec,\n  Nil,\n  TransformSpec\n} from '@visactor/vgrammar';\nimport type { Maybe, Datum, StringOrNumber } from '../../typings';\nimport type { MarkData } from './mark-data';\nimport type { ILabelSpec } from '../../component/label';\nimport type { IRegion } from '../../region/interface';\n\nexport interface ICompilableMarkOption extends GrammarItemInitOption {\n  key?: string | ((datum: Datum) => string);\n  /** 分组字段，更多用于 morphing 动画的 element 匹配 */\n  groupKey?: string;\n  /** 是否在dataflow的过程中，布局前跳过该mark */\n  skipBeforeLayouted?: boolean;\n\n  /** 这个mark是否支持3d视角 */\n  support3d?: boolean;\n  /* VGrammar的组件是否支持3d */\n  mode?: '2d' | '3d';\n}\n\nexport interface ICompilableMark extends IGrammarItem {\n  // 类型\n  readonly type: MarkType;\n  // id\n  readonly id: number;\n  // name\n  readonly name: string;\n  // key field\n  readonly key?: string | ((datum: Datum) => string);\n  // parent model\n  readonly model: IModel;\n\n  // 数据 可以没有\n  getData: () => MarkData | undefined;\n  setData: (d: MarkData) => void;\n  getDataView: () => DataView | undefined;\n  setDataView: (d?: DataView, productId?: string) => void;\n\n  // 分片\n  getFacet: () => string | undefined;\n  setFacet: (facet: string) => void;\n\n  // 标签\n  getLabelSpec: () => ILabelSpec;\n  setLabelSpec: (label: ILabelSpec) => void;\n\n  // 状态\n  state: MarkStateManager;\n  readonly stateStyle: IMarkStateStyle<any>;\n  hasState: (state: string) => boolean;\n  getState: (state: string) => any;\n  updateState: (newState: Record<string, unknown>) => Promise<void>;\n  /** 更新encode中的样式 */\n  updateLayoutState: (noRender?: boolean, recursion?: boolean) => Promise<void>;\n  /** 更新某一个状态 */\n  updateMarkState: (key: string) => void;\n\n  // transform\n  setTransform: (transform: TransformSpec[] | Nil) => void;\n\n  // 交互\n  getInteractive: () => boolean;\n  setInteractive: (interactive: boolean) => void;\n\n  // 动画配置\n  setAnimationConfig: (config: Partial<MarkAnimationSpec>) => void;\n  getAnimationConfig: () => Partial<MarkAnimationSpec>;\n\n  // 层级\n  getZIndex: () => number;\n  setZIndex: (zIndex: number) => void;\n\n  // 是否显示\n  getVisible: () => boolean;\n  setVisible: (visible: boolean) => void;\n\n  // 是否开启 morph\n  getMorph: () => boolean;\n  setMorph: (morph: boolean) => void;\n\n  // 是否开启 morph\n  getProgressiveConfig: () => IMarkProgressiveConfig;\n  setProgressiveConfig: (config: IMarkProgressiveConfig) => void;\n\n  // morphKey 配置\n  getMorphKey: () => string | undefined;\n  setMorphKey: (morphKey: string) => void;\n\n  getMorphElementKey: () => string | undefined;\n  setMorphElementKey: (morphKey: string) => void;\n\n  // groupKey 配置\n  getGroupKey: () => string | undefined;\n  setGroupKey: (groupKey: string) => void;\n\n  // 用户 id\n  getUserId: () => StringOrNumber | undefined;\n  setUserId: (id: StringOrNumber) => void;\n\n  compile: (option?: IMarkCompileOption) => void;\n\n  getProduct: () => Maybe<IMark>;\n\n  /** 获取子mark */\n  getMarks: () => ICompilableMark[];\n\n  /** 是否跳过布局阶段 */\n  setSkipBeforeLayouted: (skip: boolean) => void;\n  getSkipBeforeLayouted: () => boolean;\n\n  /** 开始状态动画 */\n  runAnimationByState: (animationState?: string) => IAnimateArranger;\n  /** 停止状态动画*/\n  stopAnimationByState: (animationState?: string) => IAnimate;\n  /** 暂停状态动画*/\n  pauseAnimationByState: (animationState: string) => IAnimate;\n  /** 恢复状态动画*/\n  resumeAnimationByState: (animationState: string) => IAnimate;\n}\n\nexport interface IMarkDataInitOption extends ICompilableMarkOption {\n  mark: ICompilableMark;\n}\n\nexport interface IMarkCompileOption extends GrammarItemCompileOption {\n  group?: string | IGroupMark;\n  ignoreChildren?: boolean;\n}\n\nexport interface IStateInfo {\n  /** 状态值 */\n  stateValue: StateValue;\n  // 对应的数据维度 可以是多维度\n  // TODO: fields 是否保留\n  fields?: any | null | undefined;\n  /** 筛选数据 */\n  datums?: any[] | null | undefined;\n  /** 筛选数据 */\n  datumKeys?: string[] | null | undefined;\n  /** 筛选 item */\n  items?: any[] | null | undefined;\n  /** 筛选函数 */\n  filter?: ((datum: any, options: Record<string, any>) => boolean) | null | undefined;\n  cache?: {\n    [key: string]: {\n      [key: string]: boolean;\n    };\n  };\n  /** 状态优先级 */\n  level?: number | undefined;\n}\n// TODO:目前看这个类型没有必要，确认后彻底删除\nexport interface IStateSpec {\n  /** 状态值 */\n  stateValue: StateValue;\n  /** 筛选数据 */\n  datums?: any[] | null | undefined;\n  /** 筛选数据对应字段 */\n  datumKeys?: string[] | null | undefined;\n  /** TODO: 暂时不提供 filter 函数形式 */\n  // filter?:\n  //   | ((datum: any, options: Record<string, any>) => boolean)\n  //   | null\n  //   | undefined;\n  /** 状态优先级 */\n  level?: number | undefined;\n}\n\nexport interface IMarkState {\n  readonly id: number;\n  // 状态\n  getStates: () => IStateInfo[];\n\n  // state 相关\n  getState: (stateValue: StateValue) => IStateInfo | undefined;\n  addState: (stateInfo: IStateInfo) => void;\n  changeState: (stateInfo: Partial<IStateInfo>, update?: boolean) => void;\n  checkState: (item: any, datum: any) => string[];\n\n  clearState: (stateValues: StateValue[], update?: boolean) => void;\n\n  // 更新\n  update: () => void;\n}\n\nexport enum STATE_VALUE_ENUM {\n  STATE_NORMAL = 'normal',\n\n  STATE_HOVER = 'hover',\n  STATE_HOVER_REVERSE = 'hover_reverse',\n\n  STATE_DIMENSION_HOVER = 'dimension_hover',\n  STATE_DIMENSION_HOVER_REVERSE = 'dimension_hover_reverse',\n\n  STATE_SELECTED = 'selected',\n  STATE_SELECTED_REVERSE = 'selected_reverse'\n}\n\n// TODO: 也许有更好的ts写法\nexport enum STATE_VALUE_ENUM_REVERSE {\n  STATE_HOVER_REVERSE = 'hover_reverse',\n  STATE_DIMENSION_HOVER_REVERSE = 'dimension_hover_reverse',\n  STATE_SELECTED_REVERSE = 'selected_reverse'\n}\n\nexport type STATE_NORMAL = typeof STATE_VALUE_ENUM.STATE_NORMAL;\nexport type STATE_HOVER = typeof STATE_VALUE_ENUM.STATE_HOVER;\nexport type STATE_HOVER_REVERSE = typeof STATE_VALUE_ENUM.STATE_HOVER_REVERSE;\nexport type STATE_CUSTOM = string;\n\n// TODO: 待补充\n\nexport type StateValueNot = STATE_HOVER_REVERSE | STATE_CUSTOM;\nexport type StateValue = STATE_NORMAL | STATE_HOVER | STATE_CUSTOM;\nexport type StateValueType = StateValue | StateValueNot;\n\n// TODO: 迁移内容\nexport enum STATE_LEVEL {\n  NORMAL = 0,\n  DIMENSION_SELECTED = 1,\n  RELATIONAL_SELECTED = 2,\n  SELECTED = 3,\n  DIMENSION_HOVER = 4,\n  RELATIONAL_HOVER = 5,\n  HOVER = 6\n}\n\nexport interface IAttributeOpt {\n  element: IElement;\n  mark: IElement['mark'];\n  parent: IElement['mark']['group'];\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IModelMarkAttributeContext {\n  [key: string]: unknown;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ISeriesMarkAttributeContext extends IModelMarkAttributeContext {\n  // 通用的默认属性值获取，比如color，如果有散点图有sizeScale，则可以获取 size\n  globalScale: (scaleKey: string, value: string | number) => unknown;\n  // 传入seriesField值，获取对应的颜色。\n  // 如果传入 null ，返回的是当前系列对应的第一个颜色值。\n  seriesColor: (seriesValue?: string | number) => string;\n  /**\n   * 获取当前的 region\n   * @returns\n   */\n  getRegion: () => IRegion;\n}\n"]}

package/cjs/compile/mark/mark-data.d.ts

@@ -0,0 +1,9 @@
+import { CompilableData } from '../data/compilable-data';
+import type { ICompilableMark, IMarkDataInitOption } from './interface';
+export declare class MarkData extends CompilableData {
+    protected _mark: ICompilableMark;
+    constructor(option: IMarkDataInitOption);
+    setCompiledProductId(name: string): void;
+    generateProductId(): string;
+    protected _compileProduct(): void;
+}

package/cjs/compile/mark/mark-data.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MarkData = void 0;
+
+const compilable_data_1 = require("../data/compilable-data"), constant_1 = require("../../constant"), vutils_1 = require("@visactor/vutils");
+
+class MarkData extends compilable_data_1.CompilableData {
+    constructor(option) {
+        super(option), this._mark = option.mark;
+    }
+    setCompiledProductId(name) {
+        this._compiledProductId = name;
+    }
+    generateProductId() {
+        const name = super.generateProductId();
+        return (0, vutils_1.isValid)(name) ? name : `${constant_1.PREFIX}_markData_${this._mark.id}`;
+    }
+    _compileProduct() {
+        var _a;
+        const data = null === (_a = this._data) || void 0 === _a ? void 0 : _a.latestData;
+        (0, vutils_1.isNil)(data) || (0, vutils_1.isValid)(this.getProduct()) || this._initProduct(data);
+    }
+}
+
+exports.MarkData = MarkData;
+//# sourceMappingURL=mark-data.js.map

package/cjs/compile/mark/mark-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/compile/mark/mark-data.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,6CAAwC;AACxC,6CAAkD;AAGlD,MAAa,QAAS,SAAQ,gCAAc;IAG1C,YAAY,MAA2B;QACrC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;IAC3B,CAAC;IAED,oBAAoB,CAAC,IAAY;QAC/B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,iBAAiB;QACf,MAAM,IAAI,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC;QACvC,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;YACjB,OAAO,IAAI,CAAC;SACb;QACD,OAAO,GAAG,iBAAM,aAAa,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;IAC/C,CAAC;IAES,eAAe;;QACvB,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAC;QACpC,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE;YAC7C,OAAO;SACR;QAED,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CACF;AA5BD,4BA4BC","file":"mark-data.js","sourcesContent":["import { CompilableData } from '../data/compilable-data';\nimport { PREFIX } from '../../constant';\nimport { isNil, isValid } from '@visactor/vutils';\nimport type { ICompilableMark, IMarkDataInitOption } from './interface';\n\nexport class MarkData extends CompilableData {\n  protected _mark: ICompilableMark;\n\n  constructor(option: IMarkDataInitOption) {\n    super(option);\n    this._mark = option.mark;\n  }\n\n  setCompiledProductId(name: string) {\n    this._compiledProductId = name;\n  }\n\n  generateProductId(): string {\n    const name = super.generateProductId();\n    if (isValid(name)) {\n      return name;\n    }\n    return `${PREFIX}_markData_${this._mark.id}`;\n  }\n\n  protected _compileProduct() {\n    const data = this._data?.latestData;\n    if (isNil(data) || isValid(this.getProduct())) {\n      return;\n    }\n\n    this._initProduct(data);\n  }\n}\n"]}

package/cjs/compile/mark/mark-state-manager.d.ts

@@ -0,0 +1,26 @@
+import type { IElement, IMark as IVGrammarMark } from '@visactor/vgrammar';
+import type { Datum, StringOrNumber } from '../../typings';
+import type { IStateManagerOption } from '../signal/interface';
+import { StateManager } from '../signal/state-manager';
+import type { CompilableMark } from './compilable-mark';
+import type { IStateInfo, StateValue } from './interface';
+export declare class MarkStateManager extends StateManager {
+    protected _mark: CompilableMark;
+    private _stateInfoList;
+    getStateInfoList(): IStateInfo[];
+    constructor(option: IStateManagerOption, mark: CompilableMark);
+    protected _getDefaultStateMap(): Record<string, unknown>;
+    getStateInfo(stateValue: StateValue): IStateInfo;
+    addStateInfo(stateInfo: IStateInfo): void;
+    private _clearStateBeforeSet;
+    changeStateInfo(stateInfo: Partial<IStateInfo>): void;
+    clearStateInfo(stateValues: StateValue[]): void;
+    checkOneState(renderNode: IElement, datum: Datum | Datum[], state: IStateInfo, isMultiMark?: boolean): 'in' | 'out' | 'skip';
+    checkState(renderNode: IElement, datum: Datum | Datum[]): StateValue[];
+    checkDatumState(state: IStateInfo, datum: Datum | Datum[], isMultiMark: boolean): boolean;
+    checkItemsState(state: IStateInfo, item: any): boolean | undefined;
+    checkFieldsState(state: IStateInfo, datum: Datum | Datum[], item: any, isMultiMark: boolean): boolean;
+    checkLinearFieldState(domain: StringOrNumber[], key: string, datum: any, item: any, isMultiMark: boolean): boolean;
+    updateLayoutState(noRender?: boolean): Promise<void>;
+    compileState(product: IVGrammarMark): void;
+}

package/cjs/compile/mark/mark-state-manager.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MarkStateManager = void 0;
+
+const vscale_1 = require("@visactor/vscale"), vutils_1 = require("@visactor/vutils"), constant_1 = require("../../constant"), utils_1 = require("../../mark/utils"), state_manager_1 = require("../signal/state-manager"), util_1 = require("./util");
+
+class MarkStateManager extends state_manager_1.StateManager {
+    getStateInfoList() {
+        return this._stateInfoList;
+    }
+    constructor(option, mark) {
+        super(option), this._stateInfoList = [], this._mark = mark;
+    }
+    _getDefaultStateMap() {
+        return {
+            markUpdateRank: 1
+        };
+    }
+    getStateInfo(stateValue) {
+        return this._stateInfoList.find((s => s.stateValue === stateValue));
+    }
+    addStateInfo(stateInfo) {
+        if (this.getStateInfo(stateInfo.stateValue)) return;
+        stateInfo.level = stateInfo.level || 0;
+        let needPush = !0;
+        for (let i = 0; i < this._stateInfoList.length; i++) {
+            const level = this._stateInfoList[i].level;
+            if (level && level > stateInfo.level) {
+                this._stateInfoList.splice(i, 0, stateInfo), needPush = !1;
+                break;
+            }
+        }
+        needPush && this._stateInfoList.push(stateInfo);
+    }
+    _clearStateBeforeSet(state) {
+        state.datums = null, state.items = null, state.fields = null, state.filter = null;
+    }
+    changeStateInfo(stateInfo) {
+        const s = this.getStateInfo(stateInfo.stateValue);
+        if (s) {
+            if (void 0 !== stateInfo.datums && (this._clearStateBeforeSet(s), s.datums = stateInfo.datums, 
+            s.datumKeys = stateInfo.datumKeys), void 0 !== stateInfo.items && (this._clearStateBeforeSet(s), 
+            s.items = stateInfo.items), void 0 !== stateInfo.fields) if (this._clearStateBeforeSet(s), 
+            null === stateInfo.fields) s.fields = stateInfo.fields; else {
+                s.fields = s.fields || {};
+                for (const key in stateInfo.fields) {
+                    const new_f = stateInfo.fields[key];
+                    s.fields[key] = s.fields[key] || {};
+                    const old_f = s.fields[key];
+                    (0, vutils_1.isValid)(new_f.domain) && (old_f.domain = new_f.domain), (0, vutils_1.isValid)(new_f.type) && (old_f.type = new_f.type);
+                }
+            }
+            stateInfo.filter && (this._clearStateBeforeSet(s), s.filter = stateInfo.filter);
+        } else this.addStateInfo(stateInfo);
+    }
+    clearStateInfo(stateValues) {
+        stateValues.forEach((stateValue => {
+            this.getStateInfo(stateValue) && this.changeStateInfo({
+                stateValue: stateValue,
+                datumKeys: null,
+                datums: null,
+                fields: null,
+                items: null,
+                filter: null,
+                cache: {}
+            });
+        }));
+    }
+    checkOneState(renderNode, datum, state, isMultiMark) {
+        var _a;
+        isMultiMark = (0, vutils_1.isBoolean)(utils_1.isMultiDatumMark) ? isMultiMark : !renderNode.mark || (0, 
+        utils_1.isMultiDatumMark)(renderNode.mark.markType);
+        let inState = !1, stateChecked = !1;
+        if ((0, vutils_1.isValid)(state.datums) && state.datums.length > 0) inState = this.checkDatumState(state, datum, isMultiMark), 
+        stateChecked = !0; else if (state.items) inState = null !== (_a = this.checkItemsState(state, renderNode)) && void 0 !== _a && _a, 
+        stateChecked = !0; else if (state.fields) inState = this.checkFieldsState(state, datum, renderNode, isMultiMark), 
+        stateChecked = !0; else if (!inState && state.filter) {
+            const options = {
+                mark: this._mark,
+                renderNode: renderNode,
+                type: renderNode.mark.markType
+            };
+            inState = state.filter(datum, options), stateChecked = !0;
+        }
+        return stateChecked ? inState ? "in" : "out" : "skip";
+    }
+    checkState(renderNode, datum) {
+        const result = renderNode.getStates().filter((s => (0, util_1.stateInDefaultEnum)(s))).map((s => [ s, 10 ])), isMultiMark = !renderNode.mark || (0, 
+        utils_1.isMultiDatumMark)(renderNode.mark.markType);
+        for (let i = 0; i < this._stateInfoList.length; i++) {
+            const state = this._stateInfoList[i], inOut = this.checkOneState(renderNode, datum, state, isMultiMark);
+            "skip" !== inOut && ("in" === inOut && result.push([ state.stateValue, state.level ]));
+        }
+        return result.map((res => res[0]));
+    }
+    checkDatumState(state, datum, isMultiMark) {
+        let inState = !1;
+        const datum_v = isMultiMark ? datum[0] : datum;
+        if ((0, vutils_1.isArray)(state.datums)) {
+            const keys = state.datumKeys || Object.keys(state.datums[0]).filter((k => !k.startsWith(constant_1.PREFIX)));
+            inState = state.datums.some((d => isMultiMark && (0, vutils_1.isArray)(null == d ? void 0 : d.items) ? keys.every((k => {
+                var _a, _b;
+                return (null === (_b = null === (_a = null == d ? void 0 : d.items) || void 0 === _a ? void 0 : _a[0]) || void 0 === _b ? void 0 : _b[k]) === (null == datum_v ? void 0 : datum_v[k]);
+            })) : keys.every((k => (null == d ? void 0 : d[k]) === (null == datum_v ? void 0 : datum_v[k])))));
+        } else if ((0, vutils_1.isObject)(state.datums)) {
+            inState = (state.datumKeys || Object.keys(state.datums).filter((k => !k.startsWith(constant_1.PREFIX)))).every((k => {
+                var _a, _b;
+                return isMultiMark ? (null === (_a = state.datums.items) || void 0 === _a ? void 0 : _a[0][k]) === datum_v[k] : (null === (_b = state.datums) || void 0 === _b ? void 0 : _b[k]) === datum_v[k];
+            }));
+        } else inState = datum === state.datums;
+        return inState;
+    }
+    checkItemsState(state, item) {
+        var _a;
+        return null === (_a = state.items) || void 0 === _a ? void 0 : _a.includes(item);
+    }
+    checkFieldsState(state, datum, item, isMultiMark) {
+        var _a;
+        let inState = !0;
+        for (const key in state.fields) {
+            const field = state.fields[key], type = field.type, domain = field.domain, datum_v = isMultiMark ? null === (_a = datum[0]) || void 0 === _a ? void 0 : _a[key] : datum[key];
+            if ((0, vscale_1.isContinuous)(type) && domain.length > 1) {
+                if (this.checkLinearFieldState(domain, key, datum, item, isMultiMark)) {
+                    inState = !1;
+                    break;
+                }
+                inState = !0;
+            } else {
+                if (!domain.some((d => d === datum_v))) {
+                    inState = !1;
+                    break;
+                }
+                inState = !0;
+            }
+        }
+        return inState;
+    }
+    checkLinearFieldState(domain, key, datum, item, isMultiMark) {
+        var _a;
+        const datum_v = isMultiMark ? null === (_a = datum[0]) || void 0 === _a ? void 0 : _a[key] : datum[key];
+        return datum_v < domain[0] || datum_v > domain[domain.length - 1];
+    }
+    updateLayoutState(noRender) {
+        return this._stateMap.markUpdateRank++, this.updateState({
+            markUpdateRank: this._stateMap.markUpdateRank
+        }, noRender);
+    }
+    compileState(product) {
+        product.state({
+            callback: (datum, element) => this.checkState(element, datum)
+        });
+    }
+}
+
+exports.MarkStateManager = MarkStateManager;
+//# sourceMappingURL=mark-state-manager.js.map

package/cjs/compile/mark/mark-state-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/compile/mark/mark-state-manager.ts"],"names":[],"mappings":"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","file":"mark-state-manager.js","sourcesContent":["import type { IElement, IMark as IVGrammarMark } from '@visactor/vgrammar';\nimport { isContinuous } from '@visactor/vscale';\nimport { isArray, isObject, isValid, isBoolean } from '@visactor/vutils';\nimport { PREFIX } from '../../constant';\nimport type { MarkTypeEnum } from '../../mark/interface';\nimport { isMultiDatumMark } from '../../mark/utils';\nimport type { Datum, StringOrNumber } from '../../typings';\nimport type { IStateManagerOption } from '../signal/interface';\nimport { StateManager } from '../signal/state-manager';\nimport type { CompilableMark } from './compilable-mark';\nimport type { IStateInfo, StateValue } from './interface';\nimport { stateInDefaultEnum } from './util';\n\n/** mark state 管理器 */\nexport class MarkStateManager extends StateManager {\n  /** 相关 mark */\n  protected _mark: CompilableMark;\n\n  // state info：state 种类信息\n  private _stateInfoList: IStateInfo[] = [];\n  getStateInfoList() {\n    return this._stateInfoList;\n  }\n\n  constructor(option: IStateManagerOption, mark: CompilableMark) {\n    super(option);\n    this._mark = mark;\n  }\n\n  protected _getDefaultStateMap(): Record<string, unknown> {\n    return {\n      markUpdateRank: 1\n    };\n  }\n\n  // /** 触发状态更新 */\n  // update() {\n  //   if (this._mark.hasState('stateUpdateRank')) {\n  //     const rank = this._mark.getState('stateUpdateRank');\n  //     this._mark.updateState({ stateUpdateRank: <number>rank + 1 });\n  //   }\n  // }\n\n  /** 通过 state value 获取 state 信息 */\n  getStateInfo(stateValue: StateValue) {\n    return this._stateInfoList.find(s => s.stateValue === stateValue);\n  }\n\n  /** 添加 state info */\n  addStateInfo(stateInfo: IStateInfo) {\n    if (this.getStateInfo(stateInfo.stateValue)) {\n      return;\n    }\n    stateInfo.level = stateInfo.level || 0;\n\n    let needPush = true;\n    // 根据 level 大小进行插入，level 最大的插在最后面\n    for (let i = 0; i < this._stateInfoList.length; i++) {\n      const level = this._stateInfoList[i].level;\n      if (level && level > stateInfo.level) {\n        this._stateInfoList.splice(i, 0, stateInfo);\n        needPush = false;\n        break;\n      }\n    }\n\n    if (needPush) {\n      this._stateInfoList.push(stateInfo);\n    }\n  }\n\n  /** 设置新状态时，将旧的筛选清除，避免同时存在2种筛选，第二种筛选会不触发 */\n  private _clearStateBeforeSet(state: IStateInfo) {\n    state.datums = null;\n    state.items = null;\n    state.fields = null;\n    state.filter = null;\n  }\n\n  /** 更新 state info */\n  changeStateInfo(stateInfo: Partial<IStateInfo>) {\n    const s = this.getStateInfo(stateInfo.stateValue);\n    if (!s) {\n      this.addStateInfo(stateInfo as IStateInfo);\n    } else {\n      if (stateInfo.datums !== undefined) {\n        this._clearStateBeforeSet(s);\n        s.datums = stateInfo.datums;\n        s.datumKeys = stateInfo.datumKeys;\n      }\n      if (stateInfo.items !== undefined) {\n        this._clearStateBeforeSet(s);\n        s.items = stateInfo.items;\n      }\n      if (stateInfo.fields !== undefined) {\n        this._clearStateBeforeSet(s);\n        // null\n        if (stateInfo.fields === null) {\n          s.fields = stateInfo.fields;\n        } else {\n          s.fields = s.fields || {};\n          for (const key in stateInfo.fields) {\n            const new_f = stateInfo.fields[key];\n            s.fields[key] = s.fields[key] || ({} as any);\n            const old_f = s.fields[key];\n            isValid(new_f.domain) && (old_f.domain = new_f.domain);\n            isValid(new_f.type) && (old_f.type = new_f.type);\n          }\n        }\n      }\n      if (stateInfo.filter) {\n        this._clearStateBeforeSet(s);\n        s.filter = stateInfo.filter;\n      }\n    }\n  }\n\n  /** 清除 state info */\n  clearStateInfo(stateValues: StateValue[]) {\n    stateValues.forEach(stateValue => {\n      const state = this.getStateInfo(stateValue);\n      if (state) {\n        this.changeStateInfo({\n          stateValue,\n          datumKeys: null,\n          datums: null,\n          fields: null,\n          items: null,\n          filter: null,\n          cache: {}\n        });\n      }\n    });\n  }\n\n  checkOneState(\n    renderNode: IElement,\n    datum: Datum | Datum[],\n    state: IStateInfo,\n    isMultiMark?: boolean\n  ): 'in' | 'out' | 'skip' {\n    isMultiMark = isBoolean(isMultiDatumMark)\n      ? isMultiMark\n      : !renderNode.mark || isMultiDatumMark(renderNode.mark.markType as MarkTypeEnum);\n    let inState = false;\n    let stateChecked = false;\n    // 如果有 state.datum 那么判断是否与datum的所有值相等\n    if (isValid(state.datums) && state.datums.length > 0) {\n      inState = this.checkDatumState(state, datum, isMultiMark);\n      stateChecked = true;\n    }\n    // 依靠 scenegraph item 引用判断是否在状态中\n    else if (state.items) {\n      // TODO:确认这个逻辑里为什么有mark比较\n      // if (state.marks && !state.marks.includes(renderNode.mark)) {\n      //   continue;\n      // }\n      inState = this.checkItemsState(state, renderNode) ?? false;\n      stateChecked = true;\n    }\n    // 每个状态依靠 fields 来判定数据是否在当前状态中\n    else if (state.fields) {\n      inState = this.checkFieldsState(state, datum, renderNode, isMultiMark);\n      stateChecked = true;\n    } else if (!inState && state.filter) {\n      const options = {\n        mark: this._mark,\n        renderNode,\n        type: renderNode.mark.markType\n      };\n      inState = state.filter(datum, options);\n      stateChecked = true;\n    }\n\n    // 如果 state 所有字段都为空，此时不应当进入反状态\n    if (!stateChecked) {\n      return 'skip';\n    }\n    return inState ? 'in' : 'out';\n  }\n\n  // TODO:renderNode\n  checkState(renderNode: IElement, datum: Datum | Datum[]): StateValue[] {\n    // 由于存在多个 stateManager，需要额外返回 state 的优先级\n    // 交互状态不要删除，并且交互状态优先级统一为10\n    const result: [StateValue, number][] = renderNode\n      .getStates()\n      .filter(s => stateInDefaultEnum(s))\n      .map(s => {\n        return [s, 10];\n      });\n    const isMultiMark = !renderNode.mark || isMultiDatumMark(renderNode.mark.markType as MarkTypeEnum);\n    // 优先级从高到低依次检索状态。\n    for (let i = 0; i < this._stateInfoList.length; i++) {\n      const state = this._stateInfoList[i];\n      const inOut = this.checkOneState(renderNode, datum, state, isMultiMark);\n      if (inOut === 'skip') {\n        continue;\n      }\n      if (inOut === 'in') {\n        result.push([state.stateValue, <number>state.level]);\n      }\n    }\n    // 这里直接返回字符串数组即可\n    return result.map(res => res[0]);\n  }\n\n  checkDatumState(state: IStateInfo, datum: Datum | Datum[], isMultiMark: boolean): boolean {\n    let inState = false;\n    const datum_v = isMultiMark ? datum[0] : datum;\n    if (isArray(state.datums)) {\n      const keys = state.datumKeys || Object.keys(state.datums[0]).filter(k => !k.startsWith(PREFIX));\n      inState = state.datums.some(d => {\n        // 如果 多数据图元情况下 datums 设置为 单一数据，状态判定失败\n        // 这里要考虑 state.datum 本身是一条数据，不含item的情况能与单数据图元统一\n        return isMultiMark && isArray(d?.items)\n          ? keys.every(k => d?.items?.[0]?.[k] === datum_v?.[k])\n          : keys.every(k => d?.[k] === datum_v?.[k]);\n      });\n    } else if (isObject(state.datums)) {\n      const keys = state.datumKeys || Object.keys(state.datums).filter(k => !k.startsWith(PREFIX));\n      inState = keys.every(k => {\n        return isMultiMark ? (state.datums as any).items?.[0][k] === datum_v[k] : state.datums?.[k] === datum_v[k];\n      });\n    } else {\n      inState = datum === state.datums;\n    }\n    return inState;\n  }\n\n  checkItemsState(state: IStateInfo, item: any): boolean | undefined {\n    return state.items?.includes(item);\n  }\n\n  checkFieldsState(state: IStateInfo, datum: Datum | Datum[], item: any, isMultiMark: boolean): boolean {\n    let inState = true;\n    // each fields\n    for (const key in state.fields) {\n      const field = state.fields[key];\n      const type = field.type;\n      const domain = field.domain;\n      const datum_v = isMultiMark ? datum[0]?.[key] : datum[key];\n      if (isContinuous(type) && domain.length > 1) {\n        // 连续\n        if (this.checkLinearFieldState(domain, key, datum, item, isMultiMark)) {\n          inState = false;\n          break;\n        } else {\n          inState = true;\n        }\n      } else if (domain.some((d: any) => d === datum_v)) {\n        // 离散\n        inState = true;\n      } else {\n        inState = false;\n        break;\n      }\n    }\n    return inState;\n  }\n\n  checkLinearFieldState(domain: StringOrNumber[], key: string, datum: any, item: any, isMultiMark: boolean) {\n    const datum_v = isMultiMark ? datum[0]?.[key] : datum[key];\n    return datum_v < domain[0] || datum_v > domain[domain.length - 1];\n  }\n\n  updateLayoutState(noRender?: boolean): Promise<void> {\n    (this._stateMap.markUpdateRank as number)++;\n    return this.updateState({ markUpdateRank: this._stateMap.markUpdateRank }, noRender);\n  }\n\n  compileState(product: IVGrammarMark) {\n    product.state({\n      callback: (datum: any, element: any) => {\n        return this.checkState(element, datum);\n      }\n    });\n  }\n}\n"]}

package/cjs/compile/mark/util.d.ts

@@ -0,0 +1,7 @@
+import type { IAttrs, IMarkStateStyle, MarkType } from '../../mark/interface';
+export declare function isAttrChangeable<T>(key: string, stateStyle: IMarkStateStyle<T>): boolean;
+export declare function isStateAttrChangeable<T>(key: string, stateStyle: Partial<IAttrs<T>>, facetField: string): boolean;
+export declare function needAttrTransform(type: MarkType, attr: string): boolean;
+export declare function attrTransform(type: MarkType, attr: string, value: any): any;
+export declare function stateInDefaultEnum(state: string): boolean;
+export declare function stateToReverse(state: string): any;

package/cjs/compile/mark/util.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.stateToReverse = exports.stateInDefaultEnum = exports.attrTransform = exports.needAttrTransform = exports.isStateAttrChangeable = exports.isAttrChangeable = void 0;
+
+const vutils_1 = require("@visactor/vutils"), interface_1 = require("./interface");
+
+function isAttrChangeable(key, stateStyle) {
+    var _a;
+    for (const state in stateStyle) if (state !== interface_1.STATE_VALUE_ENUM.STATE_NORMAL) {
+        if (key in stateStyle[state]) return !0;
+    } else {
+        const style = null === (_a = stateStyle[state][key]) || void 0 === _a ? void 0 : _a.style;
+        if (isGradientAttribute(key, style)) return !0;
+        if ((0, vutils_1.isFunction)(style)) return !0;
+        if (!!(null == style ? void 0 : style.scale)) return !0;
+    }
+    return !1;
+}
+
+function isStateAttrChangeable(key, stateStyle, facetField) {
+    var _a;
+    const style = null === (_a = stateStyle[key]) || void 0 === _a ? void 0 : _a.style;
+    if (isGradientAttribute(key, style)) return !0;
+    if ((0, vutils_1.isFunction)(style)) return !0;
+    return !(!(null == style ? void 0 : style.scale) || style.field === facetField);
+}
+
+function isGradientAttribute(key, style) {
+    return ("fill" === key || "stroke" === key) && (null == style ? void 0 : style.gradient) && (null == style ? void 0 : style.stops);
+}
+
+function symbolAttrTransform(attr, value) {
+    var _a;
+    switch (attr) {
+      case "shape":
+      case "symbolType":
+        return null !== (_a = chartShapes[value]) && void 0 !== _a ? _a : value;
+
+      default:
+        return value;
+    }
+}
+
+exports.isAttrChangeable = isAttrChangeable, exports.isStateAttrChangeable = isStateAttrChangeable;
+
+const chartShapes = {
+    arrowLeft: "M 0.25 -0.5 L -0.25 0 l 0.5 0.5",
+    arrowRight: "M -0.25 -0.5 l 0.5 0.5 l -0.5 0.5",
+    rect: "M -0.5,0.25 L 0.5,0.25 L 0.5,-0.25,L -0.5,-0.25 Z",
+    rectRound: "M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z"
+}, transforms = {
+    symbol: symbolAttrTransform
+}, transformsCheck = {
+    symbol: {
+        shape: !0,
+        symbolType: !0
+    }
+};
+
+function needAttrTransform(type, attr) {
+    return !!transformsCheck[type] && !!transformsCheck[type][attr];
+}
+
+function attrTransform(type, attr, value) {
+    return transforms[type] ? transforms[type](attr, value) : value;
+}
+
+exports.needAttrTransform = needAttrTransform, exports.attrTransform = attrTransform;
+
+const DEFAULT_STATE_VALUE_ENUM = {};
+
+function stateInDefaultEnum(state) {
+    return !!DEFAULT_STATE_VALUE_ENUM[state];
+}
+
+Object.values(interface_1.STATE_VALUE_ENUM).forEach((v => {
+    DEFAULT_STATE_VALUE_ENUM[v] = !0;
+})), exports.stateInDefaultEnum = stateInDefaultEnum;
+
+const DEFAULT_STATE_VALUE_TO_REVERSE = {
+    [interface_1.STATE_VALUE_ENUM.STATE_HOVER]: interface_1.STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
+    [interface_1.STATE_VALUE_ENUM.STATE_SELECTED]: interface_1.STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
+    [interface_1.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER]: interface_1.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE
+};
+
+function stateToReverse(state) {
+    return DEFAULT_STATE_VALUE_TO_REVERSE[state];
+}
+
+exports.stateToReverse = stateToReverse;
+//# sourceMappingURL=util.js.map

package/cjs/compile/mark/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/compile/mark/util.ts"],"names":[],"mappings":";;;AAAA,6CAA8C;AAE9C,2CAA+C;AAE/C,SAAgB,gBAAgB,CAAI,GAAW,EAAE,UAA8B;;IAC7E,KAAK,MAAM,KAAK,IAAI,UAAU,EAAE;QAC9B,IAAI,KAAK,KAAK,4BAAgB,CAAC,YAAY,EAAE;YAC3C,MAAM,KAAK,GAAG,MAAA,UAAU,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,0CAAE,KAAK,CAAC;YAC5C,MAAM,UAAU,GAAG,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACnD,IAAI,UAAU,EAAE;gBACd,OAAO,IAAI,CAAC;aACb;YACD,MAAM,eAAe,GAAG,IAAA,mBAAU,EAAC,KAAK,CAAC,CAAC;YAC1C,IAAI,eAAe,EAAE;gBACnB,OAAO,IAAI,CAAC;aACb;YACD,MAAM,OAAO,GAAG,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA,CAAC;YAC/B,IAAI,OAAO,EAAE;gBACX,OAAO,IAAI,CAAC;aACb;YACD,SAAS;SACV;QACD,IAAI,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAvBD,4CAuBC;AAED,SAAgB,qBAAqB,CAAI,GAAW,EAAE,UAA8B,EAAE,UAAkB;;IACtG,MAAM,KAAK,GAAG,MAAA,UAAU,CAAC,GAAG,CAAC,0CAAE,KAAK,CAAC;IACrC,MAAM,UAAU,GAAG,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACnD,IAAI,UAAU,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IACD,MAAM,eAAe,GAAG,IAAA,mBAAU,EAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,eAAe,EAAE;QACnB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,OAAO,GAAG,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA,CAAC;IAC/B,IAAI,OAAO,EAAE;QACX,IAAI,KAAK,CAAC,KAAK,KAAK,UAAU,EAAE;YAC9B,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAjBD,sDAiBC;AAED,SAAS,mBAAmB,CAAC,GAAW,EAAE,KAAU;IAClD,OAAO,CAAC,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,QAAQ,CAAC,KAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAA,KAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA,CAAC;AACjF,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAY,EAAE,KAAU;;IACnD,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO,CAAC;QACb,KAAK,YAAY;YACf,OAAO,MAAA,WAAW,CAAC,KAAK,CAAC,mCAAI,KAAK,CAAC;QACrC;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC;AAED,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE,iCAAiC;IAC5C,UAAU,EAAE,mCAAmC;IAC/C,IAAI,EAAE,mDAAmD;IACzD,SAAS,EAEP,8PAA8P;CACjQ,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,MAAM,EAAE,mBAAmB;CAC5B,CAAC;AACF,MAAM,eAAe,GAAG;IACtB,MAAM,EAAE;QACN,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,SAAgB,iBAAiB,CAAC,IAAc,EAAE,IAAY;IAC5D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE;QAC1B,OAAO,KAAK,CAAC;KACd;IACD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE;QAChC,OAAO,KAAK,CAAC;KACd;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AARD,8CAQC;AAED,SAAgB,aAAa,CAAC,IAAc,EAAE,IAAY,EAAE,KAAU;IACpE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QACrB,OAAO,KAAK,CAAC;KACd;IACD,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACvC,CAAC;AALD,sCAKC;AAED,MAAM,wBAAwB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,CAAC,4BAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;IAC1C,wBAAwB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH,SAAgB,kBAAkB,CAAC,KAAa;IAC9C,OAAO,CAAC,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAC3C,CAAC;AAFD,gDAEC;AAED,MAAM,8BAA8B,GAAG;IACrC,CAAC,4BAAgB,CAAC,WAAW,CAAC,EAAE,4BAAgB,CAAC,mBAAmB;IACpE,CAAC,4BAAgB,CAAC,cAAc,CAAC,EAAE,4BAAgB,CAAC,sBAAsB;IAC1E,CAAC,4BAAgB,CAAC,qBAAqB,CAAC,EAAE,4BAAgB,CAAC,6BAA6B;CACzF,CAAC;AAEF,SAAgB,cAAc,CAAC,KAAa;IAC1C,OAAO,8BAA8B,CAAC,KAAK,CAAC,CAAC;AAC/C,CAAC;AAFD,wCAEC","file":"util.js","sourcesContent":["import { isFunction } from '@visactor/vutils';\nimport type { IAttrs, IMarkStateStyle, MarkType } from '../../mark/interface';\nimport { STATE_VALUE_ENUM } from './interface';\n\nexport function isAttrChangeable<T>(key: string, stateStyle: IMarkStateStyle<T>) {\n  for (const state in stateStyle) {\n    if (state === STATE_VALUE_ENUM.STATE_NORMAL) {\n      const style = stateStyle[state][key]?.style;\n      const isGradient = isGradientAttribute(key, style);\n      if (isGradient) {\n        return true;\n      }\n      const isFunctionStyle = isFunction(style);\n      if (isFunctionStyle) {\n        return true;\n      }\n      const isScale = !!style?.scale;\n      if (isScale) {\n        return true;\n      }\n      continue;\n    }\n    if (key in stateStyle[state]) {\n      return true;\n    }\n  }\n  return false;\n}\n\nexport function isStateAttrChangeable<T>(key: string, stateStyle: Partial<IAttrs<T>>, facetField: string) {\n  const style = stateStyle[key]?.style;\n  const isGradient = isGradientAttribute(key, style);\n  if (isGradient) {\n    return true;\n  }\n  const isFunctionStyle = isFunction(style);\n  if (isFunctionStyle) {\n    return true;\n  }\n  const isScale = !!style?.scale;\n  if (isScale) {\n    if (style.field !== facetField) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction isGradientAttribute(key: string, style: any) {\n  return (key === 'fill' || key === 'stroke') && style?.gradient && style?.stops;\n}\n\nfunction symbolAttrTransform(attr: string, value: any) {\n  switch (attr) {\n    case 'shape':\n    case 'symbolType':\n      return chartShapes[value] ?? value;\n    default:\n      return value;\n  }\n}\n\nconst chartShapes = {\n  arrowLeft: 'M 0.25 -0.5 L -0.25 0 l 0.5 0.5',\n  arrowRight: 'M -0.25 -0.5 l 0.5 0.5 l -0.5 0.5',\n  rect: 'M -0.5,0.25 L 0.5,0.25 L 0.5,-0.25,L -0.5,-0.25 Z',\n  rectRound:\n    // eslint-disable-next-line max-len\n    'M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z'\n};\n\nconst transforms = {\n  symbol: symbolAttrTransform\n};\nconst transformsCheck = {\n  symbol: {\n    shape: true,\n    symbolType: true\n  }\n};\n\nexport function needAttrTransform(type: MarkType, attr: string) {\n  if (!transformsCheck[type]) {\n    return false;\n  }\n  if (!transformsCheck[type][attr]) {\n    return false;\n  }\n  return true;\n}\n\nexport function attrTransform(type: MarkType, attr: string, value: any) {\n  if (!transforms[type]) {\n    return value;\n  }\n  return transforms[type](attr, value);\n}\n\nconst DEFAULT_STATE_VALUE_ENUM = {};\nObject.values(STATE_VALUE_ENUM).forEach(v => {\n  DEFAULT_STATE_VALUE_ENUM[v] = true;\n});\n\nexport function stateInDefaultEnum(state: string) {\n  return !!DEFAULT_STATE_VALUE_ENUM[state];\n}\n\nconst DEFAULT_STATE_VALUE_TO_REVERSE = {\n  [STATE_VALUE_ENUM.STATE_HOVER]: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,\n  [STATE_VALUE_ENUM.STATE_SELECTED]: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,\n  [STATE_VALUE_ENUM.STATE_DIMENSION_HOVER]: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE\n};\n\nexport function stateToReverse(state: string) {\n  return DEFAULT_STATE_VALUE_TO_REVERSE[state];\n}\n"]}

package/cjs/compile/signal/compilable-signal.d.ts

@@ -0,0 +1,21 @@
+import type { ISignal, SignalFunctionType } from '@visactor/vgrammar';
+import { GrammarItem } from '../grammar-item';
+import type { Maybe } from '../../typings';
+import type { GrammarItemInitOption } from '../interface';
+import { GrammarType } from '../interface';
+import type { ICompilableSignal } from './interface';
+export declare class CompilableSignal<T> extends GrammarItem implements ICompilableSignal<T> {
+    readonly grammarType = GrammarType.signal;
+    protected _product: Maybe<ISignal<T>>;
+    getProduct: () => Maybe<ISignal<T>>;
+    readonly name: string;
+    protected _value: Maybe<T>;
+    getValue(): T;
+    protected _updateFunc: Maybe<SignalFunctionType<T>>;
+    getUpdateFunc(): SignalFunctionType<T>;
+    constructor(option: GrammarItemInitOption, name: string, value?: T, updateFunc?: SignalFunctionType<T>);
+    updateSignal(value?: T, updateFunc?: SignalFunctionType<T>): void;
+    protected _compileProduct(): void;
+    generateProductId(): string;
+    protected _lookupGrammar(id: string): ISignal<unknown>;
+}