@visactor/vgrammar-core 0.7.0

package/cjs/graph/layout/layout.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.defaultDoLayout = void 0;
+
+const vutils_1 = require("@visactor/vutils"), constants_1 = require("./../../view/constants"), enums_1 = require("../enums"), grid_1 = require("./grid"), relative_1 = require("./relative"), defaultDoLayout = (layoutMarks, options, view) => {
+    null == layoutMarks || layoutMarks.forEach((mark => {
+        var _a;
+        if (mark.markType !== enums_1.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 ((0, vutils_1.isFunction)(layoutSpec)) layoutSpec.call(null, mark, layoutChildren, bounds, options); else if ((0, 
+            vutils_1.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 = (0, relative_1.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(constants_1.SIGNAL_VIEW_WIDTH, viewWidth), view.updateSignal(constants_1.SIGNAL_VIEW_HEIGHT, viewHeight), 
+                view.updateSignal(constants_1.SIGNAL_PADDING, padding);
+            } else (0, relative_1.doRelativeLayout)(mark, layoutChildren, bounds, options); else "grid" === layoutSpec.display && (0, 
+            grid_1.doGridLayout)(mark, layoutChildren, bounds, options);
+            (0, exports.defaultDoLayout)(layoutChildren, options, view);
+        }
+    }));
+};
+
+exports.defaultDoLayout = defaultDoLayout;
+//# sourceMappingURL=layout.js.map

package/cjs/graph/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/layout/layout.ts"],"names":[],"mappings":";;;AAAA,6CAA8C;AAC9C,sDAA+F;AAE/F,oCAA2C;AAG3C,iCAAsC;AACtC,yCAA8C;AAEvC,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,uBAAe,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,IAAA,mBAAU,EAAC,UAAU,CAAC,EAAE;YAC1B,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;SAC5E;aAAM,IAAI,IAAA,mBAAU,EAAC,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,IAAA,2BAAgB,EAAC,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,6BAAiB,EAAE,SAAS,CAAC,CAAC;gBACxD,IAAY,CAAC,YAAY,CAAC,8BAAkB,EAAE,UAAU,CAAC,CAAC;gBAC1D,IAAY,CAAC,YAAY,CAAC,0BAAc,EAAE,OAAO,CAAC,CAAC;aACrD;iBAAM;gBACL,IAAA,2BAAgB,EAAC,IAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;aACvE;SACF;aAAM,IAAK,UAAoC,CAAC,OAAO,KAAK,MAAM,EAAE;YACnE,IAAA,mBAAY,EAAC,IAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;SACnE;QAED,IAAA,uBAAe,EAAC,cAAc,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AArDW,QAAA,eAAe,mBAqD1B","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/cjs/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/cjs/graph/layout/relative.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.doRelativeLayout = void 0;
+
+const enums_1 = require("./../enums"), vutils_1 = require("@visactor/vutils"), vgrammar_util_1 = require("@visactor/vgrammar-util"), view_1 = require("../../parse/view"), defaultLayoutOrder = {
+    [enums_1.ComponentEnum.axis]: 0,
+    [enums_1.ComponentEnum.legend]: 1,
+    [enums_1.ComponentEnum.slider]: 2,
+    [enums_1.ComponentEnum.player]: 3,
+    [enums_1.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;
+}, doRelativeLayout = (group, children, parentLayoutBounds, options) => {
+    const viewBounds = parentLayoutBounds.clone(), groupLayoutSpec = group.getSpec().layout, maxChildWidth = (0, 
+    vgrammar_util_1.toPercent)(groupLayoutSpec.maxChildWidth, viewBounds.width()), maxChildHeight = (0, 
+    vgrammar_util_1.toPercent)(groupLayoutSpec.maxChildHeight, viewBounds.width());
+    let minDeltaX1 = 0, minDeltaX2 = 0, minDeltaY1 = 0, minDeltaY2 = 0;
+    children.forEach((child => {
+        const layoutSpec = child.getSpec().layout, padding = (0, view_1.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 = (0, 
+        view_1.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 vutils_1.Bounds).set(viewBounds.x1, curTopY - childHeight, viewBounds.x2, curTopY), 
+            curTopY -= childHeight) : (child.layoutBounds = (new vutils_1.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 vutils_1.Bounds).set(curLeftX - childWidth, viewBounds.y1, curLeftX, viewBounds.y2), 
+            curLeftX -= childWidth) : (child.layoutBounds = (new vutils_1.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;
+};
+
+exports.doRelativeLayout = doRelativeLayout;
+//# sourceMappingURL=relative.js.map

package/cjs/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/cjs/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[]>;

package/cjs/graph/mark/differ.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.diffMultiple = exports.diffSingle = exports.Differ = exports.groupData = void 0;
+
+const vutils_1 = require("@visactor/vutils"), util_1 = require("../../parse/util"), constants_1 = require("../constants");
+
+function groupData(data, key, sort) {
+    const groupedData = new Map;
+    if (!data || 0 === data.length) return {
+        keys: [],
+        data: groupedData
+    };
+    if (!key) return groupedData.set(constants_1.DefaultKey, sort ? data.slice().sort(sort) : data.slice()), 
+    {
+        keys: constants_1.DefaultGroupKeys,
+        data: groupedData
+    };
+    const keyGetter = (0, util_1.parseField)(key), keys = new Set;
+    return data.forEach((entry => {
+        var _a;
+        const key = keyGetter(entry), lastData = null !== (_a = groupedData.get(key)) && void 0 !== _a ? _a : [];
+        lastData.push(entry), groupedData.set(key, lastData), keys.add(key);
+    })), sort && keys.forEach((key => {
+        groupedData.get(key).sort(sort);
+    })), {
+        keys: Array.from(keys),
+        data: groupedData
+    };
+}
+
+exports.groupData = groupData;
+
+class Differ {
+    constructor(data, key, sort) {
+        this.prevData = groupData(null != data ? data : [], null != key ? key : null, sort);
+    }
+    setCurrentData(currentData) {
+        this.currentData = currentData;
+    }
+    getCurrentData() {
+        return this.currentData;
+    }
+    doDiff() {
+        if (this.callback) {
+            const prevMap = new Map(this.prevData.data);
+            this.currentData.keys.forEach((key => {
+                this.callback(key, this.currentData.data.get(key), prevMap.get(key)), prevMap.delete(key);
+            })), this.prevData.keys.forEach((key => {
+                prevMap.has(key) && this.callback(key, null, prevMap.get(key));
+            }));
+        }
+    }
+    setCallback(callback) {
+        this.callback = callback;
+    }
+    updateToCurrent() {
+        var _a;
+        this.prevData = null !== (_a = this.currentData) && void 0 !== _a ? _a : {
+            keys: [],
+            data: new Map
+        }, this.currentData = null;
+    }
+    reset() {
+        this.prevData = {
+            keys: [],
+            data: new Map
+        };
+    }
+}
+
+function diffSingle(prev, next, key) {
+    const result = {
+        enter: [],
+        exit: [],
+        update: []
+    }, differ = new Differ(prev, key);
+    return differ.setCallback(((key, data, prevData) => {
+        (0, vutils_1.isNil)(data) ? result.exit.push({
+            prev: prevData[0]
+        }) : (0, vutils_1.isNil)(prevData) ? result.enter.push({
+            next: data[0]
+        }) : result.update.push({
+            next: data[0],
+            prev: prevData[0]
+        });
+    })), differ.setCurrentData(groupData(next, key)), differ.doDiff(), result;
+}
+
+function diffMultiple(prev, next, key) {
+    const result = {
+        enter: [],
+        exit: [],
+        update: []
+    }, differ = new Differ(prev, key);
+    return differ.setCallback(((key, data, prevData) => {
+        (0, vutils_1.isNil)(data) ? result.exit.push({
+            prev: prevData
+        }) : (0, vutils_1.isNil)(prevData) ? result.enter.push({
+            next: data
+        }) : result.update.push({
+            next: data,
+            prev: prevData
+        });
+    })), differ.setCurrentData(groupData(next, key)), differ.doDiff(), result;
+}
+
+exports.Differ = Differ, exports.diffSingle = diffSingle, exports.diffMultiple = diffMultiple;
+//# sourceMappingURL=differ.js.map

package/cjs/graph/mark/differ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark/differ.ts"],"names":[],"mappings":"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","file":"differ.js","sourcesContent":["import { isNil } from '@visactor/vutils';\nimport type { DiffResult } from '../../types/base';\nimport { parseField } from '../../parse/util';\nimport { DefaultKey, DefaultGroupKeys } from '../constants';\n\nexport type GroupedData<T> = {\n  // iterating over array is faster than set\n  keys: (symbol | string)[];\n  // operation on map is faster than object\n  data: Map<symbol | string, T[]>;\n};\n\nexport function groupData<T>(\n  data: T[],\n  key: ((datum: T) => symbol | string) | string,\n  sort?: (a: T, b: T) => number\n): GroupedData<T> {\n  const groupedData = new Map();\n  if (!data || data.length === 0) {\n    return { keys: [], data: groupedData };\n  }\n  if (!key) {\n    groupedData.set(DefaultKey, sort ? data.slice().sort(sort) : data.slice());\n    return { keys: DefaultGroupKeys, data: groupedData };\n  }\n  const keyGetter = parseField(key);\n  const keys = new Set<string>();\n  data.forEach(entry => {\n    const key = keyGetter(entry);\n    const lastData = groupedData.get(key) ?? [];\n    lastData.push(entry);\n    groupedData.set(key, lastData);\n    keys.add(key);\n  });\n  if (sort) {\n    keys.forEach(key => {\n      groupedData.get(key).sort(sort);\n    });\n  }\n  return { keys: Array.from(keys), data: groupedData };\n}\n\nexport class Differ<T> {\n  private prevData: GroupedData<T>;\n  private currentData: GroupedData<T>;\n\n  private callback: (key: symbol | string, data: T[] | null, prevData: T[] | null) => void;\n\n  constructor(data?: T[], key?: ((datum: T) => symbol | string) | string, sort?: (a: T, b: T) => number) {\n    this.prevData = groupData(data ?? [], key ?? null, sort);\n  }\n\n  setCurrentData(currentData: GroupedData<T>) {\n    this.currentData = currentData;\n  }\n\n  getCurrentData(): GroupedData<T> {\n    return this.currentData;\n  }\n\n  doDiff() {\n    if (this.callback) {\n      const prevMap = new Map(this.prevData.data);\n      const currentKeys = this.currentData.keys;\n      currentKeys.forEach(key => {\n        this.callback(key, this.currentData.data.get(key), prevMap.get(key));\n        prevMap.delete(key);\n      });\n\n      this.prevData.keys.forEach(key => {\n        if (prevMap.has(key)) {\n          this.callback(key, null, prevMap.get(key));\n        }\n      });\n    }\n  }\n\n  setCallback(callback: (key: symbol | string, data: T[], prevData: T[]) => void) {\n    this.callback = callback;\n  }\n\n  updateToCurrent() {\n    this.prevData = this.currentData ?? { keys: [], data: new Map() };\n    this.currentData = null;\n  }\n\n  reset() {\n    this.prevData = { keys: [], data: new Map() };\n  }\n}\n\nexport function diffSingle<U, V>(prev: U[], next: V[], key: (datum: U | V) => symbol | string): DiffResult<U, V> {\n  const result: DiffResult<U, V> = {\n    enter: [],\n    exit: [],\n    update: []\n  };\n\n  const differ = new Differ<U | V>(prev, key);\n  differ.setCallback((key, data, prevData) => {\n    if (isNil(data)) {\n      // exit\n      result.exit.push({ prev: prevData[0] as U });\n    } else if (isNil(prevData)) {\n      // enter\n      result.enter.push({ next: data[0] as V });\n    } else {\n      // update\n      result.update.push({ next: data[0] as V, prev: prevData[0] as U });\n    }\n  });\n  differ.setCurrentData(groupData(next, key));\n  differ.doDiff();\n\n  return result;\n}\n\nexport function diffMultiple<U, V>(prev: U[], next: V[], key: (datum: U | V) => symbol | string): DiffResult<U[], V[]> {\n  const result: DiffResult<U[], V[]> = {\n    enter: [],\n    exit: [],\n    update: []\n  };\n\n  const differ = new Differ<U | V>(prev, key);\n  differ.setCallback((key, data, prevData) => {\n    if (isNil(data)) {\n      // exit\n      result.exit.push({ prev: prevData as U[] });\n    } else if (isNil(prevData)) {\n      // enter\n      result.enter.push({ next: data as V[] });\n    } else {\n      // update\n      result.update.push({ next: data as V[], prev: prevData as U[] });\n    }\n  });\n  differ.setCurrentData(groupData(next, key));\n  differ.doDiff();\n\n  return result;\n}\n"]}

package/cjs/graph/mark/encode.d.ts

@@ -0,0 +1,10 @@
+import type { BaseSignleEncodeSpec, IElement, MarkElementItem } from '../../types';
+import type { IBaseScale } from '@visactor/vscale';
+export declare function invokeEncoderToItems(element: IElement, items: MarkElementItem[], encoder: BaseSignleEncodeSpec, parameters: any, onlyFullEncodeFirst?: boolean): void;
+export declare function invokeEncoder(encoder: BaseSignleEncodeSpec, datum: any, element: IElement, parameters: any): any;
+export declare function splitEncoderInLarge(markType: string, encoder: BaseSignleEncodeSpec, glyphType?: string): {
+    positionEncoder: {};
+    themeEncoder: {};
+};
+export declare function isBandLikeScale(scale: IBaseScale): boolean;
+export declare function getBandWidthOfScale(scale: IBaseScale): number;

package/cjs/graph/mark/encode.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getBandWidthOfScale = exports.isBandLikeScale = exports.splitEncoderInLarge = exports.invokeEncoder = exports.invokeEncoderToItems = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vgrammar_util_1 = require("@visactor/vgrammar-util"), mark_1 = require("../../parse/mark"), util_1 = require("../../parse/util"), attributes_1 = require("../attributes"), enums_1 = require("../enums"), vscale_1 = require("@visactor/vscale"), factory_1 = require("../../core/factory");
+
+function invokeEncoderToItems(element, items, encoder, parameters, onlyFullEncodeFirst) {
+    encoder && ((0, util_1.isFunctionType)(encoder) ? items.forEach((item => {
+        const attributes = (0, util_1.invokeFunctionType)(encoder, parameters, item.datum, element);
+        Object.assign(item.nextAttrs, attributes);
+    })) : Object.keys(encoder).forEach((channel => {
+        var _a, _b;
+        const encode = encoder[channel], encodeItems = onlyFullEncodeFirst && !(0, attributes_1.isPositionOrSizeChannel)(element.mark.markType, channel) ? [ items[0] ] : items;
+        if ((0, mark_1.isScaleEncode)(encode)) {
+            const scale = (0, util_1.getGrammarOutput)(encode.scale, parameters), offset = null !== (_a = null == encode ? void 0 : encode.offset) && void 0 !== _a ? _a : 0, bandOffset = !(0, 
+            vutils_1.isNil)(encode.band) && scale.bandwidth ? scale.bandwidth() * encode.band : null, hasField = (0, 
+            vutils_1.isString)(null == encode ? void 0 : encode.field), fieldAccessor = hasField ? (0, 
+            vgrammar_util_1.field)(encode.field) : null;
+            let to = hasField ? null : (0, vutils_1.isNil)(null == encode ? void 0 : encode.value) ? 0 : null === (_b = scale.scale) || void 0 === _b ? void 0 : _b.call(scale, encode.value);
+            encodeItems.forEach((item => {
+                var _a;
+                hasField && (to = null === (_a = scale.scale) || void 0 === _a ? void 0 : _a.call(scale, fieldAccessor(item.datum))), 
+                item.nextAttrs[channel] = (0, vutils_1.isNumber)(to) || (0, vutils_1.isNumber)(bandOffset) ? to + offset + bandOffset : to;
+            }));
+        } else if ((0, mark_1.isFieldEncode)(encode)) {
+            const fieldAccessor = (0, vgrammar_util_1.field)(encode.field);
+            encodeItems.forEach((item => {
+                item.nextAttrs[channel] = fieldAccessor(item.datum);
+            }));
+        } else encodeItems.forEach((item => {
+            item.nextAttrs[channel] = (0, util_1.invokeFunctionType)(encode, parameters, item.datum, element);
+        }));
+    })));
+}
+
+function invokeEncoder(encoder, datum, element, parameters) {
+    if (!encoder) return null;
+    if ((0, util_1.isFunctionType)(encoder)) return (0, util_1.invokeFunctionType)(encoder, parameters, datum, element);
+    const attributes = {};
+    return Object.keys(encoder).forEach((channel => {
+        var _a, _b, _c;
+        const encode = encoder[channel];
+        if ((0, mark_1.isScaleEncode)(encode)) {
+            const scale = (0, util_1.getGrammarOutput)(encode.scale, parameters), offset = null !== (_a = null == encode ? void 0 : encode.offset) && void 0 !== _a ? _a : 0, bandOffset = !(0, 
+            vutils_1.isNil)(encode.band) && scale.bandwidth ? scale.bandwidth() * encode.band : null, hasField = (0, 
+            vutils_1.isString)(null == encode ? void 0 : encode.field), fieldAccessor = hasField ? (0, 
+            vgrammar_util_1.field)(encode.field) : null, to = hasField ? null === (_b = scale.scale) || void 0 === _b ? void 0 : _b.call(scale, fieldAccessor(datum)) : (0, 
+            vutils_1.isNil)(null == encode ? void 0 : encode.value) ? 0 : null === (_c = scale.scale) || void 0 === _c ? void 0 : _c.call(scale, encode.value);
+            attributes[channel] = (0, vutils_1.isNumber)(to) || (0, vutils_1.isNumber)(bandOffset) ? to + offset + bandOffset : to;
+        } else if ((0, mark_1.isFieldEncode)(encode)) {
+            const fieldAccessor = (0, vgrammar_util_1.field)(encode.field);
+            attributes[channel] = fieldAccessor(datum);
+        } else attributes[channel] = (0, util_1.invokeFunctionType)(encode, parameters, datum, element);
+    })), attributes;
+}
+
+function splitEncoderInLarge(markType, encoder, glyphType) {
+    if ((0, util_1.isFunctionType)(encoder)) return {
+        themeEncoder: {},
+        positionEncoder: encoder
+    };
+    const themeEncoder = {}, positionEncoder = {};
+    if (markType === enums_1.GrammarMarkType.glyph && factory_1.Factory.getGlyph(glyphType)) {
+        const glyphMeta = factory_1.Factory.getGlyph(glyphType), progressiveChannels = glyphMeta.getProgressiveChannels();
+        if (progressiveChannels) Object.keys(encoder).forEach((channel => {
+            progressiveChannels.includes(channel) ? positionEncoder[channel] = encoder[channel] : themeEncoder[channel] = encoder[channel];
+        })); else {
+            const markTypes = Array.from(new Set(Object.values(glyphMeta.getMarks())));
+            Object.keys(encoder).forEach((channel => {
+                markTypes.some((type => (0, attributes_1.isPositionOrSizeChannel)(type, channel))) ? positionEncoder[channel] = encoder[channel] : themeEncoder[channel] = encoder[channel];
+            }));
+        }
+    } else Object.keys(encoder).forEach((channel => {
+        (0, attributes_1.isPositionOrSizeChannel)(markType, channel) ? positionEncoder[channel] = encoder[channel] : themeEncoder[channel] = encoder[channel];
+    }));
+    return {
+        positionEncoder: positionEncoder,
+        themeEncoder: themeEncoder
+    };
+}
+
+function isBandLikeScale(scale) {
+    return scale && (scale.type === vscale_1.ScaleEnum.Band || scale.type === vscale_1.ScaleEnum.Point);
+}
+
+function getBandWidthOfScale(scale) {
+    if (scale) return scale.type === vscale_1.ScaleEnum.Band ? scale.bandwidth() : scale.type === vscale_1.ScaleEnum.Point ? scale.step() : void 0;
+}
+
+exports.invokeEncoderToItems = invokeEncoderToItems, exports.invokeEncoder = invokeEncoder, 
+exports.splitEncoderInLarge = splitEncoderInLarge, exports.isBandLikeScale = isBandLikeScale, 
+exports.getBandWidthOfScale = getBandWidthOfScale;
+//# sourceMappingURL=encode.js.map

package/cjs/graph/mark/encode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark/encode.ts"],"names":[],"mappings":"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","file":"encode.js","sourcesContent":["import { isNil, isNumber, isString } from '@visactor/vutils';\nimport { field as getFieldAccessor } from '@visactor/vgrammar-util';\nimport type { BaseSignleEncodeSpec, IElement, MarkElementItem } from '../../types';\nimport { isFieldEncode, isScaleEncode } from '../../parse/mark';\nimport { getGrammarOutput, invokeFunctionType, isFunctionType } from '../../parse/util';\nimport { isPositionOrSizeChannel } from '../attributes';\nimport { GrammarMarkType } from '../enums';\nimport { ScaleEnum } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IBandLikeScale, IBaseScale } from '@visactor/vscale';\nimport { Factory } from '../../core/factory';\n\n/**\n * invoke encoder for multiple items\n */\nexport function invokeEncoderToItems(\n  element: IElement,\n  items: MarkElementItem[],\n  encoder: BaseSignleEncodeSpec,\n  parameters: any,\n  onlyFullEncodeFirst?: boolean\n) {\n  if (!encoder) {\n    return;\n  }\n\n  if (isFunctionType(encoder)) {\n    items.forEach(item => {\n      const attributes = invokeFunctionType(encoder, parameters, item.datum, element);\n      Object.assign(item.nextAttrs, attributes);\n    });\n  } else {\n    Object.keys(encoder).forEach(channel => {\n      const encode = encoder[channel];\n      const encodeItems =\n        onlyFullEncodeFirst && !isPositionOrSizeChannel(element.mark.markType, channel) ? [items[0]] : items;\n\n      if (isScaleEncode(encode)) {\n        const scale = getGrammarOutput(encode.scale, parameters);\n        const offset = encode?.offset ?? 0;\n        const bandOffset = !isNil(encode.band) && scale.bandwidth ? scale.bandwidth() * encode.band : null;\n        const hasField = isString(encode?.field);\n        const fieldAccessor = hasField ? getFieldAccessor(encode.field) : null;\n\n        let to = hasField ? null : !isNil(encode?.value) ? scale.scale?.(encode.value) : 0;\n\n        encodeItems.forEach(item => {\n          if (hasField) {\n            to = scale.scale?.(fieldAccessor(item.datum));\n          }\n          item.nextAttrs[channel] = isNumber(to) || isNumber(bandOffset) ? to + offset + bandOffset : to;\n        });\n      } else if (isFieldEncode(encode)) {\n        const fieldAccessor = getFieldAccessor(encode.field);\n\n        encodeItems.forEach(item => {\n          item.nextAttrs[channel] = fieldAccessor(item.datum);\n        });\n      } else {\n        encodeItems.forEach(item => {\n          item.nextAttrs[channel] = invokeFunctionType(encode, parameters, item.datum, element);\n        });\n      }\n    });\n  }\n}\n\n/**\n * invoke encoder for single item\n * use invokeEncoderToItems instead if item amount is large\n */\nexport function invokeEncoder(encoder: BaseSignleEncodeSpec, datum: any, element: IElement, parameters: any) {\n  if (!encoder) {\n    return null;\n  }\n  if (isFunctionType(encoder)) {\n    return invokeFunctionType(encoder, parameters, datum, element);\n  }\n  const attributes: any = {};\n  Object.keys(encoder).forEach(channel => {\n    const encode = encoder[channel];\n\n    if (isScaleEncode(encode)) {\n      const scale = getGrammarOutput(encode.scale, parameters);\n      const offset = encode?.offset ?? 0;\n      const bandOffset = !isNil(encode.band) && scale.bandwidth ? scale.bandwidth() * encode.band : null;\n      const hasField = isString(encode?.field);\n      const fieldAccessor = hasField ? getFieldAccessor(encode.field) : null;\n      const to = hasField\n        ? scale.scale?.(fieldAccessor(datum))\n        : !isNil(encode?.value)\n        ? scale.scale?.(encode.value)\n        : 0;\n\n      attributes[channel] = isNumber(to) || isNumber(bandOffset) ? to + offset + bandOffset : to;\n    } else if (isFieldEncode(encode)) {\n      const fieldAccessor = getFieldAccessor(encode.field);\n      attributes[channel] = fieldAccessor(datum);\n    } else {\n      attributes[channel] = invokeFunctionType(encode, parameters, datum, element);\n    }\n  });\n  return attributes;\n}\n\nexport function splitEncoderInLarge(markType: string, encoder: BaseSignleEncodeSpec, glyphType?: string) {\n  // function encoder can not be splitted\n  if (isFunctionType(encoder)) {\n    return { themeEncoder: {}, positionEncoder: encoder };\n  }\n\n  const themeEncoder = {};\n  const positionEncoder = {};\n\n  if (markType === GrammarMarkType.glyph && Factory.getGlyph(glyphType)) {\n    const glyphMeta = Factory.getGlyph(glyphType);\n    const progressiveChannels = glyphMeta.getProgressiveChannels();\n    if (progressiveChannels) {\n      Object.keys(encoder).forEach(channel => {\n        if (progressiveChannels.includes(channel)) {\n          positionEncoder[channel] = encoder[channel];\n        } else {\n          themeEncoder[channel] = encoder[channel];\n        }\n      });\n    } else {\n      const markTypes: string[] = Array.from(new Set(Object.values(glyphMeta.getMarks())));\n      Object.keys(encoder).forEach(channel => {\n        if (markTypes.some(type => isPositionOrSizeChannel(type, channel))) {\n          positionEncoder[channel] = encoder[channel];\n        } else {\n          themeEncoder[channel] = encoder[channel];\n        }\n      });\n    }\n  } else {\n    Object.keys(encoder).forEach(channel => {\n      if (isPositionOrSizeChannel(markType, channel)) {\n        positionEncoder[channel] = encoder[channel];\n      } else {\n        themeEncoder[channel] = encoder[channel];\n      }\n    });\n  }\n\n  return { positionEncoder, themeEncoder };\n}\n\nexport function isBandLikeScale(scale: IBaseScale) {\n  return scale && (scale.type === ScaleEnum.Band || scale.type === ScaleEnum.Point);\n}\n\nexport function getBandWidthOfScale(scale: IBaseScale) {\n  if (!scale) {\n    return undefined;\n  }\n\n  return scale.type === ScaleEnum.Band\n    ? (scale as IBandLikeScale).bandwidth()\n    : scale.type === ScaleEnum.Point\n    ? (scale as IBandLikeScale).step()\n    : undefined;\n}\n"]}

package/cjs/graph/mark/large-rects.d.ts

@@ -0,0 +1,10 @@
+import type { IGroupGraphicAttribute } from '@visactor/vrender';
+import { Group } from '@visactor/vrender';
+interface LargeRectsAttribute extends IGroupGraphicAttribute {
+    points: Float32Array | number[];
+}
+export declare class LargeRects extends Group {
+    constructor(attributes: LargeRectsAttribute);
+    render(): void;
+}
+export {};

package/cjs/graph/mark/large-rects.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LargeRects = void 0;
+
+const vrender_1 = require("@visactor/vrender");
+
+class LargeRects extends vrender_1.Group {
+    constructor(attributes) {
+        super(attributes), this.attribute = attributes, this.onSetStage((() => {
+            this.render();
+        }));
+    }
+    render() {
+        var _a;
+        const pathNode = this.createOrUpdateChild("large-path", {}, "path"), points = this.attribute.points, path2d = null !== (_a = pathNode.attribute.path) && void 0 !== _a ? _a : new vrender_1.CustomPath2D;
+        let x, y, width, height;
+        path2d.clear();
+        for (let i = 0, len = points.length; i < len; i += 4) x = points[i], y = points[i + 1], 
+        width = points[i + 2], height = points[i + 3], path2d.rect(x, y, width, height);
+        const pathAttrs = Object.assign({}, this.attribute, {
+            path: path2d,
+            points: null
+        });
+        this.attribute = {}, pathNode.setAttributes(pathAttrs);
+    }
+}
+
+exports.LargeRects = LargeRects;
+//# sourceMappingURL=large-rects.js.map

package/cjs/graph/mark/large-rects.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark/large-rects.ts"],"names":[],"mappings":";;;AAIA,+CAAwD;AAMxD,MAAa,UAAW,SAAQ,eAAK;IACnC,YAAY,UAA+B;QACzC,KAAK,CAAC,UAAU,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAE5B,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,CAAU,CAAC;QAC7E,MAAM,MAAM,GAAI,IAAI,CAAC,SAAiC,CAAC,MAAM,CAAC;QAC9D,MAAM,MAAM,GAAG,MAAC,QAAQ,CAAC,SAAS,CAAC,IAAsB,mCAAI,IAAI,sBAAY,EAAE,CAAC;QAChF,IAAI,CAAC,CAAC;QACN,IAAI,CAAC,CAAC;QACN,IAAI,KAAK,CAAC;QACV,IAAI,MAAM,CAAC;QAEX,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YACpD,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAClB,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACtB,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACvB,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;SAClC;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACpF,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACnB,QAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACF;AAhCD,gCAgCC","file":"large-rects.js","sourcesContent":["/**\n * use when mark render in large mode or progressive mode\n */\nimport type { IGroupGraphicAttribute, IPath, ICustomPath2D } from '@visactor/vrender';\nimport { Group, CustomPath2D } from '@visactor/vrender';\n\ninterface LargeRectsAttribute extends IGroupGraphicAttribute {\n  points: Float32Array | number[];\n}\n\nexport class LargeRects extends Group {\n  constructor(attributes: LargeRectsAttribute) {\n    super(attributes);\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n    });\n  }\n\n  render() {\n    const pathNode = this.createOrUpdateChild('large-path', {}, 'path') as IPath;\n    const points = (this.attribute as LargeRectsAttribute).points;\n    const path2d = (pathNode.attribute.path as ICustomPath2D) ?? new CustomPath2D();\n    let x;\n    let y;\n    let width;\n    let height;\n\n    path2d.clear();\n    for (let i = 0, len = points.length; i < len; i += 4) {\n      x = points[i];\n      y = points[i + 1];\n      width = points[i + 2];\n      height = points[i + 3];\n      path2d.rect(x, y, width, height);\n    }\n\n    const pathAttrs = Object.assign({}, this.attribute, { path: path2d, points: null });\n    this.attribute = {};\n    (pathNode as IPath).setAttributes(pathAttrs);\n  }\n}\n"]}

package/cjs/graph/mark/large-symbols.d.ts

@@ -0,0 +1,11 @@
+import type { IGroupGraphicAttribute } from '@visactor/vrender';
+import { Group } from '@visactor/vrender';
+interface LargeSymbolsAttribute extends IGroupGraphicAttribute {
+    size: number;
+    points: Float32Array | number[];
+}
+export declare class LargeSymbols extends Group {
+    constructor(attributes: LargeSymbolsAttribute);
+    render(): void;
+}
+export {};

package/cjs/graph/mark/large-symbols.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LargeSymbols = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_1 = require("@visactor/vrender");
+
+class LargeSymbols extends vrender_1.Group {
+    constructor(attributes) {
+        super(attributes), this.attribute = attributes, this.onSetStage((() => {
+            this.render();
+        }));
+    }
+    render() {
+        var _a, _b;
+        const pathNode = this.createOrUpdateChild("large-path", {}, "path"), points = this.attribute.points, size = null !== (_a = this.attribute.size) && void 0 !== _a ? _a : vrender_1.DefaultSymbolAttribute.size, path2d = null !== (_b = pathNode.attribute.path) && void 0 !== _b ? _b : new vrender_1.CustomPath2D;
+        let x, y;
+        path2d.clear();
+        const maxSize = (0, vutils_1.isNumber)(size) ? size : (0, vutils_1.max)(size[0], size[1]);
+        for (let i = 0, len = points.length; i < len; i += 4) x = points[i], y = points[i + 1], 
+        path2d.arc(x, y, maxSize / 2, 0, 2 * Math.PI), path2d.closePath();
+        const pathAttrs = Object.assign({}, this.attribute, {
+            path: path2d,
+            points: null,
+            size: null
+        });
+        this.attribute = {}, pathNode.setAttributes(pathAttrs);
+    }
+}
+
+exports.LargeSymbols = LargeSymbols;
+//# sourceMappingURL=large-symbols.js.map

package/cjs/graph/mark/large-symbols.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark/large-symbols.ts"],"names":[],"mappings":";;;AACA,6CAAiD;AAEjD,+CAAgF;AAOhF,MAAa,YAAa,SAAQ,eAAK;IACrC,YAAY,UAAiC;QAC3C,KAAK,CAAC,UAAU,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAE5B,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,EAAE,EAAE,MAAM,CAAU,CAAC;QAC7E,MAAM,MAAM,GAAI,IAAI,CAAC,SAAmC,CAAC,MAAM,CAAC;QAChE,MAAM,IAAI,GAAG,MAAC,IAAI,CAAC,SAAmC,CAAC,IAAI,mCAAK,gCAAsB,CAAC,IAAe,CAAC;QACvG,MAAM,MAAM,GAAG,MAAC,QAAQ,CAAC,SAAS,CAAC,IAAsB,mCAAI,IAAI,sBAAY,EAAE,CAAC;QAChF,IAAI,CAAC,CAAC;QACN,IAAI,CAAC,CAAC;QAEN,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,OAAO,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,YAAG,EAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YACpD,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACd,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAClB,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,EAAE,CAAC;SACpB;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAChG,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACnB,QAAkB,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACF;AA/BD,oCA+BC","file":"large-symbols.js","sourcesContent":["import type { ICustomPath2D, IGroupGraphicAttribute, IPath } from '@visactor/vrender';\nimport { isNumber, max } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { CustomPath2D, Group, DefaultSymbolAttribute } from '@visactor/vrender';\n\ninterface LargeSymbolsAttribute extends IGroupGraphicAttribute {\n  size: number;\n  points: Float32Array | number[];\n}\n\nexport class LargeSymbols extends Group {\n  constructor(attributes: LargeSymbolsAttribute) {\n    super(attributes);\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n    });\n  }\n\n  render() {\n    const pathNode = this.createOrUpdateChild('large-path', {}, 'path') as IPath;\n    const points = (this.attribute as LargeSymbolsAttribute).points;\n    const size = (this.attribute as LargeSymbolsAttribute).size ?? (DefaultSymbolAttribute.size as number);\n    const path2d = (pathNode.attribute.path as ICustomPath2D) ?? new CustomPath2D();\n    let x;\n    let y;\n\n    path2d.clear();\n    const maxSize = isNumber(size) ? size : max(size[0], size[1]);\n    for (let i = 0, len = points.length; i < len; i += 4) {\n      x = points[i];\n      y = points[i + 1];\n      path2d.arc(x, y, maxSize / 2, 0, Math.PI * 2);\n      path2d.closePath();\n    }\n\n    const pathAttrs = Object.assign({}, this.attribute, { path: path2d, points: null, size: null });\n    this.attribute = {};\n    (pathNode as IPath).setAttributes(pathAttrs);\n  }\n}\n"]}

package/cjs/graph/mark-tree.d.ts

@@ -0,0 +1,2 @@
+import type { IMark } from '../types';
+export declare const traverseMarkTree: (rootMark: IMark, childrenKey: 'children' | 'layoutChildren', apply: (mark: IMark) => any, filter?: (mark: IMark) => boolean, leafFirst?: boolean) => void;

package/cjs/graph/mark-tree.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.traverseMarkTree = void 0;
+
+const enums_1 = require("./enums"), traverseMarkTree = (rootMark, childrenKey, apply, filter, leafFirst) => {
+    const traverse = mark => {
+        if (leafFirst || !mark || filter && !filter(mark) || apply.call(null, mark), mark.markType === enums_1.GrammarMarkType.group) {
+            const children = mark[childrenKey];
+            children && children.forEach((child => {
+                traverse(child);
+            }));
+        }
+        leafFirst && (!mark || filter && !filter(mark) || apply.call(null, mark));
+    };
+    traverse(rootMark);
+};
+
+exports.traverseMarkTree = traverseMarkTree;
+//# sourceMappingURL=mark-tree.js.map

package/cjs/graph/mark-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/mark-tree.ts"],"names":[],"mappings":";;;AACA,mCAA0C;AAEnC,MAAM,gBAAgB,GAAG,CAC9B,QAAe,EACf,WAA0C,EAC1C,KAA2B,EAC3B,MAAiC,EACjC,SAAmB,EACnB,EAAE;IACF,MAAM,QAAQ,GAAG,CAAC,IAAW,EAAE,EAAE;QAC/B,IAAI,CAAC,SAAS,EAAE;YACd,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;gBACrC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;aACxB;SACF;QAED,IAAI,IAAI,CAAC,QAAQ,KAAK,uBAAe,CAAC,KAAK,EAAE;YAC3C,MAAM,QAAQ,GAAa,IAAmB,CAAC,WAAW,CAAC,CAAC;YAE5D,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACvB,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAClB,CAAC,CAAC,CAAC;aACJ;SACF;QAED,IAAI,SAAS,EAAE;YACb,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;gBACrC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;aACxB;SACF;IACH,CAAC,CAAC;IAEF,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACrB,CAAC,CAAC;AAhCW,QAAA,gBAAgB,oBAgC3B","file":"mark-tree.js","sourcesContent":["import type { IGroupMark, IMark } from '../types';\nimport { GrammarMarkType } from './enums';\n\nexport const traverseMarkTree = (\n  rootMark: IMark,\n  childrenKey: 'children' | 'layoutChildren',\n  apply: (mark: IMark) => any,\n  filter?: (mark: IMark) => boolean,\n  leafFirst?: boolean\n) => {\n  const traverse = (mark: IMark) => {\n    if (!leafFirst) {\n      if (mark && (!filter || filter(mark))) {\n        apply.call(null, mark);\n      }\n    }\n\n    if (mark.markType === GrammarMarkType.group) {\n      const children: IMark[] = (mark as IGroupMark)[childrenKey];\n\n      if (children) {\n        children.forEach(child => {\n          traverse(child);\n        });\n      }\n    }\n\n    if (leafFirst) {\n      if (mark && (!filter || filter(mark))) {\n        apply.call(null, mark);\n      }\n    }\n  };\n\n  traverse(rootMark);\n};\n"]}

package/cjs/graph/util/element.d.ts

@@ -0,0 +1,2 @@
+import type { IElement, IMark } from '../../types';
+export declare const createElement: (mark: IMark) => IElement;