@visactor/vrender-components 0.0.38-brush.2-alpha.0

package/es/axis/base.d.ts

@@ -0,0 +1,53 @@
+import { IGroup, TextAlignType, TextBaselineType } from '@visactor/vrender';
+import { Dict } from '@visactor/vutils';
+import { AbstractComponent } from '../core/base';
+import { Point } from '../core/type';
+import { TagAttributes } from '../tag';
+import { GridAttributes, AxisBaseAttributes, AxisItem, TransformedAxisItem, TickLineItem } from './type';
+export declare abstract class AxisBase<T extends AxisBaseAttributes> extends AbstractComponent<Required<T>> {
+    name: string;
+    protected _innerView: IGroup;
+    getInnerView(): IGroup;
+    protected _prevInnerView: IGroup;
+    getPrevInnerView(): IGroup;
+    protected data: TransformedAxisItem[];
+    protected tickLineItems: TickLineItem[];
+    protected subTickLineItems: TickLineItem[];
+    protected axisLabelLayerSize: Dict<{
+        width: number;
+        height: number;
+        textAlign: string;
+        textBaseline: string;
+    }>;
+    protected axisLabelsContainer: IGroup | null;
+    protected axisContainer: IGroup;
+    private _lastHover;
+    private _lastSelect;
+    protected abstract renderLine(container: IGroup): void;
+    protected abstract isInValidValue(value: number): boolean;
+    protected abstract getTickCoord(value: number): Point;
+    protected abstract getVerticalVector(offset: number, inside: boolean, point?: Point): any;
+    protected abstract getRelativeVector(point: Point): [number, number];
+    protected abstract getTitleAttribute(): TagAttributes;
+    protected abstract getGridAttribute(type: string): GridAttributes;
+    protected abstract getTextBaseline(vector: [number, number], inside?: boolean): TextBaselineType;
+    getBoundsWithoutRender(attributes: Partial<T>): import("@visactor/vutils").IBounds;
+    protected render(): void;
+    private _bindEvent;
+    private _onHover;
+    private _onUnHover;
+    private _onClick;
+    private _renderInner;
+    protected renderTicks(container: IGroup): void;
+    protected renderLabels(container: IGroup, items: AxisItem[], layer: number): IGroup;
+    protected renderTitle(container: IGroup): void;
+    protected renderGrid(container: IGroup): void;
+    protected getVerticalCoord(point: Point, offset: number, inside: boolean): Point;
+    protected getTextAlign(vector: number[]): TextAlignType;
+    protected getTickLineItems(): TickLineItem[];
+    protected getSubTickLineItems(): TickLineItem[];
+    private _getTickLineAttribute;
+    private _getLabelAttribute;
+    private _transformItems;
+    private _renderGridByType;
+}

package/es/axis/base.js

@@ -0,0 +1,306 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+import { createLine, createText, createGroup, createRect } from "@visactor/vrender";
+
+import { abs, cloneDeep, get, isEmpty, isFunction, isNumberClose, merge, pi } from "@visactor/vutils";
+
+import { AbstractComponent } from "../core/base";
+
+import { traverseGroup } from "../util";
+
+import { DEFAULT_STATES, StateValue } from "../constant";
+
+import { AXIS_ELEMENT_NAME } from "./constant";
+
+import { DEFAULT_AXIS_THEME } from "./config";
+
+import { Tag } from "../tag/tag";
+
+import { Grid } from "./grid";
+
+export class AxisBase extends AbstractComponent {
+    constructor() {
+        super(...arguments), this.name = "axis", this.data = [], this.tickLineItems = [], 
+        this.subTickLineItems = [], this.axisLabelLayerSize = {}, this.axisLabelsContainer = null, 
+        this._onHover = e => {
+            const target = e.target;
+            target !== this._lastHover && target.name && !isEmpty(target.states) && (target.addState(StateValue.hover, !0), 
+            traverseGroup(this.axisContainer, (node => {
+                node !== target && node.name && !isEmpty(node.states) && node.addState(StateValue.hoverReverse, !0);
+            })), this._lastHover = target);
+        }, this._onUnHover = e => {
+            this._lastHover && (traverseGroup(this.axisContainer, (node => {
+                node.name && !isEmpty(node.states) && (node.removeState(StateValue.hoverReverse), 
+                node.removeState(StateValue.hover));
+            })), this._lastHover = null);
+        }, this._onClick = e => {
+            const target = e.target;
+            if (this._lastSelect === target && target.hasState(StateValue.selected)) return this._lastSelect = null, 
+            void traverseGroup(this.axisContainer, (node => {
+                node.name && !isEmpty(node.states) && (node.removeState(StateValue.selectedReverse), 
+                node.removeState(StateValue.selected));
+            }));
+            target.name && !isEmpty(target.states) && (target.addState(StateValue.selected, !0), 
+            traverseGroup(this.axisContainer, (node => {
+                node !== target && node.name && !isEmpty(node.states) && node.addState(StateValue.selectedReverse, !0);
+            })), this._lastSelect = target);
+        };
+    }
+    getInnerView() {
+        return this._innerView;
+    }
+    getPrevInnerView() {
+        return this._prevInnerView;
+    }
+    getBoundsWithoutRender(attributes) {
+        const currentAttribute = cloneDeep(this.attribute);
+        merge(this.attribute, attributes);
+        const offscreenGroup = createGroup({
+            x: this.attribute.x,
+            y: this.attribute.y
+        });
+        return this.add(offscreenGroup), this._renderInner(offscreenGroup), this.removeChild(offscreenGroup), 
+        this.attribute = currentAttribute, offscreenGroup.AABBBounds;
+    }
+    render() {
+        this.removeAllChild(), this._prevInnerView = this._innerView, this._innerView = createGroup({
+            x: 0,
+            y: 0,
+            pickable: !1
+        }), this.add(this._innerView), this._renderInner(this._innerView), this._bindEvent();
+    }
+    _bindEvent() {
+        const {hover: hover, select: select} = this.attribute;
+        hover && (this._innerView.addEventListener("pointermove", this._onHover), this._innerView.addEventListener("pointerout", this._onUnHover)), 
+        select && this._innerView.addEventListener("pointerdown", this._onClick);
+    }
+    _renderInner(container) {
+        const {title: title, label: label, tick: tick, line: line, grid: grid, items: items, panel: panel} = this.attribute, axisContainer = createGroup({
+            x: 0,
+            y: 0,
+            zIndex: 1
+        });
+        if (axisContainer.name = AXIS_ELEMENT_NAME.axisContainer, axisContainer.id = this._getNodeId("container"), 
+        axisContainer.setMode(this.mode), this.axisContainer = axisContainer, container.add(axisContainer), 
+        (null == line ? void 0 : line.visible) && this.renderLine(axisContainer), items && items.length) {
+            if (this.data = this._transformItems(items[0]), (null == tick ? void 0 : tick.visible) && this.renderTicks(axisContainer), 
+            null == label ? void 0 : label.visible) {
+                const labelGroup = createGroup({
+                    x: 0,
+                    y: 0,
+                    pickable: !1
+                });
+                labelGroup.name = AXIS_ELEMENT_NAME.labelContainer, labelGroup.id = this._getNodeId("label-container"), 
+                this.axisLabelsContainer = labelGroup, axisContainer.add(labelGroup), items.forEach(((axisItems, layer) => {
+                    this.renderLabels(labelGroup, axisItems, layer);
+                }));
+            }
+            (null == grid ? void 0 : grid.visible) && this.renderGrid(container);
+        }
+        if ((null == title ? void 0 : title.visible) && this.renderTitle(axisContainer), 
+        panel && panel.visible) {
+            const axisContainerBounds = axisContainer.AABBBounds, bgRect = createRect(Object.assign({
+                x: axisContainerBounds.x1,
+                y: axisContainerBounds.y1,
+                width: axisContainerBounds.width(),
+                height: axisContainerBounds.height()
+            }, panel.style));
+            bgRect.name = AXIS_ELEMENT_NAME.background, bgRect.id = this._getNodeId("background"), 
+            isEmpty(panel.state) || (bgRect.states = merge({}, DEFAULT_STATES, panel.state)), 
+            axisContainer.insertBefore(bgRect, axisContainer.firstChild);
+        }
+    }
+    renderTicks(container) {
+        var _a;
+        const tickLineItems = this.getTickLineItems(), tickLineGroup = createGroup({
+            x: 0,
+            y: 0,
+            pickable: !1
+        });
+        tickLineGroup.name = AXIS_ELEMENT_NAME.tickContainer, tickLineGroup.id = this._getNodeId("tick-container"), 
+        container.add(tickLineGroup);
+        const tickLineState = isEmpty(null === (_a = this.attribute.tick) || void 0 === _a ? void 0 : _a.state) ? null : merge({}, DEFAULT_STATES, this.attribute.tick.state);
+        tickLineItems.forEach(((item, index) => {
+            const line = createLine(Object.assign({}, this._getTickLineAttribute("tick", item, index, tickLineItems)));
+            line.name = AXIS_ELEMENT_NAME.tick, line.id = this._getNodeId(item.id), line.states = tickLineState, 
+            tickLineGroup.add(line);
+        })), this.tickLineItems = tickLineItems;
+        const {subTick: subTick} = this.attribute;
+        if (null == subTick ? void 0 : subTick.visible) {
+            const subTickLineItems = this.getSubTickLineItems();
+            if (subTickLineItems.length) {
+                const subTickLineState = isEmpty(subTick.state) ? null : merge({}, DEFAULT_STATES, subTick.state);
+                subTickLineItems.forEach(((item, index) => {
+                    const line = createLine(Object.assign({}, this._getTickLineAttribute("subTick", item, index, tickLineItems)));
+                    line.name = AXIS_ELEMENT_NAME.subTick, line.id = this._getNodeId(`${index}`), line.states = subTickLineState, 
+                    tickLineGroup.add(line);
+                }));
+            }
+            this.subTickLineItems = subTickLineItems;
+        }
+    }
+    renderLabels(container, items, layer) {
+        var _a;
+        let data;
+        data = 0 === layer ? this.data : this._transformItems(items);
+        const labelGroup = createGroup({
+            x: 0,
+            y: 0,
+            pickable: !1
+        });
+        labelGroup.name = `${AXIS_ELEMENT_NAME.labelContainer}-layer-${layer}`, labelGroup.id = this._getNodeId(`label-container-layer-${layer}`), 
+        container.add(labelGroup);
+        let maxTextWidth = 0, maxTextHeight = 0, textAlign = "center", textBaseline = "middle";
+        const labelState = isEmpty(null === (_a = this.attribute.label) || void 0 === _a ? void 0 : _a.state) ? null : merge({}, DEFAULT_STATES, this.attribute.label.state);
+        return data.forEach(((item, index) => {
+            var _a;
+            const labelStyle = this._getLabelAttribute(item, index, data, layer), text = createText(labelStyle);
+            text.name = AXIS_ELEMENT_NAME.label, text.id = this._getNodeId(`layer${layer}-label-${item.id}`), 
+            text.states = labelState, labelGroup.add(text);
+            const angle = null !== (_a = labelStyle.angle) && void 0 !== _a ? _a : 0;
+            maxTextWidth = Math.max(maxTextWidth, text.AABBBounds.width()), maxTextHeight = Math.max(maxTextHeight, text.AABBBounds.height()), 
+            angle && (maxTextWidth = Math.abs(maxTextWidth * Math.cos(angle)), maxTextHeight = Math.abs(maxTextHeight * Math.sin(angle))), 
+            textAlign = labelStyle.textAlign, textBaseline = labelStyle.textBaseline;
+        })), this.axisLabelLayerSize[layer] = {
+            width: maxTextWidth,
+            height: maxTextHeight,
+            textAlign: textAlign,
+            textBaseline: textBaseline
+        }, labelGroup;
+    }
+    renderTitle(container) {
+        const titleAttributes = this.getTitleAttribute(), axisTitle = new Tag(Object.assign({}, titleAttributes));
+        axisTitle.name = AXIS_ELEMENT_NAME.title, axisTitle.id = this._getNodeId("title"), 
+        container.add(axisTitle);
+    }
+    renderGrid(container) {
+        this._renderGridByType("grid", container);
+        const {visible: visible} = this.attribute.subGrid || {};
+        visible && this._renderGridByType("subGrid", container);
+    }
+    getVerticalCoord(point, offset, inside) {
+        const vector = this.getVerticalVector(offset, inside, point);
+        return {
+            x: point.x + vector[0],
+            y: point.y + vector[1]
+        };
+    }
+    getTextAlign(vector) {
+        let align = "center";
+        return isNumberClose(vector[0], 0) ? align = "center" : vector[0] > 0 ? align = "start" : vector[0] < 0 && (align = "end"), 
+        align;
+    }
+    getTickLineItems() {
+        const {tick: tick} = this.attribute, data = this.data, tickLineItems = [], {alignWithLabel: alignWithLabel, inside: inside = !1, length: length} = tick;
+        let tickSegment = 1;
+        return data.length >= 2 && (tickSegment = data[1].value - data[0].value), data.forEach((item => {
+            let point = item.point, tickValue = item.value;
+            if (!alignWithLabel) {
+                const value = item.value - tickSegment / 2;
+                if (this.isInValidValue(value)) return;
+                point = this.getTickCoord(value), tickValue = value;
+            }
+            const endPoint = this.getVerticalCoord(point, length, inside);
+            if ("3d" === this.mode) {
+                const vec = this.getVerticalVector(length, inside, point);
+                let alpha = 0, beta = 0;
+                abs(vec[0]) > abs(vec[1]) ? alpha = pi / 2 * (endPoint.x > point.x ? 1 : -1) : beta = pi / 2 * (endPoint.y > point.y ? -1 : 1), 
+                tickLineItems.push({
+                    start: point,
+                    end: endPoint,
+                    value: tickValue,
+                    id: `tick-${item.id}`,
+                    anchor: [ point.x, point.y ],
+                    alpha: alpha,
+                    beta: beta
+                });
+            } else tickLineItems.push({
+                start: point,
+                end: endPoint,
+                value: tickValue,
+                id: `tick-${item.id}`
+            });
+        })), tickLineItems;
+    }
+    getSubTickLineItems() {
+        const {subTick: subTick} = this.attribute, subTickLineItems = [], {count: subCount = 4, inside: inside = !1, length: length = 2} = subTick, tickLineItems = this.tickLineItems, tickLineCount = tickLineItems.length;
+        if (tickLineCount >= 2) for (let i = 0; i < tickLineCount - 1; i++) {
+            const pre = tickLineItems[i], next = tickLineItems[i + 1];
+            for (let j = 0; j < subCount; j++) {
+                const percent = (j + 1) / (subCount + 1), value = (1 - percent) * pre.value + percent * next.value, point = this.getTickCoord(value), endPoint = this.getVerticalCoord(point, length, inside);
+                subTickLineItems.push({
+                    start: point,
+                    end: endPoint,
+                    value: value,
+                    id: `sub-tick-${value}`
+                });
+            }
+        }
+        return subTickLineItems;
+    }
+    _getTickLineAttribute(type, tickItem, index, tickItems) {
+        let style = get(this.attribute, `${type}.style`);
+        const data = this.data[index];
+        style = isFunction(style) ? merge({}, get(DEFAULT_AXIS_THEME, `${type}.style`), "tick" === type ? style(data.rawValue, index, data, this.data) : style(tickItem.value, index, tickItem, tickItems)) : style;
+        const {start: start, end: end, anchor: anchor, alpha: alpha, beta: beta} = tickItem;
+        return Object.assign({
+            points: [ start, end ],
+            anchor: anchor,
+            alpha: alpha,
+            beta: beta
+        }, style);
+    }
+    _getLabelAttribute(tickDatum, index, tickData, layer) {
+        var _a, _b, _c, _d, _e, _f;
+        const _g = this.attribute.label, {space: space = 4, inside: inside = !1, formatMethod: formatMethod} = _g, tagAttributes = __rest(_g, [ "space", "inside", "formatMethod" ]);
+        let offset = space, tickLength = 0;
+        (null === (_a = this.attribute.tick) || void 0 === _a ? void 0 : _a.visible) && (null === (_b = this.attribute.tick) || void 0 === _b ? void 0 : _b.inside) === inside && (tickLength = (null === (_c = this.attribute.tick) || void 0 === _c ? void 0 : _c.length) || 4), 
+        (null === (_d = this.attribute.subTick) || void 0 === _d ? void 0 : _d.visible) && (null === (_e = this.attribute.subTick) || void 0 === _e ? void 0 : _e.inside) === inside && (tickLength = Math.max(tickLength, (null === (_f = this.attribute.subTick) || void 0 === _f ? void 0 : _f.length) || 2)), 
+        offset += tickLength;
+        const axisVector = this.getRelativeVector(tickDatum.point);
+        layer > 0 && (0 === axisVector[1] ? offset += (this.axisLabelLayerSize[layer - 1].height + get(this.attribute, "label.space", 4)) * layer : offset += (this.axisLabelLayerSize[layer - 1].width + get(this.attribute, "label.space", 4)) * layer);
+        const point = this.getVerticalCoord(tickDatum.point, offset, inside), vector = this.getVerticalVector(offset, inside, point), text = formatMethod ? formatMethod(tickDatum.label, tickDatum, index, tickData, layer) : tickDatum.label;
+        let {style: textStyle} = tagAttributes;
+        return textStyle = isFunction(textStyle) ? merge({}, DEFAULT_AXIS_THEME.label.style, textStyle(tickDatum, index, tickData, layer)) : textStyle, 
+        textStyle = merge({
+            textAlign: this.getTextAlign(vector),
+            textBaseline: this.getTextBaseline(vector, inside)
+        }, textStyle), isFunction(textStyle.text) && (textStyle.text = textStyle.text({
+            label: tickDatum.label,
+            value: tickDatum.rawValue,
+            index: tickDatum.index,
+            layer: layer
+        })), Object.assign(Object.assign(Object.assign({}, point), {
+            text: text,
+            lineHeight: null == textStyle ? void 0 : textStyle.fontSize
+        }), textStyle);
+    }
+    _transformItems(items) {
+        const data = [];
+        return items.forEach((item => {
+            var _a;
+            data.push(Object.assign(Object.assign({}, item), {
+                point: this.getTickCoord(item.value),
+                id: null !== (_a = item.id) && void 0 !== _a ? _a : item.label
+            }));
+        })), data;
+    }
+    _renderGridByType(type, container) {
+        const gridAttrs = this.getGridAttribute(type), gridGroup = new Grid(Object.assign(Object.assign({
+            pickable: !1
+        }, gridAttrs), {
+            zIndex: 0
+        }));
+        gridGroup.name = "subGrid" === type ? `${AXIS_ELEMENT_NAME.grid}-sub` : `${AXIS_ELEMENT_NAME.grid}`, 
+        gridGroup.id = this._getNodeId(type), container.add(gridGroup);
+    }
+}
+//# sourceMappingURL=base.js.map

package/es/axis/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/axis/base.ts"],"names":[],"mappings":";;;;;;;;;;;AAKA,OAAO,EACL,UAAU,EAMV,UAAU,EACV,WAAW,EACX,UAAU,EAGX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,GAAG,EAAE,SAAS,EAAQ,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAC5G,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAW9C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,OAAgB,QAAuC,SAAQ,iBAA8B;IAAnG;;QACE,SAAI,GAAG,MAAM,CAAC;QAkBJ,SAAI,GAA0B,EAAE,CAAC;QACjC,kBAAa,GAAmB,EAAE,CAAC;QACnC,qBAAgB,GAAmB,EAAE,CAAC;QACtC,uBAAkB,GAAqF,EAAE,CAAC;QAC1G,wBAAmB,GAAkB,IAAI,CAAC;QA4D5C,aAAQ,GAAG,CAAC,CAAwB,EAAE,EAAE;YAC9C,MAAM,MAAM,GAAG,CAAC,CAAC,MAA6B,CAAC;YAC/C,IAAI,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;gBACxE,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBACxC,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,IAAc,EAAE,EAAE;oBACnD,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;wBACzD,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;qBAC9C;gBACH,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;aAC1B;QACH,CAAC,CAAC;QAEM,eAAU,GAAG,CAAC,CAAwB,EAAE,EAAE;YAChD,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,IAAc,EAAE,EAAE;oBACnD,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;wBACtC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;wBAC1C,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;qBACpC;gBACH,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACxB;QACH,CAAC,CAAC;QAEM,aAAQ,GAAG,CAAC,CAAwB,EAAE,EAAE;YAC9C,MAAM,MAAM,GAAG,CAAC,CAAC,MAA6B,CAAC;YAC/C,IAAI,IAAI,CAAC,WAAW,KAAK,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;gBAEvE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBACxB,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,IAAc,EAAE,EAAE;oBACnD,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;wBACtC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;wBAC7C,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;qBACvC;gBACH,CAAC,CAAC,CAAC;gBACH,OAAO;aACR;YAED,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;gBAC1C,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;gBAC3C,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,IAAc,EAAE,EAAE;oBACnD,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;wBACzD,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;qBACjD;gBACH,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;aAC3B;QACH,CAAC,CAAC;IA2YJ,CAAC;IAzgBC,YAAY;QACV,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAOD,gBAAgB;QACd,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IA0BD,sBAAsB,CAAC,UAAsB;QAC3C,MAAM,gBAAgB,GAAG,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnD,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAElC,MAAM,cAAc,GAAG,WAAW,CAAC;YACjC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YACnB,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SACpB,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAEzB,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QAElC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC;QAClC,OAAO,cAAc,CAAC,UAAU,CAAC;IACnC,CAAC;IAES,MAAM;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC;QACtC,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QAC/D,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEnC,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAEO,UAAU;QAChB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAEzC,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,QAA8C,CAAC,CAAC;YACrG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,UAAgD,CAAC,CAAC;SACvG;QAED,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,QAA8C,CAAC,CAAC;SACtG;IACH,CAAC;IAoDO,YAAY,CAAC,SAAiB;QACpC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAExE,MAAM,aAAa,GAAG,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;QAC7D,aAAa,CAAC,IAAI,GAAG,iBAAiB,CAAC,aAAa,CAAC;QACrD,aAAa,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QAChD,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAG7B,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAE;YACjB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;SAChC;QAED,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;YACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAG3C,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAE;gBACjB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;aACjC;YAED,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE;gBAClB,MAAM,UAAU,GAAG,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;gBAChE,UAAU,CAAC,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC;gBACnD,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;gBACnD,IAAI,CAAC,mBAAmB,GAAG,UAAU,CAAC;gBACtC,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC9B,KAAK,CAAC,OAAO,CAAC,CAAC,SAAqB,EAAE,KAAa,EAAE,EAAE;oBACrD,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;gBAClD,CAAC,CAAC,CAAC;aACJ;YAGD,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAE;gBACjB,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;aAC5B;SACF;QAGD,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAE;YAClB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;SACjC;QAID,IAAI,KAAK,IAAI,KAAK,CAAC,OAAO,EAAE;YAC1B,MAAM,mBAAmB,GAAG,aAAa,CAAC,UAAU,CAAC;YACrD,MAAM,MAAM,GAAG,UAAU,iBACvB,CAAC,EAAE,mBAAmB,CAAC,EAAE,EACzB,CAAC,EAAE,mBAAmB,CAAC,EAAE,EACzB,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,EAClC,MAAM,EAAE,mBAAmB,CAAC,MAAM,EAAE,IACjC,KAAK,CAAC,KAAK,EACd,CAAC;YACH,MAAM,CAAC,IAAI,GAAG,iBAAiB,CAAC,UAAU,CAAC;YAC3C,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;YAE1C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;gBACzB,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;aACxD;YACD,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;SAC9D;IACH,CAAC;IAES,WAAW,CAAC,SAAiB;;QACrC,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE9C,MAAM,aAAa,GAAG,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACnE,aAAa,CAAC,IAAI,GAAG,iBAAiB,CAAC,aAAa,CAAC;QACrD,aAAa,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;QACrD,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAE7B,MAAM,aAAa,GAAG,OAAO,CAAC,MAAA,IAAI,CAAC,SAAS,CAAC,IAAI,0CAAE,KAAK,CAAC;YACvD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzD,aAAa,CAAC,OAAO,CAAC,CAAC,IAAkB,EAAE,KAAK,EAAE,EAAE;YAClD,MAAM,IAAI,GAAG,UAAU,mBAClB,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,EACjE,CAAC;YACH,IAAI,CAAC,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;YACnC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACnC,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC;YAC5B,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QAGnC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACnC,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE;YACpB,MAAM,gBAAgB,GAAmB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACpE,IAAI,gBAAgB,CAAC,MAAM,EAAE;gBAC3B,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;gBAClG,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAkB,EAAE,KAAK,EAAE,EAAE;oBACrD,MAAM,IAAI,GAAG,UAAU,mBAClB,IAAI,CAAC,qBAAqB,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,EACpE,CAAC;oBACH,IAAI,CAAC,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC;oBACtC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;oBACtC,IAAI,CAAC,MAAM,GAAG,gBAAgB,CAAC;oBAC/B,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC1B,CAAC,CAAC,CAAC;aACJ;YAED,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;SAC1C;IACH,CAAC;IAES,YAAY,CAAC,SAAiB,EAAE,KAAiB,EAAE,KAAa;;QACxE,IAAI,IAA2B,CAAC;QAChC,IAAI,KAAK,KAAK,CAAC,EAAE;YACf,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SAClB;aAAM;YACL,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;SACpC;QACD,MAAM,UAAU,GAAG,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QAChE,UAAU,CAAC,IAAI,GAAG,GAAG,iBAAiB,CAAC,cAAc,UAAU,KAAK,EAAE,CAAC;QACvE,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,yBAAyB,KAAK,EAAE,CAAC,CAAC;QAClE,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1B,IAAI,YAAY,GAAG,CAAC,CAAC;QACrB,IAAI,aAAa,GAAG,CAAC,CAAC;QACtB,IAAI,SAAS,GAAG,QAAQ,CAAC;QACzB,IAAI,YAAY,GAAG,QAAQ,CAAC;QAC5B,MAAM,UAAU,GAAG,OAAO,CAAC,MAAA,IAAI,CAAC,SAAS,CAAC,KAAK,0CAAE,KAAK,CAAC;YACrD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC1D,IAAI,CAAC,OAAO,CAAC,CAAC,IAAyB,EAAE,KAAa,EAAE,EAAE;;YACxD,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;YACrE,MAAM,IAAI,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;YACpC,IAAI,CAAC,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC;YACpC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,KAAK,UAAU,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;YAC5D,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;YAEzB,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACrB,MAAM,KAAK,GAAG,MAAA,UAAU,CAAC,KAAK,mCAAI,CAAC,CAAC;YACpC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;YAC/D,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE,IAAI,KAAK,EAAE;gBACT,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;gBACxD,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;aAC3D;YACD,SAAS,GAAG,UAAU,CAAC,SAAmB,CAAC;YAC3C,YAAY,GAAG,UAAU,CAAC,YAAsB,CAAC;QACnD,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAG;YAC/B,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,aAAa;YACrB,SAAS;YACT,YAAY;SACb,CAAC;QACF,OAAO,UAAU,CAAC;IAEpB,CAAC;IAES,WAAW,CAAC,SAAiB;QACrC,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACjD,MAAM,SAAS,GAAG,IAAI,GAAG,mBACpB,eAAe,EAClB,CAAC;QACH,SAAS,CAAC,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC;QACzC,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,SAAS,CAAC,GAAG,CAAC,SAA6B,CAAC,CAAC;IAC/C,CAAC;IAES,UAAU,CAAC,SAAiB;QACpC,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAG1C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC;QACjD,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;SAC9C;IACH,CAAC;IAES,gBAAgB,CAAC,KAAY,EAAE,MAAc,EAAE,MAAe;QACtE,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAC7D,OAAO;YACL,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;YACtB,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;SACvB,CAAC;IACJ,CAAC;IAES,YAAY,CAAC,MAAgB;QACrC,IAAI,KAAK,GAAkB,QAAQ,CAAC;QACpC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;YAC/B,KAAK,GAAG,QAAQ,CAAC;SAClB;aAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YACxB,KAAK,GAAG,OAAO,CAAC;SACjB;aAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YACxB,KAAK,GAAG,KAAK,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAES,gBAAgB;QACxB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,MAAM,aAAa,GAAmB,EAAE,CAAC;QACzC,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAsB,CAAC;QAC1E,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QAC1B,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SAC7C;QACD,IAAI,CAAC,OAAO,CAAC,CAAC,IAAyB,EAAE,EAAE;YACzC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3B,IAAI,CAAC,cAAc,EAAE;gBACnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,WAAW,GAAG,CAAC,CAAC;gBAC3C,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;oBAC9B,OAAO;iBACR;gBACD,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACjC,SAAS,GAAG,KAAK,CAAC;aACnB;YACD,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAgB,EAAE,MAAM,CAAC,CAAC;YAExE,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;gBACtB,MAAM,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAgB,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;gBACpE,IAAI,KAAK,GAAG,CAAC,CAAC;gBACd,IAAI,IAAI,GAAG,CAAC,CAAC;gBACb,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;oBAC7B,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACpD;qBAAM;oBACL,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACnD;gBACD,aAAa,CAAC,IAAI,CAAC;oBACjB,KAAK,EAAE,KAAK;oBACZ,GAAG,EAAE,QAAQ;oBACb,KAAK,EAAE,SAAS;oBAChB,EAAE,EAAE,QAAQ,IAAI,CAAC,EAAE,EAAE;oBACrB,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;oBAC1B,KAAK;oBACL,IAAI;iBACL,CAAC,CAAC;aACJ;iBAAM;gBACL,aAAa,CAAC,IAAI,CAAC;oBACjB,KAAK,EAAE,KAAK;oBACZ,GAAG,EAAE,QAAQ;oBACb,KAAK,EAAE,SAAS;oBAChB,EAAE,EAAE,QAAQ,IAAI,CAAC,EAAE,EAAE;iBACtB,CAAC,CAAC;aACJ;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,aAAa,CAAC;IACvB,CAAC;IAES,mBAAmB;QAC3B,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,SAA+B,CAAC;QACzD,MAAM,gBAAgB,GAAmB,EAAE,CAAC;QAC5C,MAAM,EAAE,KAAK,EAAE,QAAQ,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,OAA4B,CAAC;QACzF,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;QACzC,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC;QAE3C,IAAI,aAAa,IAAI,CAAC,EAAE;YACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;gBAC7B,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAClC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE;oBACjC,MAAM,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;oBACzC,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;oBAC/D,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;oBAC9D,gBAAgB,CAAC,IAAI,CAAC;wBACpB,KAAK,EAAE,KAAK;wBACZ,GAAG,EAAE,QAAQ;wBACb,KAAK;wBACL,EAAE,EAAE,YAAY,KAAK,EAAE;qBACxB,CAAC,CAAC;iBACJ;aACF;SACF;QAED,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAEO,qBAAqB,CAAC,IAAY,EAAE,QAAsB,EAAE,KAAa,EAAE,SAAyB;QAC1G,IAAI,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,QAAQ,CAAC,CAAC;QACjD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;YACvB,CAAC,CAAC,KAAK,CACH,EAAE,EACF,GAAG,CAAC,kBAAkB,EAAE,GAAG,IAAI,QAAQ,CAAC,EACxC,IAAI,KAAK,MAAM;gBACb,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;gBAC9C,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CACtD;YACH,CAAC,CAAC,KAAK,CAAC;QAEV,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QACrD,uBACE,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,EACpB,MAAM;YACN,KAAK;YACL,IAAI,IACD,KAAK,EACR;IACJ,CAAC;IAEO,kBAAkB,CACxB,SAA8B,EAC9B,KAAa,EACb,QAA+B,EAC/B,KAAa;;QAEb,MAAM,KAMF,IAAI,CAAC,SAAS,CAAC,KAAwB,EANrC,EACJ,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,KAAK,EACd,YAAY,OAG6B,EADtC,aAAa,cALZ,mCAML,CAA0C,CAAC;QAC5C,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,IAAI,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,IAAI,0CAAE,OAAO,KAAI,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,IAAI,0CAAE,MAAM,MAAK,MAAM,EAAE;YAC1E,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,IAAI,0CAAE,MAAM,KAAI,CAAC,CAAC;SAC/C;QACD,IAAI,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,OAAO,0CAAE,OAAO,KAAI,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,OAAO,0CAAE,MAAM,MAAK,MAAM,EAAE;YAChF,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,OAAO,0CAAE,MAAM,KAAI,CAAC,CAAC,CAAC;SACxE;QACD,MAAM,IAAI,UAAU,CAAC;QAGrB,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC3D,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;gBACvB,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;aACvG;iBAAM;gBACL,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;aACtG;SACF;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACrE,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAC7D,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;QAC/G,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;QACzC,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;YAC/B,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,kBAAkB,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;YACzF,CAAC,CAAC,SAAS,CAAC;QACd,SAAS,GAAG,KAAK,CACf;YACE,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;YACpC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC;SACnD,EACD,SAAS,CACwB,CAAC;QAEpC,IAAI,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAE9B,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;gBAC9B,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,KAAK,EAAE,SAAS,CAAC,QAAQ;gBACzB,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,KAAK;aACN,CAAC,CAAC;SACJ;QAED,qDACK,KAAK,KACR,IAAI,EACJ,UAAU,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,KAC5B,SAAS,EACZ;IACJ,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,MAAM,IAAI,GAA0B,EAAE,CAAC;QACvC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAc,EAAE,EAAE;;YAC/B,IAAI,CAAC,IAAI,iCACJ,IAAI,KACP,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EACpC,EAAE,EAAE,MAAA,IAAI,CAAC,EAAE,mCAAI,IAAI,CAAC,KAAK,IACzB,CAAC;QACL,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,iBAAiB,CAAC,IAAY,EAAE,SAAiB;QACvD,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAE9C,MAAM,SAAS,GAAG,IAAI,IAAI,+BAExB,QAAQ,EAAE,KAAK,IACZ,SAAS,KACZ,MAAM,EAAE,CAAC,IACT,CAAC;QACH,SAAS,CAAC,IAAI,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,IAAI,EAAE,CAAC;QACpG,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrC,SAAS,CAAC,GAAG,CAAC,SAA6B,CAAC,CAAC;IAC/C,CAAC;CACF","file":"base.js","sourcesContent":["/**\n * TODO:\n * 1. trunk 坐标轴截断\n * @description 坐标轴组件基类\n */\nimport {\n  createLine,\n  IGroup,\n  INode,\n  ITextGraphicAttribute,\n  TextAlignType,\n  TextBaselineType,\n  createText,\n  createGroup,\n  createRect,\n  FederatedPointerEvent,\n  IGraphic\n} from '@visactor/vrender';\nimport { abs, cloneDeep, Dict, get, isEmpty, isFunction, isNumberClose, merge, pi } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { Point } from '../core/type';\nimport { TagAttributes } from '../tag';\nimport { traverseGroup } from '../util';\nimport { DEFAULT_STATES, StateValue } from '../constant';\nimport { AXIS_ELEMENT_NAME } from './constant';\nimport { DEFAULT_AXIS_THEME } from './config';\nimport {\n  GridAttributes,\n  LabelAttributes,\n  AxisBaseAttributes,\n  AxisItem,\n  TickAttributes,\n  TransformedAxisItem,\n  SubTickAttributes,\n  TickLineItem\n} from './type';\nimport { Tag } from '../tag/tag';\nimport { Grid } from './grid';\n\nexport abstract class AxisBase<T extends AxisBaseAttributes> extends AbstractComponent<Required<T>> {\n  name = 'axis';\n\n  // TODO: 组件整体统一起来\n  protected _innerView: IGroup;\n  getInnerView() {\n    return this._innerView;\n  }\n\n  protected _prevInnerView: IGroup; // 缓存旧场景树，用于自定义动画\n  /**\n   * 获取更新前的旧场景树\n   * @returns 返回更新前的旧场景树\n   */\n  getPrevInnerView() {\n    return this._prevInnerView;\n  }\n\n  // 经过处理后的坐标轴点数据\n  protected data: TransformedAxisItem[] = [];\n  protected tickLineItems: TickLineItem[] = [];\n  protected subTickLineItems: TickLineItem[] = [];\n  protected axisLabelLayerSize: Dict<{ width: number; height: number; textAlign: string; textBaseline: string }> = {};\n  protected axisLabelsContainer: IGroup | null = null;\n  protected axisContainer: IGroup;\n\n  private _lastHover: IGraphic;\n  private _lastSelect: IGraphic;\n\n  protected abstract renderLine(container: IGroup): void;\n  protected abstract isInValidValue(value: number): boolean;\n  protected abstract getTickCoord(value: number): Point;\n  protected abstract getVerticalVector(offset: number, inside: boolean, point?: Point): any;\n  protected abstract getRelativeVector(point: Point): [number, number];\n  protected abstract getTitleAttribute(): TagAttributes;\n  protected abstract getGridAttribute(type: string): GridAttributes;\n  protected abstract getTextBaseline(vector: [number, number], inside?: boolean): TextBaselineType;\n\n  /**\n   * 坐标轴的一个特殊的方法，用于不更新场景树来获取更新属性后的包围盒\n   * TODO：后面看情况再抽象为通用的方法\n   */\n  getBoundsWithoutRender(attributes: Partial<T>) {\n    const currentAttribute = cloneDeep(this.attribute);\n    merge(this.attribute, attributes);\n\n    const offscreenGroup = createGroup({\n      x: this.attribute.x,\n      y: this.attribute.y\n    });\n    this.add(offscreenGroup);\n\n    this._renderInner(offscreenGroup);\n\n    this.removeChild(offscreenGroup);\n    this.attribute = currentAttribute;\n    return offscreenGroup.AABBBounds;\n  }\n\n  protected render(): void {\n    this.removeAllChild();\n    this._prevInnerView = this._innerView;\n    this._innerView = createGroup({ x: 0, y: 0, pickable: false });\n    this.add(this._innerView);\n\n    this._renderInner(this._innerView);\n\n    this._bindEvent();\n  }\n\n  private _bindEvent() {\n    const { hover, select } = this.attribute;\n\n    if (hover) {\n      this._innerView.addEventListener('pointermove', this._onHover as EventListenerOrEventListenerObject);\n      this._innerView.addEventListener('pointerout', this._onUnHover as EventListenerOrEventListenerObject);\n    }\n\n    if (select) {\n      this._innerView.addEventListener('pointerdown', this._onClick as EventListenerOrEventListenerObject);\n    }\n  }\n\n  private _onHover = (e: FederatedPointerEvent) => {\n    const target = e.target as unknown as IGraphic;\n    if (target !== this._lastHover && target.name && !isEmpty(target.states)) {\n      target.addState(StateValue.hover, true);\n      traverseGroup(this.axisContainer, (node: IGraphic) => {\n        if (node !== target && node.name && !isEmpty(node.states)) {\n          node.addState(StateValue.hoverReverse, true);\n        }\n      });\n      this._lastHover = target;\n    }\n  };\n\n  private _onUnHover = (e: FederatedPointerEvent) => {\n    if (this._lastHover) {\n      traverseGroup(this.axisContainer, (node: IGraphic) => {\n        if (node.name && !isEmpty(node.states)) {\n          node.removeState(StateValue.hoverReverse);\n          node.removeState(StateValue.hover);\n        }\n      });\n      this._lastHover = null;\n    }\n  };\n\n  private _onClick = (e: FederatedPointerEvent) => {\n    const target = e.target as unknown as IGraphic;\n    if (this._lastSelect === target && target.hasState(StateValue.selected)) {\n      // 取消选中\n      this._lastSelect = null;\n      traverseGroup(this.axisContainer, (node: IGraphic) => {\n        if (node.name && !isEmpty(node.states)) {\n          node.removeState(StateValue.selectedReverse);\n          node.removeState(StateValue.selected);\n        }\n      });\n      return;\n    }\n\n    if (target.name && !isEmpty(target.states)) {\n      target.addState(StateValue.selected, true);\n      traverseGroup(this.axisContainer, (node: IGraphic) => {\n        if (node !== target && node.name && !isEmpty(node.states)) {\n          node.addState(StateValue.selectedReverse, true);\n        }\n      });\n      this._lastSelect = target;\n    }\n  };\n\n  private _renderInner(container: IGroup) {\n    const { title, label, tick, line, grid, items, panel } = this.attribute;\n\n    const axisContainer = createGroup({ x: 0, y: 0, zIndex: 1 });\n    axisContainer.name = AXIS_ELEMENT_NAME.axisContainer;\n    axisContainer.id = this._getNodeId('container');\n    axisContainer.setMode(this.mode);\n    this.axisContainer = axisContainer;\n    container.add(axisContainer);\n\n    // 渲染轴线\n    if (line?.visible) {\n      this.renderLine(axisContainer);\n    }\n\n    if (items && items.length) {\n      this.data = this._transformItems(items[0]);\n\n      // 渲染刻度线，包含子刻度线\n      if (tick?.visible) {\n        this.renderTicks(axisContainer);\n      }\n      // 渲染标签\n      if (label?.visible) {\n        const labelGroup = createGroup({ x: 0, y: 0, pickable: false });\n        labelGroup.name = AXIS_ELEMENT_NAME.labelContainer;\n        labelGroup.id = this._getNodeId('label-container');\n        this.axisLabelsContainer = labelGroup;\n        axisContainer.add(labelGroup);\n        items.forEach((axisItems: AxisItem[], layer: number) => {\n          this.renderLabels(labelGroup, axisItems, layer);\n        });\n      }\n\n      // 渲染网格线\n      if (grid?.visible) {\n        this.renderGrid(container);\n      }\n    }\n\n    // 渲染标题\n    if (title?.visible) {\n      this.renderTitle(axisContainer);\n    }\n\n    // TODO: 目前是通过包围盒绘制，在一些情况下会有那问题，比如圆弧轴、带了箭头的坐标轴等\n    // 坐标轴主体 panel\n    if (panel && panel.visible) {\n      const axisContainerBounds = axisContainer.AABBBounds;\n      const bgRect = createRect({\n        x: axisContainerBounds.x1,\n        y: axisContainerBounds.y1,\n        width: axisContainerBounds.width(),\n        height: axisContainerBounds.height(),\n        ...panel.style\n      });\n      bgRect.name = AXIS_ELEMENT_NAME.background;\n      bgRect.id = this._getNodeId('background');\n\n      if (!isEmpty(panel.state)) {\n        bgRect.states = merge({}, DEFAULT_STATES, panel.state);\n      }\n      axisContainer.insertBefore(bgRect, axisContainer.firstChild);\n    }\n  }\n\n  protected renderTicks(container: IGroup) {\n    const tickLineItems = this.getTickLineItems();\n\n    const tickLineGroup = createGroup({ x: 0, y: 0, pickable: false });\n    tickLineGroup.name = AXIS_ELEMENT_NAME.tickContainer;\n    tickLineGroup.id = this._getNodeId('tick-container');\n    container.add(tickLineGroup);\n\n    const tickLineState = isEmpty(this.attribute.tick?.state)\n      ? null\n      : merge({}, DEFAULT_STATES, this.attribute.tick.state);\n    tickLineItems.forEach((item: TickLineItem, index) => {\n      const line = createLine({\n        ...this._getTickLineAttribute('tick', item, index, tickLineItems)\n      });\n      line.name = AXIS_ELEMENT_NAME.tick;\n      line.id = this._getNodeId(item.id);\n      line.states = tickLineState;\n      tickLineGroup.add(line);\n    });\n    this.tickLineItems = tickLineItems;\n\n    // subTick 处理\n    const { subTick } = this.attribute;\n    if (subTick?.visible) {\n      const subTickLineItems: TickLineItem[] = this.getSubTickLineItems();\n      if (subTickLineItems.length) {\n        const subTickLineState = isEmpty(subTick.state) ? null : merge({}, DEFAULT_STATES, subTick.state);\n        subTickLineItems.forEach((item: TickLineItem, index) => {\n          const line = createLine({\n            ...this._getTickLineAttribute('subTick', item, index, tickLineItems)\n          });\n          line.name = AXIS_ELEMENT_NAME.subTick;\n          line.id = this._getNodeId(`${index}`);\n          line.states = subTickLineState;\n          tickLineGroup.add(line);\n        });\n      }\n\n      this.subTickLineItems = subTickLineItems;\n    }\n  }\n\n  protected renderLabels(container: IGroup, items: AxisItem[], layer: number) {\n    let data: TransformedAxisItem[];\n    if (layer === 0) {\n      data = this.data;\n    } else {\n      data = this._transformItems(items);\n    }\n    const labelGroup = createGroup({ x: 0, y: 0, pickable: false });\n    labelGroup.name = `${AXIS_ELEMENT_NAME.labelContainer}-layer-${layer}`;\n    labelGroup.id = this._getNodeId(`label-container-layer-${layer}`);\n    container.add(labelGroup);\n    let maxTextWidth = 0;\n    let maxTextHeight = 0;\n    let textAlign = 'center';\n    let textBaseline = 'middle';\n    const labelState = isEmpty(this.attribute.label?.state)\n      ? null\n      : merge({}, DEFAULT_STATES, this.attribute.label.state);\n    data.forEach((item: TransformedAxisItem, index: number) => {\n      const labelStyle = this._getLabelAttribute(item, index, data, layer);\n      const text = createText(labelStyle);\n      text.name = AXIS_ELEMENT_NAME.label;\n      text.id = this._getNodeId(`layer${layer}-label-${item.id}`);\n      text.states = labelState;\n\n      labelGroup.add(text);\n      const angle = labelStyle.angle ?? 0;\n      maxTextWidth = Math.max(maxTextWidth, text.AABBBounds.width());\n      maxTextHeight = Math.max(maxTextHeight, text.AABBBounds.height());\n      if (angle) {\n        maxTextWidth = Math.abs(maxTextWidth * Math.cos(angle));\n        maxTextHeight = Math.abs(maxTextHeight * Math.sin(angle));\n      }\n      textAlign = labelStyle.textAlign as string;\n      textBaseline = labelStyle.textBaseline as string;\n    });\n    this.axisLabelLayerSize[layer] = {\n      width: maxTextWidth,\n      height: maxTextHeight,\n      textAlign,\n      textBaseline\n    };\n    return labelGroup;\n    // TODO: autoOverlap\n  }\n\n  protected renderTitle(container: IGroup) {\n    const titleAttributes = this.getTitleAttribute();\n    const axisTitle = new Tag({\n      ...titleAttributes\n    });\n    axisTitle.name = AXIS_ELEMENT_NAME.title;\n    axisTitle.id = this._getNodeId('title');\n    container.add(axisTitle as unknown as INode);\n  }\n\n  protected renderGrid(container: IGroup): void {\n    this._renderGridByType('grid', container);\n\n    // 渲染 subGrid\n    const { visible } = this.attribute.subGrid || {};\n    if (visible) {\n      this._renderGridByType('subGrid', container);\n    }\n  }\n\n  protected getVerticalCoord(point: Point, offset: number, inside: boolean): Point {\n    const vector = this.getVerticalVector(offset, inside, point);\n    return {\n      x: point.x + vector[0],\n      y: point.y + vector[1]\n    };\n  }\n\n  protected getTextAlign(vector: number[]): TextAlignType {\n    let align: TextAlignType = 'center';\n    if (isNumberClose(vector[0], 0)) {\n      align = 'center';\n    } else if (vector[0] > 0) {\n      align = 'start';\n    } else if (vector[0] < 0) {\n      align = 'end';\n    }\n    return align;\n  }\n\n  protected getTickLineItems() {\n    const { tick } = this.attribute;\n    const data = this.data;\n    // tick 处理\n    const tickLineItems: TickLineItem[] = [];\n    const { alignWithLabel, inside = false, length } = tick as TickAttributes;\n    let tickSegment = 1;\n    const count = data.length;\n    if (count >= 2) {\n      tickSegment = data[1].value - data[0].value;\n    }\n    data.forEach((item: TransformedAxisItem) => {\n      let point = item.point;\n      let tickValue = item.value;\n      if (!alignWithLabel) {\n        const value = item.value - tickSegment / 2;\n        if (this.isInValidValue(value)) {\n          return;\n        }\n        point = this.getTickCoord(value);\n        tickValue = value;\n      }\n      const endPoint = this.getVerticalCoord(point, length as number, inside);\n\n      if (this.mode === '3d') {\n        const vec = this.getVerticalVector(length as number, inside, point);\n        let alpha = 0;\n        let beta = 0;\n        if (abs(vec[0]) > abs(vec[1])) {\n          alpha = (pi / 2) * (endPoint.x > point.x ? 1 : -1);\n        } else {\n          beta = (pi / 2) * (endPoint.y > point.y ? -1 : 1);\n        }\n        tickLineItems.push({\n          start: point,\n          end: endPoint,\n          value: tickValue,\n          id: `tick-${item.id}`,\n          anchor: [point.x, point.y],\n          alpha,\n          beta\n        });\n      } else {\n        tickLineItems.push({\n          start: point,\n          end: endPoint,\n          value: tickValue,\n          id: `tick-${item.id}`\n        });\n      }\n    });\n\n    return tickLineItems;\n  }\n\n  protected getSubTickLineItems() {\n    const { subTick } = this.attribute as AxisBaseAttributes;\n    const subTickLineItems: TickLineItem[] = [];\n    const { count: subCount = 4, inside = false, length = 2 } = subTick as SubTickAttributes;\n    const tickLineItems = this.tickLineItems;\n    const tickLineCount = tickLineItems.length;\n\n    if (tickLineCount >= 2) {\n      for (let i = 0; i < tickLineCount - 1; i++) {\n        const pre = tickLineItems[i];\n        const next = tickLineItems[i + 1];\n        for (let j = 0; j < subCount; j++) {\n          const percent = (j + 1) / (subCount + 1);\n          const value = (1 - percent) * pre.value + percent * next.value;\n          const point = this.getTickCoord(value);\n          const endPoint = this.getVerticalCoord(point, length, inside);\n          subTickLineItems.push({\n            start: point,\n            end: endPoint,\n            value,\n            id: `sub-tick-${value}`\n          });\n        }\n      }\n    }\n\n    return subTickLineItems;\n  }\n\n  private _getTickLineAttribute(type: string, tickItem: TickLineItem, index: number, tickItems: TickLineItem[]) {\n    let style = get(this.attribute, `${type}.style`);\n    const data = this.data[index];\n    style = isFunction(style)\n      ? merge(\n          {},\n          get(DEFAULT_AXIS_THEME, `${type}.style`),\n          type === 'tick'\n            ? style(data.rawValue, index, data, this.data)\n            : style(tickItem.value, index, tickItem, tickItems)\n        )\n      : style;\n\n    const { start, end, anchor, alpha, beta } = tickItem;\n    return {\n      points: [start, end],\n      anchor,\n      alpha,\n      beta,\n      ...style\n    };\n  }\n\n  private _getLabelAttribute(\n    tickDatum: TransformedAxisItem,\n    index: number,\n    tickData: TransformedAxisItem[],\n    layer: number\n  ) {\n    const {\n      space = 4,\n      inside = false,\n      formatMethod,\n      // layouts = [],\n      ...tagAttributes\n    } = this.attribute.label as LabelAttributes;\n    let offset = space;\n    let tickLength = 0;\n    if (this.attribute.tick?.visible && this.attribute.tick?.inside === inside) {\n      tickLength = this.attribute.tick?.length || 4;\n    }\n    if (this.attribute.subTick?.visible && this.attribute.subTick?.inside === inside) {\n      tickLength = Math.max(tickLength, this.attribute.subTick?.length || 2);\n    }\n    offset += tickLength;\n\n    // 先测试 line\n    const axisVector = this.getRelativeVector(tickDatum.point);\n    if (layer > 0) {\n      if (axisVector[1] === 0) {\n        offset += (this.axisLabelLayerSize[layer - 1].height + get(this.attribute, 'label.space', 4)) * layer;\n      } else {\n        offset += (this.axisLabelLayerSize[layer - 1].width + get(this.attribute, 'label.space', 4)) * layer;\n      }\n    }\n\n    const point = this.getVerticalCoord(tickDatum.point, offset, inside);\n    const vector = this.getVerticalVector(offset, inside, point);\n    const text = formatMethod ? formatMethod(tickDatum.label, tickDatum, index, tickData, layer) : tickDatum.label;\n    let { style: textStyle } = tagAttributes;\n    textStyle = isFunction(textStyle)\n      ? merge({}, DEFAULT_AXIS_THEME.label.style, textStyle(tickDatum, index, tickData, layer))\n      : textStyle;\n    textStyle = merge(\n      {\n        textAlign: this.getTextAlign(vector),\n        textBaseline: this.getTextBaseline(vector, inside)\n      },\n      textStyle\n    ) as Partial<ITextGraphicAttribute>;\n    // 兼容原先 style.text 回调的方式\n    if (isFunction(textStyle.text)) {\n      // @ts-ignore\n      textStyle.text = textStyle.text({\n        label: tickDatum.label,\n        value: tickDatum.rawValue,\n        index: tickDatum.index,\n        layer\n      });\n    }\n\n    return {\n      ...point,\n      text,\n      lineHeight: textStyle?.fontSize,\n      ...textStyle\n    };\n  }\n\n  private _transformItems(items: AxisItem[]) {\n    const data: TransformedAxisItem[] = [];\n    items.forEach((item: AxisItem) => {\n      data.push({\n        ...item,\n        point: this.getTickCoord(item.value),\n        id: item.id ?? item.label\n      });\n    });\n    return data;\n  }\n\n  private _renderGridByType(type: string, container: IGroup) {\n    const gridAttrs = this.getGridAttribute(type);\n\n    const gridGroup = new Grid({\n      // 默认关闭\n      pickable: false,\n      ...gridAttrs,\n      zIndex: 0\n    });\n    gridGroup.name = type === 'subGrid' ? `${AXIS_ELEMENT_NAME.grid}-sub` : `${AXIS_ELEMENT_NAME.grid}`;\n    gridGroup.id = this._getNodeId(type);\n    container.add(gridGroup as unknown as INode);\n  }\n}\n"]}

package/es/axis/circle.d.ts

@@ -0,0 +1,88 @@
+import { IGroup, TextBaselineType } from '@visactor/vrender';
+import { Point } from '../core/type';
+import { TagAttributes } from '../tag';
+import { CircleAxisAttributes, TickLineItem } from './type';
+import { AxisBase } from './base';
+export declare class CircleAxis extends AxisBase<CircleAxisAttributes> {
+    static defaultAttributes: {
+        title: {
+            space: number;
+            padding: number;
+            textStyle: {
+                fontSize: number;
+                fillColor: string;
+                fontWeight: string;
+                fillOpacity: number;
+            };
+        };
+        label: {
+            visible: boolean;
+            inside: boolean;
+            space: number;
+            padding: number;
+            style: {
+                fontSize: number;
+                fillColor: string;
+                fontWeight: string;
+                fillOpacity: number;
+            };
+        };
+        tick: {
+            visible: boolean;
+            inside: boolean;
+            alignWithLabel: boolean;
+            length: number;
+            style: {
+                lineWidth: number;
+                strokeColor: string;
+                strokeOpacity: number;
+            };
+        };
+        subTick: {
+            visible: boolean;
+            inside: boolean;
+            count: number;
+            length: number;
+            style: {
+                lineWidth: number;
+                strokeColor: string;
+                strokeOpacity: number;
+            };
+        };
+        line: {
+            visible: boolean;
+            style: {
+                lineWidth: number;
+                strokeColor: string;
+                strokeOpacity: number;
+            };
+        };
+        grid: {
+            style: {
+                lineWidth: number;
+                strokeColor: string;
+                strokeOpacity: number;
+                lineDash: number[];
+            };
+        };
+        subGrid: {
+            visible: boolean;
+            style: {
+                lineWidth: number;
+                strokeColor: string;
+                strokeOpacity: number;
+                lineDash: number[];
+            };
+        };
+    };
+    constructor(attributes: CircleAxisAttributes);
+    protected renderLine(container: IGroup): void;
+    protected isInValidValue(value: number): boolean;
+    protected getTickCoord(tickValue: number): Point;
+    protected getVerticalVector(offset: number, inside: boolean, point: Point): [number, number];
+    protected getRelativeVector(point: Point): [number, number];
+    protected getTitleAttribute(): TagAttributes;
+    protected getSubTickLineItems(): TickLineItem[];
+    protected getGridAttribute(type: string): any;
+    protected getTextBaseline(vector: number[]): TextBaselineType;
+}