@visactor/vgrammar-core 0.7.0

package/es/graph/glyph-element.js

@@ -0,0 +1,206 @@
+import { has, isNil, isBoolean, isFunction } from "@visactor/vutils";
+
+import { isEqual } from "@visactor/vgrammar-util";
+
+import { cloneTransformAttributes, transformAttributes } from "./attributes";
+
+import { BridgeElementKey, CollectionMarkType } from "./constants";
+
+import { DiffState, HOOK_EVENT, GrammarMarkType } from "./enums";
+
+import { Element } from "./element";
+
+import { invokeEncoderToItems } from "./mark/encode";
+
+export class GlyphElement extends Element {
+    constructor(mark) {
+        super(mark), this.getStateAttrs = (stateName, nextStates) => {
+            var _a, _b, _c;
+            const isRuntimeState = !isNil(null === (_a = this.runtimeStatesEncoder) || void 0 === _a ? void 0 : _a[stateName]), encoder = isRuntimeState ? this.runtimeStatesEncoder[stateName] : null === (_b = this.mark.getSpec().encode) || void 0 === _b ? void 0 : _b[stateName], glyphStateAttributes = {};
+            if (!encoder) return glyphStateAttributes;
+            if (isFunction(encoder)) return glyphStateAttributes.attributes = encoder(this.getDatum(), this, stateName, nextStates), 
+            glyphStateAttributes;
+            if (!isRuntimeState && (null === (_c = this.graphicItem.glyphStates) || void 0 === _c ? void 0 : _c[stateName])) return this.graphicItem.glyphStates[stateName];
+            if (encoder) {
+                const item = this.items[0], targetItems = [ Object.assign({}, item, {
+                    nextAttrs: {}
+                }) ];
+                return invokeEncoderToItems(this, targetItems, encoder, this.mark.parameters()), 
+                this.coordinateTransformEncode(targetItems), glyphStateAttributes.attributes = targetItems[0].nextAttrs, 
+                this.graphicItem.glyphStates ? this.graphicItem.glyphStates[stateName] || (this.graphicItem.glyphStates[stateName] = glyphStateAttributes) : this.graphicItem.glyphStates = {
+                    [stateName]: glyphStateAttributes
+                }, glyphStateAttributes;
+            }
+            return glyphStateAttributes;
+        }, this.glyphMeta = this.mark.getGlyphMeta();
+    }
+    getGlyphGraphicItems() {
+        return this.glyphGraphicItems;
+    }
+    initGraphicItem(attributes = {}) {
+        if (this.graphicItem) return;
+        const attrs = Object.assign({}, attributes);
+        this.graphicItem = this.mark.addGraphicItem(attrs, this.groupKey), this.graphicItem[BridgeElementKey] = this, 
+        this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!1);
+        const glyphMarks = this.glyphMeta.getMarks();
+        this.glyphGraphicItems = {}, this.graphicItem.getSubGraphic().forEach((graphic => {
+            const markType = glyphMarks[graphic.name];
+            this.glyphGraphicItems[graphic.name] = graphic, graphic.onBeforeAttributeUpdate = attributes => {
+                if (!this.mark) return attributes;
+                return transformAttributes(markType, attributes, this, graphic.name);
+            };
+        })), this.clearGraphicAttributes();
+    }
+    useStates(states, hasAnimation) {
+        var _a;
+        if (!this.graphicItem) return;
+        this.mark.emit(HOOK_EVENT.BEFORE_ELEMENT_STATE, {
+            states: states
+        }, this), this.states = states.slice();
+        const stateAnimation = isBoolean(hasAnimation) ? hasAnimation : !!(null === (_a = this.mark.getSpec().animation) || void 0 === _a ? void 0 : _a.state);
+        this.graphicItem.glyphStateProxy = this.getStateAttrs, this.graphicItem.useStates(this.states, stateAnimation), 
+        this.mark.emit(HOOK_EVENT.AFTER_ELEMENT_STATE, {
+            states: states
+        }, this);
+    }
+    encodeGraphic() {
+        this.coordinateTransformEncode(this.items);
+        const graphicAttributes = this.transformElementItems(this.items, this.mark.markType);
+        this.graphicItem || this.initGraphicItem(), this.diffState === DiffState.enter ? (this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!0), 
+        this.applyGraphicAttributes(graphicAttributes), this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!1)) : this.applyGraphicAttributes(graphicAttributes), 
+        this.diffState !== DiffState.enter && this.diffState !== DiffState.update || !this.states.length || (Object.values(this.glyphGraphicItems).forEach((graphicItem => {
+            graphicItem.states = {};
+        })), this.useStates(this.states)), this.items.map((item => {
+            item.nextAttrs = {};
+        }));
+    }
+    encodeCustom(nextAttrs) {
+        var _a;
+        let customEncodeValues = {};
+        const channelEncoder = this.glyphMeta.getChannelEncoder(), functionEncoder = this.glyphMeta.getFunctionEncoder();
+        if (functionEncoder && (customEncodeValues = functionEncoder.call(null, Object.assign({}, null === (_a = this.graphicItem) || void 0 === _a ? void 0 : _a.attribute, nextAttrs), this.getDatum(), this, this.mark.getGlyphConfig())), 
+        channelEncoder) {
+            let allAttrs;
+            Object.keys(channelEncoder).forEach((channel => {
+                var _a;
+                if (!isNil(nextAttrs[channel])) {
+                    allAttrs || (allAttrs = Object.assign({}, null === (_a = this.graphicItem) || void 0 === _a ? void 0 : _a.attribute, nextAttrs));
+                    const encodeResult = channelEncoder[channel].call(null, channel, nextAttrs[channel], allAttrs, this.getDatum(), this, this.mark.getGlyphConfig());
+                    Object.keys(null != encodeResult ? encodeResult : {}).forEach((markName => {
+                        var _a;
+                        customEncodeValues[markName] = Object.assign(null !== (_a = customEncodeValues[markName]) && void 0 !== _a ? _a : {}, encodeResult[markName]);
+                    }));
+                }
+            }));
+        }
+        return customEncodeValues;
+    }
+    encodeDefault() {
+        const defaultEncodeValues = {};
+        if (this.diffState === DiffState.enter && this.glyphMeta.getDefaultEncoder()) {
+            const defaultEncodeResult = this.glyphMeta.getDefaultEncoder().call(null, this.getDatum(), this, this.mark.getGlyphConfig());
+            Object.assign(defaultEncodeValues, defaultEncodeResult);
+        }
+        return defaultEncodeValues;
+    }
+    _onGlyphAttributeUpdate(first = !1) {
+        return attributes => {
+            if (!this.mark) return attributes;
+            const glyphMarks = this.glyphMeta.getMarks(), graphicAttributes = transformAttributes(this.mark.getAttributeTransforms(), attributes, this), defaultEncodeValues = first ? this.encodeDefault() : null, customEncodeValues = this.encodeCustom(attributes);
+            return Object.keys(glyphMarks).forEach((markName => {
+                const markType = glyphMarks[markName], graphicItem = this.glyphGraphicItems[markName], customAttributes = null == customEncodeValues ? void 0 : customEncodeValues[markName], additionalAttributes = Object.assign({}, customAttributes);
+                if (first) {
+                    const defaultAttributes = null == defaultEncodeValues ? void 0 : defaultEncodeValues[markName];
+                    Object.keys(null != defaultAttributes ? defaultAttributes : {}).forEach((key => {
+                        has(this.items[0].nextAttrs, key) || has(additionalAttributes, key) || (additionalAttributes[key] = defaultAttributes[key]);
+                    }));
+                }
+                const glyphAttributes = Object.assign({}, cloneTransformAttributes(markType, attributes), additionalAttributes), glyphItems = this._generateGlyphItems(markType, this.items, glyphAttributes);
+                this.coordinateTransformEncode(glyphItems);
+                const graphicAttributes = this.transformElementItems(glyphItems, markType);
+                this.applyGlyphGraphicAttributes(graphicAttributes, markName, graphicItem), markType === GrammarMarkType.shape && (graphicItem.datum = glyphItems[0].datum);
+            })), graphicAttributes;
+        };
+    }
+    _generateGlyphItems(markType, items, additionalAttributes) {
+        var _a;
+        const nextAttrs = null === (_a = items[0]) || void 0 === _a ? void 0 : _a.nextAttrs, glyphItems = items.map((item => Object.assign({}, item, {
+            nextAttrs: additionalAttributes
+        })));
+        return CollectionMarkType.includes(markType) && nextAttrs.enableSegments && glyphItems.forEach(((glyphItem, index) => {
+            glyphItem.nextAttrs = Object.assign({}, items[index].nextAttrs, additionalAttributes);
+        })), glyphItems;
+    }
+    getGraphicAttribute(channel, prev = !1, markName) {
+        if (!this.graphicItem) return;
+        const prevGraphicAttributes = this.getPrevGraphicAttributes(markName);
+        if (prev && has(prevGraphicAttributes, channel)) return prevGraphicAttributes[channel];
+        return (markName ? this.glyphGraphicItems[markName] : this.graphicItem).attribute[channel];
+    }
+    setGraphicAttribute(channel, value, final = !0, markName) {
+        if (!this.graphicItem) return;
+        const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem, finalGraphicAttributes = this.getFinalGraphicAttributes(markName), prevGraphicAttributes = this.getPrevGraphicAttributes(markName);
+        final && (finalGraphicAttributes[channel] = value), has(prevGraphicAttributes, channel) || (prevGraphicAttributes[channel] = graphicItem.attribute[channel]), 
+        graphicItem.setAttribute(channel, value);
+    }
+    setGraphicAttributes(attributes, final = !0, markName) {
+        if (!this.graphicItem) return;
+        const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem, finalGraphicAttributes = this.getFinalGraphicAttributes(markName), prevGraphicAttributes = this.getPrevGraphicAttributes(markName);
+        Object.keys(attributes).forEach((key => {
+            final && (finalGraphicAttributes[key] = attributes[key]), has(prevGraphicAttributes, key) || (prevGraphicAttributes[key] = graphicItem.attribute[key]);
+        })), graphicItem.setAttributes(attributes);
+    }
+    diffAttributes(graphicAttributes, markName) {
+        const diffResult = {}, finalGraphicAttributes = this.getFinalGraphicAttributes(markName);
+        for (const key in graphicAttributes) isEqual(key, finalGraphicAttributes, graphicAttributes) || (diffResult[key] = graphicAttributes[key]);
+        return diffResult;
+    }
+    applyGlyphGraphicAttributes(graphicAttributes, markName, graphicItem) {
+        if (this.mark.needAnimate()) {
+            const nextGraphicAttributes = this.diffAttributes(graphicAttributes, markName), prevGraphicAttributes = this.getPrevGraphicAttributes(markName), finalGraphicAttributes = this.getFinalGraphicAttributes(markName);
+            Object.keys(nextGraphicAttributes).forEach((channel => {
+                prevGraphicAttributes[channel] = graphicItem.attribute[channel], finalGraphicAttributes[channel] = nextGraphicAttributes[channel];
+            })), this.setNextGraphicAttributes(nextGraphicAttributes, markName), this.setPrevGraphicAttributes(prevGraphicAttributes, markName), 
+            this.setFinalGraphicAttributes(finalGraphicAttributes, markName), graphicItem.setAttributes(nextGraphicAttributes);
+        } else graphicItem.setAttributes(graphicAttributes);
+    }
+    getFinalGraphicAttributes(markName) {
+        return (markName ? this.glyphGraphicItems[markName] : this.graphicItem).finalAttrs;
+    }
+    setFinalGraphicAttributes(attributes, markName) {
+        (markName ? this.glyphGraphicItems[markName] : this.graphicItem).finalAttrs = attributes;
+    }
+    getPrevGraphicAttributes(markName) {
+        return (markName ? this.glyphGraphicItems[markName] : this.graphicItem).prevAttrs;
+    }
+    setPrevGraphicAttributes(attributes, markName) {
+        (markName ? this.glyphGraphicItems[markName] : this.graphicItem).prevAttrs = attributes;
+    }
+    getNextGraphicAttributes(markName) {
+        return (markName ? this.glyphGraphicItems[markName] : this.graphicItem).nextAttrs;
+    }
+    setNextGraphicAttributes(attributes, markName) {
+        (markName ? this.glyphGraphicItems[markName] : this.graphicItem).nextAttrs = attributes;
+    }
+    clearChangedGraphicAttributes() {
+        this.setPrevGraphicAttributes({}), this.setNextGraphicAttributes({}), Object.keys(this.glyphGraphicItems).forEach((markName => {
+            this.setPrevGraphicAttributes({}, markName), this.setNextGraphicAttributes({}, markName);
+        }));
+    }
+    clearGraphicAttributes() {
+        this.setPrevGraphicAttributes({}), this.setNextGraphicAttributes({}), this.setFinalGraphicAttributes({}), 
+        Object.keys(this.glyphGraphicItems).forEach((markName => {
+            this.setPrevGraphicAttributes({}, markName), this.setNextGraphicAttributes({}, markName), 
+            this.setFinalGraphicAttributes({}, markName);
+        }));
+    }
+    remove() {
+        this.glyphGraphicItems = null, super.remove();
+    }
+    release() {
+        this.glyphGraphicItems && (Object.values(this.glyphGraphicItems).forEach((graphicItem => {
+            graphicItem[BridgeElementKey] = null;
+        })), this.glyphGraphicItems = null), super.release();
+    }
+}
+//# sourceMappingURL=glyph-element.js.map

package/es/graph/glyph-element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/glyph-element.ts"],"names":[],"mappings":"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","file":"glyph-element.js","sourcesContent":["import { has, isNil, isBoolean, isFunction } from '@visactor/vutils';\nimport { isEqual } from '@visactor/vgrammar-util';\nimport type {\n  IGlyphElement,\n  IGlyphMark,\n  MarkElementItem,\n  MarkSpec,\n  IGlyphMeta,\n  MarkType,\n  StateProxyEncodeSpec\n} from '../types';\nimport { cloneTransformAttributes, transformAttributes } from './attributes';\nimport { BridgeElementKey, CollectionMarkType } from './constants';\nimport { DiffState, HOOK_EVENT, GrammarMarkType } from './enums';\nimport { Element } from './element';\nimport { invokeEncoderToItems } from './mark/encode';\nimport type { IGraphicAttribute, IGlyph } from '@visactor/vrender';\n\nexport class GlyphElement extends Element implements IGlyphElement {\n  declare graphicItem: IGlyph;\n\n  declare mark: IGlyphMark;\n  protected glyphGraphicItems: { [markName: string]: any };\n\n  private glyphMeta: IGlyphMeta;\n\n  constructor(mark: IGlyphMark) {\n    super(mark);\n    this.glyphMeta = this.mark.getGlyphMeta();\n  }\n\n  getGlyphGraphicItems() {\n    return this.glyphGraphicItems;\n  }\n\n  initGraphicItem(attributes: any = {}) {\n    if (this.graphicItem) {\n      return;\n    }\n\n    const attrs = Object.assign({}, attributes);\n    this.graphicItem = this.mark.addGraphicItem(attrs, this.groupKey) as IGlyph;\n    this.graphicItem[BridgeElementKey] = this;\n    this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(false);\n\n    const glyphMarks = this.glyphMeta.getMarks();\n    this.glyphGraphicItems = {};\n    this.graphicItem.getSubGraphic().forEach((graphic: any) => {\n      const markType = glyphMarks[graphic.name];\n      this.glyphGraphicItems[graphic.name] = graphic;\n      graphic.onBeforeAttributeUpdate = (attributes: any) => {\n        // mark might be released\n        if (!this.mark) {\n          return attributes;\n        }\n        const graphicAttributes = transformAttributes(markType, attributes, this, graphic.name);\n        return graphicAttributes;\n      };\n    });\n\n    this.clearGraphicAttributes();\n  }\n\n  useStates(states: string[], hasAnimation?: boolean) {\n    if (!this.graphicItem) {\n      return;\n    }\n    this.mark.emit(HOOK_EVENT.BEFORE_ELEMENT_STATE, { states }, this);\n\n    this.states = states.slice();\n    const stateAnimation = isBoolean(hasAnimation)\n      ? hasAnimation\n      : !!(this.mark.getSpec() as MarkSpec).animation?.state;\n    this.graphicItem.glyphStateProxy = this.getStateAttrs;\n    this.graphicItem.useStates(this.states, stateAnimation);\n\n    this.mark.emit(HOOK_EVENT.AFTER_ELEMENT_STATE, { states }, this);\n  }\n\n  protected getStateAttrs = (stateName: string, nextStates: string[]) => {\n    const isRuntimeState = !isNil(this.runtimeStatesEncoder?.[stateName]);\n    const encoder = isRuntimeState\n      ? this.runtimeStatesEncoder[stateName]\n      : (this.mark.getSpec() as MarkSpec).encode?.[stateName];\n\n    const glyphStateAttributes = {} as {\n      attributes: Partial<IGraphicAttribute>;\n      subAttributes: Partial<IGraphicAttribute>[];\n    };\n\n    if (!encoder) {\n      return glyphStateAttributes;\n    }\n\n    if (isFunction(encoder)) {\n      glyphStateAttributes.attributes = (encoder as StateProxyEncodeSpec)(this.getDatum(), this, stateName, nextStates);\n      return glyphStateAttributes;\n    }\n\n    if (!isRuntimeState && this.graphicItem.glyphStates?.[stateName]) {\n      return this.graphicItem.glyphStates[stateName];\n    }\n\n    if (encoder) {\n      const item = this.items[0];\n      const targetItems = [Object.assign({}, item, { nextAttrs: {} })];\n\n      invokeEncoderToItems(this, targetItems, encoder, (this.mark as any).parameters());\n      this.coordinateTransformEncode(targetItems);\n\n      glyphStateAttributes.attributes = targetItems[0].nextAttrs;\n\n      if (!this.graphicItem.glyphStates) {\n        this.graphicItem.glyphStates = { [stateName]: glyphStateAttributes };\n      } else if (!this.graphicItem.glyphStates[stateName]) {\n        this.graphicItem.glyphStates[stateName] = glyphStateAttributes;\n      }\n\n      return glyphStateAttributes;\n    }\n\n    return glyphStateAttributes;\n  };\n\n  encodeGraphic() {\n    this.coordinateTransformEncode(this.items);\n    const graphicAttributes = this.transformElementItems(this.items, this.mark.markType);\n\n    if (!this.graphicItem) {\n      this.initGraphicItem();\n    }\n\n    if (this.diffState === DiffState.enter) {\n      // apply default encoder when enter\n      this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(true);\n      this.applyGraphicAttributes(graphicAttributes);\n      this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(false);\n    } else {\n      this.applyGraphicAttributes(graphicAttributes);\n    }\n\n    if ((this.diffState === DiffState.enter || this.diffState === DiffState.update) && this.states.length) {\n      Object.values(this.glyphGraphicItems).forEach(graphicItem => {\n        // 更新数据流后，states计算不缓存\n        graphicItem.states = {};\n      });\n      this.useStates(this.states);\n    }\n\n    // clear item attributes\n    this.items.map(item => {\n      item.nextAttrs = {};\n    });\n  }\n\n  encodeCustom(nextAttrs?: any): { [markName: string]: any } {\n    let customEncodeValues: { [markName: string]: any } = {};\n    const channelEncoder = this.glyphMeta.getChannelEncoder();\n    const functionEncoder = this.glyphMeta.getFunctionEncoder();\n\n    if (functionEncoder) {\n      customEncodeValues = functionEncoder.call(\n        null,\n        Object.assign({}, this.graphicItem?.attribute, nextAttrs),\n        this.getDatum(),\n        this,\n        this.mark.getGlyphConfig()\n      );\n    }\n    if (channelEncoder) {\n      // TODO: maybe delete origin encode value?\n      let allAttrs: any;\n      Object.keys(channelEncoder).forEach(channel => {\n        if (!isNil(nextAttrs[channel])) {\n          if (!allAttrs) {\n            allAttrs = Object.assign({}, this.graphicItem?.attribute, nextAttrs);\n          }\n          const encodeResult = channelEncoder[channel].call(\n            null,\n            channel,\n            nextAttrs[channel],\n            allAttrs,\n            this.getDatum(),\n            this,\n            this.mark.getGlyphConfig()\n          );\n          Object.keys(encodeResult ?? {}).forEach(markName => {\n            customEncodeValues[markName] = Object.assign(customEncodeValues[markName] ?? {}, encodeResult[markName]);\n          });\n        }\n      });\n    }\n    return customEncodeValues;\n  }\n\n  private encodeDefault() {\n    const defaultEncodeValues: { [markName: string]: any } = {};\n    // apply default encode\n    if (this.diffState === DiffState.enter && this.glyphMeta.getDefaultEncoder()) {\n      const defaultEncodeResult = this.glyphMeta\n        .getDefaultEncoder()\n        .call(null, this.getDatum(), this, this.mark.getGlyphConfig());\n      Object.assign(defaultEncodeValues, defaultEncodeResult);\n    }\n    return defaultEncodeValues;\n  }\n\n  private _onGlyphAttributeUpdate(first: boolean = false) {\n    return (attributes: any) => {\n      // mark might be released\n      if (!this.mark) {\n        return attributes;\n      }\n      const glyphMarks = this.glyphMeta.getMarks();\n\n      const graphicAttributes = transformAttributes(this.mark.getAttributeTransforms(), attributes, this);\n\n      // apply default encode\n      const defaultEncodeValues = first ? this.encodeDefault() : null;\n      // apply custom encode\n      const customEncodeValues = this.encodeCustom(attributes);\n\n      Object.keys(glyphMarks).forEach(markName => {\n        const markType = glyphMarks[markName];\n        const graphicItem = this.glyphGraphicItems[markName];\n        const customAttributes = customEncodeValues?.[markName];\n        const additionalAttributes = Object.assign({}, customAttributes);\n        if (first) {\n          // apply default attributes when visual channel is not set\n          const defaultAttributes = defaultEncodeValues?.[markName];\n          Object.keys(defaultAttributes ?? {}).forEach(key => {\n            if (!has(this.items[0].nextAttrs, key) && !has(additionalAttributes, key)) {\n              additionalAttributes[key] = defaultAttributes[key];\n            }\n          });\n        }\n        const glyphAttributes = Object.assign({}, cloneTransformAttributes(markType, attributes), additionalAttributes);\n        const glyphItems = this._generateGlyphItems(markType, this.items, glyphAttributes);\n        this.coordinateTransformEncode(glyphItems);\n        const graphicAttributes = this.transformElementItems(glyphItems, markType);\n\n        this.applyGlyphGraphicAttributes(graphicAttributes, markName, graphicItem);\n\n        if (markType === GrammarMarkType.shape) {\n          // FIXME: shape需要拿到原始数据进行编码，暂时把数据绑定到graphicItem上，看后续graphicItem是否需要支持数据绑定\n          graphicItem.datum = glyphItems[0].datum;\n        }\n      });\n\n      return graphicAttributes;\n    };\n  }\n\n  private _generateGlyphItems(markType: MarkType, items: MarkElementItem[], additionalAttributes: any) {\n    const nextAttrs = items[0]?.nextAttrs;\n    const glyphItems = items.map(item => Object.assign({}, item, { nextAttrs: additionalAttributes }));\n\n    if ((CollectionMarkType as string[]).includes(markType) && nextAttrs.enableSegments) {\n      // segment mark require all items to apply additional attributes\n      glyphItems.forEach((glyphItem, index) => {\n        glyphItem.nextAttrs = Object.assign({}, items[index].nextAttrs, additionalAttributes);\n      });\n    }\n\n    return glyphItems;\n  }\n\n  getGraphicAttribute(channel: string, prev: boolean = false, markName?: any) {\n    if (!this.graphicItem) {\n      return undefined;\n    }\n    const prevGraphicAttributes = this.getPrevGraphicAttributes(markName);\n    if (prev && has(prevGraphicAttributes, channel)) {\n      return prevGraphicAttributes[channel];\n    }\n\n    const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem;\n    return graphicItem.attribute[channel];\n  }\n\n  setGraphicAttribute(channel: string, value: any, final: boolean = true, markName?: any) {\n    if (!this.graphicItem) {\n      return;\n    }\n    const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem;\n    const finalGraphicAttributes = this.getFinalGraphicAttributes(markName);\n    const prevGraphicAttributes = this.getPrevGraphicAttributes(markName);\n\n    if (final) {\n      finalGraphicAttributes[channel] = value;\n    }\n    if (!has(prevGraphicAttributes, channel)) {\n      prevGraphicAttributes[channel] = graphicItem.attribute[channel];\n    }\n\n    graphicItem.setAttribute(channel, value);\n  }\n\n  setGraphicAttributes(attributes: { [channel: string]: any }, final: boolean = true, markName?: any) {\n    if (!this.graphicItem) {\n      return;\n    }\n    const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem;\n    const finalGraphicAttributes = this.getFinalGraphicAttributes(markName);\n    const prevGraphicAttributes = this.getPrevGraphicAttributes(markName);\n\n    Object.keys(attributes).forEach(key => {\n      if (final) {\n        finalGraphicAttributes[key] = attributes[key];\n      }\n      if (!has(prevGraphicAttributes, key)) {\n        prevGraphicAttributes[key] = graphicItem.attribute[key];\n      }\n    });\n\n    graphicItem.setAttributes(attributes);\n  }\n\n  protected diffAttributes(graphicAttributes: { [channel: string]: any }, markName?: string) {\n    const diffResult = {};\n    const finalGraphicAttributes = this.getFinalGraphicAttributes(markName);\n    for (const key in graphicAttributes) {\n      if (!isEqual(key, finalGraphicAttributes, graphicAttributes)) {\n        diffResult[key] = graphicAttributes[key];\n      }\n    }\n    return diffResult;\n  }\n\n  protected applyGlyphGraphicAttributes(graphicAttributes: any, markName: string, graphicItem: any): void {\n    if (this.mark.needAnimate()) {\n      // If mark need animate, diff attributes.\n      const nextGraphicAttributes = this.diffAttributes(graphicAttributes, markName);\n      const prevGraphicAttributes = this.getPrevGraphicAttributes(markName);\n      const finalGraphicAttributes = this.getFinalGraphicAttributes(markName);\n      Object.keys(nextGraphicAttributes).forEach(channel => {\n        prevGraphicAttributes[channel] = graphicItem.attribute[channel];\n        finalGraphicAttributes[channel] = nextGraphicAttributes[channel];\n      });\n      this.setNextGraphicAttributes(nextGraphicAttributes, markName);\n      this.setPrevGraphicAttributes(prevGraphicAttributes, markName);\n      this.setFinalGraphicAttributes(finalGraphicAttributes, markName);\n\n      // Apply next attributes to current graphic item immediately.\n      // Scene graph tree should be handled like no animation exists in dataflow procedure.\n      graphicItem.setAttributes(nextGraphicAttributes);\n    } else {\n      graphicItem.setAttributes(graphicAttributes);\n    }\n  }\n\n  getFinalGraphicAttributes(markName?: string) {\n    const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem;\n    return graphicItem.finalAttrs;\n  }\n\n  protected setFinalGraphicAttributes(attributes: { [channel: string]: any }, markName?: string) {\n    const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem;\n    graphicItem.finalAttrs = attributes;\n  }\n\n  getPrevGraphicAttributes(markName?: string) {\n    const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem;\n    return graphicItem.prevAttrs;\n  }\n\n  protected setPrevGraphicAttributes(attributes: { [channel: string]: any }, markName?: string) {\n    const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem;\n    graphicItem.prevAttrs = attributes;\n  }\n\n  getNextGraphicAttributes(markName?: string) {\n    const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem;\n    return graphicItem.nextAttrs;\n  }\n\n  protected setNextGraphicAttributes(attributes: { [channel: string]: any }, markName?: string) {\n    const graphicItem = markName ? this.glyphGraphicItems[markName] : this.graphicItem;\n    graphicItem.nextAttrs = attributes;\n  }\n\n  clearChangedGraphicAttributes() {\n    this.setPrevGraphicAttributes({});\n    this.setNextGraphicAttributes({});\n    Object.keys(this.glyphGraphicItems).forEach(markName => {\n      this.setPrevGraphicAttributes({}, markName);\n      this.setNextGraphicAttributes({}, markName);\n    });\n  }\n\n  clearGraphicAttributes() {\n    this.setPrevGraphicAttributes({});\n    this.setNextGraphicAttributes({});\n    this.setFinalGraphicAttributes({});\n    Object.keys(this.glyphGraphicItems).forEach(markName => {\n      this.setPrevGraphicAttributes({}, markName);\n      this.setNextGraphicAttributes({}, markName);\n      this.setFinalGraphicAttributes({}, markName);\n    });\n  }\n\n  remove() {\n    this.glyphGraphicItems = null;\n    super.remove();\n  }\n\n  release() {\n    if (this.glyphGraphicItems) {\n      Object.values(this.glyphGraphicItems).forEach(graphicItem => {\n        graphicItem[BridgeElementKey] = null;\n      });\n      this.glyphGraphicItems = null;\n    }\n    super.release();\n  }\n}\n"]}

package/es/graph/index.d.ts

@@ -0,0 +1,3 @@
+export * from './enums';
+export { Element } from './element';
+export { getLinePoints, getRulePoints } from './attributes/helpers';

package/es/graph/index.js

@@ -0,0 +1,6 @@
+export * from "./enums";
+
+export { Element } from "./element";
+
+export { getLinePoints, getRulePoints } from "./attributes/helpers";
+//# sourceMappingURL=index.js.map

package/es/graph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC","file":"index.js","sourcesContent":["export * from './enums';\nexport { Element } from './element';\nexport { getLinePoints, getRulePoints } from './attributes/helpers';\n"]}

package/es/graph/layout/grid.d.ts

@@ -0,0 +1,3 @@
+import type { IBounds } from '@visactor/vutils';
+import type { IGroupMark, ILayoutOptions, IMark } from '../../types';
+export declare const doGridLayout: (group: IGroupMark, children: IMark[], parentLayoutBounds: IBounds, options?: ILayoutOptions) => void;

package/es/graph/layout/grid.js

@@ -0,0 +1,66 @@
+import { Bounds, isValidNumber } from "@visactor/vutils";
+
+function parseTemplate(template, total) {
+    if (isValidNumber(template)) return template;
+    const trimmedTemplate = template.trim();
+    if ("auto" === trimmedTemplate) return 0;
+    if (trimmedTemplate.endsWith("%")) {
+        const percent = parseFloat(trimmedTemplate.substring(0, trimmedTemplate.length - 1));
+        return isValidNumber(percent) ? percent * total : 0;
+    }
+    return 0;
+}
+
+function computeGrid(layout, width, height) {
+    var _a, _b, _c, _d;
+    const templateRows = null !== (_a = layout.gridTemplateRows) && void 0 !== _a ? _a : [ height ], templateColumns = null !== (_b = layout.gridTemplateColumns) && void 0 !== _b ? _b : [ width ], rowGap = null !== (_c = layout.gridRowGap) && void 0 !== _c ? _c : 0, columnGap = null !== (_d = layout.gridColumnGap) && void 0 !== _d ? _d : 0, rows = templateRows.map((row => parseTemplate(row, height))), columns = templateColumns.map((column => parseTemplate(column, width))), rowAuto = Math.max(0, rows.reduce(((left, row) => left - row), height) - rows.length * rowGap) / templateRows.filter((row => "auto" === row)).length, columnAuto = Math.max(0, columns.reduce(((left, column) => left - column), width) - columns.length * columnGap) / templateColumns.filter((column => "auto" === column)).length;
+    let lastRow = 0;
+    const accumulateRows = rows.map(((row, index) => {
+        const finalRow = "auto" === templateRows[index] ? rowAuto : row, last = lastRow;
+        return lastRow += finalRow + rowGap, last;
+    }));
+    accumulateRows.push(lastRow);
+    let lastColumn = 0;
+    const accumulateColumns = columns.map(((column, index) => {
+        const finalColumn = "auto" === templateColumns[index] ? columnAuto : column, last = lastColumn;
+        return lastColumn += finalColumn + columnGap, last;
+    }));
+    return accumulateColumns.push(lastColumn), {
+        rows: accumulateRows,
+        columns: accumulateColumns,
+        rowGap: rowGap,
+        columnGap: columnGap
+    };
+}
+
+function normalizeIndex(index, count) {
+    return Math.min(index < 0 ? index + count : index - 1, count);
+}
+
+function normalizeStartEndIndex(start, end, count) {
+    let finalStart = normalizeIndex(start, count), finalEnd = normalizeIndex(end, count);
+    if (isValidNumber(start) || isValidNumber(end) ? isValidNumber(start) ? isValidNumber(end) || (finalStart = normalizeIndex(Math.max(0, finalEnd - 1), count)) : finalEnd = normalizeIndex(finalStart + 1, count) : (finalStart = 1, 
+    finalEnd = 2), finalStart > finalEnd) {
+        const temp = finalEnd;
+        finalEnd = finalStart, finalStart = temp;
+    }
+    return {
+        start: finalStart,
+        end: finalEnd
+    };
+}
+
+function getCellBounds(grid, rowStart, rowEnd, columnStart, columnEnd) {
+    const rowCount = grid.rows.length, columnCount = grid.columns.length, {start: finalRowStart, end: finalRowEnd} = normalizeStartEndIndex(rowStart, rowEnd, rowCount), {start: finalColumnStart, end: finalColumnEnd} = normalizeStartEndIndex(columnStart, columnEnd, columnCount), x1 = grid.columns[finalRowStart], x2 = grid.columns[finalRowEnd] - (finalColumnEnd === columnCount ? 0 : grid.columnGap), y1 = grid.rows[finalColumnStart], y2 = grid.rows[finalColumnEnd] - (finalRowEnd === rowCount ? 0 : grid.rowGap);
+    return (new Bounds).set(x1, y1, x2, y2);
+}
+
+export const doGridLayout = (group, children, parentLayoutBounds, options) => {
+    const grid = computeGrid(group.getSpec().layout, parentLayoutBounds.width(), parentLayoutBounds.height());
+    null == children || children.forEach((mark => {
+        const markLayout = mark.getSpec().layout;
+        mark.layoutBounds = getCellBounds(grid, markLayout.gridRowStart, markLayout.gridRowEnd, markLayout.gridColumnStart, markLayout.gridColumnEnd), 
+        mark.commit();
+    }));
+};
+//# sourceMappingURL=grid.js.map

package/es/graph/layout/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/layout/grid.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAUzD,SAAS,aAAa,CAAC,QAAkC,EAAE,KAAa;IACtE,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE;QAC3B,OAAO,QAAQ,CAAC;KACjB;IACD,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;IACxC,IAAI,eAAe,KAAK,MAAM,EAAE;QAE9B,OAAO,CAAC,CAAC;KACV;SAAM,IAAI,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACxC,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QACrF,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;YAC1B,OAAO,OAAO,GAAG,KAAK,CAAC;SACxB;QACD,OAAO,CAAC,CAAC;KACV;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,SAAS,WAAW,CAAC,MAA6B,EAAE,KAAa,EAAE,MAAc;;IAC/E,MAAM,YAAY,GAAG,MAAA,MAAM,CAAC,gBAAgB,mCAAI,CAAC,MAAM,CAAC,CAAC;IACzD,MAAM,eAAe,GAAG,MAAA,MAAM,CAAC,mBAAmB,mCAAI,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,MAAA,MAAM,CAAC,UAAU,mCAAI,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,aAAa,mCAAI,CAAC,CAAC;IAG5C,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAG5E,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACvG,MAAM,OAAO,GAAG,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,MAAM,CAAC;IAChF,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAC7B,CAAC,EACD,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,IAAI,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CACpF,CAAC;IACF,MAAM,UAAU,GAAG,cAAc,GAAG,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,MAAM,CAAC;IAE/F,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7C,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;QAChE,MAAM,IAAI,GAAG,OAAO,CAAC;QACrB,OAAO,IAAI,QAAQ,GAAG,MAAM,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7B,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACtD,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;QAC5E,MAAM,IAAI,GAAG,UAAU,CAAC;QACxB,UAAU,IAAI,WAAW,GAAG,SAAS,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IACH,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAEnC,OAAO;QACL,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,iBAAiB;QAC1B,MAAM;QACN,SAAS;KACV,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,KAAa,EAAE,KAAa;IAClD,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAChE,CAAC;AAED,SAAS,sBAAsB,CAAC,KAAa,EAAE,GAAW,EAAE,KAAa;IACvE,IAAI,UAAU,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC9C,IAAI,QAAQ,GAAG,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;QAChD,UAAU,GAAG,CAAC,CAAC;QACf,QAAQ,GAAG,CAAC,CAAC;KACd;SAAM,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QAChC,QAAQ,GAAG,cAAc,CAAC,UAAU,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;KAClD;SAAM,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;QAC9B,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;KAC/D;IACD,IAAI,UAAU,GAAG,QAAQ,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC;QACtB,QAAQ,GAAG,UAAU,CAAC;QACtB,UAAU,GAAG,IAAI,CAAC;KACnB;IACD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC9C,CAAC;AAED,SAAS,aAAa,CAAC,IAAW,EAAE,QAAgB,EAAE,MAAc,EAAE,WAAmB,EAAE,SAAiB;IAC1G,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IAClC,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;IACxC,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,sBAAsB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtG,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,sBAAsB,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;IAErH,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC7F,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACvC,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpF,OAAO,IAAI,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAiB,EACjB,QAAiB,EACjB,kBAA2B,EAC3B,OAAwB,EACxB,EAAE;IACF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,MAA+B,CAAC;IAC/D,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,EAAE,kBAAkB,CAAC,KAAK,EAAE,EAAE,kBAAkB,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1F,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,IAAI,CAAC,EAAE;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,MAA0B,CAAC;QAC7D,IAAI,CAAC,YAAY,GAAG,aAAa,CAC/B,IAAI,EACJ,UAAU,CAAC,YAAY,EACvB,UAAU,CAAC,UAAU,EACrB,UAAU,CAAC,eAAe,EAC1B,UAAU,CAAC,aAAa,CACzB,CAAC;QACF,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","file":"grid.js","sourcesContent":["import type { IBounds } from '@visactor/vutils';\nimport { Bounds, isValidNumber } from '@visactor/vutils';\nimport type { IGroupMark, ILayoutOptions, IMark, MarkGridItemSpec, MarkGridContainerSpec } from '../../types';\n\ninterface IGrid {\n  rows: number[];\n  columns: number[];\n  rowGap: number;\n  columnGap: number;\n}\n\nfunction parseTemplate(template: number | string | 'auto', total: number) {\n  if (isValidNumber(template)) {\n    return template;\n  }\n  const trimmedTemplate = template.trim();\n  if (trimmedTemplate === 'auto') {\n    // handle auto later\n    return 0;\n  } else if (trimmedTemplate.endsWith('%')) {\n    const percent = parseFloat(trimmedTemplate.substring(0, trimmedTemplate.length - 1));\n    if (isValidNumber(percent)) {\n      return percent * total;\n    }\n    return 0;\n  }\n  return 0;\n}\n\nfunction computeGrid(layout: MarkGridContainerSpec, width: number, height: number): IGrid {\n  const templateRows = layout.gridTemplateRows ?? [height];\n  const templateColumns = layout.gridTemplateColumns ?? [width];\n  const rowGap = layout.gridRowGap ?? 0;\n  const columnGap = layout.gridColumnGap ?? 0;\n\n  // compute simple cell size\n  const rows = templateRows.map(row => parseTemplate(row, height));\n  const columns = templateColumns.map(column => parseTemplate(column, width));\n\n  // compute auto grid\n  const rowLeftSize = Math.max(0, rows.reduce((left, row) => left - row, height) - rows.length * rowGap);\n  const rowAuto = rowLeftSize / templateRows.filter(row => row === 'auto').length;\n  const columnLeftSize = Math.max(\n    0,\n    columns.reduce((left, column) => left - column, width) - columns.length * columnGap\n  );\n  const columnAuto = columnLeftSize / templateColumns.filter(column => column === 'auto').length;\n  // accumulate grid size\n  let lastRow = 0;\n  const accumulateRows = rows.map((row, index) => {\n    const finalRow = templateRows[index] === 'auto' ? rowAuto : row;\n    const last = lastRow;\n    lastRow += finalRow + rowGap;\n    return last;\n  });\n  accumulateRows.push(lastRow);\n  let lastColumn = 0;\n  const accumulateColumns = columns.map((column, index) => {\n    const finalColumn = templateColumns[index] === 'auto' ? columnAuto : column;\n    const last = lastColumn;\n    lastColumn += finalColumn + columnGap;\n    return last;\n  });\n  accumulateColumns.push(lastColumn);\n\n  return {\n    rows: accumulateRows,\n    columns: accumulateColumns,\n    rowGap,\n    columnGap\n  };\n}\n\nfunction normalizeIndex(index: number, count: number) {\n  return Math.min(index < 0 ? index + count : index - 1, count);\n}\n\nfunction normalizeStartEndIndex(start: number, end: number, count: number) {\n  let finalStart = normalizeIndex(start, count);\n  let finalEnd = normalizeIndex(end, count);\n  if (!isValidNumber(start) && !isValidNumber(end)) {\n    finalStart = 1;\n    finalEnd = 2;\n  } else if (!isValidNumber(start)) {\n    finalEnd = normalizeIndex(finalStart + 1, count);\n  } else if (!isValidNumber(end)) {\n    finalStart = normalizeIndex(Math.max(0, finalEnd - 1), count);\n  }\n  if (finalStart > finalEnd) {\n    const temp = finalEnd;\n    finalEnd = finalStart;\n    finalStart = temp;\n  }\n  return { start: finalStart, end: finalEnd };\n}\n\nfunction getCellBounds(grid: IGrid, rowStart: number, rowEnd: number, columnStart: number, columnEnd: number): Bounds {\n  const rowCount = grid.rows.length;\n  const columnCount = grid.columns.length;\n  const { start: finalRowStart, end: finalRowEnd } = normalizeStartEndIndex(rowStart, rowEnd, rowCount);\n  const { start: finalColumnStart, end: finalColumnEnd } = normalizeStartEndIndex(columnStart, columnEnd, columnCount);\n\n  const x1 = grid.columns[finalRowStart];\n  const x2 = grid.columns[finalRowEnd] - (finalColumnEnd === columnCount ? 0 : grid.columnGap);\n  const y1 = grid.rows[finalColumnStart];\n  const y2 = grid.rows[finalColumnEnd] - (finalRowEnd === rowCount ? 0 : grid.rowGap);\n  return new Bounds().set(x1, y1, x2, y2);\n}\n\nexport const doGridLayout = (\n  group: IGroupMark,\n  children: IMark[],\n  parentLayoutBounds: IBounds,\n  options?: ILayoutOptions\n) => {\n  const layout = group.getSpec().layout as MarkGridContainerSpec;\n  const grid = computeGrid(layout, parentLayoutBounds.width(), parentLayoutBounds.height());\n  children?.forEach(mark => {\n    const markLayout = mark.getSpec().layout as MarkGridItemSpec;\n    mark.layoutBounds = getCellBounds(\n      grid,\n      markLayout.gridRowStart,\n      markLayout.gridRowEnd,\n      markLayout.gridColumnStart,\n      markLayout.gridColumnEnd\n    );\n    mark.commit();\n  });\n};\n"]}

package/es/graph/layout/layout.d.ts

@@ -0,0 +1,3 @@
+import type { IMark } from '../../types/grammar';
+import type { ILayoutOptions, IView } from '../../types/view';
+export declare const defaultDoLayout: (layoutMarks: IMark[], options: ILayoutOptions, view: IView) => void;

package/es/graph/layout/layout.js

@@ -0,0 +1,33 @@
+import { isFunction } from "@visactor/vutils";
+
+import { SIGNAL_VIEW_HEIGHT, SIGNAL_PADDING, SIGNAL_VIEW_WIDTH } from "./../../view/constants";
+
+import { GrammarMarkType } from "../enums";
+
+import { doGridLayout } from "./grid";
+
+import { doRelativeLayout } from "./relative";
+
+export const defaultDoLayout = (layoutMarks, options, view) => {
+    null == layoutMarks || layoutMarks.forEach((mark => {
+        var _a;
+        if (mark.markType !== GrammarMarkType.group) return;
+        const layoutChildren = mark.layoutChildren, layoutSpec = mark.getSpec().layout, bounds = null !== (_a = mark.layoutBounds) && void 0 !== _a ? _a : mark.getBounds();
+        if (bounds) {
+            if (isFunction(layoutSpec)) layoutSpec.call(null, mark, layoutChildren, bounds, options); else if (isFunction(layoutSpec.callback)) layoutSpec.callback.call(null, mark, layoutChildren, bounds, options); else if ("relative" === layoutSpec.display) if (layoutSpec.updateViewSignals) {
+                const oldViewBox = view.getViewBox();
+                oldViewBox && bounds.intersect(oldViewBox);
+                const viewBounds = doRelativeLayout(mark, layoutChildren, bounds, options), viewWidth = viewBounds.width(), viewHeight = viewBounds.height(), padding = {
+                    top: viewBounds.y1,
+                    right: view.width() - viewBounds.x2,
+                    left: viewBounds.x1,
+                    bottom: view.height() - viewBounds.y2
+                };
+                view.updateSignal(SIGNAL_VIEW_WIDTH, viewWidth), view.updateSignal(SIGNAL_VIEW_HEIGHT, viewHeight), 
+                view.updateSignal(SIGNAL_PADDING, padding);
+            } else doRelativeLayout(mark, layoutChildren, bounds, options); else "grid" === layoutSpec.display && doGridLayout(mark, layoutChildren, bounds, options);
+            defaultDoLayout(layoutChildren, options, view);
+        }
+    }));
+};
+//# sourceMappingURL=layout.js.map

package/es/graph/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/layout/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE/F,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAoB,EAAE,OAAuB,EAAE,IAAW,EAAE,EAAE;IAC5F,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,IAAI,CAAC,EAAE;;QAC1B,IAAI,IAAI,CAAC,QAAQ,KAAK,eAAe,CAAC,KAAK,EAAE;YAC3C,OAAO;SACR;QAED,MAAM,cAAc,GAAI,IAAmB,CAAC,cAAc,CAAC;QAO3D,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC;QACzC,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,YAAY,mCAAI,IAAI,CAAC,SAAS,EAAE,CAAC;QAErD,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,IAAI,UAAU,CAAC,UAAU,CAAC,EAAE;YAC1B,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;SAC5E;aAAM,IAAI,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;YAC1C,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,IAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;SACrF;aAAM,IAAK,UAAwC,CAAC,OAAO,KAAK,UAAU,EAAE;YAC3E,IAAI,UAAU,CAAC,iBAAiB,EAAE;gBAChC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;gBAErC,IAAI,UAAU,EAAE;oBACd,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;iBAC9B;gBAED,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;gBACzF,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;gBACrC,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC;gBACvC,MAAM,OAAO,GAAG;oBACd,GAAG,EAAE,UAAU,CAAC,EAAE;oBAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,UAAU,CAAC,EAAE;oBACnC,IAAI,EAAE,UAAU,CAAC,EAAE;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE;iBACtC,CAAC;gBACD,IAAY,CAAC,YAAY,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;gBACxD,IAAY,CAAC,YAAY,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;gBAC1D,IAAY,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;aACrD;iBAAM;gBACL,gBAAgB,CAAC,IAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;aACvE;SACF;aAAM,IAAK,UAAoC,CAAC,OAAO,KAAK,MAAM,EAAE;YACnE,YAAY,CAAC,IAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;SACnE;QAED,eAAe,CAAC,cAAc,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","file":"layout.js","sourcesContent":["import { isFunction } from '@visactor/vutils';\nimport { SIGNAL_VIEW_HEIGHT, SIGNAL_PADDING, SIGNAL_VIEW_WIDTH } from './../../view/constants';\nimport type { MarkRelativeContainerSpec, MarkGridContainerSpec } from './../../types/mark';\nimport { GrammarMarkType } from '../enums';\nimport type { IMark, IGroupMark } from '../../types/grammar';\nimport type { ILayoutOptions, IView } from '../../types/view';\nimport { doGridLayout } from './grid';\nimport { doRelativeLayout } from './relative';\n\nexport const defaultDoLayout = (layoutMarks: IMark[], options: ILayoutOptions, view: IView) => {\n  layoutMarks?.forEach(mark => {\n    if (mark.markType !== GrammarMarkType.group) {\n      return;\n    }\n\n    const layoutChildren = (mark as IGroupMark).layoutChildren;\n\n    // FIXME buildLayoutTree的时候过滤一下空的group\n    // if (!layoutChildren?.length) {\n    //   return;\n    // }\n\n    const layoutSpec = mark.getSpec().layout;\n    const bounds = mark.layoutBounds ?? mark.getBounds();\n\n    if (!bounds) {\n      return;\n    }\n\n    if (isFunction(layoutSpec)) {\n      layoutSpec.call(null, mark as IGroupMark, layoutChildren, bounds, options);\n    } else if (isFunction(layoutSpec.callback)) {\n      layoutSpec.callback.call(null, mark as IGroupMark, layoutChildren, bounds, options);\n    } else if ((layoutSpec as MarkRelativeContainerSpec).display === 'relative') {\n      if (layoutSpec.updateViewSignals) {\n        const oldViewBox = view.getViewBox();\n\n        if (oldViewBox) {\n          bounds.intersect(oldViewBox);\n        }\n\n        const viewBounds = doRelativeLayout(mark as IGroupMark, layoutChildren, bounds, options);\n        const viewWidth = viewBounds.width();\n        const viewHeight = viewBounds.height();\n        const padding = {\n          top: viewBounds.y1,\n          right: view.width() - viewBounds.x2,\n          left: viewBounds.x1,\n          bottom: view.height() - viewBounds.y2\n        };\n        (view as any).updateSignal(SIGNAL_VIEW_WIDTH, viewWidth);\n        (view as any).updateSignal(SIGNAL_VIEW_HEIGHT, viewHeight);\n        (view as any).updateSignal(SIGNAL_PADDING, padding);\n      } else {\n        doRelativeLayout(mark as IGroupMark, layoutChildren, bounds, options);\n      }\n    } else if ((layoutSpec as MarkGridContainerSpec).display === 'grid') {\n      doGridLayout(mark as IGroupMark, layoutChildren, bounds, options);\n    }\n\n    defaultDoLayout(layoutChildren, options, view);\n  });\n};\n"]}

package/es/graph/layout/relative.d.ts

@@ -0,0 +1,3 @@
+import type { IBounds } from '@visactor/vutils';
+import type { IGroupMark, ILayoutOptions, IMark } from '../../types';
+export declare const doRelativeLayout: (group: IGroupMark, children: IMark[], parentLayoutBounds: IBounds, options?: ILayoutOptions) => IBounds;

package/es/graph/layout/relative.js

@@ -0,0 +1,85 @@
+import { ComponentEnum } from "./../enums";
+
+import { Bounds } from "@visactor/vutils";
+
+import { toPercent } from "@visactor/vgrammar-util";
+
+import { normalizePadding } from "../../parse/view";
+
+const defaultLayoutOrder = {
+    [ComponentEnum.axis]: 0,
+    [ComponentEnum.legend]: 1,
+    [ComponentEnum.slider]: 2,
+    [ComponentEnum.player]: 3,
+    [ComponentEnum.datazoom]: 4
+}, getLayoutOrderOfMark = mark => {
+    var _a, _b, _c;
+    return null !== (_b = null === (_a = mark.getSpec().layout) || void 0 === _a ? void 0 : _a.order) && void 0 !== _b ? _b : "component" === mark.markType && null !== (_c = defaultLayoutOrder[mark.componentType]) && void 0 !== _c ? _c : 1 / 0;
+};
+
+export const doRelativeLayout = (group, children, parentLayoutBounds, options) => {
+    const viewBounds = parentLayoutBounds.clone(), groupLayoutSpec = group.getSpec().layout, maxChildWidth = toPercent(groupLayoutSpec.maxChildWidth, viewBounds.width()), maxChildHeight = toPercent(groupLayoutSpec.maxChildHeight, viewBounds.width());
+    let minDeltaX1 = 0, minDeltaX2 = 0, minDeltaY1 = 0, minDeltaY2 = 0;
+    children.forEach((child => {
+        const layoutSpec = child.getSpec().layout, padding = normalizePadding(layoutSpec.padding), bounds = options.parseMarkBounds ? options.parseMarkBounds(child.getBounds(), child) : child.getBounds();
+        if ("top" === layoutSpec.position || "bottom" === layoutSpec.position) {
+            const childHeight = Math.min(bounds.height() + padding.top + padding.bottom, maxChildHeight);
+            "top" === layoutSpec.position ? viewBounds.y1 += childHeight : viewBounds.y2 -= childHeight, 
+            bounds.x1 < parentLayoutBounds.x1 && (minDeltaX1 = Math.max(minDeltaX1, parentLayoutBounds.x1 - bounds.x1)), 
+            bounds.x2 > parentLayoutBounds.x2 && (minDeltaX2 = Math.max(minDeltaX2, bounds.x2 - parentLayoutBounds.x2));
+        }
+        if ("left" === layoutSpec.position || "right" === layoutSpec.position) {
+            const childWidth = Math.min(bounds.width() + padding.left + padding.right, maxChildWidth);
+            "left" === layoutSpec.position ? viewBounds.x1 += childWidth : viewBounds.x2 -= childWidth, 
+            bounds.y1 < parentLayoutBounds.y1 && (minDeltaY1 = Math.max(minDeltaY1, parentLayoutBounds.y1 - bounds.y1)), 
+            bounds.y2 > parentLayoutBounds.y2 && (minDeltaY2 = Math.max(minDeltaY2, bounds.y2 - parentLayoutBounds.y2));
+        }
+        "outside" === layoutSpec.position && (viewBounds.x1 += Math.max(parentLayoutBounds.x1 - bounds.x1, 0) + padding.left, 
+        viewBounds.x2 -= Math.max(bounds.x2 - parentLayoutBounds.x2, 0) + padding.right, 
+        viewBounds.y1 += Math.max(parentLayoutBounds.y1 - bounds.y1, 0) + padding.top, viewBounds.y2 -= Math.max(bounds.y2 - parentLayoutBounds.y2) + padding.bottom);
+    })), minDeltaX1 > viewBounds.x1 - parentLayoutBounds.x1 && minDeltaX1 < parentLayoutBounds.width() && (viewBounds.x1 = parentLayoutBounds.x1 + minDeltaX1), 
+    minDeltaX2 > parentLayoutBounds.x2 - viewBounds.x2 && minDeltaX2 < parentLayoutBounds.width() && (viewBounds.x2 = parentLayoutBounds.x2 - minDeltaX2), 
+    minDeltaY1 > viewBounds.y1 - parentLayoutBounds.y1 && minDeltaY1 < parentLayoutBounds.height() && (viewBounds.y1 = parentLayoutBounds.y1 + minDeltaY1), 
+    minDeltaY2 > parentLayoutBounds.y2 - viewBounds.y2 && minDeltaY2 < parentLayoutBounds.height() && (viewBounds.y2 = parentLayoutBounds.y2 - minDeltaY2);
+    let curTopY = viewBounds.y1, curBottomY = viewBounds.y2, curLeftX = viewBounds.x1, curRightX = viewBounds.x2;
+    const sortedChildren = children.slice().sort(((markA, markB) => getLayoutOrderOfMark(markA) - getLayoutOrderOfMark(markB)));
+    for (let i = 0, len = sortedChildren.length; i < len; i++) {
+        const child = sortedChildren[i], layoutSpec = child.getSpec().layout, padding = normalizePadding(layoutSpec.padding), bounds = options.parseMarkBounds ? options.parseMarkBounds(child.getBounds(), child) : child.getBounds();
+        if ("top" === layoutSpec.position || "bottom" === layoutSpec.position) {
+            const childHeight = Math.min(bounds.height() + padding.top + padding.bottom, maxChildHeight);
+            if ("top" === layoutSpec.position ? (child.layoutBounds = (new Bounds).set(viewBounds.x1, curTopY - childHeight, viewBounds.x2, curTopY), 
+            curTopY -= childHeight) : (child.layoutBounds = (new Bounds).set(viewBounds.x1, curBottomY, viewBounds.x2, curBottomY + childHeight), 
+            curBottomY += childHeight), child.relativePosition = {
+                top: child.layoutBounds.y1 - viewBounds.y1,
+                bottom: child.layoutBounds.y1 - viewBounds.y2
+            }, layoutSpec.align) {
+                const childWidth = bounds.width() + padding.left + padding.right;
+                childWidth < viewBounds.width() && ("center" === layoutSpec.align ? (child.layoutBounds.x1 = (viewBounds.x1 + viewBounds.x2) / 2 - childWidth / 2, 
+                child.layoutBounds.x2 = child.layoutBounds.x1 + childWidth, child.relativePosition.left = child.relativePosition.right = (viewBounds.width() - childWidth) / 2) : "right" === layoutSpec.align ? (child.layoutBounds.x1 = viewBounds.x2 - childWidth, 
+                child.layoutBounds.x2 = viewBounds.x2, child.relativePosition.right = 0, child.relativePosition.left = viewBounds.width() - childWidth) : "left" === layoutSpec.align && (child.layoutBounds.x1 = viewBounds.x1, 
+                child.layoutBounds.x2 = viewBounds.x1 + childWidth, child.relativePosition.left = 0, 
+                child.relativePosition.right = viewBounds.width() - childWidth));
+            }
+        } else if ("left" === layoutSpec.position || "right" === layoutSpec.position) {
+            const childWidth = Math.min(bounds.width() + padding.left + padding.right, maxChildWidth);
+            if ("left" === layoutSpec.position ? (child.layoutBounds = (new Bounds).set(curLeftX - childWidth, viewBounds.y1, curLeftX, viewBounds.y2), 
+            curLeftX -= childWidth) : (child.layoutBounds = (new Bounds).set(curRightX, viewBounds.y1, curRightX + childWidth, viewBounds.y2), 
+            curRightX += childWidth), child.relativePosition = {
+                left: child.layoutBounds.x1 - viewBounds.x1,
+                right: child.layoutBounds.x1 - viewBounds.x2
+            }, layoutSpec.align) {
+                const childHeight = bounds.height() + padding.top + padding.bottom;
+                childWidth < viewBounds.width() && ("middle" === layoutSpec.align ? (child.layoutBounds.y1 = (viewBounds.y1 + viewBounds.y2) / 2 - childHeight / 2, 
+                child.layoutBounds.y2 = child.layoutBounds.y1 + childHeight, child.relativePosition.top = child.relativePosition.bottom = (viewBounds.height() - childHeight) / 2) : "bottom" === layoutSpec.align ? (child.layoutBounds.y1 = viewBounds.y2 - childHeight, 
+                child.layoutBounds.y2 = viewBounds.y2, child.relativePosition.top = viewBounds.height() - childHeight, 
+                child.relativePosition.bottom = 0) : "top" === layoutSpec.align && (child.layoutBounds.y1 = viewBounds.y1, 
+                child.layoutBounds.y2 = viewBounds.y1 + childHeight, child.relativePosition.bottom = viewBounds.height() - childHeight, 
+                child.relativePosition.top = 0));
+            }
+        } else "outside" === layoutSpec.position ? (curLeftX -= Math.max(parentLayoutBounds.x1 - bounds.x1, 0) + padding.left, 
+        curRightX -= Math.max(bounds.x2 - parentLayoutBounds.x2, 0) + padding.right, curTopY -= Math.max(parentLayoutBounds.y1 - bounds.y1, 0) + padding.top, 
+        curBottomY += Math.max(bounds.y2 - parentLayoutBounds.y2) + padding.bottom) : child.layoutBounds = viewBounds;
+    }
+    return viewBounds;
+};
+//# sourceMappingURL=relative.js.map

package/es/graph/layout/relative.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/layout/relative.ts"],"names":[],"mappings":"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","file":"relative.js","sourcesContent":["import { ComponentEnum } from './../enums';\nimport type { IBounds } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { Bounds, pad } from '@visactor/vutils';\nimport { toPercent } from '@visactor/vgrammar-util';\nimport type {\n  IGroupMark,\n  ILayoutOptions,\n  IMark,\n  MarkRelativeItemSpec,\n  MarkRelativeContainerSpec,\n  IComponent\n} from '../../types';\nimport { normalizePadding } from '../../parse/view';\n\nconst defaultLayoutOrder = {\n  [ComponentEnum.axis]: 0,\n  [ComponentEnum.legend]: 1,\n  [ComponentEnum.slider]: 2,\n  [ComponentEnum.player]: 3,\n  [ComponentEnum.datazoom]: 4\n};\n\nconst getLayoutOrderOfMark = (mark: IMark) => {\n  return (\n    (mark.getSpec().layout as MarkRelativeItemSpec)?.order ??\n    (mark.markType === 'component' ? defaultLayoutOrder[(mark as IComponent).componentType] ?? Infinity : Infinity)\n  );\n};\n\nexport const doRelativeLayout = (\n  group: IGroupMark,\n  children: IMark[],\n  parentLayoutBounds: IBounds,\n  options?: ILayoutOptions\n) => {\n  const viewBounds = parentLayoutBounds.clone();\n  const groupLayoutSpec = group.getSpec().layout as MarkRelativeContainerSpec;\n  const maxChildWidth = toPercent(groupLayoutSpec.maxChildWidth, viewBounds.width());\n  const maxChildHeight = toPercent(groupLayoutSpec.maxChildHeight, viewBounds.width());\n  let minDeltaX1 = 0;\n  let minDeltaX2 = 0;\n  let minDeltaY1 = 0;\n  let minDeltaY2 = 0;\n\n  children.forEach((child: IMark) => {\n    const layoutSpec = child.getSpec().layout as MarkRelativeItemSpec;\n    const padding = normalizePadding(layoutSpec.padding);\n    const bounds = options.parseMarkBounds ? options.parseMarkBounds(child.getBounds(), child) : child.getBounds();\n\n    if (layoutSpec.position === 'top' || layoutSpec.position === 'bottom') {\n      const childHeight = Math.min(bounds.height() + padding.top + padding.bottom, maxChildHeight);\n\n      if (layoutSpec.position === 'top') {\n        viewBounds.y1 += childHeight;\n      } else {\n        viewBounds.y2 -= childHeight;\n      }\n\n      if (bounds.x1 < parentLayoutBounds.x1) {\n        minDeltaX1 = Math.max(minDeltaX1, parentLayoutBounds.x1 - bounds.x1);\n      }\n\n      if (bounds.x2 > parentLayoutBounds.x2) {\n        minDeltaX2 = Math.max(minDeltaX2, bounds.x2 - parentLayoutBounds.x2);\n      }\n    }\n\n    if (layoutSpec.position === 'left' || layoutSpec.position === 'right') {\n      const childWidth = Math.min(bounds.width() + padding.left + padding.right, maxChildWidth);\n\n      if (layoutSpec.position === 'left') {\n        viewBounds.x1 += childWidth;\n      } else {\n        viewBounds.x2 -= childWidth;\n      }\n\n      if (bounds.y1 < parentLayoutBounds.y1) {\n        minDeltaY1 = Math.max(minDeltaY1, parentLayoutBounds.y1 - bounds.y1);\n      }\n\n      if (bounds.y2 > parentLayoutBounds.y2) {\n        minDeltaY2 = Math.max(minDeltaY2, bounds.y2 - parentLayoutBounds.y2);\n      }\n    }\n\n    if (layoutSpec.position === 'outside') {\n      viewBounds.x1 += Math.max(parentLayoutBounds.x1 - bounds.x1, 0) + padding.left;\n      viewBounds.x2 -= Math.max(bounds.x2 - parentLayoutBounds.x2, 0) + padding.right;\n      viewBounds.y1 += Math.max(parentLayoutBounds.y1 - bounds.y1, 0) + padding.top;\n      viewBounds.y2 -= Math.max(bounds.y2 - parentLayoutBounds.y2) + padding.bottom;\n    }\n  });\n\n  if (minDeltaX1 > viewBounds.x1 - parentLayoutBounds.x1 && minDeltaX1 < parentLayoutBounds.width()) {\n    viewBounds.x1 = parentLayoutBounds.x1 + minDeltaX1;\n  }\n\n  if (minDeltaX2 > parentLayoutBounds.x2 - viewBounds.x2 && minDeltaX2 < parentLayoutBounds.width()) {\n    viewBounds.x2 = parentLayoutBounds.x2 - minDeltaX2;\n  }\n\n  if (minDeltaY1 > viewBounds.y1 - parentLayoutBounds.y1 && minDeltaY1 < parentLayoutBounds.height()) {\n    viewBounds.y1 = parentLayoutBounds.y1 + minDeltaY1;\n  }\n\n  if (minDeltaY2 > parentLayoutBounds.y2 - viewBounds.y2 && minDeltaY2 < parentLayoutBounds.height()) {\n    viewBounds.y2 = parentLayoutBounds.y2 - minDeltaY2;\n  }\n\n  let curTopY = viewBounds.y1;\n  let curBottomY = viewBounds.y2;\n  let curLeftX = viewBounds.x1;\n  let curRightX = viewBounds.x2;\n\n  const sortedChildren = children.slice().sort((markA, markB) => {\n    return getLayoutOrderOfMark(markA) - getLayoutOrderOfMark(markB);\n  });\n\n  for (let i = 0, len = sortedChildren.length; i < len; i++) {\n    const child = sortedChildren[i];\n    const layoutSpec = child.getSpec().layout as MarkRelativeItemSpec;\n    const padding = normalizePadding(layoutSpec.padding);\n    const bounds = options.parseMarkBounds ? options.parseMarkBounds(child.getBounds(), child) : child.getBounds();\n\n    if (layoutSpec.position === 'top' || layoutSpec.position === 'bottom') {\n      const childHeight = Math.min(bounds.height() + padding.top + padding.bottom, maxChildHeight);\n\n      if (layoutSpec.position === 'top') {\n        child.layoutBounds = new Bounds().set(viewBounds.x1, curTopY - childHeight, viewBounds.x2, curTopY);\n        curTopY -= childHeight;\n      } else {\n        child.layoutBounds = new Bounds().set(viewBounds.x1, curBottomY, viewBounds.x2, curBottomY + childHeight);\n        curBottomY += childHeight;\n      }\n      child.relativePosition = {\n        top: child.layoutBounds.y1 - viewBounds.y1,\n        bottom: child.layoutBounds.y1 - viewBounds.y2\n      };\n\n      if (layoutSpec.align) {\n        const childWidth = bounds.width() + padding.left + padding.right;\n\n        if (childWidth < viewBounds.width()) {\n          if (layoutSpec.align === 'center') {\n            child.layoutBounds.x1 = (viewBounds.x1 + viewBounds.x2) / 2 - childWidth / 2;\n            child.layoutBounds.x2 = child.layoutBounds.x1 + childWidth;\n            child.relativePosition.left = child.relativePosition.right = (viewBounds.width() - childWidth) / 2;\n          } else if (layoutSpec.align === 'right') {\n            child.layoutBounds.x1 = viewBounds.x2 - childWidth;\n            child.layoutBounds.x2 = viewBounds.x2;\n            child.relativePosition.right = 0;\n            child.relativePosition.left = viewBounds.width() - childWidth;\n          } else if (layoutSpec.align === 'left') {\n            child.layoutBounds.x1 = viewBounds.x1;\n            child.layoutBounds.x2 = viewBounds.x1 + childWidth;\n            child.relativePosition.left = 0;\n            child.relativePosition.right = viewBounds.width() - childWidth;\n          }\n        }\n      }\n    } else if (layoutSpec.position === 'left' || layoutSpec.position === 'right') {\n      const childWidth = Math.min(bounds.width() + padding.left + padding.right, maxChildWidth);\n\n      if (layoutSpec.position === 'left') {\n        child.layoutBounds = new Bounds().set(curLeftX - childWidth, viewBounds.y1, curLeftX, viewBounds.y2);\n        curLeftX -= childWidth;\n      } else {\n        child.layoutBounds = new Bounds().set(curRightX, viewBounds.y1, curRightX + childWidth, viewBounds.y2);\n        curRightX += childWidth;\n      }\n\n      child.relativePosition = {\n        left: child.layoutBounds.x1 - viewBounds.x1,\n        right: child.layoutBounds.x1 - viewBounds.x2\n      };\n\n      if (layoutSpec.align) {\n        const childHeight = bounds.height() + padding.top + padding.bottom;\n\n        if (childWidth < viewBounds.width()) {\n          if (layoutSpec.align === 'middle') {\n            child.layoutBounds.y1 = (viewBounds.y1 + viewBounds.y2) / 2 - childHeight / 2;\n            child.layoutBounds.y2 = child.layoutBounds.y1 + childHeight;\n            child.relativePosition.top = child.relativePosition.bottom = (viewBounds.height() - childHeight) / 2;\n          } else if (layoutSpec.align === 'bottom') {\n            child.layoutBounds.y1 = viewBounds.y2 - childHeight;\n            child.layoutBounds.y2 = viewBounds.y2;\n            child.relativePosition.top = viewBounds.height() - childHeight;\n            child.relativePosition.bottom = 0;\n          } else if (layoutSpec.align === 'top') {\n            child.layoutBounds.y1 = viewBounds.y1;\n            child.layoutBounds.y2 = viewBounds.y1 + childHeight;\n            child.relativePosition.bottom = viewBounds.height() - childHeight;\n            child.relativePosition.top = 0;\n          }\n        }\n      }\n    } else if (layoutSpec.position === 'outside') {\n      curLeftX -= Math.max(parentLayoutBounds.x1 - bounds.x1, 0) + padding.left;\n      curRightX -= Math.max(bounds.x2 - parentLayoutBounds.x2, 0) + padding.right;\n      curTopY -= Math.max(parentLayoutBounds.y1 - bounds.y1, 0) + padding.top;\n      curBottomY += Math.max(bounds.y2 - parentLayoutBounds.y2) + padding.bottom;\n    } else {\n      child.layoutBounds = viewBounds;\n    }\n  }\n\n  return viewBounds;\n};\n"]}

package/es/graph/mark/differ.d.ts

@@ -0,0 +1,20 @@
+import type { DiffResult } from '../../types/base';
+export type GroupedData<T> = {
+    keys: (symbol | string)[];
+    data: Map<symbol | string, T[]>;
+};
+export declare function groupData<T>(data: T[], key: ((datum: T) => symbol | string) | string, sort?: (a: T, b: T) => number): GroupedData<T>;
+export declare class Differ<T> {
+    private prevData;
+    private currentData;
+    private callback;
+    constructor(data?: T[], key?: ((datum: T) => symbol | string) | string, sort?: (a: T, b: T) => number);
+    setCurrentData(currentData: GroupedData<T>): void;
+    getCurrentData(): GroupedData<T>;
+    doDiff(): void;
+    setCallback(callback: (key: symbol | string, data: T[], prevData: T[]) => void): void;
+    updateToCurrent(): void;
+    reset(): void;
+}
+export declare function diffSingle<U, V>(prev: U[], next: V[], key: (datum: U | V) => symbol | string): DiffResult<U, V>;
+export declare function diffMultiple<U, V>(prev: U[], next: V[], key: (datum: U | V) => symbol | string): DiffResult<U[], V[]>;