k-vtable 1.0.0

package/cjs/components/axis/get-axis-attributes.d.ts

@@ -0,0 +1,146 @@
+import type { ICellAxisOption } from '../../ts-types/component/axis';
+export declare const DEFAULT_TEXT_FONT_FAMILY = "PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol";
+export declare const DEFAULT_TEXT_FONT_SIZE = 14;
+export declare const THEME_CONSTANTS: {
+    FONT_FAMILY: string;
+    LABEL_FONT_SIZE: number;
+    MAP_LABEL_FONT_SIZE: number;
+    TITLE_FONT_SIZE: number;
+    AXIS_TICK_SIZE: number;
+};
+export declare const commonAxis: {
+    domainLine: {
+        visible: boolean;
+        style: {
+            lineWidth: number;
+            stroke: string;
+            strokeOpacity: number;
+        };
+    };
+    grid: {
+        visible: boolean;
+        style: {
+            lineWidth: number;
+            stroke: string;
+            strokeOpacity: number;
+            lineDash: any[];
+        };
+    };
+    subGrid: {
+        visible: boolean;
+        style: {
+            lineWidth: number;
+            stroke: string;
+            strokeOpacity: number;
+            lineDash: number[];
+        };
+    };
+    tick: {
+        visible: boolean;
+        tickSize: number;
+        style: {
+            lineWidth: number;
+            stroke: string;
+            strokeOpacity: number;
+        };
+    };
+    subTick: {
+        visible: boolean;
+        tickSize: number;
+        style: {
+            lineWidth: number;
+            stroke: string;
+            strokeOpacity: number;
+        };
+    };
+    label: {
+        visible: boolean;
+        space: number;
+        style: {
+            fontSize: number;
+            fill: string;
+            fontWeight: string;
+            fillOpacity: number;
+        };
+        autoLimit: boolean;
+    };
+    title: {
+        space: number;
+        style: {
+            fontSize: number;
+            fill: string;
+            fontWeight: string;
+            fillOpacity: number;
+        };
+    };
+};
+export declare function getCommonAxis(theme: any): any;
+export declare function getAxisAttributes(option: ICellAxisOption): {
+    orient: any;
+    select: any;
+    hover: any;
+    line: any;
+    label: {
+        style: any;
+        formatMethod: (value: any, datum: any, index: number) => any;
+        state: any;
+    };
+    tick: {
+        visible: any;
+        length: any;
+        inside: any;
+        alignWithLabel: any;
+        style: any;
+        state: any;
+        dataFilter: any;
+    };
+    subTick: {
+        visible: any;
+        length: any;
+        inside: any;
+        count: any;
+        style: any;
+        state: any;
+    };
+    grid: {
+        type: string;
+        visible: any;
+        alternateColor: any;
+        alignWithLabel: any;
+        style: any;
+    };
+    subGrid: {
+        type: string;
+        visible: any;
+        alternateColor: any;
+        style: any;
+    };
+    title: {
+        visible: any;
+        position: any;
+        space: any;
+        autoRotate: boolean;
+        angle: number;
+        textStyle: any;
+        padding: any;
+        shape: {
+            visible: any;
+            space: any;
+            style: any;
+        };
+        background: {
+            visible: any;
+            style: any;
+        };
+        state: {
+            text: any;
+            shape: any;
+            background: any;
+        };
+    };
+    panel: {
+        visible: any;
+        style: any;
+        state: any;
+    };
+};

package/cjs/components/axis/get-axis-attributes.js

@@ -0,0 +1,199 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getAxisAttributes = exports.getCommonAxis = exports.commonAxis = exports.THEME_CONSTANTS = exports.DEFAULT_TEXT_FONT_SIZE = exports.DEFAULT_TEXT_FONT_FAMILY = void 0;
+
+const vutils_1 = require("@visactor/vutils"), transform_1 = require("../util/transform"), DEFAULT_TITLE_STYLE = {
+    left: {
+        textAlign: "center",
+        textBaseline: "bottom"
+    },
+    right: {
+        textAlign: "center",
+        textBaseline: "bottom"
+    },
+    radius: {},
+    angle: {}
+};
+
+function getCommonAxis(theme) {
+    var _a, _b;
+    return (null === (_b = null === (_a = null == theme ? void 0 : theme.colorScheme) || void 0 === _a ? void 0 : _a.default) || void 0 === _b ? void 0 : _b.palette) ? (0, 
+    vutils_1.merge)({}, exports.commonAxis, {
+        tick: {
+            style: {
+                stroke: theme.colorScheme.default.palette.axisDomainColor || "#D9DDE4"
+            }
+        },
+        subTick: {
+            style: {
+                stroke: theme.colorScheme.default.palette.axisDomainColor || "#D9DDE4"
+            }
+        },
+        label: {
+            style: {
+                fill: theme.colorScheme.default.palette.axisLabelFontColor || "#89909D"
+            }
+        },
+        title: {
+            style: {
+                fill: theme.colorScheme.default.palette.secondaryFontColor || "#333333"
+            }
+        }
+    }) : exports.commonAxis;
+}
+
+function getAxisAttributes(option) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    const spec = (0, vutils_1.merge)({}, option);
+    let titleTextStyle, titleAngle = null !== (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.angle) && void 0 !== _b ? _b : 0;
+    "left" !== spec.orient && "right" !== spec.orient || (null === (_c = spec.title) || void 0 === _c ? void 0 : _c.autoRotate) && (0, 
+    vutils_1.isNil)(spec.title.angle) && (titleAngle = "left" === spec.orient ? -90 : 90, 
+    titleTextStyle = DEFAULT_TITLE_STYLE[spec.orient]);
+    const labelSpec = (0, vutils_1.pickWithout)(spec.label, [ "style", "formatMethod", "state" ]);
+    return {
+        orient: spec.orient,
+        select: spec.select,
+        hover: spec.hover,
+        line: (0, transform_1.transformAxisLineStyle)(spec.domainLine),
+        label: Object.assign({
+            style: (0, transform_1.transformToGraphic)(spec.label.style),
+            formatMethod: spec.label.formatMethod ? (value, datum, index) => spec.label.formatMethod(datum.rawValue, datum) : null,
+            state: (0, transform_1.transformStateStyle)(spec.label.state)
+        }, labelSpec),
+        tick: {
+            visible: spec.tick.visible,
+            length: spec.tick.tickSize,
+            inside: spec.tick.inside,
+            alignWithLabel: spec.tick.alignWithLabel,
+            style: (0, transform_1.transformToGraphic)(spec.tick.style),
+            state: (0, transform_1.transformStateStyle)(spec.tick.state),
+            dataFilter: spec.tick.dataFilter
+        },
+        subTick: {
+            visible: spec.subTick.visible,
+            length: spec.subTick.tickSize,
+            inside: spec.subTick.inside,
+            count: spec.subTick.tickCount,
+            style: (0, transform_1.transformToGraphic)(spec.subTick.style),
+            state: (0, transform_1.transformStateStyle)(spec.subTick.state)
+        },
+        grid: {
+            type: "line",
+            visible: spec.grid.visible,
+            alternateColor: spec.grid.alternateColor,
+            alignWithLabel: spec.grid.alignWithLabel,
+            style: (0, transform_1.transformToGraphic)(spec.grid.style)
+        },
+        subGrid: {
+            type: "line",
+            visible: spec.subGrid.visible,
+            alternateColor: spec.subGrid.alternateColor,
+            style: (0, transform_1.transformToGraphic)(spec.subGrid.style)
+        },
+        title: {
+            visible: spec.title.visible,
+            position: spec.title.position,
+            space: spec.title.space,
+            autoRotate: !1,
+            angle: titleAngle ? (0, vutils_1.degreeToRadian)(titleAngle) : null,
+            textStyle: (0, vutils_1.merge)({}, titleTextStyle, (0, transform_1.transformToGraphic)(spec.title.style)),
+            padding: spec.title.padding,
+            shape: {
+                visible: null === (_d = spec.title.shape) || void 0 === _d ? void 0 : _d.visible,
+                space: null === (_e = spec.title.shape) || void 0 === _e ? void 0 : _e.space,
+                style: (0, transform_1.transformToGraphic)(null === (_f = spec.title.shape) || void 0 === _f ? void 0 : _f.style)
+            },
+            background: {
+                visible: null === (_g = spec.title.background) || void 0 === _g ? void 0 : _g.visible,
+                style: (0, transform_1.transformToGraphic)(null === (_h = spec.title.background) || void 0 === _h ? void 0 : _h.style)
+            },
+            state: {
+                text: (0, transform_1.transformStateStyle)(spec.title.state),
+                shape: (0, transform_1.transformStateStyle)(null === (_j = spec.title.shape) || void 0 === _j ? void 0 : _j.state),
+                background: (0, transform_1.transformStateStyle)(null === (_k = spec.title.background) || void 0 === _k ? void 0 : _k.state)
+            }
+        },
+        panel: {
+            visible: null === (_l = spec.background) || void 0 === _l ? void 0 : _l.visible,
+            style: (0, transform_1.transformToGraphic)(null === (_m = spec.background) || void 0 === _m ? void 0 : _m.style),
+            state: (0, transform_1.transformStateStyle)(null === (_o = spec.background) || void 0 === _o ? void 0 : _o.state)
+        }
+    };
+}
+
+exports.DEFAULT_TEXT_FONT_FAMILY = "PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol", 
+exports.DEFAULT_TEXT_FONT_SIZE = 14, exports.THEME_CONSTANTS = {
+    FONT_FAMILY: exports.DEFAULT_TEXT_FONT_FAMILY,
+    LABEL_FONT_SIZE: exports.DEFAULT_TEXT_FONT_SIZE,
+    MAP_LABEL_FONT_SIZE: 10,
+    TITLE_FONT_SIZE: 18,
+    AXIS_TICK_SIZE: 4
+}, exports.commonAxis = {
+    domainLine: {
+        visible: !0,
+        style: {
+            lineWidth: 1,
+            stroke: "#D9DDE4",
+            strokeOpacity: 1
+        }
+    },
+    grid: {
+        visible: !0,
+        style: {
+            lineWidth: 1,
+            stroke: "#EBEDF2",
+            strokeOpacity: 1,
+            lineDash: []
+        }
+    },
+    subGrid: {
+        visible: !1,
+        style: {
+            lineWidth: 1,
+            stroke: "#EBEDF2",
+            strokeOpacity: 1,
+            lineDash: [ 4, 4 ]
+        }
+    },
+    tick: {
+        visible: !0,
+        tickSize: exports.THEME_CONSTANTS.AXIS_TICK_SIZE,
+        style: {
+            lineWidth: 1,
+            stroke: "#D9DDE4",
+            strokeOpacity: 1
+        }
+    },
+    subTick: {
+        visible: !1,
+        tickSize: exports.THEME_CONSTANTS.AXIS_TICK_SIZE / 2,
+        style: {
+            lineWidth: 1,
+            stroke: "#D9DDE4",
+            strokeOpacity: 1
+        }
+    },
+    label: {
+        visible: !0,
+        space: 1,
+        style: {
+            fontSize: exports.THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fill: "#89909D",
+            fontWeight: "normal",
+            fillOpacity: 1
+        },
+        autoLimit: !0
+    },
+    title: {
+        space: 10,
+        style: {
+            fontSize: exports.THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fill: "#333333",
+            fontWeight: "normal",
+            fillOpacity: 1
+        }
+    }
+}, exports.getCommonAxis = getCommonAxis, exports.getAxisAttributes = getAxisAttributes;
+//# sourceMappingURL=get-axis-attributes.js.map

package/cjs/components/axis/get-axis-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/axis/get-axis-attributes.ts"],"names":[],"mappings":"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","file":"get-axis-attributes.js","sourcesContent":["import { degreeToRadian, isNil, merge, pickWithout } from '@visactor/vutils';\nimport { transformAxisLineStyle, transformStateStyle, transformToGraphic } from '../util/transform';\nimport type { ICellAxisOption } from '../../ts-types/component/axis';\n\nconst DEFAULT_TITLE_STYLE = {\n  left: {\n    textAlign: 'center',\n    textBaseline: 'bottom'\n  },\n  right: {\n    textAlign: 'center',\n    textBaseline: 'bottom'\n  },\n  radius: {},\n  angle: {}\n};\n\nexport const DEFAULT_TEXT_FONT_FAMILY =\n  // eslint-disable-next-line max-len\n  'PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol';\n\nexport const DEFAULT_TEXT_FONT_SIZE = 14;\n\nexport const THEME_CONSTANTS = {\n  FONT_FAMILY: DEFAULT_TEXT_FONT_FAMILY,\n  LABEL_FONT_SIZE: DEFAULT_TEXT_FONT_SIZE,\n  MAP_LABEL_FONT_SIZE: 10,\n  TITLE_FONT_SIZE: 18,\n  AXIS_TICK_SIZE: 4\n};\n\nexport const commonAxis = {\n  domainLine: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: '#D9DDE4',\n      strokeOpacity: 1\n    }\n  },\n  grid: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: '#EBEDF2',\n      strokeOpacity: 1,\n      lineDash: [] as any[]\n    }\n  },\n  subGrid: {\n    visible: false,\n    style: {\n      lineWidth: 1,\n      stroke: '#EBEDF2',\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    }\n  },\n  tick: {\n    visible: true,\n    tickSize: THEME_CONSTANTS.AXIS_TICK_SIZE,\n    style: {\n      lineWidth: 1,\n      stroke: '#D9DDE4',\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    tickSize: THEME_CONSTANTS.AXIS_TICK_SIZE / 2,\n    style: {\n      lineWidth: 1,\n      stroke: '#D9DDE4',\n      strokeOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    space: 1, // hack: VChart中为0，为了方便fs调试暂时改为1\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fill: '#89909D',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    },\n    autoLimit: true\n  },\n  title: {\n    space: 10,\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fill: '#333333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  }\n};\n\nexport function getCommonAxis(theme: any) {\n  if (!theme?.colorScheme?.default?.palette) {\n    return commonAxis;\n  }\n  return merge({}, commonAxis, {\n    tick: {\n      style: {\n        stroke: theme.colorScheme.default.palette.axisDomainColor || '#D9DDE4'\n      }\n    },\n    subTick: {\n      style: {\n        stroke: theme.colorScheme.default.palette.axisDomainColor || '#D9DDE4'\n      }\n    },\n    label: {\n      style: {\n        fill: theme.colorScheme.default.palette.axisLabelFontColor || '#89909D'\n      }\n    },\n    title: {\n      style: {\n        fill: theme.colorScheme.default.palette.secondaryFontColor || '#333333'\n      }\n    }\n  });\n}\n\nexport function getAxisAttributes(option: ICellAxisOption) {\n  const spec = merge({}, option);\n  // const spec = option;\n  let titleAngle = spec.title?.angle ?? 0;\n  let titleTextStyle;\n  if (spec.orient === 'left' || spec.orient === 'right') {\n    // 处理纵轴的标题样式\n    if (spec.title?.autoRotate && isNil(spec.title.angle)) {\n      titleAngle = spec.orient === 'left' ? -90 : 90;\n      titleTextStyle = DEFAULT_TITLE_STYLE[spec.orient];\n    }\n  }\n\n  const labelSpec = pickWithout(spec.label, ['style', 'formatMethod', 'state']);\n\n  return {\n    orient: spec.orient,\n    select: spec.select,\n    hover: spec.hover,\n    line: transformAxisLineStyle(spec.domainLine),\n    label: {\n      style:\n        // isFunction(spec.label.style)\n        //   ? (datum: Datum, index: number) => {\n        //       const style = this._preprocessSpec(spec.label.style(datum.rawValue, index, datum));\n\n        //       return transformToGraphic(this._preprocessSpec(merge({}, this._theme.label?.style, style)));\n        //     }\n        //   :\n        transformToGraphic(spec.label.style),\n      formatMethod: spec.label.formatMethod\n        ? (value: any, datum: any, index: number) => {\n            return spec.label.formatMethod(datum.rawValue, datum);\n          }\n        : null,\n      state: transformStateStyle(spec.label.state),\n      ...labelSpec\n    },\n    tick: {\n      visible: spec.tick.visible,\n      length: spec.tick.tickSize,\n      inside: spec.tick.inside,\n      alignWithLabel: spec.tick.alignWithLabel,\n      style:\n        // isFunction(spec.tick.style)\n        //   ? (datum: Datum, index: number) => {\n        //       const style = this._preprocessSpec(spec.tick.style(datum.rawValue, index, datum));\n\n        //       return transformToGraphic(this._preprocessSpec(merge({}, this._theme.tick?.style, style)));\n        //     }\n        //   :\n        transformToGraphic(spec.tick.style),\n      state: transformStateStyle(spec.tick.state),\n      dataFilter: spec.tick.dataFilter\n    },\n    subTick: {\n      visible: spec.subTick.visible,\n      length: spec.subTick.tickSize,\n      inside: spec.subTick.inside,\n      count: spec.subTick.tickCount,\n      style: transformToGraphic(spec.subTick.style),\n      state: transformStateStyle(spec.subTick.state)\n    },\n    grid: {\n      type: 'line',\n      visible: spec.grid.visible,\n      alternateColor: spec.grid.alternateColor,\n      alignWithLabel: spec.grid.alignWithLabel,\n      style:\n        // isFunction(spec.grid.style)\n        //   ? (datum: Datum, index: number) => {\n        //       const style = spec.grid.style(datum.datum?.rawValue, index, datum.datum);\n\n        //       return transformToGraphic(this._preprocessSpec(merge({}, this._theme.grid?.style, style)));\n        //     }\n        //   :\n        transformToGraphic(spec.grid.style)\n    },\n    subGrid: {\n      type: 'line',\n      visible: spec.subGrid.visible,\n      alternateColor: spec.subGrid.alternateColor,\n      style: transformToGraphic(spec.subGrid.style)\n    },\n    title: {\n      visible: spec.title.visible,\n      position: spec.title.position,\n      space: spec.title.space,\n      autoRotate: false, // 默认不对外提供该配置\n      angle: titleAngle ? degreeToRadian(titleAngle) : null,\n      textStyle: merge({}, titleTextStyle, transformToGraphic(spec.title.style)),\n      padding: spec.title.padding,\n      shape: {\n        visible: spec.title.shape?.visible,\n        space: spec.title.shape?.space,\n        style: transformToGraphic(spec.title.shape?.style)\n      },\n      background: {\n        visible: spec.title.background?.visible,\n        style: transformToGraphic(spec.title.background?.style)\n      },\n      state: {\n        text: transformStateStyle(spec.title.state),\n        shape: transformStateStyle(spec.title.shape?.state),\n        background: transformStateStyle(spec.title.background?.state)\n      }\n    },\n    panel: {\n      visible: spec.background?.visible,\n      style: transformToGraphic(spec.background?.style),\n      state: transformStateStyle(spec.background?.state)\n    }\n  };\n}\n"]}

package/cjs/components/axis/get-axis-component-size.d.ts

@@ -0,0 +1,6 @@
+import type { BaseTableAPI } from '../../ts-types/base-table';
+import type { ICellAxisOption } from '../../ts-types/component/axis';
+export type ComputeAxisComponentWidth = (config: ICellAxisOption, table: BaseTableAPI) => number;
+export type ComputeAxisComponentHeight = (config: ICellAxisOption, table: BaseTableAPI) => number;
+export declare function computeAxisComponentWidth(config: ICellAxisOption, table: BaseTableAPI): number;
+export declare function computeAxisComponentHeight(config: ICellAxisOption, table: BaseTableAPI): number;

package/cjs/components/axis/get-axis-component-size.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.computeAxisComponentHeight = exports.computeAxisComponentWidth = void 0;
+
+const vutils_1 = require("@visactor/vutils"), get_axis_attributes_1 = require("./get-axis-attributes");
+
+function computeAxisComponentWidth(config, table) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    const attribute = (0, vutils_1.merge)({}, get_axis_attributes_1.commonAxis, config);
+    let tickWidth = 0;
+    !1 !== attribute.tick.visible && (tickWidth = null !== (_a = attribute.tick.width) && void 0 !== _a ? _a : 4);
+    let labelWidth = 0;
+    if (attribute.label.visible) {
+        if ("band" === attribute.type) {
+            attribute.domain.forEach((text => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+                attribute.label.formatMethod && (text = attribute.label.formatMethod(text));
+                const {width: width, height: height} = table.measureText(text, {
+                    fontSize: null !== (_c = null === (_b = null === (_a = attribute.label) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : get_axis_attributes_1.DEFAULT_TEXT_FONT_SIZE,
+                    fontWeight: null !== (_f = null === (_e = null === (_d = attribute.label) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.fontWeight) && void 0 !== _f ? _f : "normal",
+                    fontFamily: null !== (_j = null === (_h = null === (_g = attribute.label) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.fontFamily) && void 0 !== _j ? _j : get_axis_attributes_1.DEFAULT_TEXT_FONT_FAMILY
+                }), widthLimit = (null === (_l = null === (_k = attribute.label) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.maxLineWidth) || 1 / 0, angel = (null !== (_p = null === (_o = null === (_m = attribute.label) || void 0 === _m ? void 0 : _m.style) || void 0 === _o ? void 0 : _o.angle) && void 0 !== _p ? _p : 0) + ("vertical" === (null === (_r = null === (_q = attribute.label) || void 0 === _q ? void 0 : _q.style) || void 0 === _r ? void 0 : _r.direction) ? 90 : 0);
+                labelWidth = Math.max(labelWidth, getSizeAfterResize(Math.min(width, widthLimit), height, angel).width);
+            }));
+        } else {
+            let ticks;
+            if ((null === (_b = config.sync) || void 0 === _b ? void 0 : _b.tickAlign) && (0, 
+            vutils_1.isFunction)(null === (_c = config.tick) || void 0 === _c ? void 0 : _c.tickMode)) ticks = config.tick.tickMode(); else if ((0, 
+            vutils_1.isArray)(config.__ticksForVTable)) ticks = config.__ticksForVTable; else {
+                const range = attribute.range, minNumber = Math.abs(range.min) > 1 ? Math.round(range.min) : range.min, maxNumber = Math.abs(range.max) > 1 ? Math.round(range.max) : range.max;
+                ticks = [ formatDecimal(minNumber), formatDecimal(maxNumber) ];
+            }
+            ticks.forEach((text => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+                attribute.label.formatMethod && (text = attribute.label.formatMethod(text));
+                const {width: width, height: height} = table.measureText(text, {
+                    fontSize: null !== (_c = null === (_b = null === (_a = attribute.label) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : get_axis_attributes_1.DEFAULT_TEXT_FONT_SIZE,
+                    fontWeight: null !== (_f = null === (_e = null === (_d = attribute.label) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.fontWeight) && void 0 !== _f ? _f : "normal",
+                    fontFamily: null !== (_j = null === (_h = null === (_g = attribute.label) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.fontFamily) && void 0 !== _j ? _j : get_axis_attributes_1.DEFAULT_TEXT_FONT_FAMILY
+                }), widthLimit = (null === (_l = null === (_k = attribute.label) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.maxLineWidth) || 1 / 0, angle = (null !== (_p = null === (_o = null === (_m = attribute.label) || void 0 === _m ? void 0 : _m.style) || void 0 === _o ? void 0 : _o.angle) && void 0 !== _p ? _p : 0) + ("vertical" === (null === (_r = null === (_q = attribute.label) || void 0 === _q ? void 0 : _q.style) || void 0 === _r ? void 0 : _r.direction) ? 90 : 0);
+                labelWidth = Math.max(labelWidth, getSizeAfterResize(Math.min(width, widthLimit), height, angle).width);
+            }));
+        }
+        labelWidth += null !== (_d = attribute.label.space) && void 0 !== _d ? _d : 4;
+    }
+    let titleWidth = 0;
+    if (attribute.title.visible && (0, vutils_1.isString)(attribute.title.text)) {
+        const {width: width, height: height} = table.measureText(attribute.title.text, {
+            fontSize: null !== (_g = null === (_f = null === (_e = attribute.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.fontSize) && void 0 !== _g ? _g : get_axis_attributes_1.DEFAULT_TEXT_FONT_SIZE,
+            fontWeight: null !== (_k = null === (_j = null === (_h = attribute.title) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fontWeight) && void 0 !== _k ? _k : "normal",
+            fontFamily: null !== (_o = null === (_m = null === (_l = attribute.title) || void 0 === _l ? void 0 : _l.style) || void 0 === _m ? void 0 : _m.fontFamily) && void 0 !== _o ? _o : get_axis_attributes_1.DEFAULT_TEXT_FONT_FAMILY
+        }), widthLimit = (null === (_q = null === (_p = attribute.label) || void 0 === _p ? void 0 : _p.style) || void 0 === _q ? void 0 : _q.maxLineWidth) || 1 / 0, size = getSizeAfterResize(Math.min(width, widthLimit), height, null === (_s = null === (_r = attribute.title) || void 0 === _r ? void 0 : _r.style) || void 0 === _s ? void 0 : _s.angle);
+        titleWidth = "left" !== config.orient && "right" !== config.orient || !attribute.title.autoRotate ? size.width : size.height, 
+        titleWidth += null !== (_t = attribute.title.space) && void 0 !== _t ? _t : 4;
+    }
+    return Math.ceil(tickWidth + labelWidth + titleWidth + 1);
+}
+
+function computeAxisComponentHeight(config, table) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    const attribute = (0, vutils_1.merge)({}, get_axis_attributes_1.commonAxis, config);
+    let tickHeight = 0;
+    !1 !== attribute.tick.visible && (tickHeight = null !== (_a = attribute.tick.width) && void 0 !== _a ? _a : 4);
+    let labelHeight = 0;
+    if (attribute.label.visible) {
+        if ("band" === attribute.type) {
+            attribute.domain.forEach((text => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+                attribute.label.formatMethod && (text = attribute.label.formatMethod(text));
+                const {width: width, height: height} = table.measureText(text, {
+                    fontSize: null !== (_c = null === (_b = null === (_a = attribute.label) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : get_axis_attributes_1.DEFAULT_TEXT_FONT_SIZE,
+                    fontWeight: null !== (_f = null === (_e = null === (_d = attribute.label) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.fontWeight) && void 0 !== _f ? _f : "normal",
+                    fontFamily: null !== (_j = null === (_h = null === (_g = attribute.label) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.fontFamily) && void 0 !== _j ? _j : get_axis_attributes_1.DEFAULT_TEXT_FONT_FAMILY
+                }), widthLimit = (null === (_l = null === (_k = attribute.label) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.maxLineWidth) || 1 / 0, angle = (null !== (_p = null === (_o = null === (_m = attribute.label) || void 0 === _m ? void 0 : _m.style) || void 0 === _o ? void 0 : _o.angle) && void 0 !== _p ? _p : 0) + ("vertical" === (null === (_r = null === (_q = attribute.label) || void 0 === _q ? void 0 : _q.style) || void 0 === _r ? void 0 : _r.direction) ? 90 : 0);
+                labelHeight = Math.max(labelHeight, getSizeAfterResize(Math.min(width, widthLimit), height, angle).height);
+            }));
+        } else {
+            let ticks;
+            if ((null === (_b = config.sync) || void 0 === _b ? void 0 : _b.tickAlign) && (0, 
+            vutils_1.isFunction)(null === (_c = config.tick) || void 0 === _c ? void 0 : _c.tickMode)) ticks = config.tick.tickMode(); else if ((0, 
+            vutils_1.isArray)(config.__ticksForVTable)) ticks = config.__ticksForVTable; else {
+                const range = attribute.range, minNumber = Math.abs(range.min) > 1 ? Math.round(range.min) : range.min, maxNumber = Math.abs(range.max) > 1 ? Math.round(range.max) : range.max;
+                ticks = [ formatDecimal(minNumber), formatDecimal(maxNumber) ];
+            }
+            ticks.forEach((text => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+                attribute.label.formatMethod && (text = attribute.label.formatMethod(text));
+                const {width: width, height: height} = table.measureText(text, {
+                    fontSize: null !== (_c = null === (_b = null === (_a = attribute.label) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : get_axis_attributes_1.DEFAULT_TEXT_FONT_SIZE,
+                    fontWeight: null !== (_f = null === (_e = null === (_d = attribute.label) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.fontWeight) && void 0 !== _f ? _f : "normal",
+                    fontFamily: null !== (_j = null === (_h = null === (_g = attribute.label) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.fontFamily) && void 0 !== _j ? _j : get_axis_attributes_1.DEFAULT_TEXT_FONT_FAMILY
+                }), widthLimit = (null === (_l = null === (_k = attribute.label) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.maxLineWidth) || 1 / 0, angle = (null !== (_p = null === (_o = null === (_m = attribute.label) || void 0 === _m ? void 0 : _m.style) || void 0 === _o ? void 0 : _o.angle) && void 0 !== _p ? _p : 0) + ("vertical" === (null === (_r = null === (_q = attribute.label) || void 0 === _q ? void 0 : _q.style) || void 0 === _r ? void 0 : _r.direction) ? 90 : 0);
+                labelHeight = Math.max(labelHeight, getSizeAfterResize(Math.min(width, widthLimit), height, angle).height);
+            }));
+        }
+        labelHeight += null !== (_d = attribute.label.space) && void 0 !== _d ? _d : 4;
+    }
+    let titleHeight = 0;
+    if (attribute.title.visible && attribute.title.text) {
+        const {width: width, height: height} = table.measureText(attribute.title.text, {
+            fontSize: null !== (_g = null === (_f = null === (_e = attribute.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.fontSize) && void 0 !== _g ? _g : get_axis_attributes_1.DEFAULT_TEXT_FONT_SIZE,
+            fontWeight: null !== (_k = null === (_j = null === (_h = attribute.title) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fontWeight) && void 0 !== _k ? _k : "normal",
+            fontFamily: null !== (_o = null === (_m = null === (_l = attribute.title) || void 0 === _l ? void 0 : _l.style) || void 0 === _m ? void 0 : _m.fontFamily) && void 0 !== _o ? _o : get_axis_attributes_1.DEFAULT_TEXT_FONT_FAMILY
+        }), widthLimit = (null === (_q = null === (_p = attribute.label) || void 0 === _p ? void 0 : _p.style) || void 0 === _q ? void 0 : _q.maxLineWidth) || 1 / 0, size = getSizeAfterResize(Math.min(width, widthLimit), height, null === (_s = null === (_r = attribute.title) || void 0 === _r ? void 0 : _r.style) || void 0 === _s ? void 0 : _s.angle);
+        titleHeight = "bottom" !== config.orient && "top" !== config.orient || !attribute.title.autoRotate ? size.height : size.width, 
+        titleHeight += null !== (_t = attribute.title.space) && void 0 !== _t ? _t : 4;
+    }
+    return tickHeight + labelHeight + titleHeight + 1;
+}
+
+function formatDecimal(number) {
+    return "number" != typeof number && (number = Number(number)), Number(number.toPrecision(1)).toString();
+}
+
+function getSizeAfterResize(width, height, angle = 0) {
+    const theta = angle * Math.PI / 180, p1_x = -width / 2, p1_y = -height / 2, p2_x = width / 2, p2_y = -height / 2, p3_x = width / 2, p3_y = height / 2, p4_x = -width / 2, p4_y = height / 2, p1Rotated = {
+        x: p1_x * Math.cos(theta) - p1_y * Math.sin(theta),
+        y: p1_x * Math.sin(theta) + p1_y * Math.cos(theta)
+    }, p2Rotated = {
+        x: p2_x * Math.cos(theta) - p2_y * Math.sin(theta),
+        y: p2_x * Math.sin(theta) + p2_y * Math.cos(theta)
+    }, p3Rotated = {
+        x: p3_x * Math.cos(theta) - p3_y * Math.sin(theta),
+        y: p3_x * Math.sin(theta) + p3_y * Math.cos(theta)
+    }, p4Rotated = {
+        x: p4_x * Math.cos(theta) - p4_y * Math.sin(theta),
+        y: p4_x * Math.sin(theta) + p4_y * Math.cos(theta)
+    }, bounds_minX = Math.min(p1Rotated.x, p2Rotated.x, p3Rotated.x, p4Rotated.x), bounds_maxX = Math.max(p1Rotated.x, p2Rotated.x, p3Rotated.x, p4Rotated.x), bounds_minY = Math.min(p1Rotated.y, p2Rotated.y, p3Rotated.y, p4Rotated.y);
+    return {
+        width: bounds_maxX - bounds_minX,
+        height: Math.max(p1Rotated.y, p2Rotated.y, p3Rotated.y, p4Rotated.y) - bounds_minY
+    };
+}
+
+exports.computeAxisComponentWidth = computeAxisComponentWidth, exports.computeAxisComponentHeight = computeAxisComponentHeight;
+//# sourceMappingURL=get-axis-component-size.js.map

package/cjs/components/axis/get-axis-component-size.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/axis/get-axis-component-size.ts"],"names":[],"mappings":"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","file":"get-axis-component-size.js","sourcesContent":["import { isArray, isFunction, isString, merge } from '@visactor/vutils';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\nimport type { ICellAxisOption } from '../../ts-types/component/axis';\nimport { DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TEXT_FONT_SIZE, commonAxis } from './get-axis-attributes';\n\nexport type ComputeAxisComponentWidth = (config: ICellAxisOption, table: BaseTableAPI) => number;\nexport type ComputeAxisComponentHeight = (config: ICellAxisOption, table: BaseTableAPI) => number;\n/**\n * @description: compuational vertical axis width\n * @param {ICellAxisOption} config\n * @return {*}\n */\nexport function computeAxisComponentWidth(config: ICellAxisOption, table: BaseTableAPI) {\n  const attribute = merge({}, commonAxis, config);\n  // tick\n  let tickWidth = 0;\n  if (attribute.tick.visible !== false) {\n    tickWidth = attribute.tick.width ?? 4;\n  }\n\n  // text\n  let labelWidth = 0;\n  if (attribute.label.visible) {\n    if (attribute.type === 'band') {\n      const domain = attribute.domain;\n      domain.forEach((text: string) => {\n        if (attribute.label.formatMethod) {\n          text = attribute.label.formatMethod(text);\n        }\n        const { width, height } = table.measureText(text, {\n          fontSize: attribute.label?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,\n          fontWeight: attribute.label?.style?.fontWeight ?? 'normal',\n          fontFamily: attribute.label?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY\n        });\n        const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;\n        const angel =\n          (attribute.label?.style?.angle ?? 0) + (attribute.label?.style?.direction === 'vertical' ? 90 : 0);\n        labelWidth = Math.max(labelWidth, getSizeAfterResize(Math.min(width, widthLimit), height, angel).width);\n      });\n    } else {\n      let ticks: string[];\n      if (config.sync?.tickAlign && isFunction(config.tick?.tickMode)) {\n        ticks = config.tick.tickMode();\n      } else if (isArray((config as any).__ticksForVTable)) {\n        ticks = (config as any).__ticksForVTable;\n      } else {\n        const range = attribute.range;\n        const minNumber = Math.abs(range.min) > 1 ? Math.round(range.min) : range.min;\n        const maxNumber = Math.abs(range.max) > 1 ? Math.round(range.max) : range.max;\n        // abs>1取整保留两位有效数字，abs<1保留一位有效数字\n        const minString = formatDecimal(minNumber);\n        const maxString = formatDecimal(maxNumber);\n        // 这里测量的是预估的最大最小range，与实际现实的label可能不同\n        ticks = [minString, maxString];\n      }\n      ticks.forEach(text => {\n        if (attribute.label.formatMethod) {\n          text = attribute.label.formatMethod(text);\n        }\n        const { width, height } = table.measureText(text, {\n          fontSize: attribute.label?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,\n          fontWeight: attribute.label?.style?.fontWeight ?? 'normal',\n          fontFamily: attribute.label?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY\n        });\n        const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;\n        const angle =\n          (attribute.label?.style?.angle ?? 0) + (attribute.label?.style?.direction === 'vertical' ? 90 : 0);\n        labelWidth = Math.max(labelWidth, getSizeAfterResize(Math.min(width, widthLimit), height, angle).width);\n      });\n    }\n    labelWidth += attribute.label.space ?? 4;\n  }\n\n  // title\n  let titleWidth = 0;\n  // align with vrender-component, use isString()\n  if (attribute.title.visible && isString(attribute.title.text)) {\n    const { width, height } = table.measureText(attribute.title.text, {\n      fontSize: attribute.title?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,\n      fontWeight: attribute.title?.style?.fontWeight ?? 'normal',\n      fontFamily: attribute.title?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY\n    });\n    const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;\n    const size = getSizeAfterResize(Math.min(width, widthLimit), height, attribute.title?.style?.angle);\n    if ((config.orient === 'left' || config.orient === 'right') && attribute.title.autoRotate) {\n      titleWidth = size.height;\n    } else {\n      titleWidth = size.width;\n    }\n    titleWidth += attribute.title.space ?? 4;\n  }\n  return Math.ceil(tickWidth + labelWidth + titleWidth + 1); // 2 is buffer\n}\n\n/**\n * @description: compuational horizontal axis height\n * @param {ICellAxisOption} config\n * @return {*}\n */\nexport function computeAxisComponentHeight(config: ICellAxisOption, table: BaseTableAPI) {\n  const attribute = merge({}, commonAxis, config);\n  // tick\n  let tickHeight = 0;\n  if (attribute.tick.visible !== false) {\n    tickHeight = attribute.tick.width ?? 4;\n  }\n\n  // text\n  let labelHeight = 0;\n  if (attribute.label.visible) {\n    if (attribute.type === 'band') {\n      const domain = attribute.domain;\n      domain.forEach((text: string) => {\n        if (attribute.label.formatMethod) {\n          text = attribute.label.formatMethod(text);\n        }\n        const { width, height } = table.measureText(text, {\n          fontSize: attribute.label?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,\n          fontWeight: attribute.label?.style?.fontWeight ?? 'normal',\n          fontFamily: attribute.label?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY\n        });\n        const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;\n        const angle =\n          (attribute.label?.style?.angle ?? 0) + (attribute.label?.style?.direction === 'vertical' ? 90 : 0);\n        labelHeight = Math.max(labelHeight, getSizeAfterResize(Math.min(width, widthLimit), height, angle).height);\n      });\n    } else {\n      let ticks: string[];\n      if (config.sync?.tickAlign && isFunction(config.tick?.tickMode)) {\n        ticks = config.tick.tickMode();\n      } else if (isArray((config as any).__ticksForVTable)) {\n        ticks = (config as any).__ticksForVTable;\n      } else {\n        const range = attribute.range;\n        const minNumber = Math.abs(range.min) > 1 ? Math.round(range.min) : range.min;\n        const maxNumber = Math.abs(range.max) > 1 ? Math.round(range.max) : range.max;\n        // abs>1取整保留两位有效数字，abs<1保留一位有效数字\n        const minString = formatDecimal(minNumber);\n        const maxString = formatDecimal(maxNumber);\n        // 这里测量的是预估的最大最小range，与实际现实的label可能不同\n        ticks = [minString, maxString];\n      }\n      ticks.forEach(text => {\n        if (attribute.label.formatMethod) {\n          text = attribute.label.formatMethod(text);\n        }\n        const { width, height } = table.measureText(text, {\n          fontSize: attribute.label?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,\n          fontWeight: attribute.label?.style?.fontWeight ?? 'normal',\n          fontFamily: attribute.label?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY\n        });\n        const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;\n        const angle =\n          (attribute.label?.style?.angle ?? 0) + (attribute.label?.style?.direction === 'vertical' ? 90 : 0);\n        labelHeight = Math.max(labelHeight, getSizeAfterResize(Math.min(width, widthLimit), height, angle).height);\n      });\n    }\n    labelHeight += attribute.label.space ?? 4;\n  }\n\n  // title\n  let titleHeight = 0;\n  if (attribute.title.visible && attribute.title.text) {\n    const { width, height } = table.measureText(attribute.title.text, {\n      fontSize: attribute.title?.style?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,\n      fontWeight: attribute.title?.style?.fontWeight ?? 'normal',\n      fontFamily: attribute.title?.style?.fontFamily ?? DEFAULT_TEXT_FONT_FAMILY\n    });\n    const widthLimit = attribute.label?.style?.maxLineWidth || Infinity;\n    const size = getSizeAfterResize(Math.min(width, widthLimit), height, attribute.title?.style?.angle);\n    if ((config.orient === 'bottom' || config.orient === 'top') && attribute.title.autoRotate) {\n      titleHeight = size.width;\n    } else {\n      titleHeight = size.height;\n    }\n    titleHeight += attribute.title.space ?? 4;\n  }\n\n  return tickHeight + labelHeight + titleHeight + 1; // 2 is buffer\n}\n\n// 保留一位有效数字\nfunction formatDecimal(number: number) {\n  if (typeof number !== 'number') {\n    number = Number(number);\n  }\n\n  return Number(number.toPrecision(1)).toString(); // 避免科学计数法\n}\n\n// 计算旋转后的size\nfunction getSizeAfterResize(width: number, height: number, angle = 0) {\n  const theta = (angle * Math.PI) / 180; // 角度转为弧度\n  const p1 = { x: -width / 2, y: -height / 2 };\n  const p2 = { x: width / 2, y: -height / 2 };\n  const p3 = { x: width / 2, y: height / 2 };\n  const p4 = { x: -width / 2, y: height / 2 };\n\n  const p1Rotated = {\n    x: p1.x * Math.cos(theta) - p1.y * Math.sin(theta),\n    y: p1.x * Math.sin(theta) + p1.y * Math.cos(theta)\n  };\n  const p2Rotated = {\n    x: p2.x * Math.cos(theta) - p2.y * Math.sin(theta),\n    y: p2.x * Math.sin(theta) + p2.y * Math.cos(theta)\n  };\n  const p3Rotated = {\n    x: p3.x * Math.cos(theta) - p3.y * Math.sin(theta),\n    y: p3.x * Math.sin(theta) + p3.y * Math.cos(theta)\n  };\n  const p4Rotated = {\n    x: p4.x * Math.cos(theta) - p4.y * Math.sin(theta),\n    y: p4.x * Math.sin(theta) + p4.y * Math.cos(theta)\n  };\n\n  const bounds = {\n    minX: Math.min(p1Rotated.x, p2Rotated.x, p3Rotated.x, p4Rotated.x),\n    maxX: Math.max(p1Rotated.x, p2Rotated.x, p3Rotated.x, p4Rotated.x),\n    minY: Math.min(p1Rotated.y, p2Rotated.y, p3Rotated.y, p4Rotated.y),\n    maxY: Math.max(p1Rotated.y, p2Rotated.y, p3Rotated.y, p4Rotated.y)\n  };\n\n  return {\n    width: bounds.maxX - bounds.minX,\n    height: bounds.maxY - bounds.minY\n  };\n}\n"]}

package/cjs/components/axis/label-overlap.d.ts

@@ -0,0 +1,3 @@
+import type { LineAxis } from './../../vrender';
+import type { CartesianAxis } from './axis';
+export declare function doOverlap(axisComponent: LineAxis, axis: CartesianAxis): void;

package/cjs/components/axis/label-overlap.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.doOverlap = void 0;
+
+const orient_1 = require("../util/orient"), vutils_1 = require("@visactor/vutils");
+
+function doOverlap(axisComponent, axis) {
+    const layer0LabelsContainer = axisComponent.find((node => "axis-label-container-layer-0" === node.name), !0), layer1LabelsContainer = axisComponent.find((node => "axis-label-container-layer-1" === node.name), !0);
+    overlap(layer0LabelsContainer ? layer0LabelsContainer.getChildren() : [], axis), 
+    overlap(layer1LabelsContainer ? layer1LabelsContainer.getChildren() : [], axis);
+}
+
+function labelFlush(axisLabels, axis) {
+    const {width: width, height: height} = axis.getLayoutRect(), isX = (0, orient_1.isXAxis)(axis.orient), isInverse = !0 === axis.option.inverse, first = axisLabels[0], last = (0, 
+    vutils_1.last)(axisLabels);
+    if (isX) if (isInverse) {
+        const start = width, end = 0, startBound = first.AABBBounds.x2, endBound = last.AABBBounds.x1;
+        startBound > start && first.setAttributes({
+            x: start,
+            textAlign: "right"
+        }), endBound < end && last.setAttributes({
+            x: end,
+            textAlign: "left"
+        });
+    } else {
+        const start = 0, end = width, startBound = first.AABBBounds.x1, endBound = last.AABBBounds.x2;
+        startBound < start && first.setAttributes({
+            x: start,
+            textAlign: "left"
+        }), endBound > end && last.setAttributes({
+            x: end,
+            textAlign: "right"
+        });
+    } else if (isInverse) {
+        const startBound = first.AABBBounds.y1, endBound = last.AABBBounds.y2, start = 0, end = height;
+        startBound < start && first.setAttributes({
+            y: start,
+            textBaseline: "top"
+        }), endBound > end && last.setAttributes({
+            y: end,
+            textBaseline: "bottom"
+        });
+    } else {
+        const start = height, end = 0, startBound = first.AABBBounds.y2, endBound = last.AABBBounds.y1;
+        startBound > start && first.setAttributes({
+            y: start,
+            textBaseline: "bottom"
+        }), endBound < end && last.setAttributes({
+            y: end,
+            textBaseline: "top"
+        });
+    }
+}
+
+function overlap(axisLabels, axis) {
+    var _a;
+    const spec = axis.option;
+    (0, vutils_1.isEmpty)(axisLabels) || (null === (_a = null == spec ? void 0 : spec.label) || void 0 === _a ? void 0 : _a.flush) && labelFlush(axisLabels, axis);
+}
+
+exports.doOverlap = doOverlap;
+//# sourceMappingURL=label-overlap.js.map