@visactor/vchart 0.0.1-alpha.0

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

@@ -0,0 +1,288 @@
+"use strict";
+
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CompilableMark = void 0;
+
+const grammar_item_1 = require("../grammar-item"), util_1 = require("../../util"), constant_1 = require("../../constant"), util_2 = require("./util"), mark_state_manager_1 = require("./mark-state-manager"), interface_1 = require("./interface"), mark_data_1 = require("./mark-data"), interface_2 = require("../interface"), event_1 = require("../../event/event"), interface_3 = require("../../animation/interface");
+
+class CompilableMark extends grammar_item_1.GrammarItem {
+    getSupport3d() {
+        return this._support3d;
+    }
+    setSupport3d(support3d) {
+        this._support3d = support3d;
+    }
+    getFacet() {
+        return this._facet;
+    }
+    setFacet(facet) {
+        this._facet = facet;
+    }
+    getInteractive() {
+        return this._interactive;
+    }
+    setInteractive(interactive) {
+        this._interactive = interactive;
+    }
+    getZIndex() {
+        return this._zIndex;
+    }
+    setZIndex(zIndex) {
+        this._zIndex = zIndex;
+    }
+    getVisible() {
+        return this._visible;
+    }
+    setVisible(visible) {
+        this._visible = visible;
+    }
+    getUserId() {
+        return this._userId;
+    }
+    setUserId(userId) {
+        (0, util_1.isValid)(userId) && (this._userId = userId);
+    }
+    getDataView() {
+        var _a;
+        return null === (_a = this._data) || void 0 === _a ? void 0 : _a.getDataView();
+    }
+    setDataView(d, productId) {
+        (0, util_1.isNil)(this._data) && this.initMarkData(Object.assign(Object.assign({}, this._option), {
+            mark: this
+        })), (0, util_1.isValid)(productId) && this._data.setCompiledProductId(productId), 
+        this._data.setDataView(d);
+    }
+    getData() {
+        return this._data;
+    }
+    setData(d) {
+        this._data = d;
+    }
+    hasState(state) {
+        return state in this.state.getStateMap();
+    }
+    getState(state) {
+        return this.state.getStateMap()[state];
+    }
+    getAnimationConfig() {
+        return this._animationConfig;
+    }
+    setAnimationConfig(config) {
+        this._animationConfig = config;
+    }
+    setSkipBeforeLayouted(skip) {
+        this._skipBeforeLayouted = skip;
+    }
+    getSkipBeforeLayouted() {
+        return this._skipBeforeLayouted;
+    }
+    getMorph() {
+        return this._morph;
+    }
+    setMorph(morph) {
+        this._morph = morph;
+    }
+    getMorphKey() {
+        return this._morphKey;
+    }
+    setMorphKey(morphKey) {
+        this._morphKey = morphKey;
+    }
+    getMorphElementKey() {
+        return this._morphElementKey;
+    }
+    setMorphElementKey(key) {
+        this._morphElementKey = key;
+    }
+    getGroupKey() {
+        return this._groupKey;
+    }
+    setGroupKey(groupKey) {
+        this._groupKey = groupKey;
+    }
+    getLabelSpec() {
+        return this._label;
+    }
+    setLabelSpec(label) {
+        this._label = label;
+    }
+    getProgressiveConfig() {
+        return this._progressiveConfig;
+    }
+    setProgressiveConfig(config) {
+        this._progressiveConfig = config;
+    }
+    constructor(option, name, model) {
+        super(option), this.grammarType = interface_2.GrammarType.mark, this.type = void 0, 
+        this.name = "mark", this._interactive = !0, this._zIndex = constant_1.LayoutZIndex.Mark, 
+        this._visible = !0, this.stateStyle = {}, this._unCompileChannel = {}, this._skipBeforeLayouted = !1, 
+        this._morph = !0, this.name = name, this.model = model, this.key = option.key, this.state = new mark_state_manager_1.MarkStateManager(Object.assign(Object.assign({}, option), {
+            stateKeyToSignalName: this.stateKeyToSignalName.bind(this)
+        }), this), this._option.support3d && this.setSupport3d(!0), this._event = new event_1.Event(model.getOption().eventDispatcher, model.getOption().mode);
+    }
+    setTransform(transform) {
+        this._transform = transform;
+    }
+    initMarkData(option) {
+        this._data = new mark_data_1.MarkData(option);
+    }
+    stateKeyToSignalName(key) {
+        return `${constant_1.PREFIX}_${this.type}_${this.id}_${key}`;
+    }
+    getAttribute(key, datum, state, opt) {}
+    _compileProduct(option) {
+        const product = this.getProduct();
+        if (!this.getVisible()) return void ((0, util_1.isValid)(product) && this.removeProduct());
+        if ((0, util_1.isValid)(product)) return;
+        this.getCompiler().isInited && (this._initProduct(null == option ? void 0 : option.group), 
+        (0, util_1.isNil)(this._product) || (this.compileSignal(), this.compileData(), this.compileState(), 
+        this.compileEncode(), this.compileAnimation(), this.compileContext(), this.compileTransform()));
+    }
+    _initProduct(group) {
+        const view = this.getVGrammarView(), id = this.getProductId();
+        this._product = view.mark(this.type, null != group ? group : view.rootMark).id(id), 
+        this._compiledProductId = id;
+    }
+    generateProductId() {
+        return this._userId ? `${this._userId}` : `${this.name}_${this.id}`;
+    }
+    compileData() {
+        var _a;
+        if ((0, util_1.isNil)(this._data)) return;
+        this._data.compile();
+        const dataProduct = this._data.getProduct();
+        (0, util_1.isValid)(this._product) && (0, util_1.isValid)(dataProduct) && this._product.join(dataProduct, this.key, void 0, null !== (_a = this._groupKey) && void 0 !== _a ? _a : this._facet);
+    }
+    compileEncode() {
+        const _a = this.stateStyle, _b = interface_1.STATE_VALUE_ENUM.STATE_NORMAL, normalStyle = _a[_b], temp = __rest(_a, [ "symbol" == typeof _b ? _b : _b + "" ]), enterStyles = {}, updateStyles = {};
+        Object.keys(normalStyle).forEach((key => {
+            this._unCompileChannel[key] || ((0, util_2.isStateAttrChangeable)(key, normalStyle) ? updateStyles[key] = {
+                callback: this.compileCommonAttributeCallback(key, "normal"),
+                dependency: [ this.stateKeyToSignalName("markUpdateRank") ]
+            } : enterStyles[key] = this.compileCommonAttributeCallback(key, "normal"));
+        })), this._product.encode(updateStyles), this._product.encodeState("enter", enterStyles), 
+        Object.keys(temp).forEach((state => {
+            const styles = {};
+            Object.keys(temp[state]).forEach((key => {
+                this._unCompileChannel[key] || (styles[key] = {
+                    callback: this.compileCommonAttributeCallback(key, state),
+                    dependency: [ this.stateKeyToSignalName("markUpdateRank") ]
+                });
+            })), this._product.encodeState(state, styles);
+        })), this._skipBeforeLayouted && this._product.layout({
+            skipBeforeLayouted: this._skipBeforeLayouted
+        });
+    }
+    compileState() {
+        this.state.compileState(this._product);
+    }
+    compileAnimation() {
+        var _a, _b;
+        if (this._animationConfig) {
+            let stateSignal;
+            if ("component" === this.type) stateSignal = null === (_a = this.model.animate) || void 0 === _a ? void 0 : _a.getAnimationStateSignalName(); else {
+                const region = this.model.getRegion();
+                stateSignal = null === (_b = region.animate) || void 0 === _b ? void 0 : _b.getAnimationStateSignalName();
+            }
+            this._product.animation(this._animationConfig), this._product.animationState({
+                callback: (datum, element, parameters) => {
+                    var _a;
+                    return null === (_a = parameters[stateSignal]) || void 0 === _a ? void 0 : _a.callback(datum, element);
+                },
+                dependency: stateSignal
+            }), this._animationConfig.normal && this._event.on(constant_1.VGRAMMAR_HOOK_EVENT.ANIMATION_END, (({event: event}) => {
+                event.mark === this.getProduct() && event.animationState === interface_3.AnimationStateEnum.appear && this.runAnimationByState(interface_3.AnimationStateEnum.normal);
+            }));
+        }
+    }
+    compileContext() {
+        const config = {
+            interactive: this.getInteractive(),
+            zIndex: this.getZIndex(),
+            context: {
+                markId: this.id,
+                modelId: this.model.id,
+                markUserId: this._userId,
+                modelUserId: this.model.userId
+            },
+            support3d: this.getSupport3d()
+        };
+        this._progressiveConfig && (config.progressiveStep = this._progressiveConfig.progressiveStep, 
+        config.progressiveThreshold = this._progressiveConfig.progressiveThreshold, config.large = this._progressiveConfig.large, 
+        config.largeThreshold = this._progressiveConfig.largeThreshold), this._morph && this._morphKey && (config.morph = this._morph, 
+        config.morphKey = this._morphKey, config.morphElementKey = this._morphElementKey), 
+        this._product.configure(config);
+    }
+    compileSignal() {
+        this.state.compile();
+    }
+    compileCommonAttributeCallback(key, state) {
+        return (datum, element) => {
+            const mark = element.mark, opt = {
+                mark: mark,
+                parent: mark.group,
+                states: element.getStates(),
+                element: element
+            };
+            return (0, util_2.attrTransform)(this.type, key, this.getAttribute(key, datum, state, opt));
+        };
+    }
+    compileTransform() {
+        var _a;
+        (null === (_a = this._transform) || void 0 === _a ? void 0 : _a.length) && this.getProduct().transform(this._transform);
+    }
+    _lookupGrammar(id) {
+        var _a;
+        return null === (_a = this.getCompiler().getVGrammarView()) || void 0 === _a ? void 0 : _a.getMarkById(id);
+    }
+    updateState(newState, noRender) {
+        return this.state.updateState(newState, noRender);
+    }
+    updateLayoutState(noRender, recursion) {
+        return recursion && this.getMarks().length > 0 && this.getMarks().forEach((m => m.state.updateLayoutState(!0))), 
+        this.state.updateLayoutState(noRender);
+    }
+    updateMarkState(key) {
+        if (!this._product) return;
+        const stateInfo = this.state.getStateInfo(key);
+        this._product.elements.forEach((e => {
+            "in" === this.state.checkOneState(e, e.getDatum(), stateInfo) ? e.addState(key) : e.removeState(key);
+        }));
+    }
+    getMarks() {
+        return [];
+    }
+    runAnimationByState(state) {
+        var _a, _b;
+        return null === (_b = null === (_a = this.getProduct()) || void 0 === _a ? void 0 : _a.animate) || void 0 === _b ? void 0 : _b.runAnimationByState(state);
+    }
+    stopAnimationByState(state) {
+        var _a, _b;
+        return null === (_b = null === (_a = this.getProduct()) || void 0 === _a ? void 0 : _a.animate) || void 0 === _b ? void 0 : _b.stopAnimationByState(state);
+    }
+    pauseAnimationByState(state) {
+        var _a, _b;
+        return null === (_b = null === (_a = this.getProduct()) || void 0 === _a ? void 0 : _a.animate) || void 0 === _b ? void 0 : _b.pauseAnimationByState(state);
+    }
+    resumeAnimationByState(state) {
+        var _a, _b;
+        return null === (_b = null === (_a = this.getProduct()) || void 0 === _a ? void 0 : _a.animate) || void 0 === _b ? void 0 : _b.resumeAnimationByState(state);
+    }
+    release() {
+        super.release(), this.state.release();
+    }
+}
+
+exports.CompilableMark = CompilableMark;
+//# sourceMappingURL=compilable-mark.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["compile/mark/compilable-mark.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,kDAA8C;AAE9C,qCAA4C;AAC5C,6CAA2E;AAI3E,iCAA8D;AAC9D,6DAAwD;AAUxD,2CAA+C;AAC/C,2CAAuC;AACvC,4CAA2C;AAG3C,6CAA0C;AAE1C,yDAA+D;AAI/D,MAAsB,cAAe,SAAQ,0BAAW;IAatD,YAAY;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,YAAY,CAAC,SAAkB;QAC7B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAID,QAAQ;QACN,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,QAAQ,CAAC,KAAa;QACpB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAID,cAAc;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,cAAc,CAAC,WAAoB;QACjC,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;IAClC,CAAC;IAID,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IACD,SAAS,CAAC,MAAc;QACtB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IAID,UAAU;QACR,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IACD,UAAU,CAAC,OAAgB;QACzB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC1B,CAAC;IAMD,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IACD,SAAS,CAAC,MAAsB;QAC9B,IAAI,IAAA,cAAO,EAAC,MAAM,CAAC,EAAE;YACnB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;IACH,CAAC;IAOD,WAAW;;QACT,OAAO,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,EAAE,CAAC;IACnC,CAAC;IACD,WAAW,CAAC,CAAY,EAAE,SAAkB;QAC1C,IAAI,IAAA,YAAK,EAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,CAAC,YAAY,iCACZ,IAAI,CAAC,OAAO,KACf,IAAI,EAAE,IAAI,IACV,CAAC;SACJ;QACD,IAAI,IAAA,cAAO,EAAC,SAAS,CAAC,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;SAC5C;QACD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC;IACD,OAAO;QACL,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,OAAO,CAAC,CAAY;QAClB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IACjB,CAAC;IAUD,QAAQ,CAAC,KAAa;QACpB,OAAO,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;IAC3C,CAAC;IACD,QAAQ,CAAC,KAAa;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;IAKD,kBAAkB;QAChB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IACD,kBAAkB,CAAC,MAAkC;QACnD,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC;IACjC,CAAC;IAKD,qBAAqB,CAAC,IAAa;QACjC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;IAClC,CAAC;IACD,qBAAqB;QACnB,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;IAID,QAAQ;QACN,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,QAAQ,CAAC,KAAc;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IACD,WAAW,CAAC,QAAgB;QAC1B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC5B,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IACD,kBAAkB,CAAC,GAAW;QAC5B,IAAI,CAAC,gBAAgB,GAAG,GAAG,CAAC;IAC9B,CAAC;IAGD,WAAW;QACT,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IACD,WAAW,CAAC,QAAgB;QAC1B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC5B,CAAC;IAGD,YAAY;QACV,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,YAAY,CAAC,KAAiB;QAC5B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAGD,oBAAoB;QAClB,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IACD,oBAAoB,CAAC,MAA8B;QACjD,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC;IACnC,CAAC;IAID,YAAY,MAA6B,EAAE,IAAY,EAAE,KAAa;QACpE,KAAK,CAAC,MAAM,CAAC,CAAC;QApLP,gBAAW,GAAG,uBAAW,CAAC,IAAI,CAAC;QAE/B,SAAI,GAAa,SAAgC,CAAC;QAGlD,SAAI,GAAW,MAAM,CAAC;QAwBrB,iBAAY,GAAY,IAAI,CAAC;QAS7B,YAAO,GAAW,uBAAY,CAAC,IAAI,CAAC;QASpC,aAAQ,GAAY,IAAI,CAAC;QAiDnC,eAAU,GAAyB,EAAE,CAAC;QAK5B,sBAAiB,GAAiC,EAAE,CAAC;QAoBvD,wBAAmB,GAAG,KAAK,CAAC;QAU1B,WAAM,GAAY,IAAI,CAAC;QAkD/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,IAAI,qCAAgB,iCAE1B,MAAM,KACT,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,KAE5D,IAAI,CACL,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,CAAC,MAAM,GAAG,IAAI,aAAK,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC;IACrF,CAAC;IAQD,YAAY,CAAC,SAAgC;QAC3C,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAGS,YAAY,CAAC,MAA2B;QAChD,IAAI,CAAC,KAAK,GAAG,IAAI,oBAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAES,oBAAoB,CAAC,GAAW;QACxC,OAAO,GAAG,iBAAM,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC;IACpD,CAAC;IAED,YAAY,CAAC,GAAQ,EAAE,KAAU,EAAE,KAAqB,EAAE,GAAmB;IAE7E,CAAC;IAES,eAAe,CAAC,MAA2B;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAElC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;YACtB,IAAI,IAAA,cAAO,EAAC,OAAO,CAAC,EAAE;gBACpB,IAAI,CAAC,aAAa,EAAE,CAAC;aACtB;YACD,OAAO;SACR;aAAM,IAAI,IAAA,cAAO,EAAC,OAAO,CAAC,EAAE;YAC3B,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACtB,OAAO;SACR;QACD,IAAI,CAAC,YAAY,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,CAAC;QACjC,IAAI,IAAA,YAAK,EAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YACxB,OAAO;SACR;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAGS,YAAY,CAAC,KAA2B;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAGpC,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAuB,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACvF,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;IAC/B,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;SAC1B;QACD,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;IACnC,CAAC;IAED,WAAW;;QACT,IAAI,IAAA,YAAK,EAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrB,OAAO;SACR;QACD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QAGrB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QAC5C,IAAI,IAAA,cAAO,EAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAA,cAAO,EAAC,WAAW,CAAC,EAAE;YAClD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAI,CAAC,MAAM,CAAC,CAAC;SACrF;IACH,CAAC;IAED,aAAa;QACX,MAAkE,KAAA,IAAI,CAAC,UAAU,EAAzE,KAAC,4BAAgB,CAAC,YAAa,EAAE,WAAW,SAAA,EAAK,IAAI,cAAvD,uCAAyD,CAAkB,CAAC;QAElF,MAAM,WAAW,GAA0C,EAAE,CAAC;QAC9D,MAAM,YAAY,GAA0C,EAAE,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACrC,IAAI,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE;gBAC/B,OAAO;aACR;YACD,IAAI,IAAA,4BAAqB,EAAC,GAAG,EAAE,WAAW,CAAC,EAAE;gBAC3C,YAAY,CAAC,GAAG,CAAC,GAAG;oBAClB,QAAQ,EAAE,IAAI,CAAC,8BAA8B,CAAC,GAAG,EAAE,QAAQ,CAAC;oBAC5D,UAAU,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;iBAC1D,CAAC;aACH;iBAAM;gBACL,WAAW,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,8BAA8B,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;aACvE;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEhD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAChC,MAAM,MAAM,GAA0C,EAAE,CAAC;YACzD,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACrC,IAAI,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE;oBAC/B,OAAO;iBACR;gBACD,MAAM,CAAC,GAAG,CAAC,GAAG;oBACZ,QAAQ,EAAE,IAAI,CAAC,8BAA8B,CAAC,GAAG,EAAE,KAAK,CAAC;oBACzD,UAAU,EAAE,CAAC,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;iBAC1D,CAAC;YACJ,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAGH,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACnB,kBAAkB,EAAE,IAAI,CAAC,mBAAmB;aAC7C,CAAC,CAAC;SACJ;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC;IAED,gBAAgB;;QACd,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,WAAgB,CAAC;YACrB,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;gBAE7B,WAAW,GAAG,MAAC,IAAI,CAAC,KAAoB,CAAC,OAAO,0CAAE,2BAA2B,EAAE,CAAC;aACjF;iBAAM;gBACL,MAAM,MAAM,GAAI,IAAI,CAAC,KAAiB,CAAC,SAAS,EAAE,CAAC;gBACnD,WAAW,GAAG,MAAA,MAAM,CAAC,OAAO,0CAAE,2BAA2B,EAAE,CAAC;aAC7D;YACD,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC/C,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;gBAC3B,QAAQ,EAAE,CAAC,KAAY,EAAE,OAAiB,EAAE,UAA+B,EAAE,EAAE;;oBAC7E,OAAO,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;gBAC3D,CAAC;gBACD,UAAU,EAAE,WAAW;aACxB,CAAC,CAAC;YACH,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;gBAChC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,8BAAmB,CAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;oBAC9D,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,EAAE,IAAI,KAAK,CAAC,cAAc,KAAK,8BAAkB,CAAC,MAAM,EAAE;wBAC1F,IAAI,CAAC,mBAAmB,CAAC,8BAAkB,CAAC,MAAM,CAAC,CAAC;qBACrD;gBACH,CAAC,CAAC,CAAC;aACJ;SACF;IACH,CAAC;IAED,cAAc;QACZ,MAAM,MAAM,GAAgB;YAC1B,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE;YAClC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;YACxB,OAAO,EAAE;gBACP,MAAM,EAAE,IAAI,CAAC,EAAE;gBACf,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;gBACtB,UAAU,EAAE,IAAI,CAAC,OAAO;gBACxB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;aAC/B;YACD,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE;SAC/B,CAAC;QAEF,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC;YACjE,MAAM,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,CAAC;YAC3E,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;YAC7C,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC;SAChE;QAED,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE;YACjC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;YAC3B,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;YACjC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,CAAC;SAChD;QAED,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC;IAED,aAAa;QACX,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACvB,CAAC;IAIS,8BAA8B,CAAC,GAAW,EAAE,KAAa;QACjE,OAAO,CAAC,KAAY,EAAE,OAAiB,EAAE,EAAE;YACzC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;YAC1B,MAAM,GAAG,GAAkB,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC;YACpG,OAAO,IAAA,oBAAa,EAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,GAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;QACzF,CAAC,CAAC;IACJ,CAAC;IAES,gBAAgB;;QACxB,IAAI,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,EAAE;YAC3B,IAAI,CAAC,UAAU,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9C;IACH,CAAC;IAES,cAAc,CAAC,EAAU;;QACjC,OAAO,MAAA,IAAI,CAAC,WAAW,EAAE,CAAC,eAAe,EAAE,0CAAE,WAAW,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;IAED,WAAW,CAAC,QAAiC,EAAE,QAAkB;QAC/D,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACpD,CAAC;IAED,iBAAiB,CAAC,QAAkB,EAAE,SAAmB;QACvD,IAAI,SAAS,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3C,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;SAC/D;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAED,eAAe,CAAC,GAAW;QACzB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO;SACR;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACjC,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,KAAK,IAAI,EAAE;gBACjE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;aACjB;iBAAM;gBACL,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;aACpB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ;QACN,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,mBAAmB,CAAC,KAAc;;QAChC,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,EAAE,0CAAE,OAAO,0CAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChE,CAAC;IAED,oBAAoB,CAAC,KAAc;;QACjC,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,EAAE,0CAAE,OAAO,0CAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACjE,CAAC;IAED,qBAAqB,CAAC,KAAc;;QAClC,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,EAAE,0CAAE,OAAO,0CAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAClE,CAAC;IAED,sBAAsB,CAAC,KAAc;;QACnC,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,EAAE,0CAAE,OAAO,0CAAE,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACnE,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACvB,CAAC;CACF;AAxcD,wCAwcC","file":"compilable-mark.js","sourcesContent":["import type {\n  IElement,\n  IGroupMark,\n  IMark,\n  IMarkConfig,\n  MarkAnimationSpec,\n  MarkFunctionCallback,\n  MarkFunctionType,\n  Nil,\n  TransformSpec\n} from '@visactor/vgrammar';\n// eslint-disable-next-line no-duplicate-imports\nimport type { GrammarMarkType } from '@visactor/vgrammar';\nimport type { DataView } from '@visactor/vdataset';\nimport { GrammarItem } from '../grammar-item';\nimport type { Maybe, Datum, StringOrNumber } from '../../typings';\nimport { isNil, isValid } from '../../util';\nimport { LayoutZIndex, PREFIX, VGRAMMAR_HOOK_EVENT } from '../../constant';\nimport type { IMarkProgressiveConfig, IMarkStateStyle, MarkType } from '../../mark/interface';\nimport type { IModel } from '../../model/interface';\nimport type { ISeries } from '../../series/interface';\nimport { attrTransform, isStateAttrChangeable } from './util';\nimport { MarkStateManager } from './mark-state-manager';\nimport type {\n  ICompilableMark,\n  IMarkDataInitOption,\n  ICompilableMarkOption,\n  StateValueType,\n  IMarkCompileOption,\n  IAttributeOpt\n} from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { STATE_VALUE_ENUM } from './interface';\nimport { MarkData } from './mark-data';\nimport { GrammarType } from '../interface';\nimport type { IComponent } from '../../component/interface';\nimport type { IEvent } from '../../event/interface';\nimport { Event } from '../../event/event';\n// eslint-disable-next-line no-duplicate-imports\nimport { AnimationStateEnum } from '../../animation/interface';\nimport type { ILabelSpec } from '../../component/label';\n\n/** 可编译的 mark 对象，这个基类只存放编译相关的逻辑 */\nexport abstract class CompilableMark extends GrammarItem implements ICompilableMark {\n  readonly grammarType = GrammarType.mark;\n  /** 类型 */\n  readonly type: MarkType = undefined as unknown as MarkType;\n\n  /** name */\n  readonly name: string = 'mark';\n\n  /** key field */\n  readonly key: ICompilableMark['key'];\n\n  /** 3d开关 */\n  protected _support3d?: boolean;\n  getSupport3d() {\n    return this._support3d;\n  }\n  setSupport3d(support3d: boolean) {\n    this._support3d = support3d;\n  }\n\n  /** 分片 */\n  protected _facet?: string;\n  getFacet() {\n    return this._facet;\n  }\n  setFacet(facet: string) {\n    this._facet = facet;\n  }\n\n  /** 交互开关 */\n  protected _interactive: boolean = true;\n  getInteractive() {\n    return this._interactive;\n  }\n  setInteractive(interactive: boolean) {\n    this._interactive = interactive;\n  }\n\n  /** 层级 */\n  protected _zIndex: number = LayoutZIndex.Mark;\n  getZIndex() {\n    return this._zIndex;\n  }\n  setZIndex(zIndex: number) {\n    this._zIndex = zIndex;\n  }\n\n  /** 可见性 */\n  protected _visible: boolean = true;\n  getVisible() {\n    return this._visible;\n  }\n  setVisible(visible: boolean) {\n    this._visible = visible;\n  }\n\n  /**\n   * 用户设置的 id\n   */\n  protected _userId: StringOrNumber;\n  getUserId() {\n    return this._userId;\n  }\n  setUserId(userId: StringOrNumber) {\n    if (isValid(userId)) {\n      this._userId = userId;\n    }\n  }\n\n  /** parent model */\n  readonly model: IModel;\n\n  /** 数据（可以没有） */\n  protected _data: Maybe<MarkData>;\n  getDataView(): DataView | undefined {\n    return this._data?.getDataView();\n  }\n  setDataView(d?: DataView, productId?: string) {\n    if (isNil(this._data)) {\n      this.initMarkData({\n        ...this._option,\n        mark: this\n      });\n    }\n    if (isValid(productId)) {\n      this._data.setCompiledProductId(productId);\n    }\n    this._data.setDataView(d);\n  }\n  getData() {\n    return this._data;\n  }\n  setData(d?: MarkData) {\n    this._data = d;\n  }\n\n  /** 默认的stateStyle */\n  stateStyle: IMarkStateStyle<any> = {};\n\n  /** 状态管理器 */\n  state: MarkStateManager;\n\n  protected _unCompileChannel: { [key in string]: boolean } = {};\n\n  hasState(state: string) {\n    return state in this.state.getStateMap();\n  }\n  getState(state: string) {\n    return this.state.getStateMap()[state];\n  }\n\n  protected _event: IEvent;\n\n  protected _animationConfig: Partial<MarkAnimationSpec>;\n  getAnimationConfig() {\n    return this._animationConfig;\n  }\n  setAnimationConfig(config: Partial<MarkAnimationSpec>) {\n    this._animationConfig = config;\n  }\n\n  /** 布局标记 */\n  private _skipBeforeLayouted = false;\n\n  setSkipBeforeLayouted(skip: boolean) {\n    this._skipBeforeLayouted = skip;\n  }\n  getSkipBeforeLayouted(): boolean {\n    return this._skipBeforeLayouted;\n  }\n\n  /** morph动画关联关系配置 */\n  protected _morph: boolean = true;\n  getMorph() {\n    return this._morph;\n  }\n  setMorph(morph: boolean) {\n    this._morph = morph;\n  }\n  protected _morphKey?: string;\n  getMorphKey() {\n    return this._morphKey;\n  }\n  setMorphKey(morphKey: string) {\n    this._morphKey = morphKey;\n  }\n  protected _morphElementKey?: string;\n  getMorphElementKey() {\n    return this._morphElementKey;\n  }\n  setMorphElementKey(key: string) {\n    this._morphElementKey = key;\n  }\n\n  protected _groupKey?: string;\n  getGroupKey() {\n    return this._groupKey;\n  }\n  setGroupKey(groupKey: string) {\n    this._groupKey = groupKey;\n  }\n\n  protected _label?: ILabelSpec;\n  getLabelSpec() {\n    return this._label;\n  }\n  setLabelSpec(label: ILabelSpec) {\n    this._label = label;\n  }\n\n  protected _progressiveConfig: IMarkProgressiveConfig;\n  getProgressiveConfig() {\n    return this._progressiveConfig;\n  }\n  setProgressiveConfig(config: IMarkProgressiveConfig) {\n    this._progressiveConfig = config;\n  }\n\n  protected declare _option: ICompilableMarkOption;\n\n  constructor(option: ICompilableMarkOption, name: string, model: IModel) {\n    super(option);\n    this.name = name;\n    this.model = model;\n    this.key = option.key;\n    this.state = new MarkStateManager(\n      {\n        ...option,\n        stateKeyToSignalName: this.stateKeyToSignalName.bind(this)\n      },\n      this\n    );\n    this._option.support3d && this.setSupport3d(true);\n    this._event = new Event(model.getOption().eventDispatcher, model.getOption().mode);\n  }\n\n  protected declare _product: Maybe<IMark>;\n  declare getProduct: () => Maybe<IMark>;\n\n  // transform目前在形状词云中使用，但直接用的 vgrammar 接口 (this._wordMark as ICompilableMark).getProduct().transform(wordCloudTransforms);\n  // 暂时没有用到这里的setTransform()\n  protected _transform: TransformSpec[] | Nil;\n  setTransform(transform: TransformSpec[] | Nil) {\n    this._transform = transform;\n  }\n\n  /** 初始化 mark data */\n  protected initMarkData(option: IMarkDataInitOption) {\n    this._data = new MarkData(option);\n  }\n\n  protected stateKeyToSignalName(key: string) {\n    return `${PREFIX}_${this.type}_${this.id}_${key}`;\n  }\n\n  getAttribute(key: any, datum: any, state: StateValueType, opt?: IAttributeOpt) {\n    // do nothing\n  }\n\n  protected _compileProduct(option?: IMarkCompileOption) {\n    const product = this.getProduct();\n    // 处理 visible 为 false 的情况\n    if (!this.getVisible()) {\n      if (isValid(product)) {\n        this.removeProduct();\n      }\n      return;\n    } else if (isValid(product)) {\n      return; // 每个mark只执行一次编译\n    }\n\n    const compiler = this.getCompiler();\n    if (!compiler.isInited) {\n      return;\n    }\n    this._initProduct(option?.group);\n    if (isNil(this._product)) {\n      return;\n    }\n\n    this.compileSignal();\n    this.compileData();\n    this.compileState();\n    this.compileEncode();\n    this.compileAnimation();\n    this.compileContext();\n    this.compileTransform();\n  }\n\n  /** 创建语法元素对象 */\n  protected _initProduct(group?: string | IGroupMark) {\n    const view = this.getVGrammarView();\n\n    // 声明语法元素\n    const id = this.getProductId();\n    this._product = view.mark(this.type as GrammarMarkType, group ?? view.rootMark).id(id);\n    this._compiledProductId = id;\n  }\n\n  generateProductId() {\n    if (this._userId) {\n      return `${this._userId}`;\n    }\n    return `${this.name}_${this.id}`;\n  }\n\n  compileData() {\n    if (isNil(this._data)) {\n      return;\n    }\n    this._data.compile();\n\n    // 绑定数据\n    const dataProduct = this._data.getProduct();\n    if (isValid(this._product) && isValid(dataProduct)) {\n      this._product.join(dataProduct, this.key, undefined, this._groupKey ?? this._facet);\n    }\n  }\n\n  compileEncode() {\n    const { [STATE_VALUE_ENUM.STATE_NORMAL]: normalStyle, ...temp } = this.stateStyle;\n\n    const enterStyles: Record<string, MarkFunctionType<any>> = {};\n    const updateStyles: Record<string, MarkFunctionType<any>> = {};\n    Object.keys(normalStyle).forEach(key => {\n      if (this._unCompileChannel[key]) {\n        return;\n      }\n      if (isStateAttrChangeable(key, normalStyle)) {\n        updateStyles[key] = {\n          callback: this.compileCommonAttributeCallback(key, 'normal'),\n          dependency: [this.stateKeyToSignalName('markUpdateRank')]\n        };\n      } else {\n        enterStyles[key] = this.compileCommonAttributeCallback(key, 'normal');\n      }\n    });\n\n    this._product.encode(updateStyles);\n    this._product.encodeState('enter', enterStyles);\n\n    Object.keys(temp).forEach(state => {\n      const styles: Record<string, MarkFunctionType<any>> = {};\n      Object.keys(temp[state]).forEach(key => {\n        if (this._unCompileChannel[key]) {\n          return;\n        }\n        styles[key] = {\n          callback: this.compileCommonAttributeCallback(key, state),\n          dependency: [this.stateKeyToSignalName('markUpdateRank')]\n        };\n      });\n      this._product.encodeState(state, styles);\n    });\n\n    // 在布局完成前不进行encode\n    if (this._skipBeforeLayouted) {\n      this._product.layout({\n        skipBeforeLayouted: this._skipBeforeLayouted\n      });\n    }\n  }\n\n  compileState() {\n    this.state.compileState(this._product);\n  }\n\n  compileAnimation() {\n    if (this._animationConfig) {\n      let stateSignal: any;\n      if (this.type === 'component') {\n        // 组件有自己的动画状态\n        stateSignal = (this.model as IComponent).animate?.getAnimationStateSignalName();\n      } else {\n        const region = (this.model as ISeries).getRegion();\n        stateSignal = region.animate?.getAnimationStateSignalName();\n      }\n      this._product.animation(this._animationConfig);\n      this._product.animationState({\n        callback: (datum: Datum, element: IElement, parameters: Record<string, any>) => {\n          return parameters[stateSignal]?.callback(datum, element);\n        },\n        dependency: stateSignal\n      });\n      if (this._animationConfig.normal) {\n        this._event.on(VGRAMMAR_HOOK_EVENT.ANIMATION_END, ({ event }) => {\n          if (event.mark === this.getProduct() && event.animationState === AnimationStateEnum.appear) {\n            this.runAnimationByState(AnimationStateEnum.normal);\n          }\n        });\n      }\n    }\n  }\n\n  compileContext() {\n    const config: IMarkConfig = {\n      interactive: this.getInteractive(),\n      zIndex: this.getZIndex(),\n      context: {\n        markId: this.id,\n        modelId: this.model.id,\n        markUserId: this._userId,\n        modelUserId: this.model.userId\n      },\n      support3d: this.getSupport3d()\n    };\n\n    if (this._progressiveConfig) {\n      config.progressiveStep = this._progressiveConfig.progressiveStep;\n      config.progressiveThreshold = this._progressiveConfig.progressiveThreshold;\n      config.large = this._progressiveConfig.large;\n      config.largeThreshold = this._progressiveConfig.largeThreshold;\n    }\n\n    if (this._morph && this._morphKey) {\n      config.morph = this._morph;\n      config.morphKey = this._morphKey;\n      config.morphElementKey = this._morphElementKey;\n    }\n\n    this._product.configure(config);\n  }\n\n  compileSignal() {\n    this.state.compile();\n  }\n\n  // TODO: 1. opt内容待定，确实需要再来补充（之前是scale.bindScales/bindSignals，从context.params中可以获取到）\n  // TODO: 2. stateSourceItem，是否根据attr区分，存在默认写死的情况，例如\"hover\"/\"normal\"；\n  protected compileCommonAttributeCallback(key: string, state: string): MarkFunctionCallback<any> {\n    return (datum: Datum, element: IElement) => {\n      const mark = element.mark;\n      const opt: IAttributeOpt = { mark: mark, parent: mark.group, states: element.getStates(), element };\n      return attrTransform(this.type, key, this.getAttribute(key as any, datum, state, opt));\n    };\n  }\n\n  protected compileTransform() {\n    if (this._transform?.length) {\n      this.getProduct().transform(this._transform);\n    }\n  }\n\n  protected _lookupGrammar(id: string) {\n    return this.getCompiler().getVGrammarView()?.getMarkById(id);\n  }\n\n  updateState(newState: Record<string, unknown>, noRender?: boolean) {\n    return this.state.updateState(newState, noRender);\n  }\n\n  updateLayoutState(noRender?: boolean, recursion?: boolean): Promise<void> {\n    if (recursion && this.getMarks().length > 0) {\n      this.getMarks().forEach(m => m.state.updateLayoutState(true));\n    }\n    return this.state.updateLayoutState(noRender);\n  }\n\n  updateMarkState(key: string): void {\n    if (!this._product) {\n      return;\n    }\n    const stateInfo = this.state.getStateInfo(key);\n    this._product.elements.forEach(e => {\n      if (this.state.checkOneState(e, e.getDatum(), stateInfo) === 'in') {\n        e.addState(key);\n      } else {\n        e.removeState(key);\n      }\n    });\n  }\n\n  getMarks(): ICompilableMark[] {\n    return [];\n  }\n\n  runAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.runAnimationByState(state);\n  }\n\n  stopAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.stopAnimationByState(state);\n  }\n\n  pauseAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.pauseAnimationByState(state);\n  }\n\n  resumeAnimationByState(state?: string) {\n    return this.getProduct()?.animate?.resumeAnimationByState(state);\n  }\n\n  release() {\n    super.release();\n    this.state.release();\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+export * from './interface';
+export * from './compilable-mark';
+export * from './mark-state-manager';

package/cjs/compile/mark/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./interface"), exports), __exportStar(require("./compilable-mark"), exports), 
+__exportStar(require("./mark-state-manager"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["compile/mark/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC;AAClC,uDAAqC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './compilable-mark';\nexport * from './mark-state-manager';\n"]}

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

@@ -0,0 +1,148 @@
+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';
+export interface ICompilableMarkOption extends GrammarItemInitOption {
+    key?: string | ((datum: Datum) => string);
+    groupKey?: string;
+    skipBeforeLayouted?: boolean;
+    support3d?: boolean;
+}
+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'];
+    states: string[];
+}
+export interface IModelMarkAttributeContext {
+    [key: string]: unknown;
+}
+export interface ISeriesMarkAttributeContext extends IModelMarkAttributeContext {
+    globalScale: (scaleKey: string, value: string | number) => unknown;
+    seriesColor: (seriesValue?: string | number) => string;
+}

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":["compile/mark/interface.ts"],"names":[],"mappings":";;;AAqMA,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';\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}\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  states: string[];\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"]}

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":["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;
+}