@visactor/vchart 1.15.5-alpha.8 → 2.0.0-alpha.0

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

@@ -1,20 +1,38 @@
-import type { IMarkStateStyle, MarkType } from '../../mark/interface';
+import type { IMark, IMarkStateStyle, MarkType } from '../../mark/interface';
 import type { IModel } from '../../model/interface';
 import type { GrammarItemCompileOption, GrammarItemInitOption, IGrammarItem } from '../interface';
 import type { DataView } from '@visactor/vdataset';
-import type { IAnimate, IAnimateArranger, IElement, IGroupMark, IMark, IMarkConfig, MarkAnimationSpec, Nil, TransformSpec } from '@visactor/vgrammar-core';
 import type { Maybe, Datum, StringOrNumber } from '../../typings';
 import type { IRegion } from '../../region/interface';
 import type { ICompilableData } from '../data/interface';
+import type { ICustomPath2D, IGraphic, IGroup } from '@visactor/vrender-core';
+import type { MarkAnimationSpec } from '../../animation/interface';
+export interface IMarkConfig {
+    clipPath?: IGraphic[] | ((graphics: IGraphic[]) => IGraphic[]);
+    clip?: boolean;
+    zIndex?: number;
+    interactive?: boolean;
+    setCustomizedShape?: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D;
+    large?: boolean;
+    largeThreshold?: number;
+    progressiveStep?: number;
+    progressiveThreshold?: number;
+    support3d?: boolean;
+    graphicName?: string | ((g: IMarkConfig) => string);
+    morph?: boolean;
+    morphKey?: string;
+    morphElementKey?: string;
+    overflow?: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';
+    skipTheme?: boolean;
+}
 export interface IMarkStateManager {
     getStateInfoList: () => IStateInfo[];
     getStateInfo: (stateValue: StateValue) => IStateInfo;
     addStateInfo: (stateInfo: IStateInfo) => void;
     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[];
-    updateLayoutState: (noRender?: boolean) => void;
+    checkOneState: (renderNode: IGraphic, datum: Datum[], state: IStateInfo) => 'in' | 'out' | 'skip';
+    checkState: (renderNode: IGraphic, datum: Datum[]) => StateValue[];
 }
 export interface IMarkData extends ICompilableData {
     setCompiledProductId: (name: string) => any;
@@ -33,48 +51,37 @@ export interface ICompilableMark extends IGrammarItem {
     readonly name: string;
     readonly key?: string | ((datum: Datum) => string);
     readonly model: IModel;
-    getData: () => IMarkData | undefined;
-    setData: (d: IMarkData) => void;
+    commit: (render?: boolean, recursion?: boolean) => void;
+    uncommit: () => void;
+    isCommited: () => boolean;
+    getData: () => ICompilableData | undefined;
+    setData: (d: ICompilableData) => void;
     getDataView: () => DataView | undefined;
-    setDataView: (d?: DataView, productId?: string) => void;
+    setDataView: (d: DataView) => void;
     state: IMarkStateManager;
     readonly stateStyle: IMarkStateStyle<any>;
     hasState: (state: string) => boolean;
     getState: (state: string) => any;
     updateState: (newState: Record<string, unknown>) => void;
-    updateStaticEncode: () => void;
     compileEncode: () => void;
-    updateLayoutState: (noRender?: boolean, recursion?: boolean) => void;
-    updateMarkState: (key: string) => void;
-    setTransform: (transform: TransformSpec[] | Nil) => void;
     setAnimationConfig: (config: Partial<MarkAnimationSpec>) => void;
     getAnimationConfig: () => Partial<MarkAnimationSpec>;
     getVisible: () => boolean;
     setVisible: (visible: boolean) => void;
-    getGroupKey: () => string | undefined;
     setGroupKey: (groupKey: string) => void;
     getUserId: () => StringOrNumber | undefined;
     setUserId: (id: StringOrNumber) => void;
     compile: (option?: IMarkCompileOption) => void;
-    getProduct: () => Maybe<IMark>;
-    getProductElements: () => Maybe<IMark['elements']>;
+    getProduct: () => Maybe<IGroup>;
     getMarks: () => ICompilableMark[];
     setSkipBeforeLayouted: (skip: boolean) => void;
-    getSkipBeforeLayouted: () => boolean;
-    setStateSortCallback: (stateSort: (stateA: string, stateB: string) => number) => void;
     getMarkConfig: () => IMarkConfig;
     setMarkConfig: (config: IMarkConfig) => void;
-    runAnimationByState: (animationState?: string) => IAnimateArranger;
-    stopAnimationByState: (animationState?: string) => IAnimate;
-    pauseAnimationByState: (animationState: string) => IAnimate;
-    resumeAnimationByState: (animationState: string) => IAnimate;
-}
-export interface IMarkDataInitOption extends ICompilableMarkOption {
-    mark: ICompilableMark;
+    getContext: () => any;
+    layout: (layoutCallback: () => void) => void;
 }
 export interface IMarkCompileOption extends GrammarItemCompileOption {
-    group?: string | IGroupMark;
-    ignoreChildren?: boolean;
+    group?: IGroup;
     context?: any;
 }
 export interface IStateInfo {
@@ -83,7 +90,11 @@ export interface IStateInfo {
     datums?: any[] | null | undefined;
     datumKeys?: string[] | null | undefined;
     items?: any[] | null | undefined;
-    filter?: ((datum: any, options: Record<string, any>) => boolean) | null | undefined;
+    filter?: ((datum: any, options: {
+        mark?: IMark;
+        type?: string;
+        renderNode?: IGraphic;
+    }) => boolean) | null | undefined;
     cache?: {
         [key: string]: {
             [key: string]: boolean;
@@ -116,7 +127,10 @@ export declare enum STATE_VALUE_ENUM {
     STATE_SELECTED = "selected",
     STATE_SELECTED_REVERSE = "selected_reverse",
     STATE_SANKEY_EMPHASIS = "selected",
-    STATE_SANKEY_EMPHASIS_REVERSE = "blur"
+    STATE_SANKEY_EMPHASIS_REVERSE = "blur",
+    STATE_HIGHLIGHT = "highlight",
+    STATE_BLUR = "blur",
+    STATE_ACTIVE = "active"
 }
 export declare enum STATE_VALUE_ENUM_REVERSE {
     STATE_HOVER_REVERSE = "hover_reverse",
@@ -130,11 +144,6 @@ 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 interface IAttributeOpt {
-    element: IElement;
-    mark: IElement['mark'];
-    parent: IElement['mark']['group'];
-}
 export interface IModelMarkAttributeContext {
     [key: string]: unknown;
 }

package/esm/compile/mark/interface.js

@@ -5,7 +5,8 @@ export var STATE_VALUE_ENUM;
     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.STATE_SANKEY_EMPHASIS = "selected", 
-    STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE = "blur";
+    STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE = "blur", STATE_VALUE_ENUM.STATE_HIGHLIGHT = "highlight", 
+    STATE_VALUE_ENUM.STATE_BLUR = "blur", STATE_VALUE_ENUM.STATE_ACTIVE = "active";
 }(STATE_VALUE_ENUM || (STATE_VALUE_ENUM = {}));
 
 export var STATE_VALUE_ENUM_REVERSE;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/compile/mark/interface.ts"],"names":[],"mappings":"AAsMA,MAAM,CAAN,IAAY,gBAeX;AAfD,WAAY,gBAAgB;IAC1B,2CAAuB,CAAA;IAEvB,yCAAqB,CAAA;IACrB,yDAAqC,CAAA;IAErC,6DAAyC,CAAA;IACzC,6EAAyD,CAAA;IAEzD,+CAA2B,CAAA;IAC3B,+DAA2C,CAAA;IAG3C,sDAAkC,CAAA;IAClC,0DAAsC,CAAA;AACxC,CAAC,EAfW,gBAAgB,KAAhB,gBAAgB,QAe3B;AAED,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,iEAAqC,CAAA;IACrC,qFAAyD,CAAA;IACzD,uEAA2C,CAAA;AAC7C,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,QAInC","file":"interface.js","sourcesContent":["import type { IMarkStateStyle, MarkType } from '../../mark/interface';\nimport type { IModel } from '../../model/interface';\nimport type { GrammarItemCompileOption, GrammarItemInitOption, IGrammarItem } from '../interface';\nimport type { DataView } from '@visactor/vdataset';\nimport type {\n  IAnimate,\n  IAnimateArranger,\n  IElement,\n  IGroupMark,\n  IMark,\n  IMarkConfig,\n  MarkAnimationSpec,\n  Nil,\n  TransformSpec\n} from '@visactor/vgrammar-core';\nimport type { Maybe, Datum, StringOrNumber } from '../../typings';\nimport type { IRegion } from '../../region/interface';\nimport type { ICompilableData } from '../data/interface';\n\nexport interface IMarkStateManager {\n  getStateInfoList: () => IStateInfo[];\n  getStateInfo: (stateValue: StateValue) => IStateInfo;\n  addStateInfo: (stateInfo: IStateInfo) => void;\n  changeStateInfo: (stateInfo: Partial<IStateInfo>) => void;\n  clearStateInfo: (stateValues: StateValue[]) => void;\n  checkOneState: (\n    renderNode: IElement,\n    datum: Datum | Datum[],\n    state: IStateInfo,\n    isMultiMark?: boolean\n  ) => 'in' | 'out' | 'skip';\n  checkState: (renderNode: IElement, datum: Datum | Datum[]) => StateValue[];\n  updateLayoutState: (noRender?: boolean) => void;\n}\n\nexport interface IMarkData extends ICompilableData {\n  setCompiledProductId: (name: string) => any;\n  generateProductId: () => string;\n}\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  /* VGrammar的组件是否支持3d */\n  mode?: '2d' | '3d';\n  /** don't separate style of mark */\n  noSeparateStyle?: boolean;\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: () => IMarkData | undefined;\n  setData: (d: IMarkData) => void;\n  getDataView: () => DataView | undefined;\n  setDataView: (d?: DataView, productId?: string) => void;\n\n  // 状态\n  state: IMarkStateManager;\n  readonly stateStyle: IMarkStateStyle<any>;\n  hasState: (state: string) => boolean;\n  getState: (state: string) => any;\n  updateState: (newState: Record<string, unknown>) => void;\n  /** 更新group | enter中的静态样式 */\n  updateStaticEncode: () => void;\n  /** 更新 mark 样式 */\n  compileEncode: () => void;\n  /** 更新encode中的样式 */\n  updateLayoutState: (noRender?: boolean, recursion?: boolean) => void;\n  /** 更新某一个状态 */\n  updateMarkState: (key: string) => void;\n\n  // transform\n  setTransform: (transform: TransformSpec[] | Nil) => void;\n\n  // 动画配置\n  setAnimationConfig: (config: Partial<MarkAnimationSpec>) => void;\n  getAnimationConfig: () => Partial<MarkAnimationSpec>;\n\n  // 是否显示\n  getVisible: () => boolean;\n  setVisible: (visible: boolean) => 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  getProductElements: () => Maybe<IMark['elements']>;\n\n  /** 获取子mark */\n  getMarks: () => ICompilableMark[];\n\n  /** 是否跳过布局阶段 */\n  setSkipBeforeLayouted: (skip: boolean) => void;\n  getSkipBeforeLayouted: () => boolean;\n\n  setStateSortCallback: (stateSort: (stateA: string, stateB: string) => number) => void;\n\n  getMarkConfig: () => IMarkConfig;\n  setMarkConfig: (config: IMarkConfig) => void;\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  context?: any;\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  // todo: 2.0考虑优化\n  STATE_SANKEY_EMPHASIS = 'selected',\n  STATE_SANKEY_EMPHASIS_REVERSE = 'blur'\n}\n\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\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"]}
+{"version":3,"sources":["../src/compile/mark/interface.ts"],"names":[],"mappings":"AAsOA,MAAM,CAAN,IAAY,gBAoBX;AApBD,WAAY,gBAAgB;IAC1B,2CAAuB,CAAA;IAEvB,yCAAqB,CAAA;IACrB,yDAAqC,CAAA;IAErC,6DAAyC,CAAA;IACzC,6EAAyD,CAAA;IAEzD,+CAA2B,CAAA;IAC3B,+DAA2C,CAAA;IAG3C,sDAAkC,CAAA;IAClC,0DAAsC,CAAA;IAEtC,iDAA6B,CAAA;IAC7B,uCAAmB,CAAA;IAEnB,2CAAuB,CAAA;AACzB,CAAC,EApBW,gBAAgB,KAAhB,gBAAgB,QAoB3B;AAED,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,iEAAqC,CAAA;IACrC,qFAAyD,CAAA;IACzD,uEAA2C,CAAA;AAC7C,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,QAInC","file":"interface.js","sourcesContent":["import type { IMark, IMarkStateStyle, MarkType } from '../../mark/interface';\nimport type { IModel } from '../../model/interface';\nimport type { GrammarItemCompileOption, GrammarItemInitOption, IGrammarItem } from '../interface';\nimport type { DataView } from '@visactor/vdataset';\nimport type { Maybe, Datum, StringOrNumber } from '../../typings';\nimport type { IRegion } from '../../region/interface';\nimport type { ICompilableData } from '../data/interface';\nimport type { ICustomPath2D, IGraphic, IGroup } from '@visactor/vrender-core';\nimport type { MarkAnimationSpec } from '../../animation/interface';\n\nexport interface IMarkConfig {\n  clipPath?: IGraphic[] | ((graphics: IGraphic[]) => IGraphic[]);\n  clip?: boolean;\n  zIndex?: number;\n  interactive?: boolean;\n  /**\n   * set customized shape\n   */\n  setCustomizedShape?: (datum: any[], attrs: any, path: ICustomPath2D) => ICustomPath2D;\n  /** 是否开启大数据渲染模式 */\n  large?: boolean;\n  /** 开启大数据渲染优化的阀值，对应的是data的长度 */\n  largeThreshold?: number;\n  /** 分片长度 */\n  progressiveStep?: number;\n  /** 开启分片渲染的阀值，对应的是单系列data的长度 */\n  progressiveThreshold?: number;\n  /**\n   * use 'sequential' for symbol chart\n   * use 'mod' for bar/line chart\n   */\n  // largeChunkMode?: 'sequential' | 'mod';\n  support3d?: boolean;\n  /**\n   * 象形图，给图形设置名称\n   */\n  graphicName?: string | ((g: IMarkConfig) => string);\n  /**\n   * enable global morphing animation of the mark\n   */\n  morph?: boolean;\n  /**\n   * this key will be used to match the mark to morph\n   */\n  morphKey?: string;\n  /**\n   * this key will be used to match the element of two marks to morph\n   * If not specified, we'll use the \"key\" of the mark by default\n   */\n  morphElementKey?: string;\n\n  overflow?: 'scroll' | 'hidden' | 'scroll-x' | 'scroll-y';\n  skipTheme?: boolean;\n}\n\nexport interface IMarkStateManager {\n  getStateInfoList: () => IStateInfo[];\n  getStateInfo: (stateValue: StateValue) => IStateInfo;\n  addStateInfo: (stateInfo: IStateInfo) => void;\n  changeStateInfo: (stateInfo: Partial<IStateInfo>) => void;\n  clearStateInfo: (stateValues: StateValue[]) => void;\n  checkOneState: (renderNode: IGraphic, datum: Datum[], state: IStateInfo) => 'in' | 'out' | 'skip';\n  checkState: (renderNode: IGraphic, datum: Datum[]) => StateValue[];\n}\n\nexport interface IMarkData extends ICompilableData {\n  setCompiledProductId: (name: string) => any;\n  generateProductId: () => string;\n}\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  /* VGrammar的组件是否支持3d */\n  mode?: '2d' | '3d';\n  /** don't separate style of mark */\n  noSeparateStyle?: boolean;\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   * 上报发生了变更，需要更新\n   */\n  commit: (render?: boolean, recursion?: boolean) => void;\n  uncommit: () => void;\n  isCommited: () => boolean;\n\n  // 数据 可以没有\n  getData: () => ICompilableData | undefined;\n  setData: (d: ICompilableData) => void;\n  getDataView: () => DataView | undefined;\n  setDataView: (d: DataView) => void;\n\n  // 状态\n  state: IMarkStateManager;\n  readonly stateStyle: IMarkStateStyle<any>;\n  hasState: (state: string) => boolean;\n  getState: (state: string) => any;\n  updateState: (newState: Record<string, unknown>) => void;\n  /** 更新 mark 样式 */\n  compileEncode: () => void;\n\n  // 动画配置\n  setAnimationConfig: (config: Partial<MarkAnimationSpec>) => void;\n  getAnimationConfig: () => Partial<MarkAnimationSpec>;\n\n  // 是否显示\n  getVisible: () => boolean;\n  setVisible: (visible: boolean) => void;\n\n  // groupKey 配置\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<IGroup>;\n\n  /** 获取子mark */\n  getMarks: () => ICompilableMark[];\n\n  /** 是否跳过布局阶段 */\n  setSkipBeforeLayouted: (skip: boolean) => void;\n\n  getMarkConfig: () => IMarkConfig;\n  setMarkConfig: (config: IMarkConfig) => void;\n\n  getContext: () => any;\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  layout: (layoutCallback: () => void) => void;\n}\n\nexport interface IMarkCompileOption extends GrammarItemCompileOption {\n  group?: IGroup;\n  context?: any;\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?:\n    | ((\n        datum: any,\n        options: {\n          mark?: IMark;\n          type?: string;\n          renderNode?: IGraphic;\n        }\n      ) => boolean)\n    | null\n    | 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  // todo: 2.0考虑优化\n  STATE_SANKEY_EMPHASIS = 'selected',\n  STATE_SANKEY_EMPHASIS_REVERSE = 'blur',\n\n  STATE_HIGHLIGHT = 'highlight',\n  STATE_BLUR = 'blur',\n\n  STATE_ACTIVE = 'active'\n}\n\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// 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/esm/compile/mark/mark-state-manager.d.ts

@@ -1,26 +1,24 @@
-import type { IElement, IMark as IVGrammarMark } from '@visactor/vgrammar-core';
+import type { IMark, IMarkGraphic } from '../../mark/interface';
 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 { IMarkStateManager, IStateInfo, StateValue } from './interface';
+import type { ICompilableInitOption } from '../interface/compilable-item';
+import { StateManager } from '../state-manager';
 export declare class MarkStateManager extends StateManager implements IMarkStateManager {
-    protected _mark: CompilableMark;
+    protected _mark: IMark;
     private _stateInfoList;
     getStateInfoList(): IStateInfo[];
-    constructor(option: IStateManagerOption, mark: CompilableMark);
+    constructor(options: ICompilableInitOption, mark: IMark);
     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;
+    protected _isMultiMark(): boolean;
+    checkOneState(renderNode: IMarkGraphic, datum: Datum[], state: IStateInfo): 'in' | 'out' | 'skip';
+    checkState(renderNode: IMarkGraphic, datum: Datum[]): StateValue[];
+    checkDatumState(state: IStateInfo, datum: Datum[]): 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): void;
-    compileState(product: IVGrammarMark, stateSort?: (stateA: string, stateB: string) => number): void;
+    checkFieldsState(state: IStateInfo, datum: Datum[], item: any): boolean;
+    checkLinearFieldState(domain: StringOrNumber[], key: string, datum: any, item: any): boolean;
 }

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

@@ -1,21 +1,21 @@
 import { isContinuous } from "@visactor/vscale";
 
-import { isArray, isObject, isValid, isBoolean } from "@visactor/vutils";
+import { isArray, isObject, isValid } from "@visactor/vutils";
 
 import { PREFIX } from "../../constant/base";
 
 import { isMultiDatumMark } from "../../mark/utils/common";
 
-import { StateManager } from "../signal/state-manager";
-
 import { stateInDefaultEnum } from "./util";
 
+import { StateManager } from "../state-manager";
+
 export class MarkStateManager extends StateManager {
     getStateInfoList() {
         return this._stateInfoList;
     }
-    constructor(option, mark) {
-        super(option), this._stateInfoList = [], this._mark = mark;
+    constructor(options, mark) {
+        super(options), this._stateInfoList = [], this._mark = mark;
     }
     _getDefaultStateMap() {
         return {
@@ -72,42 +72,46 @@ export class MarkStateManager extends StateManager {
             });
         }));
     }
-    checkOneState(renderNode, datum, state, isMultiMark) {
+    _isMultiMark() {
+        return !this._mark || isMultiDatumMark(this._mark.type);
+    }
+    checkOneState(renderNode, datum, state) {
         var _a;
-        isMultiMark = isBoolean(isMultiDatumMark) ? isMultiMark : !renderNode.mark || isMultiDatumMark(renderNode.mark.markType);
         let inState = !1, stateChecked = !1;
-        if (isValid(state.datums) && state.datums.length > 0) inState = this.checkDatumState(state, datum, isMultiMark), 
+        if (isValid(state.datums) && state.datums.length > 0) inState = this.checkDatumState(state, datum), 
         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 (state.fields) inState = this.checkFieldsState(state, datum, renderNode), 
         stateChecked = !0; else if (!inState && state.filter) {
             const options = {
                 mark: this._mark,
                 renderNode: renderNode,
-                type: renderNode.mark.markType
+                type: this._mark.type
             };
-            inState = state.filter(datum, options), stateChecked = !0;
+            inState = state.filter(null == datum ? void 0 : datum[0], options), stateChecked = !0;
         }
         return stateChecked ? inState ? "in" : "out" : "skip";
     }
     checkState(renderNode, datum) {
-        const result = renderNode.getStates().filter((s => stateInDefaultEnum(s))).map((s => [ s, 10 ])), isMultiMark = !renderNode.mark || isMultiDatumMark(renderNode.mark.markType);
+        var _a;
+        const result = (null !== (_a = renderNode.context.states) && void 0 !== _a ? _a : []).filter((s => stateInDefaultEnum(s))).map((s => [ s, 10 ]));
         for (let i = 0; i < this._stateInfoList.length; i++) {
-            const state = this._stateInfoList[i], inOut = this.checkOneState(renderNode, datum, state, isMultiMark);
+            const state = this._stateInfoList[i], inOut = this.checkOneState(renderNode, datum, state);
             "skip" !== inOut && ("in" === inOut && result.push([ state.stateValue, state.level ]));
         }
         return result.map((res => res[0]));
     }
-    checkDatumState(state, datum, isMultiMark) {
+    checkDatumState(state, datum) {
         let inState = !1;
-        const datum_v = isMultiMark ? datum[0] : datum;
+        const datum_v = datum[0];
         if (isArray(state.datums)) {
-            const keys = state.datumKeys || Object.keys(state.datums[0]).filter((k => !k.startsWith(PREFIX)));
+            const isMultiMark = this._isMultiMark(), keys = state.datumKeys || Object.keys(state.datums[0]).filter((k => !k.startsWith(PREFIX)));
             inState = state.datums.some((d => isMultiMark && 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 (isObject(state.datums)) {
-            inState = (state.datumKeys || Object.keys(state.datums).filter((k => !k.startsWith(PREFIX)))).every((k => {
+            const keys = state.datumKeys || Object.keys(state.datums).filter((k => !k.startsWith(PREFIX))), isMultiMark = this._isMultiMark();
+            inState = keys.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];
             }));
@@ -118,13 +122,13 @@ export class MarkStateManager extends StateManager {
         var _a;
         return null === (_a = state.items) || void 0 === _a ? void 0 : _a.includes(item);
     }
-    checkFieldsState(state, datum, item, isMultiMark) {
+    checkFieldsState(state, datum, item) {
         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];
+            const field = state.fields[key], type = field.type, domain = field.domain, datum_v = null === (_a = datum[0]) || void 0 === _a ? void 0 : _a[key];
             if (isContinuous(type) && domain.length > 1) {
-                if (this.checkLinearFieldState(domain, key, datum, item, isMultiMark)) {
+                if (this.checkLinearFieldState(domain, key, datum, item)) {
                     inState = !1;
                     break;
                 }
@@ -139,20 +143,10 @@ export class MarkStateManager extends StateManager {
         }
         return inState;
     }
-    checkLinearFieldState(domain, key, datum, item, isMultiMark) {
+    checkLinearFieldState(domain, key, datum, item) {
         var _a;
-        const datum_v = isMultiMark ? null === (_a = datum[0]) || void 0 === _a ? void 0 : _a[key] : datum[key];
+        const datum_v = this._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, stateSort) {
-        product.state({
-            callback: (datum, element) => this.checkState(element, datum)
-        }, stateSort);
-    }
 }
 //# sourceMappingURL=mark-state-manager.js.map

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

@@ -1 +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-core';\nimport { isContinuous } from '@visactor/vscale';\nimport { isArray, isObject, isValid, isBoolean } from '@visactor/vutils';\nimport { PREFIX } from '../../constant/base';\nimport type { MarkTypeEnum } from '../../mark/interface';\nimport { isMultiDatumMark } from '../../mark/utils/common';\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 { IMarkStateManager, IStateInfo, StateValue } from './interface';\nimport { stateInDefaultEnum } from './util';\n\n/** mark state 管理器 */\nexport class MarkStateManager extends StateManager implements IMarkStateManager {\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): void {\n    (this._stateMap.markUpdateRank as number)++;\n    return this.updateState({ markUpdateRank: this._stateMap.markUpdateRank }, noRender);\n  }\n\n  compileState(product: IVGrammarMark, stateSort?: (stateA: string, stateB: string) => number) {\n    (product as any).state(\n      {\n        callback: (datum: any, element: any) => {\n          return this.checkState(element, datum);\n        }\n      },\n      stateSort\n    );\n  }\n}\n"]}
+{"version":3,"sources":["../src/compile/mark/mark-state-manager.ts"],"names":[],"mappings":"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","file":"mark-state-manager.js","sourcesContent":["import { isContinuous } from '@visactor/vscale';\nimport { isArray, isObject, isValid } from '@visactor/vutils';\nimport { PREFIX } from '../../constant/base';\nimport type { IMark, IMarkGraphic, MarkTypeEnum } from '../../mark/interface';\nimport { isMultiDatumMark } from '../../mark/utils/common';\nimport type { Datum, StringOrNumber } from '../../typings';\nimport type { IMarkStateManager, IStateInfo, StateValue } from './interface';\nimport { stateInDefaultEnum } from './util';\nimport type { ICompilableInitOption } from '../interface/compilable-item';\nimport { StateManager } from '../state-manager';\n\n/** mark state 管理器 */\nexport class MarkStateManager extends StateManager implements IMarkStateManager {\n  /** 相关 mark */\n  protected _mark: IMark;\n\n  // state info：state 种类信息\n  private _stateInfoList: IStateInfo[] = [];\n  getStateInfoList() {\n    return this._stateInfoList;\n  }\n\n  constructor(options: ICompilableInitOption, mark: IMark) {\n    super(options);\n    this._mark = mark;\n  }\n\n  protected _getDefaultStateMap(): Record<string, unknown> {\n    return {\n      markUpdateRank: 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  protected _isMultiMark() {\n    return !this._mark || isMultiDatumMark(this._mark.type as MarkTypeEnum);\n  }\n\n  checkOneState(renderNode: IMarkGraphic, datum: Datum[], state: IStateInfo): 'in' | 'out' | 'skip' {\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);\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);\n      stateChecked = true;\n    } else if (!inState && state.filter) {\n      const options = {\n        mark: this._mark,\n        renderNode,\n        type: this._mark.type\n      };\n      inState = state.filter(datum?.[0], 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: IMarkGraphic, datum: Datum[]): StateValue[] {\n    // 由于存在多个 stateManager，需要额外返回 state 的优先级\n    // 交互状态不要删除，并且交互状态优先级统一为10\n    const result: [StateValue, number][] = ((renderNode.context.states as string[]) ?? [])\n      .filter(s => stateInDefaultEnum(s))\n      .map(s => {\n        return [s, 10];\n      });\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);\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[]): boolean {\n    let inState = false;\n    const datum_v = datum[0];\n\n    if (isArray(state.datums)) {\n      const isMultiMark = this._isMultiMark();\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      const isMultiMark = this._isMultiMark();\n\n      inState = keys.every(k => {\n        return isMultiMark\n          ? (state.datums as any).items?.[0][k] === datum_v[k]\n          : (state.datums as any)?.[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[], item: any): 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 = datum[0]?.[key];\n      if (isContinuous(type) && domain.length > 1) {\n        // 连续\n        if (this.checkLinearFieldState(domain, key, datum, item)) {\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) {\n    const datum_v = this._isMultiMark() ? datum[0]?.[key] : datum[key];\n    return datum_v < domain[0] || datum_v > domain[domain.length - 1];\n  }\n}\n"]}

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

@@ -2,4 +2,4 @@ import type { IAttrs, IMarkStateStyle } 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 stateInDefaultEnum(state: string): boolean;
-export declare function stateToReverse(state: string): any;
+export declare function stateToReverse(state: string): string;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/compile/mark/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,UAAU,gBAAgB,CAAI,GAAW,EAAE,UAA8B;;IAC7E,KAAK,MAAM,KAAK,IAAI,UAAU,EAAE;QAC9B,IAAI,KAAK,KAAK,gBAAgB,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,UAAU,CAAC,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;AAED,MAAM,UAAU,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,UAAU,CAAC,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;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,MAAM,wBAAwB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;IAC1C,wBAAwB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,kBAAkB,CAAC,KAAa;IAC9C,OAAO,CAAC,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,8BAA8B,GAAG;IACrC,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,mBAAmB;IACpE,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,gBAAgB,CAAC,sBAAsB;IAC1E,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,6BAA6B;CACzF,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,KAAa;IAC1C,OAAO,8BAA8B,CAAC,KAAK,CAAC,CAAC;AAC/C,CAAC","file":"util.js","sourcesContent":["import { isFunction } from '@visactor/vutils';\nimport type { IAttrs, IMarkStateStyle } 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\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"]}
+{"version":3,"sources":["../src/compile/mark/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,UAAU,gBAAgB,CAAI,GAAW,EAAE,UAA8B;;IAC7E,KAAK,MAAM,KAAK,IAAI,UAAU,EAAE;QAC9B,IAAI,KAAK,KAAK,gBAAgB,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,UAAU,CAAC,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;AAED,MAAM,UAAU,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,UAAU,CAAC,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;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,MAAM,wBAAwB,GAA4B,EAAE,CAAC;AAC7D,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;IAC1C,wBAAwB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,kBAAkB,CAAC,KAAa;IAC9C,OAAO,CAAC,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,8BAA8B,GAA2B;IAC7D,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,mBAAmB;IACpE,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,gBAAgB,CAAC,sBAAsB;IAC1E,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,6BAA6B;CACzF,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,KAAa;IAC1C,OAAO,8BAA8B,CAAC,KAAK,CAAC,CAAC;AAC/C,CAAC","file":"util.js","sourcesContent":["import { isFunction } from '@visactor/vutils';\nimport type { IAttrs, IMarkStateStyle } 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\nconst DEFAULT_STATE_VALUE_ENUM: Record<string, boolean> = {};\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: Record<string, string> = {\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/esm/compile/state-manager.d.ts

@@ -0,0 +1,11 @@
+import { CompilableBase } from './compilable-base';
+import type { ICompilableInitOption, StateValueMap } from './interface/compilable-item';
+export declare class StateManager extends CompilableBase {
+    compile(): void;
+    protected _stateMap: StateValueMap;
+    getStateMap(): StateValueMap;
+    protected _getDefaultStateMap(): StateValueMap;
+    constructor(options: ICompilableInitOption);
+    initStateMap(state?: StateValueMap): void;
+    updateState(newState: Partial<StateValueMap>, noRender?: boolean): void;
+}

package/esm/compile/state-manager.js

@@ -0,0 +1,23 @@
+import { merge } from "@visactor/vutils";
+
+import { CompilableBase } from "./compilable-base";
+
+export class StateManager extends CompilableBase {
+    compile() {}
+    getStateMap() {
+        return this._stateMap;
+    }
+    _getDefaultStateMap() {
+        return {};
+    }
+    constructor(options) {
+        super(options), this.initStateMap();
+    }
+    initStateMap(state) {
+        this._stateMap = null != state ? state : this._getDefaultStateMap();
+    }
+    updateState(newState, noRender) {
+        if (newState && (merge(this._stateMap, newState), !noRender)) return this.getCompiler().renderNextTick();
+    }
+}
+//# sourceMappingURL=state-manager.js.map

package/esm/compile/state-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/compile/state-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,MAAM,OAAO,YAAa,SAAQ,cAAc;IAC9C,OAAO;IAEP,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAGS,mBAAmB;QAC3B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,YAAY,OAA8B;QACxC,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAGD,YAAY,CAAC,KAAqB;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACvD,CAAC;IAGD,WAAW,CAAC,QAAgC,EAAE,QAAkB;QAC9D,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QACD,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEhC,IAAI,QAAQ,EAAE;YACZ,OAAO;SACR;QACD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC;CACF","file":"state-manager.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { CompilableBase } from './compilable-base';\nimport type { ICompilableInitOption, StateValueMap } from './interface/compilable-item';\n\nexport class StateManager extends CompilableBase {\n  compile(): void {\n    // Implementation of the compile method\n  }\n  protected _stateMap: StateValueMap;\n  getStateMap() {\n    return this._stateMap;\n  }\n\n  /** 默认 state map */\n  protected _getDefaultStateMap(): StateValueMap {\n    return {};\n  }\n\n  constructor(options: ICompilableInitOption) {\n    super(options);\n    this.initStateMap();\n  }\n\n  /** 初始化 state map */\n  initStateMap(state?: StateValueMap) {\n    this._stateMap = state ?? this._getDefaultStateMap();\n  }\n\n  /** 更新 state 并默认触发重渲染 */\n  updateState(newState: Partial<StateValueMap>, noRender?: boolean) {\n    if (!newState) {\n      return;\n    }\n    merge(this._stateMap, newState);\n\n    if (noRender) {\n      return;\n    }\n    return this.getCompiler().renderNextTick();\n  }\n}\n"]}

package/esm/compile/util.d.ts

@@ -1,2 +1,16 @@
+import type { IMorphConfig } from '../animation/spec';
+import type { IMark } from '../mark/interface';
+import type { DiffResult } from '../typings/common';
 import type { RenderMode } from '../typings/spec';
 export declare function toRenderMode(mode: RenderMode): any;
+export declare function traverseGroupMark<T>(group: IMark, apply: (mark: IMark) => T, filter?: (mark: IMark) => boolean, leafFirst?: boolean, stop?: boolean): T | undefined;
+export declare function findSimpleMarks(groups: IMark[]): IMark[];
+export declare function diffUpdateByGroup(prev: IMark[], next: IMark[], prevKey: (datum: IMark) => string, nextKey: (datum: IMark) => string): {
+    prev: IMark[];
+    next: IMark[];
+    update: {
+        prev: IMark[];
+        next: IMark[];
+    }[];
+};
+export declare function diffMarks(prevMarks: IMark[], nextMarks: IMark[], runningConfig: IMorphConfig): DiffResult<IMark[], IMark[]>;