@visactor/vrender-components 0.12.3 → 0.13.0

package/cjs/axis/overlap/auto-hide.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.autoHide = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+function itemIntersect(item1, item2) {
+    return (0, vutils_1.isRectIntersect)(item1.AABBBounds, item2.AABBBounds, !1) && (!item1.rotatedBounds || !item2.rotatedBounds || (0, 
+    vutils_1.isRotateAABBIntersect)(item1.rotatedBounds, item2.rotatedBounds, !0));
+}
+
+const methods = {
+    parity: function(items) {
+        return items.filter(((item, i) => i % 2 ? item.setAttribute("opacity", 0) : 1));
+    },
+    greedy: function(items, sep) {
+        let a;
+        return items.filter(((b, i) => i && intersect(a.AABBBounds, b.AABBBounds, sep) ? b.setAttribute("opacity", 0) : (a = b, 
+        1)));
+    }
+};
+
+function intersect(a, b, sep) {
+    return sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2);
+}
+
+function hasOverlap(items, pad) {
+    for (let b, i = 1, n = items.length, a = items[0].AABBBounds; i < n; a = b, ++i) if (intersect(a, b = items[i].AABBBounds, pad)) return !0;
+}
+
+function hasBounds(item) {
+    const b = item.AABBBounds;
+    return b.width() > 1 && b.height() > 1;
+}
+
+function reset(items) {
+    return items.forEach((item => item.setAttribute("opacity", 1))), items;
+}
+
+function autoHide(labels, config) {
+    if ((0, vutils_1.isEmpty)(labels)) return;
+    const source = labels.filter(hasBounds);
+    if ((0, vutils_1.isEmpty)(source)) return;
+    let items;
+    items = reset(source);
+    const {method: method = "parity", separation: sep = 0} = config, reduce = (0, vutils_1.isFunction)(method) ? method : methods[method] || methods.parity;
+    if (items.length >= 3 && hasOverlap(items, sep)) {
+        do {
+            items = reduce(items, sep);
+        } while (items.length >= 3 && hasOverlap(items, sep));
+        items.length < 3 && !(0, vutils_1.last)(source).attribute.opacity && (items.length > 1 && (0, 
+        vutils_1.last)(items).setAttribute("opacity", 0), (0, vutils_1.last)(source).setAttribute("opacity", 1));
+    }
+    source.forEach((item => {
+        item.setAttribute("visible", !!item.attribute.opacity);
+    }));
+}
+
+exports.autoHide = autoHide;
+//# sourceMappingURL=auto-hide.js.map

package/cjs/axis/overlap/auto-hide.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["axis/overlap/auto-hide.ts"],"names":[],"mappings":"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","file":"auto-hide.js","sourcesContent":["/**\n * @description 自动隐藏\n */\n\nimport type { IText } from '@visactor/vrender';\nimport type { IBounds } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isEmpty, isFunction, isRectIntersect, isRotateAABBIntersect, last } from '@visactor/vutils';\nimport type { CustomMethod } from '../type';\n\nfunction itemIntersect(item1: IText, item2: IText) {\n  return (\n    isRectIntersect(item1.AABBBounds, item2.AABBBounds, false) &&\n    (item1.rotatedBounds && item2.rotatedBounds\n      ? isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, true)\n      : true)\n  );\n}\n\nconst methods = {\n  parity: function (items: IText[]) {\n    return items.filter((item, i) => (i % 2 ? item.setAttribute('opacity', 0) : 1));\n  },\n  greedy: function (items: IText[], sep: number) {\n    let a: IText;\n    return items.filter((b, i) => {\n      if (!i || !intersect(a.AABBBounds, b.AABBBounds, sep)) {\n        a = b;\n        return 1;\n      }\n      return b.setAttribute('opacity', 0);\n    });\n  }\n};\n\nfunction intersect(a: IBounds, b: IBounds, sep: number) {\n  return sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2);\n}\n\nfunction hasOverlap(items: IText[], pad: number) {\n  for (let i = 1, n = items.length, a = items[0].AABBBounds, b; i < n; a = b, ++i) {\n    if (intersect(a, (b = items[i].AABBBounds), pad)) {\n      return true;\n    }\n  }\n}\n\nfunction hasBounds(item: IText) {\n  const b = item.AABBBounds;\n  return b.width() > 1 && b.height() > 1;\n}\n\n// reset all items to be fully opaque\nfunction reset(items: IText[]) {\n  items.forEach(item => item.setAttribute('opacity', 1));\n  return items;\n}\n\ntype HideConfig = {\n  /**\n   * 轴的方向\n   */\n  orient: string;\n  /**\n   * 防重叠策略。\n   * - 'parity': 奇偶校验，使用删除所有其他标签的策略（这对于标准线性轴非常有效）。\n   * - 'greedy': 将执行标签的线性扫描，并删除与最后一个可见标签重叠的所有标签。\n   * - 也可以传入函数用于自定义策略\n   */\n  method?: 'parity' | 'greedy' | CustomMethod;\n  /**\n   * 设置文本之间的间隔距离，单位 px\n   */\n  separation?: number;\n};\n\nexport function autoHide(labels: IText[], config: HideConfig) {\n  if (isEmpty(labels)) {\n    return;\n  }\n\n  const source = labels.filter(hasBounds);\n  if (isEmpty(source)) {\n    return;\n  }\n\n  let items;\n\n  items = reset(source);\n\n  const { method = 'parity', separation: sep = 0 } = config;\n\n  const reduce = isFunction(method) ? method : methods[method] || methods.parity;\n\n  if (items.length >= 3 && hasOverlap(items, sep)) {\n    do {\n      items = reduce(items, sep);\n    } while (items.length >= 3 && hasOverlap(items, sep));\n\n    if (items.length < 3 && !last(source).attribute.opacity) {\n      if (items.length > 1) {\n        last(items).setAttribute('opacity', 0);\n      }\n      last(source).setAttribute('opacity', 1);\n    }\n  }\n\n  source.forEach(item => {\n    item.setAttribute('visible', !!item.attribute.opacity);\n  });\n}\n"]}

package/cjs/axis/overlap/auto-limit.d.ts

@@ -0,0 +1,8 @@
+import type { IText } from '@visactor/vrender';
+type LimitConfig = {
+    orient: string;
+    limitLength: number;
+    ellipsis?: string;
+};
+export declare function autoLimit(labels: IText[], config: LimitConfig): void;
+export {};

package/cjs/axis/overlap/auto-limit.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.autoLimit = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+function autoLimit(labels, config) {
+    const {limitLength: limitLength, ellipsis: ellipsis = "...", orient: orient} = config;
+    !(0, vutils_1.isEmpty)(labels) && (0, vutils_1.isValidNumber)(limitLength) && labels.forEach((label => {
+        const limitLabelLength = 0 === label.attribute.angle || (0, vutils_1.isNil)(label.attribute.angle) ? "top" === orient || "bottom" === orient ? null : limitLength : limitLength / Math.sin(label.attribute.angle);
+        label.setAttributes({
+            maxLineWidth: limitLabelLength,
+            ellipsis: ellipsis
+        });
+    }));
+}
+
+exports.autoLimit = autoLimit;
+//# sourceMappingURL=auto-limit.js.map

package/cjs/axis/overlap/auto-limit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["axis/overlap/auto-limit.ts"],"names":[],"mappings":";;;AAKA,6CAAiE;AAQjE,SAAgB,SAAS,CAAC,MAAe,EAAE,MAAmB;IAC5D,MAAM,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAEzD,IAAI,IAAA,gBAAO,EAAC,MAAM,CAAC,IAAI,CAAC,IAAA,sBAAa,EAAC,WAAW,CAAC,EAAE;QAClD,OAAO;KACR;IAED,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAErB,MAAM,gBAAgB,GACpB,KAAK,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,IAAI,IAAA,cAAK,EAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;YACzD,CAAC,CAAC,MAAM,KAAK,KAAK,IAAI,MAAM,KAAK,QAAQ;gBACvC,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,WAAW;YACf,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACpD,KAAK,CAAC,aAAa,CAAC;YAClB,YAAY,EAAE,gBAAgB;YAC9B,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AApBD,8BAoBC","file":"auto-limit.js","sourcesContent":["/**\n * 自动省略\n */\n\nimport type { IText } from '@visactor/vrender';\nimport { isEmpty, isNil, isValidNumber } from '@visactor/vutils';\n\ntype LimitConfig = {\n  orient: string;\n  limitLength: number;\n  ellipsis?: string;\n};\n\nexport function autoLimit(labels: IText[], config: LimitConfig) {\n  const { limitLength, ellipsis = '...', orient } = config;\n\n  if (isEmpty(labels) || !isValidNumber(limitLength)) {\n    return;\n  }\n\n  labels.forEach(label => {\n    // 如果水平并且文本未发生旋转，则不配置 maxLineWidth\n    const limitLabelLength =\n      label.attribute.angle === 0 || isNil(label.attribute.angle)\n        ? orient === 'top' || orient === 'bottom'\n          ? null\n          : limitLength\n        : limitLength / Math.sin(label.attribute.angle);\n    label.setAttributes({\n      maxLineWidth: limitLabelLength,\n      ellipsis\n    });\n  });\n}\n"]}

package/cjs/axis/overlap/auto-rotate.d.ts

@@ -0,0 +1,7 @@
+import type { IText } from '@visactor/vrender';
+type RotateConfig = {
+    orient: string;
+    labelRotateAngle?: number[];
+};
+export declare function autoRotate(items: IText[], rotateConfig: RotateConfig): void;
+export {};

package/cjs/axis/overlap/auto-rotate.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.autoRotate = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+function autoRotate(items, rotateConfig) {
+    if ((0, vutils_1.isEmpty)(items)) return;
+    const {orient: orient, labelRotateAngle: labelRotateAngle = [ 0, 45, 90 ]} = rotateConfig;
+    if (0 === labelRotateAngle.length || items.some((item => !!item.attribute.angle))) return;
+    let i = 0, n = 0;
+    for (labelRotateAngle && labelRotateAngle.length > 0 && (n = labelRotateAngle.length); i < n; ) {
+        const angle = labelRotateAngle[i++];
+        if (items.forEach((item => {
+            item.attribute.angle = (0, vutils_1.degreeToRadian)(angle);
+        })), tryRotate(orient, items), !hasIntersect(items)) break;
+    }
+}
+
+function hasIntersect(items) {
+    for (let i = 1; i < items.length; i++) if (itemIntersect(items[i - 1], items[i])) return !0;
+    return !1;
+}
+
+function itemIntersect(item1, item2) {
+    return (0, vutils_1.isRotateAABBIntersect)(item1.rotatedBounds, item2.rotatedBounds, !0);
+}
+
+function tryRotate(orient, items) {
+    "bottom" !== orient && "top" !== orient || rotateXAxis(orient, items), "left" !== orient && "right" !== orient || rotateYAxis(orient, items), 
+    genRotateBounds(items);
+}
+
+function rotate(x, y, deg, originX, originY) {
+    return {
+        x: (x - originX) * Math.cos(deg) + (y - originY) * Math.sin(deg) + originX,
+        y: (x - originX) * Math.sin(deg) + (originY - y) * Math.cos(deg) + originY
+    };
+}
+
+function genNormalBounds(item) {
+    const bounds = item.AABBBounds;
+    return {
+        x1: bounds.x1,
+        x2: bounds.x2,
+        y1: bounds.y1,
+        y2: bounds.y2,
+        centerX: item.attribute.x,
+        centerY: item.attribute.y,
+        angle: item.attribute.angle
+    };
+}
+
+function genRotateBounds(items) {
+    items.forEach((item => {
+        const bounds = genNormalBounds(item), rotatedCenter = rotate(bounds.centerX, bounds.centerY, bounds.angle, item.attribute.x, item.attribute.y), deltaX = rotatedCenter.x - bounds.centerX, deltaY = rotatedCenter.y - bounds.centerY;
+        bounds.x1 += deltaX, bounds.x2 += deltaX, bounds.y1 += deltaY, bounds.y2 += deltaY, 
+        bounds.centerX += deltaX, bounds.centerY += deltaY, item.rotatedBounds = bounds;
+    }));
+}
+
+function rotateYAxis(orient, items) {
+    let align = [ "right", "right", "center", "left", "center", "left", "center", "right", "right" ], baseline = [ "middle", "middle", "top", "top", "middle", "middle", "bottom", "bottom", "middle" ];
+    "right" === orient && (align = [ "left", "right", "right", "right", "left", "left", "left", "left", "right" ], 
+    baseline = [ "middle", "bottom", "middle", "top", "top", "top", "middle", "bottom", "bottom" ]), 
+    items.forEach(((item, i) => {
+        let angle = item.attribute.angle || 0;
+        if (angle < 0) for (;angle < 0; ) angle += 2 * Math.PI;
+        if (angle > 0) for (;angle >= 2 * Math.PI; ) angle -= 2 * Math.PI;
+        const step = angle / (.5 * Math.PI);
+        let index;
+        index = step === Math.floor(step) ? 2 * Math.floor(step) : 2 * Math.floor(step) + 1, 
+        item.setAttributes({
+            textAlign: align[index],
+            textBaseline: baseline[index],
+            angle: angle
+        });
+    }));
+}
+
+function rotateXAxis(orient, items) {
+    let align = [ "center", "left", "left", "left", "center", "right", "right", "right", "left" ], baseline = [ "top", "top", "middle", "bottom", "bottom", "bottom", "middle", "top", "top" ];
+    "top" === orient && (align = [ "center", "right", "right", "right", "center", "left", "left", "left", "right" ], 
+    baseline = [ "bottom", "bottom", "middle", "top", "top", "top", "middle", "bottom", "bottom" ]), 
+    items.forEach((item => {
+        let angle = item.attribute.angle || 0;
+        if (angle < 0) for (;angle < 0; ) angle += 2 * Math.PI;
+        if (angle > 0) for (;angle >= 2 * Math.PI; ) angle -= 2 * Math.PI;
+        const step = angle / (.5 * Math.PI);
+        let index;
+        index = step === Math.floor(step) ? 2 * Math.floor(step) : 2 * Math.floor(step) + 1, 
+        item.setAttributes({
+            textAlign: align[index],
+            textBaseline: baseline[index],
+            angle: angle
+        });
+    }));
+}
+
+exports.autoRotate = autoRotate;
+//# sourceMappingURL=auto-rotate.js.map

package/cjs/axis/overlap/auto-rotate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["axis/overlap/auto-rotate.ts"],"names":[],"mappings":";;;AAIA,6CAAkF;AAalF,SAAgB,UAAU,CAAC,KAAc,EAAE,YAA0B;IACnE,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;QAClB,OAAO;KACR;IAED,MAAM,EAAE,MAAM,EAAE,gBAAgB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,YAAY,CAAC;IAChE,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;QAC/E,OAAO;KACR;IAED,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;QACnD,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC;KAC7B;IAED,OAAO,CAAC,GAAG,CAAC,EAAE;QACZ,MAAM,KAAK,GAAG,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC;QACpC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAEnB,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,IAAA,uBAAc,EAAC,KAAK,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;YACxB,MAAM;SACP;KACF;AACH,CAAC;AA3BD,gCA2BC;AAED,SAAS,YAAY,CAAC,KAAc;IAClC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;YACzC,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,aAAa,CAAC,KAAY,EAAE,KAAY;IAC/C,OAAO,IAAA,8BAAqB,EAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;AAC/E,CAAC;AAED,SAAS,SAAS,CAAC,MAAc,EAAE,KAAc;IAE/C,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,KAAK,EAAE;QAC3C,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KAC5B;IACD,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,EAAE;QAC3C,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KAC5B;IAED,eAAe,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC;AAED,SAAS,MAAM,CAAC,CAAS,EAAE,CAAS,EAAE,GAAW,EAAE,OAAe,EAAE,OAAe;IACjF,OAAO;QACL,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,OAAO;QAC1E,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,OAAO;KAC3E,CAAC;AACJ,CAAC;AAGD,SAAS,eAAe,CAAC,IAAW;IAClC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;IAE/B,OAAO;QACL,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACzB,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACzB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK;KAC5B,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAc;IACrC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAEnB,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;QAErC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAC/G,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;QAChD,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;QAChD,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC;QACpB,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC;QACpB,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC;QACpB,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC;QACpB,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC;QACzB,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAAC,MAAc,EAAE,KAAc;IAEjD,IAAI,KAAK,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC/F,IAAI,QAAQ,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEpG,IAAI,MAAM,KAAK,OAAO,EAAE;QAEtB,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QACrF,QAAQ,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;KAC9F;IAED,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACxB,IAAI,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC;QACtC,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,OAAO,KAAK,GAAG,CAAC,EAAE;gBAChB,KAAK,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;aACtB;SACF;QACD,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,OAAO,KAAK,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE;gBAC3B,KAAK,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;aACtB;SACF;QACD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;QACrC,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAC7B,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAC9B;aAAM;YACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;SAClC;QACD,IAAI,CAAC,aAAa,CAAC;YACjB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAkB;YACxC,YAAY,EAAE,QAAQ,CAAC,KAAK,CAAqB;YACjD,KAAK,EAAE,KAAK;SACb,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAAC,MAAc,EAAE,KAAc;IAEjD,IAAI,KAAK,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC5F,IAAI,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC9F,IAAI,MAAM,KAAK,KAAK,EAAE;QAEpB,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QACzF,QAAQ,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;KAC9F;IACD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACnB,IAAI,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC;QAGtC,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,OAAO,KAAK,GAAG,CAAC,EAAE;gBAChB,KAAK,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;aACtB;SACF;QACD,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,OAAO,KAAK,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE;gBAC3B,KAAK,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;aACtB;SACF;QACD,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;QACrC,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAC7B,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAC9B;aAAM;YACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;SAClC;QACD,IAAI,CAAC,aAAa,CAAC;YACjB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAkB;YACxC,YAAY,EAAE,QAAQ,CAAC,KAAK,CAAqB;YACjD,KAAK;SACN,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC","file":"auto-rotate.js","sourcesContent":["/**\n * @description 坐标轴标签自动旋转\n */\nimport type { IText, TextAlignType, TextBaselineType } from '@visactor/vrender';\nimport { degreeToRadian, isEmpty, isRotateAABBIntersect } from '@visactor/vutils';\n\ntype RotateConfig = {\n  /**\n   * 坐标轴的显示位置\n   */\n  orient: string;\n  /**\n   * 自动旋转的可选角度\n   */\n  labelRotateAngle?: number[];\n};\n\nexport function autoRotate(items: IText[], rotateConfig: RotateConfig) {\n  if (isEmpty(items)) {\n    return;\n  }\n\n  const { orient, labelRotateAngle = [0, 45, 90] } = rotateConfig;\n  if (labelRotateAngle.length === 0 || items.some(item => !!item.attribute.angle)) {\n    return;\n  }\n\n  let i = 0;\n  let n = 0;\n  if (labelRotateAngle && labelRotateAngle.length > 0) {\n    n = labelRotateAngle.length;\n  }\n\n  while (i < n) {\n    const angle = labelRotateAngle[i++];\n    items.forEach(item => {\n      // item.angle = angle;\n      item.attribute.angle = degreeToRadian(angle);\n    });\n    tryRotate(orient, items);\n    if (!hasIntersect(items)) {\n      break;\n    }\n  }\n}\n\nfunction hasIntersect(items: IText[]): boolean {\n  for (let i = 1; i < items.length; i++) {\n    if (itemIntersect(items[i - 1], items[i])) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction itemIntersect(item1: IText, item2: IText) {\n  return isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, true);\n}\n\nfunction tryRotate(orient: string, items: IText[]) {\n  // 针对 top bottom轴的自动旋转逻辑\n  if (orient === 'bottom' || orient === 'top') {\n    rotateXAxis(orient, items);\n  }\n  if (orient === 'left' || orient === 'right') {\n    rotateYAxis(orient, items);\n  }\n  // 先旋转，再计算这个limit，避免算limit后发现不需要旋转，导致莫名的水平limit\n  genRotateBounds(items);\n}\n\nfunction rotate(x: number, y: number, deg: number, originX: number, originY: number) {\n  return {\n    x: (x - originX) * Math.cos(deg) + (y - originY) * Math.sin(deg) + originX,\n    y: (x - originX) * Math.sin(deg) + (originY - y) * Math.cos(deg) + originY\n  };\n}\n\n// 计算水平情况下的包围盒\nfunction genNormalBounds(item: IText) {\n  const bounds = item.AABBBounds;\n\n  return {\n    x1: bounds.x1,\n    x2: bounds.x2,\n    y1: bounds.y1,\n    y2: bounds.y2,\n    centerX: item.attribute.x,\n    centerY: item.attribute.y,\n    angle: item.attribute.angle\n  };\n}\n\nfunction genRotateBounds(items: IText[]) {\n  items.forEach(item => {\n    // 计算水平情况下的包围盒\n    const bounds = genNormalBounds(item);\n    // 旋转\n    const rotatedCenter = rotate(bounds.centerX, bounds.centerY, bounds.angle, item.attribute.x, item.attribute.y);\n    const deltaX = rotatedCenter.x - bounds.centerX;\n    const deltaY = rotatedCenter.y - bounds.centerY;\n    bounds.x1 += deltaX;\n    bounds.x2 += deltaX;\n    bounds.y1 += deltaY;\n    bounds.y2 += deltaY;\n    bounds.centerX += deltaX;\n    bounds.centerY += deltaY;\n    item.rotatedBounds = bounds;\n  });\n}\n\nfunction rotateYAxis(orient: string, items: IText[]) {\n  //                0,      0-90,       90,     90-180,   180,    180-270, 270,     270-360,   360\n  let align = ['right', 'right', 'center', 'left', 'center', 'left', 'center', 'right', 'right'];\n  let baseline = ['middle', 'middle', 'top', 'top', 'middle', 'middle', 'bottom', 'bottom', 'middle'];\n\n  if (orient === 'right') {\n    //            0,      0-90,   90,     90-180,   180,    180-270, 270,     270-360,   360\n    align = ['left', 'right', 'right', 'right', 'left', 'left', 'left', 'left', 'right'];\n    baseline = ['middle', 'bottom', 'middle', 'top', 'top', 'top', 'middle', 'bottom', 'bottom'];\n  }\n  // 由于左右轴会裁切，所以上下两个label需要额外处理，做tighten处理\n  items.forEach((item, i) => {\n    let angle = item.attribute.angle || 0;\n    if (angle < 0) {\n      while (angle < 0) {\n        angle += Math.PI * 2;\n      }\n    }\n    if (angle > 0) {\n      while (angle >= Math.PI * 2) {\n        angle -= Math.PI * 2;\n      }\n    }\n    const step = angle / (Math.PI * 0.5);\n    let index;\n    if (step === Math.floor(step)) {\n      index = Math.floor(step) * 2;\n    } else {\n      index = Math.floor(step) * 2 + 1;\n    }\n    item.setAttributes({\n      textAlign: align[index] as TextAlignType,\n      textBaseline: baseline[index] as TextBaselineType,\n      angle: angle\n    });\n  });\n}\n\nfunction rotateXAxis(orient: string, items: IText[]) {\n  //                0,      0-90,   90,     90-180,   180,    180-270, 270,     270-360,   360\n  let align = ['center', 'left', 'left', 'left', 'center', 'right', 'right', 'right', 'left'];\n  let baseline = ['top', 'top', 'middle', 'bottom', 'bottom', 'bottom', 'middle', 'top', 'top'];\n  if (orient === 'top') {\n    //            0,      0-90,   90,     90-180,   180,    180-270, 270,     270-360,   360\n    align = ['center', 'right', 'right', 'right', 'center', 'left', 'left', 'left', 'right'];\n    baseline = ['bottom', 'bottom', 'middle', 'top', 'top', 'top', 'middle', 'bottom', 'bottom'];\n  }\n  items.forEach(item => {\n    let angle = item.attribute.angle || 0;\n    // todo angle为0跳过会导致下轴高度有bug\n    // if (angle === 0) return;\n    if (angle < 0) {\n      while (angle < 0) {\n        angle += Math.PI * 2;\n      }\n    }\n    if (angle > 0) {\n      while (angle >= Math.PI * 2) {\n        angle -= Math.PI * 2;\n      }\n    }\n    const step = angle / (Math.PI * 0.5);\n    let index;\n    if (step === Math.floor(step)) {\n      index = Math.floor(step) * 2;\n    } else {\n      index = Math.floor(step) * 2 + 1;\n    }\n    item.setAttributes({\n      textAlign: align[index] as TextAlignType,\n      textBaseline: baseline[index] as TextBaselineType,\n      angle\n    });\n  });\n}\n"]}

package/cjs/axis/type.d.ts

@@ -1,8 +1,8 @@
-import { IGraphicAttribute, ILineGraphicAttribute, SymbolType, ITextGraphicAttribute, ISymbolGraphicAttribute, IRectGraphicAttribute, IGroupGraphicAttribute } from '@visactor/vrender';
-import { Dict } from '@visactor/vutils';
-import { Point } from '../core/type';
-import { SegmentAttributes } from '../segment';
-import { TagAttributes } from '../tag';
+import type { IGraphicAttribute, ILineGraphicAttribute, SymbolType, ITextGraphicAttribute, ISymbolGraphicAttribute, IRectGraphicAttribute, IGroupGraphicAttribute, IText, IGroup } from '@visactor/vrender';
+import type { Dict } from '@visactor/vutils';
+import type { Point } from '../core/type';
+import type { SegmentAttributes } from '../segment';
+import type { TagAttributes } from '../tag';
 export type AxisItemStateStyle<T> = {
     hover?: T;
     hover_reverse?: T;
@@ -61,8 +61,9 @@ export interface AxisBaseAttributes extends IGroupGraphicAttribute {
     select?: boolean;
     hover?: boolean;
     verticalFactor?: number;
+    verticalLimitSize?: number;
+    orient?: string;
     items: AxisItem[][];
-    layoutSize?: [number, number];
     title?: TitleAttributes;
     label?: LabelAttributes;
     tick?: TickAttributes;
@@ -153,6 +154,7 @@ export interface TickAttributes {
     length?: number;
     style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;
     state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;
+    dataFilter?: (data: AxisItem[]) => AxisItem[];
 }
 export interface SubTickAttributes {
     visible: boolean;
@@ -162,16 +164,23 @@ export interface SubTickAttributes {
     style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;
     state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;
 }
-export interface LabelLayoutConfig {
-    type: 'autoHide' | 'autoRotate' | 'autoEllipsis' | 'custom';
-    [key: string]: any;
+export type CustomMethod = (items: IText[], separation: number) => IText[];
+export interface AxisLabelOverlap {
+    autoRotate?: boolean;
+    autoRotateAngle?: number[];
+    autoHide?: boolean;
+    autoHideMethod?: 'parity' | 'greedy' | CustomMethod;
+    autoHideSeparation?: number;
+    autoLimit?: boolean;
+    limitEllipsis?: string;
+    layoutFunc?: (labels: IText[], labelData: AxisItem[], layer: number, axis: IGroup) => void;
 }
-export interface LabelAttributes {
+export interface LabelAttributes extends AxisLabelOverlap {
     visible: boolean;
     inside?: boolean;
     space?: number;
     formatMethod?: (value: string, datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => string;
     style?: Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>;
-    layouts?: LabelLayoutConfig[];
     state?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;
+    dataFilter?: (data: AxisItem[], layer: number) => AxisItem[];
 }

package/cjs/axis/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["axis/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import {\n  IGraphicAttribute,\n  ILineGraphicAttribute,\n  SymbolType,\n  ITextGraphicAttribute,\n  ISymbolGraphicAttribute,\n  IRectGraphicAttribute,\n  IGroupGraphicAttribute\n} from '@visactor/vrender';\nimport { Dict } from '@visactor/vutils';\nimport { Point } from '../core/type';\nimport { SegmentAttributes } from '../segment';\nimport { TagAttributes } from '../tag';\n\nexport type AxisItemStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n};\n\nexport type callbackFunc<T> = (datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => T;\n\n// 处理过的用于绘制的 tickLine 数据\nexport type TickLineItem = {\n  start: Point;\n  end: Point;\n  /** 归一化后的数据 */\n  value: number;\n  // 3d数据\n  anchor?: [number, number];\n  alpha?: number;\n  beta?: number;\n  [key: string]: any;\n};\n\n// 处理过的用于绘制的数据\nexport type TransformedAxisItem = AxisItem & {\n  point: Point;\n};\n\nexport type AxisItem = {\n  /** 标识符，用于动画以及图形查找 */\n  id?: string;\n  /** 显示文本 */\n  label: string;\n  /** 归一化后的数据 */\n  value: number;\n  /** 对应原始数据 */\n  rawValue: any;\n  [key: string]: any;\n};\n\nexport type GridItem = {\n  /**\n   * 标识符\n   */\n  id?: string | number;\n  /** 网格线点集合 */\n  points: Point[];\n  [key: string]: any;\n};\n\n// 网格线配置\nexport type GridBaseAttributes = {\n  type: 'line' | 'circle' | 'polygon';\n  /**\n   * 网格线绘制点数据\n   */\n  items: GridItem[];\n  /**\n   * 栅格线是否封闭\n   */\n  closed?: boolean;\n  /**\n   * 线样式配置\n   */\n  style?: ILineGraphicAttribute | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  /**\n   * 两个栅格线间的填充色\n   */\n  alternateColor?: string | string[];\n  /**\n   * 网格线的绘图层级\n   */\n  zIndex?: number;\n  /** grid 是否与 label 对齐 */\n  alignWithLabel?: boolean;\n} & IGroupGraphicAttribute;\n\nexport type LineGridAttributes = {\n  type: 'line';\n  /**\n   * 当用户配置了 alternateColor 属性时，填充区域是否进行弧线连接\n   */\n  smoothLink?: boolean;\n  center?: Point;\n  /**\n   * 3d网格线的深度\n   */\n  depth?: number;\n} & GridBaseAttributes;\n\nexport type PolygonGridAttributes = {\n  type: 'polygon';\n} & GridBaseAttributes;\n\nexport type CircleGridAttributes = {\n  type: 'circle';\n  /**\n   * 用于圆弧型网格线的圆心位置声明\n   */\n  center: Point;\n} & GridBaseAttributes;\n\nexport type GridAttributes = LineGridAttributes | CircleGridAttributes | PolygonGridAttributes;\n\nexport interface AxisBaseAttributes extends IGroupGraphicAttribute {\n  /**\n   * 是否开启选中交互\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 交互\n   * @default false\n   */\n  hover?: boolean;\n  /**\n   * 垂直于坐标轴方向的因子，默认为 1\n   */\n  verticalFactor?: number;\n  /** 坐标轴数据 */\n  items: AxisItem[][];\n  /**\n   * TODO：待支持\n   * 坐标轴组件可占用尺寸，用于组件内部的约束性布局\n   */\n  layoutSize?: [number, number];\n  /**\n   * 轴标题配置\n   */\n  title?: TitleAttributes;\n  /**\n   * 轴标签配置\n   */\n  label?: LabelAttributes;\n  /**\n   * 轴刻度线配置\n   */\n  tick?: TickAttributes;\n  /**\n   * 自刻度线配置\n   */\n  subTick?: SubTickAttributes;\n  /**\n   * 轴线配置\n   */\n  line?: LineAttributes;\n  /**\n   * 网格线配置\n   */\n  grid?: LineAxisGridAttributes | CircleAxisGridAttributes;\n  /**\n   * 子刻度对应网格线配置\n   */\n  subGrid?: SubGridAttributesForAxis;\n  /**\n   * 坐标轴背景配置\n   */\n  panel?: {\n    /**\n     * 是否绘制坐标轴背景\n     */\n    visible?: boolean;\n    /**\n     * 坐标轴背景配置\n     */\n    style?: Partial<IRectGraphicAttribute>;\n    /**\n     * 坐标轴背景交互状态样式配置\n     */\n    state?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n}\n\nexport type LineGridOfLineAxisAttributes = Omit<LineGridAttributes, 'items'> & {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n  /**\n   * 网格线的长度\n   */\n  length: number;\n};\n\nexport type PolarGridOfLineAxisAttributes = (\n  | Omit<PolygonGridAttributes, 'items'>\n  | Omit<CircleGridAttributes, 'items'>\n) & {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n  /**\n   * 圆心\n   */\n  center?: Point;\n  /**\n   * 边数\n   */\n  sides?: number;\n  /**\n   * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n   *\n   */\n  startAngle?: number;\n  /**\n   * **弧度值**，结束弧度，默认 1.5 * Math.PI\n   */\n  endAngle?: number;\n};\n\nexport type LineAxisGridAttributes = LineGridOfLineAxisAttributes | PolarGridOfLineAxisAttributes;\nexport type SubGridAttributesForAxis = {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n} & Pick<GridBaseAttributes, 'alternateColor' | 'style' | 'zIndex'>;\n\nexport interface ILine3dType {\n  alpha: number;\n  anchor3d?: [number, number];\n}\n\nexport interface IGrid3dType {\n  beta: number;\n  anchor3d?: [number, number];\n}\n\nexport interface LineAxisAttributes extends AxisBaseAttributes {\n  /**\n   * 起始点坐标\n   */\n  start: Point;\n  /**\n   * 结束点坐标\n   */\n  end: Point;\n  /**\n   * 网格线配置\n   */\n  grid?: LineAxisGridAttributes;\n}\n\nexport interface CircleAxisGridAttributes extends Omit<LineGridAttributes, 'items'> {\n  type: 'line';\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n}\n\nexport interface CircleAxisAttributes extends AxisBaseAttributes {\n  /**\n   * 当配置了 innerRadius 时，可以通过设置 inside: true，将坐标轴战士在内圆半径上。\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 圆心坐标\n   */\n  center: Point;\n  /**\n   * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n   *\n   */\n  startAngle?: number;\n  /**\n   * **弧度值**，结束弧度，默认 1.5 * Math.PI\n   */\n  endAngle?: number;\n  /**\n   * 半径\n   */\n  radius: number;\n  /** 内半径 */\n  innerRadius?: number;\n  /**\n   * 网格线配置\n   */\n  grid?: CircleAxisGridAttributes;\n}\n\n// 坐标轴标题配置\nexport interface TitleAttributes extends Omit<TagAttributes, 'shape' | 'space' | 'text' | 'panel' | 'state'> {\n  /**\n   * 是否展示标题\n   */\n  visible?: boolean;\n  /**\n   * 标题的显示位置，默认 'middle'\n   */\n  position?: 'start' | 'middle' | 'end';\n  /**\n   * 标题距离坐标轴(轴线、刻度、标签共同构成的包围盒)的距离\n   */\n  space?: number;\n  /**\n   * 标题是否自动旋转以和坐标轴平行\n   */\n  autoRotate?: boolean;\n  /**\n   * 文本内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  shape?: {\n    /**\n     * 是否展示 shape\n     */\n    visible?: boolean;\n    /**\n     * shape 同 文本的间距\n     */\n    space?: number;\n    style?: Omit<Partial<ISymbolGraphicAttribute>, 'visible'>;\n  };\n  /**\n   * 背景设置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景层样式\n     */\n    style?: Omit<Partial<IRectGraphicAttribute>, 'visible' | 'width' | 'height'>;\n  };\n\n  /**\n   * 交互状态样式配置\n   */\n  state?: {\n    /**\n     * text 文本的状态配置\n     */\n    text?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;\n    /**\n     * shape 标记的状态配置\n     */\n    shape?: AxisItemStateStyle<Partial<ISymbolGraphicAttribute>>;\n    /**\n     * panel 背景的状态配置\n     */\n    background?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n}\n// 坐标轴线配置\nexport interface LineAttributes extends Pick<SegmentAttributes, 'startSymbol' | 'endSymbol'> {\n  /**\n   * 是否展示轴线\n   */\n  visible?: boolean;\n  /**\n   * TODO: 待支持\n   * 坐标轴截断范围，当需要对坐标轴轴线截断时，可配置该属性\n   */\n  breakRange?: [number, number];\n  /**\n   * TODO: 待支持\n   * 截断区域的形状\n   */\n  breakShape?: SymbolType | [SymbolType, SymbolType];\n  /**\n   * TODO: 待支持\n   * 截断图形样式\n   */\n  breakShapeStyle?: Partial<IGraphicAttribute>;\n  /**\n   * 线的样式配置\n   */\n  style?: Partial<ILineGraphicAttribute>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\n// 轴刻度线配置\nexport interface TickAttributes {\n  /** 是否显示轴刻度线 */\n  visible: boolean;\n  /**\n   * 刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * tick 是否与 label 对齐\n   * @default true\n   */\n  alignWithLabel?: boolean;\n  /**\n   * 刻度线的长度\n   */\n  length?: number;\n  /**\n   * 刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\n// 子轴刻度线配置\nexport interface SubTickAttributes {\n  /** 是否显示子轴刻度线 */\n  visible: boolean;\n  /**\n   * TODO: 考虑下 log 轴，自刻度线之间的间距是不均匀的问题\n   * 子刻度个数\n   */\n  count?: number;\n  /**\n   * 子刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 子刻度线的长度\n   */\n  length?: number;\n  /**\n   * 子刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\nexport interface LabelLayoutConfig {\n  type: 'autoHide' | 'autoRotate' | 'autoEllipsis' | 'custom';\n  [key: string]: any;\n}\n\nexport interface LabelAttributes {\n  /** 是否展示标签 */\n  visible: boolean;\n  /**\n   * 标签朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /** 标签同 tick 之间的间距 */\n  space?: number;\n  /**\n   * 格式化文本回调\n   * @param text 文本原始值\n   * @param item 对应的图形元素\n   * @param index 文本索引顺序\n   * @returns 格式化文本\n   */\n  formatMethod?: (value: string, datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => string;\n  /**\n   * 文本样式\n   */\n  style?: Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>;\n  /**\n   * TODO：待确定逻辑及配置\n   * 标签防重叠布局配置\n   */\n  layouts?: LabelLayoutConfig[];\n  state?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;\n}\n"]}
+{"version":3,"sources":["axis/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  ILineGraphicAttribute,\n  SymbolType,\n  ITextGraphicAttribute,\n  ISymbolGraphicAttribute,\n  IRectGraphicAttribute,\n  IGroupGraphicAttribute,\n  IText,\n  IGroup\n} from '@visactor/vrender';\nimport type { Dict } from '@visactor/vutils';\nimport type { Point } from '../core/type';\nimport type { SegmentAttributes } from '../segment';\nimport type { TagAttributes } from '../tag';\n\nexport type AxisItemStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n};\n\nexport type callbackFunc<T> = (datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => T;\n\n// 处理过的用于绘制的 tickLine 数据\nexport type TickLineItem = {\n  start: Point;\n  end: Point;\n  /** 归一化后的数据 */\n  value: number;\n  // 3d数据\n  anchor?: [number, number];\n  alpha?: number;\n  beta?: number;\n  [key: string]: any;\n};\n\n// 处理过的用于绘制的数据\nexport type TransformedAxisItem = AxisItem & {\n  point: Point;\n};\n\nexport type AxisItem = {\n  /** 标识符，用于动画以及图形查找 */\n  id?: string;\n  /** 显示文本 */\n  label: string;\n  /** 归一化后的数据 */\n  value: number;\n  /** 对应原始数据 */\n  rawValue: any;\n  [key: string]: any;\n};\n\nexport type GridItem = {\n  /**\n   * 标识符\n   */\n  id?: string | number;\n  /** 网格线点集合 */\n  points: Point[];\n  [key: string]: any;\n};\n\n// 网格线配置\nexport type GridBaseAttributes = {\n  type: 'line' | 'circle' | 'polygon';\n  /**\n   * 网格线绘制点数据\n   */\n  items: GridItem[];\n  /**\n   * 栅格线是否封闭\n   */\n  closed?: boolean;\n  /**\n   * 线样式配置\n   */\n  style?: ILineGraphicAttribute | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  /**\n   * 两个栅格线间的填充色\n   */\n  alternateColor?: string | string[];\n  /**\n   * 网格线的绘图层级\n   */\n  zIndex?: number;\n  /** grid 是否与 label 对齐 */\n  alignWithLabel?: boolean;\n} & IGroupGraphicAttribute;\n\nexport type LineGridAttributes = {\n  type: 'line';\n  /**\n   * 当用户配置了 alternateColor 属性时，填充区域是否进行弧线连接\n   */\n  smoothLink?: boolean;\n  center?: Point;\n  /**\n   * 3d网格线的深度\n   */\n  depth?: number;\n} & GridBaseAttributes;\n\nexport type PolygonGridAttributes = {\n  type: 'polygon';\n} & GridBaseAttributes;\n\nexport type CircleGridAttributes = {\n  type: 'circle';\n  /**\n   * 用于圆弧型网格线的圆心位置声明\n   */\n  center: Point;\n} & GridBaseAttributes;\n\nexport type GridAttributes = LineGridAttributes | CircleGridAttributes | PolygonGridAttributes;\n\nexport interface AxisBaseAttributes extends IGroupGraphicAttribute {\n  /**\n   * 是否开启选中交互\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 交互\n   * @default false\n   */\n  hover?: boolean;\n  /**\n   * 垂直于坐标轴方向的因子，默认为 1\n   */\n  verticalFactor?: number;\n  /**\n   * 坐标轴垂直方向的限制空间，该配置会影响文本的显示，\n   * 即如果超出，文本则会进行自动旋转、自动隐藏等动作。\n   */\n  verticalLimitSize?: number;\n  /**\n   * 坐标轴的显示位置，用于文本的防重叠处理\n   */\n  orient?: string;\n  /** 坐标轴数据 */\n  items: AxisItem[][];\n  /**\n   * 轴标题配置\n   */\n  title?: TitleAttributes;\n  /**\n   * 轴标签配置\n   */\n  label?: LabelAttributes;\n  /**\n   * 轴刻度线配置\n   */\n  tick?: TickAttributes;\n  /**\n   * 自刻度线配置\n   */\n  subTick?: SubTickAttributes;\n  /**\n   * 轴线配置\n   */\n  line?: LineAttributes;\n  /**\n   * 网格线配置\n   */\n  grid?: LineAxisGridAttributes | CircleAxisGridAttributes;\n  /**\n   * 子刻度对应网格线配置\n   */\n  subGrid?: SubGridAttributesForAxis;\n  /**\n   * 坐标轴背景配置\n   */\n  panel?: {\n    /**\n     * 是否绘制坐标轴背景\n     */\n    visible?: boolean;\n    /**\n     * 坐标轴背景配置\n     */\n    style?: Partial<IRectGraphicAttribute>;\n    /**\n     * 坐标轴背景交互状态样式配置\n     */\n    state?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n}\n\nexport type LineGridOfLineAxisAttributes = Omit<LineGridAttributes, 'items'> & {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n  /**\n   * 网格线的长度\n   */\n  length: number;\n};\n\nexport type PolarGridOfLineAxisAttributes = (\n  | Omit<PolygonGridAttributes, 'items'>\n  | Omit<CircleGridAttributes, 'items'>\n) & {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n  /**\n   * 圆心\n   */\n  center?: Point;\n  /**\n   * 边数\n   */\n  sides?: number;\n  /**\n   * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n   *\n   */\n  startAngle?: number;\n  /**\n   * **弧度值**，结束弧度，默认 1.5 * Math.PI\n   */\n  endAngle?: number;\n};\n\nexport type LineAxisGridAttributes = LineGridOfLineAxisAttributes | PolarGridOfLineAxisAttributes;\nexport type SubGridAttributesForAxis = {\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n} & Pick<GridBaseAttributes, 'alternateColor' | 'style' | 'zIndex'>;\n\nexport interface ILine3dType {\n  alpha: number;\n  anchor3d?: [number, number];\n}\n\nexport interface IGrid3dType {\n  beta: number;\n  anchor3d?: [number, number];\n}\n\nexport interface LineAxisAttributes extends AxisBaseAttributes {\n  /**\n   * 起始点坐标\n   */\n  start: Point;\n  /**\n   * 结束点坐标\n   */\n  end: Point;\n  /**\n   * 网格线配置\n   */\n  grid?: LineAxisGridAttributes;\n}\n\nexport interface CircleAxisGridAttributes extends Omit<LineGridAttributes, 'items'> {\n  type: 'line';\n  /**\n   * 是否展示网格线\n   */\n  visible?: boolean;\n}\n\nexport interface CircleAxisAttributes extends AxisBaseAttributes {\n  /**\n   * 当配置了 innerRadius 时，可以通过设置 inside: true，将坐标轴战士在内圆半径上。\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 圆心坐标\n   */\n  center: Point;\n  /**\n   * **弧度值**，起始弧度，默认 -0.5 * Math.PI\n   *\n   */\n  startAngle?: number;\n  /**\n   * **弧度值**，结束弧度，默认 1.5 * Math.PI\n   */\n  endAngle?: number;\n  /**\n   * 半径\n   */\n  radius: number;\n  /** 内半径 */\n  innerRadius?: number;\n  /**\n   * 网格线配置\n   */\n  grid?: CircleAxisGridAttributes;\n}\n\n// 坐标轴标题配置\nexport interface TitleAttributes extends Omit<TagAttributes, 'shape' | 'space' | 'text' | 'panel' | 'state'> {\n  /**\n   * 是否展示标题\n   */\n  visible?: boolean;\n  /**\n   * 标题的显示位置，默认 'middle'\n   */\n  position?: 'start' | 'middle' | 'end';\n  /**\n   * 标题距离坐标轴(轴线、刻度、标签共同构成的包围盒)的距离\n   */\n  space?: number;\n  /**\n   * 标题是否自动旋转以和坐标轴平行\n   */\n  autoRotate?: boolean;\n  /**\n   * 文本内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  shape?: {\n    /**\n     * 是否展示 shape\n     */\n    visible?: boolean;\n    /**\n     * shape 同 文本的间距\n     */\n    space?: number;\n    style?: Omit<Partial<ISymbolGraphicAttribute>, 'visible'>;\n  };\n  /**\n   * 背景设置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景层样式\n     */\n    style?: Omit<Partial<IRectGraphicAttribute>, 'visible' | 'width' | 'height'>;\n  };\n\n  /**\n   * 交互状态样式配置\n   */\n  state?: {\n    /**\n     * text 文本的状态配置\n     */\n    text?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;\n    /**\n     * shape 标记的状态配置\n     */\n    shape?: AxisItemStateStyle<Partial<ISymbolGraphicAttribute>>;\n    /**\n     * panel 背景的状态配置\n     */\n    background?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;\n  };\n}\n// 坐标轴线配置\nexport interface LineAttributes extends Pick<SegmentAttributes, 'startSymbol' | 'endSymbol'> {\n  /**\n   * 是否展示轴线\n   */\n  visible?: boolean;\n  /**\n   * TODO: 待支持\n   * 坐标轴截断范围，当需要对坐标轴轴线截断时，可配置该属性\n   */\n  breakRange?: [number, number];\n  /**\n   * TODO: 待支持\n   * 截断区域的形状\n   */\n  breakShape?: SymbolType | [SymbolType, SymbolType];\n  /**\n   * TODO: 待支持\n   * 截断图形样式\n   */\n  breakShapeStyle?: Partial<IGraphicAttribute>;\n  /**\n   * 线的样式配置\n   */\n  style?: Partial<ILineGraphicAttribute>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\n// 轴刻度线配置\nexport interface TickAttributes {\n  /** 是否显示轴刻度线 */\n  visible: boolean;\n  /**\n   * 刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * tick 是否与 label 对齐\n   * @default true\n   */\n  alignWithLabel?: boolean;\n  /**\n   * 刻度线的长度\n   */\n  length?: number;\n  /**\n   * 刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n  /**\n   * 用于 tick 的数据过滤\n   * @param data\n   * @returns\n   */\n  dataFilter?: (data: AxisItem[]) => AxisItem[];\n}\n\n// 子轴刻度线配置\nexport interface SubTickAttributes {\n  /** 是否显示子轴刻度线 */\n  visible: boolean;\n  /**\n   * TODO: 考虑下 log 轴，自刻度线之间的间距是不均匀的问题\n   * 子刻度个数\n   */\n  count?: number;\n  /**\n   * 子刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 子刻度线的长度\n   */\n  length?: number;\n  /**\n   * 子刻度线样式配置\n   */\n  style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;\n  state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;\n}\n\nexport type CustomMethod = (items: IText[], separation: number) => IText[];\n\nexport interface AxisLabelOverlap {\n  /**\n   * 自动旋转配置\n   * @default false\n   */\n  autoRotate?: boolean;\n  /**\n   * 仅当 `autoRotate` 为 true 时生效，可选的旋转范围，默认为 [0, 45, 90]\n   * @default [0, 45, 90]\n   */\n  autoRotateAngle?: number[];\n  /**\n   * 自动隐藏配置\n   * @default false\n   */\n  autoHide?: boolean;\n  /**\n   * 防重叠策略，默认为 'parity'。\n   * - 'parity': 奇偶校验，使用删除所有其他标签的策略（这对于标准线性轴非常有效）。\n   * - 'greedy': 将执行标签的线性扫描，并删除与最后一个可见标签重叠的所有标签。\n   * - 也可以传入函数用于自定义策略\n   * @default 'parity'\n   */\n  autoHideMethod?: 'parity' | 'greedy' | CustomMethod;\n  /**\n   * 仅当 `autoHide` 为 true 时生效，设置文本之间的间隔距离，单位 px\n   * @default 0\n   */\n  autoHideSeparation?: number;\n  /**\n   * 自动隐藏配置\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 仅当 `autoLimit` 为 true 时生效，省略占位符，默认为 '...'\n   * @default '...'\n   */\n  limitEllipsis?: string;\n\n  /**\n   * 自定义布局配置，如果声明了 `layoutFunc`，则默认提供的防重叠相关的配置（`autoHide`, `autoRotate`, `autoLimit`）均不生效\n   * @param labels 标签图形元素\n   * @param labelData 标签数据\n   * @param layer 当前轴的层级\n   * @param axis 当前轴组件实例\n   * @returns void\n   */\n  layoutFunc?: (labels: IText[], labelData: AxisItem[], layer: number, axis: IGroup) => void;\n}\n\nexport interface LabelAttributes extends AxisLabelOverlap {\n  /** 是否展示标签 */\n  visible: boolean;\n  /**\n   * 标签朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /** 标签同 tick 之间的间距 */\n  space?: number;\n  /**\n   * 格式化文本回调\n   * @param text 文本原始值\n   * @param item 对应的图形元素\n   * @param index 文本索引顺序\n   * @returns 格式化文本\n   */\n  formatMethod?: (value: string, datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => string;\n  /**\n   * 文本样式\n   */\n  style?: Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>;\n\n  state?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;\n\n  /**\n   * 用于 label 的数据过滤\n   * @param data\n   * @param layer\n   * @returns\n   */\n  dataFilter?: (data: AxisItem[], layer: number) => AxisItem[];\n}\n"]}

package/cjs/index.d.ts

@@ -1,7 +1,8 @@
-export declare const version = "0.12.3";
+export declare const version = "0.13.0";
 export * from './core/base';
 export * from './scrollbar';
 export * from './tag';
+export * from './poptip';
 export * from './crosshair';
 export * from './label';
 export * from './axis';

package/cjs/index.js

@@ -17,14 +17,15 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "0.12.3", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.13.0", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./scrollbar"), exports), __exportStar(require("./tag"), exports), 
-__exportStar(require("./crosshair"), exports), __exportStar(require("./label"), exports), 
-__exportStar(require("./axis"), exports), __exportStar(require("./segment"), exports), 
-__exportStar(require("./data-zoom"), exports), __exportStar(require("./marker"), exports), 
-__exportStar(require("./pager"), exports), __exportStar(require("./legend"), exports), 
-__exportStar(require("./title"), exports), __exportStar(require("./indicator"), exports), 
-__exportStar(require("./slider"), exports), __exportStar(require("./link-path"), exports), 
-__exportStar(require("./player"), exports), __exportStar(require("./brush"), exports), 
-__exportStar(require("./tooltip"), exports), __exportStar(require("./interface"), exports);
+__exportStar(require("./poptip"), exports), __exportStar(require("./crosshair"), exports), 
+__exportStar(require("./label"), exports), __exportStar(require("./axis"), exports), 
+__exportStar(require("./segment"), exports), __exportStar(require("./data-zoom"), exports), 
+__exportStar(require("./marker"), exports), __exportStar(require("./pager"), exports), 
+__exportStar(require("./legend"), exports), __exportStar(require("./title"), exports), 
+__exportStar(require("./indicator"), exports), __exportStar(require("./slider"), exports), 
+__exportStar(require("./link-path"), exports), __exportStar(require("./player"), exports), 
+__exportStar(require("./brush"), exports), __exportStar(require("./tooltip"), exports), 
+__exportStar(require("./interface"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.12.3\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.13.0\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\n"]}

package/cjs/legend/discrete/discrete.js

@@ -165,7 +165,7 @@ class DiscreteLegend extends base_1.LegendBase {
             strokeBoundsBuffer: 0
         }, shape), shapeAttr.style));
         let focusShape;
-        Object.keys(shapeAttr.state).forEach((key => {
+        Object.keys(shapeAttr.state || {}).forEach((key => {
             const color = shapeAttr.state[key].fill || shapeAttr.state[key].stroke;
             shape.fill && (0, vutils_1.isNil)(shapeAttr.state[key].fill) && color && (shapeAttr.state[key].fill = color), 
             shape.stroke && (0, vutils_1.isNil)(shapeAttr.state[key].stroke) && color && (shapeAttr.state[key].stroke = color);