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

package/es/axis/line.d.ts

@@ -0,0 +1,89 @@
+import { IGroup, TextBaselineType } from '@visactor/vrender';
+import { Point } from '../core/type';
+import { vec2 } from '../util/matrix';
+import { TagAttributes } from '../tag';
+import { LineAxisAttributes } from './type';
+import { AxisBase } from './base';
+export declare class LineAxis extends AxisBase<LineAxisAttributes> {
+    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: LineAxisAttributes, mode?: '2d' | '3d');
+    protected renderLine(container: IGroup): void;
+    protected isInValidValue(value: number): boolean;
+    protected getTickCoord(tickValue: number): Point;
+    protected getRelativeVector(): [number, number];
+    protected getVerticalVector(offset: number, inside?: boolean): vec2;
+    protected getTitleAttribute(): TagAttributes;
+    private _getGridPoint;
+    protected getGridAttribute(type: string): any;
+    protected getTextBaseline(vector: number[], inside?: boolean): TextBaselineType;
+}

package/es/axis/line.js

@@ -0,0 +1,204 @@
+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 { get, isNil, merge, polarToCartesian, PointService, isNumberClose, isEmpty } from "@visactor/vutils";
+
+import { Segment } from "../segment";
+
+import { angleTo, vec2 } from "../util/matrix";
+
+import { POLAR_END_ANGLE, POLAR_START_ANGLE } from "../constant";
+
+import { AxisBase } from "./base";
+
+import { DEFAULT_AXIS_THEME } from "./config";
+
+import { AXIS_ELEMENT_NAME, DEFAULT_STATES } from "./constant";
+
+function getCirclePoints(center, count, radius, startAngle, endAngle) {
+    const points = [], range = endAngle - startAngle;
+    for (let i = 0; i < count; i++) {
+        const angle = startAngle + i * range / count;
+        points.push(polarToCartesian(center, radius, angle));
+    }
+    return points;
+}
+
+export class LineAxis extends AxisBase {
+    constructor(attributes, mode) {
+        super(merge({}, LineAxis.defaultAttributes, attributes), mode), "3d" === mode && this.setMode(mode);
+    }
+    renderLine(container) {
+        const {start: start, end: end, line: line} = this.attribute, _a = line, {startSymbol: startSymbol, endSymbol: endSymbol, style: style, breakRange: breakRange, breakShape: breakShape, breakShapeStyle: breakShapeStyle, state: state} = _a, restLineAttrs = __rest(_a, [ "startSymbol", "endSymbol", "style", "breakRange", "breakShape", "breakShapeStyle", "state" ]), lineAttrs = Object.assign({
+            points: [ start, end ],
+            startSymbol: startSymbol,
+            endSymbol: endSymbol,
+            lineStyle: style
+        }, restLineAttrs);
+        isEmpty(state) || (lineAttrs.state = {
+            line: merge({}, DEFAULT_STATES, state),
+            symbol: merge({}, DEFAULT_STATES, state)
+        });
+        const axisLineGroup = new Segment(lineAttrs);
+        axisLineGroup.name = AXIS_ELEMENT_NAME.line, axisLineGroup.id = this._getNodeId("line"), 
+        container.add(axisLineGroup);
+    }
+    isInValidValue(value) {
+        return value < 0 || value > 1;
+    }
+    getTickCoord(tickValue) {
+        const {start: start} = this.attribute, axisVector = this.getRelativeVector();
+        return {
+            x: start.x + axisVector[0] * tickValue,
+            y: start.y + axisVector[1] * tickValue
+        };
+    }
+    getRelativeVector() {
+        const {start: start, end: end} = this.attribute;
+        return [ end.x - start.x, end.y - start.y ];
+    }
+    getVerticalVector(offset, inside = !1) {
+        const {verticalFactor: verticalFactor = 1} = this.attribute, axisVector = this.getRelativeVector(), normalize = vec2.normalize([ 0, 0 ], axisVector), verticalVector = [ normalize[1], -1 * normalize[0] ];
+        return vec2.scale([ 0, 0 ], verticalVector, offset * (inside ? 1 : -1) * verticalFactor);
+    }
+    getTitleAttribute() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const _j = this.attribute.title, {position: position = "middle", space: space = 4, textStyle: textStyle = {}, autoRotate: autoRotate = !0, shape: shape, background: background, state: state} = _j, restAttrs = __rest(_j, [ "position", "space", "textStyle", "autoRotate", "shape", "background", "state" ]);
+        let percent = .5;
+        "start" === position ? percent = 0 : "end" === position && (percent = 1);
+        const {verticalFactor: verticalFactor = 1} = this.attribute, factor = -1 * verticalFactor, point = this.getTickCoord(percent), axisVector = this.getRelativeVector();
+        let labelLength = 0;
+        if ((null === (_a = this.attribute.label) || void 0 === _a ? void 0 : _a.visible) && !1 === (null === (_b = this.attribute.label) || void 0 === _b ? void 0 : _b.inside)) {
+            const space = +get(this.attribute, "label.space", 4);
+            if (labelLength += space, 0 === axisVector[1]) Object.keys(this.axisLabelLayerSize).forEach(((layer, index) => {
+                labelLength += this.axisLabelLayerSize[layer].height + (index > 0 ? space : 0);
+            })); else {
+                Object.keys(this.axisLabelLayerSize).forEach(((layer, index) => {
+                    labelLength += this.axisLabelLayerSize[layer].width + (index > 0 ? space : 0);
+                }));
+                const textAlign = this.axisLabelLayerSize[0].textAlign, isTextAlignStart = "start" === textAlign || "left" === textAlign, isTextCenter = "center" === textAlign, isReverse = axisVector[1] > 0;
+                labelLength = 1 === factor ? isReverse ? isTextAlignStart ? labelLength : isTextCenter ? labelLength / 2 : 0 : isTextAlignStart ? space : isTextCenter ? labelLength / 2 : labelLength : isReverse ? isTextAlignStart ? 0 : isTextCenter ? labelLength / 2 : labelLength : isTextAlignStart ? labelLength : isTextCenter ? labelLength / 2 : 0;
+            }
+        }
+        let tickLength = 0;
+        (null === (_c = this.attribute.tick) || void 0 === _c ? void 0 : _c.visible) && !1 === (null === (_d = this.attribute.tick) || void 0 === _d ? void 0 : _d.inside) && (tickLength = (null === (_e = this.attribute.tick) || void 0 === _e ? void 0 : _e.length) || 4), 
+        (null === (_f = this.attribute.subTick) || void 0 === _f ? void 0 : _f.visible) && !1 === (null === (_g = this.attribute.subTick) || void 0 === _g ? void 0 : _g.inside) && (tickLength = Math.max(tickLength, (null === (_h = this.attribute.subTick) || void 0 === _h ? void 0 : _h.length) || 2));
+        const offset = tickLength + labelLength + space, titlePoint = this.getVerticalCoord(point, offset, !1), vector = this.getVerticalVector(offset, !1);
+        let textAlign, textBaseline, {angle: angle} = restAttrs;
+        if (textAlign = "start" === position ? "start" : "end" === position ? "end" : "center", 
+        isNil(angle) && autoRotate) {
+            angle = angleTo(axisVector, [ 1, 0 ], !0);
+            const {verticalFactor: verticalFactor = 1} = this.attribute;
+            textBaseline = 1 === -1 * verticalFactor ? "bottom" : "top";
+        } else textAlign = this.getTextAlign(vector), textBaseline = this.getTextBaseline(vector, !1);
+        const attrs = Object.assign(Object.assign(Object.assign({}, titlePoint), restAttrs), {
+            textStyle: Object.assign({
+                textAlign: textAlign,
+                textBaseline: textBaseline
+            }, textStyle),
+            state: isEmpty(state) ? null : {
+                text: state.text,
+                shape: state.shape,
+                panel: state.background
+            }
+        });
+        return attrs.angle = angle, shape && shape.visible && (attrs.shape = Object.assign({
+            visible: !0
+        }, shape.style), shape.space && (attrs.space = shape.space)), background && background.visible && (attrs.panel = Object.assign({
+            visible: !0
+        }, background.style)), attrs;
+    }
+    _getGridPoint(gridType, point) {
+        let gridPoints;
+        if ("line" === gridType) {
+            const {length: length} = this.attribute.grid;
+            gridPoints = [ point, this.getVerticalCoord(point, length, !0) ];
+        } else if ("circle" === gridType || "polygon" === gridType) {
+            const {center: center, sides: sides, startAngle: startAngle = POLAR_START_ANGLE, endAngle: endAngle = POLAR_END_ANGLE} = this.attribute.grid;
+            gridPoints = getCirclePoints(center, sides, PointService.distancePP(center, point), startAngle, endAngle);
+        }
+        return gridPoints;
+    }
+    getGridAttribute(type) {
+        const {type: gridType, alignWithLabel: alignWithLabel = !0} = this.attribute.grid;
+        let tickSegment = 1;
+        let gridAttribute;
+        this.data.length >= 2 && (tickSegment = this.data[1].value - this.data[0].value);
+        let items = [];
+        if ("grid" === type) {
+            gridAttribute = this.attribute.grid;
+            const gridItems = [];
+            this.data.forEach((item => {
+                let {point: point} = item;
+                if (!alignWithLabel) {
+                    const value = item.value - tickSegment / 2;
+                    if (this.isInValidValue(value)) return;
+                    point = this.getTickCoord(value);
+                }
+                gridItems.push({
+                    id: item.label,
+                    datum: item,
+                    points: this._getGridPoint(gridType, point)
+                });
+            })), items = gridItems;
+        } else {
+            gridAttribute = merge({}, this.attribute.grid, this.attribute.subGrid);
+            const subGridItems = [], {count: subCount = 4} = this.attribute.subTick || {};
+            if (this.data.length >= 2) {
+                const points = [];
+                this.data.forEach((item => {
+                    let tickValue = item.value;
+                    if (!alignWithLabel) {
+                        const value = item.value - tickSegment / 2;
+                        if (this.isInValidValue(value)) return;
+                        tickValue = value;
+                    }
+                    points.push({
+                        value: tickValue
+                    });
+                }));
+                for (let i = 0; i < points.length - 1; i++) {
+                    const pre = points[i], next = points[i + 1];
+                    subGridItems.push({
+                        id: `sub-${i}-0`,
+                        points: this._getGridPoint(gridType, this.getTickCoord(pre.value)),
+                        datum: {}
+                    });
+                    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);
+                        subGridItems.push({
+                            id: `sub-${i}-${j + 1}`,
+                            points: this._getGridPoint(gridType, point),
+                            datum: {}
+                        });
+                    }
+                    i === points.length - 2 && subGridItems.push({
+                        id: `sub-${i}-${subCount + 1}`,
+                        points: this._getGridPoint(gridType, this.getTickCoord(next.value)),
+                        datum: {}
+                    });
+                }
+                items = subGridItems;
+            }
+        }
+        return Object.assign(Object.assign({}, gridAttribute), {
+            items: items
+        });
+    }
+    getTextBaseline(vector, inside) {
+        let base = "middle";
+        const {verticalFactor: verticalFactor = 1} = this.attribute, factor = (inside ? 1 : -1) * verticalFactor;
+        return isNumberClose(vector[1], 0) ? base = isNumberClose(vector[0], 0) ? 1 === factor ? "bottom" : "top" : "middle" : vector[1] > 0 ? base = "top" : vector[1] < 0 && (base = "bottom"), 
+        base;
+    }
+}
+
+LineAxis.defaultAttributes = DEFAULT_AXIS_THEME;
+//# sourceMappingURL=line.js.map

package/es/axis/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/axis/line.ts"],"names":[],"mappings":"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","file":"line.js","sourcesContent":["/**\n * @description 直线型坐标轴\n */\nimport {\n  IPointLike,\n  get,\n  isNil,\n  merge,\n  polarToCartesian,\n  PointService,\n  isNumberClose,\n  isEmpty\n} from '@visactor/vutils';\nimport { IGroup, INode, TextBaselineType } from '@visactor/vrender';\nimport { Segment, SegmentAttributes } from '../segment';\nimport { Point } from '../core/type';\nimport { angleTo, vec2 } from '../util/matrix';\nimport { TagAttributes } from '../tag';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport {\n  GridItem,\n  LineAxisGridAttributes,\n  LineAttributes,\n  LineAxisAttributes,\n  TitleAttributes,\n  LineGridOfLineAxisAttributes,\n  PolarGridOfLineAxisAttributes,\n  TransformedAxisItem\n} from './type';\nimport { AxisBase } from './base';\nimport { DEFAULT_AXIS_THEME } from './config';\nimport { AXIS_ELEMENT_NAME, DEFAULT_STATES } from './constant';\n\nfunction getCirclePoints(center: Point, count: number, radius: number, startAngle: number, endAngle: number) {\n  const points: Point[] = [];\n  const range = endAngle - startAngle;\n  for (let i = 0; i < count; i++) {\n    const angle = startAngle + (i * range) / count;\n    points.push(polarToCartesian(center, radius, angle));\n  }\n  return points;\n}\n\nexport class LineAxis extends AxisBase<LineAxisAttributes> {\n  static defaultAttributes = DEFAULT_AXIS_THEME;\n\n  constructor(attributes: LineAxisAttributes, mode?: '2d' | '3d') {\n    super(merge({}, LineAxis.defaultAttributes, attributes), mode);\n    if (mode === '3d') {\n      this.setMode(mode);\n    }\n  }\n\n  // TODO: break\n  protected renderLine(container: IGroup): void {\n    const { start, end, line } = this.attribute as LineAxisAttributes;\n    const { startSymbol, endSymbol, style, breakRange, breakShape, breakShapeStyle, state, ...restLineAttrs } =\n      line as LineAttributes;\n    const lineAttrs = {\n      points: [start, end],\n      startSymbol,\n      endSymbol,\n      lineStyle: style,\n      ...restLineAttrs\n    } as SegmentAttributes;\n\n    if (!isEmpty(state)) {\n      lineAttrs.state = {\n        line: merge({}, DEFAULT_STATES, state),\n        symbol: merge({}, DEFAULT_STATES, state)\n      };\n    }\n\n    const axisLineGroup = new Segment(lineAttrs);\n    axisLineGroup.name = AXIS_ELEMENT_NAME.line;\n    axisLineGroup.id = this._getNodeId('line');\n    container.add(axisLineGroup as unknown as INode);\n  }\n\n  protected isInValidValue(value: number) {\n    return value < 0 || value > 1;\n  }\n\n  protected getTickCoord(tickValue: number): Point {\n    const { start } = this.attribute as LineAxisAttributes;\n    const axisVector = this.getRelativeVector();\n    return {\n      x: start.x + axisVector[0] * tickValue,\n      y: start.y + axisVector[1] * tickValue\n    };\n  }\n\n  protected getRelativeVector(): [number, number] {\n    const { start, end } = this.attribute as LineAxisAttributes;\n    return [end.x - start.x, end.y - start.y];\n  }\n\n  protected getVerticalVector(offset: number, inside = false) {\n    const { verticalFactor = 1 } = this.attribute;\n    const axisVector = this.getRelativeVector();\n    const normalize = vec2.normalize([0, 0], axisVector);\n    const verticalVector: [number, number] = [normalize[1], normalize[0] * -1];\n    return vec2.scale([0, 0], verticalVector, offset * (inside ? 1 : -1) * verticalFactor);\n  }\n\n  // TODO: 太 hack 了，需要静心优化\n  protected getTitleAttribute() {\n    const {\n      position = 'middle',\n      space = 4,\n      textStyle = {},\n      autoRotate = true,\n      shape,\n      background,\n      state,\n      ...restAttrs\n    } = this.attribute.title as TitleAttributes;\n    let percent = 0.5;\n    if (position === 'start') {\n      percent = 0;\n    } else if (position === 'end') {\n      percent = 1;\n    }\n    const { verticalFactor = 1 } = this.attribute;\n    const factor = -1 * verticalFactor;\n    const point = this.getTickCoord(percent);\n    const axisVector = this.getRelativeVector();\n    // HACK;\n    let labelLength = 0;\n    if (this.attribute.label?.visible && this.attribute.label?.inside === false) {\n      const space = +get(this.attribute, 'label.space', 4);\n      labelLength += space;\n      if (axisVector[1] === 0) {\n        Object.keys(this.axisLabelLayerSize).forEach((layer, index) => {\n          labelLength += this.axisLabelLayerSize[layer].height + (index > 0 ? space : 0);\n        });\n      } else {\n        Object.keys(this.axisLabelLayerSize).forEach((layer, index) => {\n          labelLength += this.axisLabelLayerSize[layer].width + (index > 0 ? space : 0);\n        });\n\n        const textAlign = this.axisLabelLayerSize[0].textAlign;\n        const isTextAlignStart = textAlign === 'start' || textAlign === 'left';\n        const isTextCenter = textAlign === 'center';\n        const isReverse = axisVector[1] > 0;\n        if (factor === 1) {\n          labelLength = isReverse\n            ? isTextAlignStart\n              ? labelLength\n              : isTextCenter\n              ? labelLength / 2\n              : 0\n            : isTextAlignStart\n            ? space\n            : isTextCenter\n            ? labelLength / 2\n            : labelLength;\n        } else {\n          labelLength = isReverse\n            ? isTextAlignStart\n              ? 0\n              : isTextCenter\n              ? labelLength / 2\n              : labelLength\n            : isTextAlignStart\n            ? labelLength\n            : isTextCenter\n            ? labelLength / 2\n            : 0;\n        }\n      }\n    }\n\n    // 标题都默认朝外\n    let tickLength = 0;\n    if (this.attribute.tick?.visible && this.attribute.tick?.inside === false) {\n      tickLength = this.attribute.tick?.length || 4;\n    }\n    if (this.attribute.subTick?.visible && this.attribute.subTick?.inside === false) {\n      tickLength = Math.max(tickLength, this.attribute.subTick?.length || 2);\n    }\n\n    const offset = tickLength + labelLength + space;\n    const titlePoint = this.getVerticalCoord(point, offset, false); // 标题的点\n    const vector = this.getVerticalVector(offset, false);\n\n    let { angle } = restAttrs; // 用户设置的是角度\n    let textAlign;\n    if (position === 'start') {\n      textAlign = 'start';\n    } else if (position === 'end') {\n      textAlign = 'end';\n    } else {\n      textAlign = 'center';\n    }\n    let textBaseline;\n    if (isNil(angle) && autoRotate) {\n      const v1: [number, number] = [1, 0]; // 水平方向的向量\n      const radian = angleTo(axisVector, v1, true);\n      angle = radian;\n      const { verticalFactor = 1 } = this.attribute;\n      const factor = -1 * verticalFactor;\n      if (factor === 1) {\n        textBaseline = 'bottom';\n      } else {\n        textBaseline = 'top';\n      }\n    } else {\n      // if (isValid(angle)) {\n      //   angle = degreeToRadian(angle);\n      // }\n      textAlign = this.getTextAlign(vector as number[]);\n      textBaseline = this.getTextBaseline(vector as number[], false);\n    }\n\n    const attrs: TagAttributes = {\n      ...titlePoint,\n      ...restAttrs,\n      textStyle: {\n        // @ts-ignore\n        textAlign,\n        // @ts-ignore\n        textBaseline,\n        ...textStyle\n      },\n      state: isEmpty(state)\n        ? null\n        : {\n            text: state.text,\n            shape: state.shape,\n            panel: state.background\n          }\n    };\n    attrs.angle = angle;\n\n    if (shape && shape.visible) {\n      attrs.shape = {\n        visible: true,\n        ...shape.style\n      };\n      if (shape.space) {\n        attrs.space = shape.space;\n      }\n    }\n\n    if (background && background.visible) {\n      attrs.panel = {\n        visible: true,\n        ...background.style\n      };\n    }\n\n    return attrs;\n  }\n\n  private _getGridPoint(gridType: string, point: IPointLike): Point[] {\n    let gridPoints;\n    if (gridType === 'line') {\n      const { length } = this.attribute.grid as LineGridOfLineAxisAttributes;\n      const endPoint = this.getVerticalCoord(point, length as number, true);\n\n      gridPoints = [point, endPoint];\n    } else if (gridType === 'circle' || gridType === 'polygon') {\n      const {\n        center,\n        sides,\n        startAngle = POLAR_START_ANGLE,\n        endAngle = POLAR_END_ANGLE\n      } = this.attribute.grid as PolarGridOfLineAxisAttributes;\n      const distance = PointService.distancePP(center as Point, point);\n      gridPoints = getCirclePoints(center as Point, sides as number, distance, startAngle, endAngle);\n    }\n\n    return gridPoints;\n  }\n\n  protected getGridAttribute(type: string) {\n    const { type: gridType, alignWithLabel = true } = this.attribute.grid as LineAxisGridAttributes;\n\n    let tickSegment = 1;\n    const count = this.data.length;\n    if (count >= 2) {\n      tickSegment = this.data[1].value - this.data[0].value;\n    }\n    let gridAttribute;\n    let items: GridItem[] = [];\n    if (type === 'grid') {\n      gridAttribute = this.attribute.grid;\n      // 计算 grid Items\n      const gridItems: GridItem[] = [];\n      this.data.forEach(item => {\n        let { point } = item;\n\n        if (!alignWithLabel) {\n          // tickLine 不同 tick 对齐时需要调整 point\n          const value = item.value - tickSegment / 2;\n          if (this.isInValidValue(value)) {\n            return;\n          }\n          point = this.getTickCoord(value);\n        }\n\n        gridItems.push({\n          id: item.label,\n          datum: item,\n          points: this._getGridPoint(gridType, point)\n        });\n      });\n      items = gridItems;\n    } else {\n      // 渲染 subGrid\n      gridAttribute = merge({}, this.attribute.grid, this.attribute.subGrid);\n      // 计算 grid Items\n      const subGridItems: GridItem[] = [];\n      const { count: subCount = 4 } = this.attribute.subTick || {};\n      const tickLineCount = this.data.length;\n      // 刻度线的数量大于 2 时，才绘制子刻度\n      if (tickLineCount >= 2) {\n        const points: { value: number }[] = [];\n        this.data.forEach((item: TransformedAxisItem) => {\n          let tickValue = item.value;\n          if (!alignWithLabel) {\n            // tickLine 不同 tick 对齐时需要调整 point\n            const value = item.value - tickSegment / 2;\n            if (this.isInValidValue(value)) {\n              return;\n            }\n            tickValue = value;\n          }\n          points.push({\n            value: tickValue\n          });\n        });\n\n        for (let i = 0; i < points.length - 1; i++) {\n          const pre = points[i];\n          const next = points[i + 1];\n          subGridItems.push({\n            id: `sub-${i}-0`,\n            points: this._getGridPoint(gridType, this.getTickCoord(pre.value)),\n            // TODO: 其实这里也需要，后续需要考虑怎么挂上 data\n            datum: {}\n          });\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            subGridItems.push({\n              id: `sub-${i}-${j + 1}`,\n              points: this._getGridPoint(gridType, point),\n              // TODO: 其实这里也需要，后续需要考虑怎么挂上 data\n              datum: {}\n            });\n          }\n          if (i === points.length - 2) {\n            subGridItems.push({\n              id: `sub-${i}-${subCount + 1}`,\n              points: this._getGridPoint(gridType, this.getTickCoord(next.value)),\n              // TODO: 其实这里也需要，后续需要考虑怎么挂上 data\n              datum: {}\n            });\n          }\n        }\n        items = subGridItems;\n      }\n    }\n\n    return {\n      ...gridAttribute,\n      items\n    };\n  }\n\n  protected getTextBaseline(vector: number[], inside?: boolean): TextBaselineType {\n    let base: TextBaselineType = 'middle';\n    const { verticalFactor = 1 } = this.attribute;\n    const factor = (inside ? 1 : -1) * verticalFactor;\n    if (isNumberClose(vector[1], 0)) {\n      if (isNumberClose(vector[0], 0)) {\n        base = factor === 1 ? 'bottom' : 'top';\n      } else {\n        base = 'middle';\n      }\n    } else if (vector[1] > 0) {\n      base = 'top';\n    } else if (vector[1] < 0) {\n      base = 'bottom';\n    }\n    return base;\n  }\n}\n"]}

package/es/axis/type.d.ts

@@ -0,0 +1,177 @@
+import { IGraphicAttribute, ILineGraphicAttribute, SymbolType, ITextGraphicAttribute, ISymbolGraphicAttribute, IRectGraphicAttribute, IGroupGraphicAttribute } from '@visactor/vrender';
+import { Dict } from '@visactor/vutils';
+import { Point } from '../core/type';
+import { SegmentAttributes } from '../segment';
+import { TagAttributes } from '../tag';
+export type AxisItemStateStyle<T> = {
+    hover?: T;
+    hover_reverse?: T;
+    selected?: T;
+    selected_reverse?: T;
+};
+export type callbackFunc<T> = (datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => T;
+export type TickLineItem = {
+    start: Point;
+    end: Point;
+    value: number;
+    anchor?: [number, number];
+    alpha?: number;
+    beta?: number;
+    [key: string]: any;
+};
+export type TransformedAxisItem = AxisItem & {
+    point: Point;
+};
+export type AxisItem = {
+    id?: string;
+    label: string;
+    value: number;
+    rawValue: any;
+    [key: string]: any;
+};
+export type GridItem = {
+    id?: string | number;
+    points: Point[];
+    [key: string]: any;
+};
+export type GridBaseAttributes = {
+    type: 'line' | 'circle' | 'polygon';
+    items: GridItem[];
+    closed?: boolean;
+    style?: ILineGraphicAttribute | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;
+    alternateColor?: string | string[];
+    zIndex?: number;
+    alignWithLabel?: boolean;
+} & IGroupGraphicAttribute;
+export type LineGridAttributes = {
+    type: 'line';
+    smoothLink?: boolean;
+    center?: Point;
+    depth?: number;
+} & GridBaseAttributes;
+export type PolygonGridAttributes = {
+    type: 'polygon';
+} & GridBaseAttributes;
+export type CircleGridAttributes = {
+    type: 'circle';
+    center: Point;
+} & GridBaseAttributes;
+export type GridAttributes = LineGridAttributes | CircleGridAttributes | PolygonGridAttributes;
+export interface AxisBaseAttributes extends IGroupGraphicAttribute {
+    select?: boolean;
+    hover?: boolean;
+    verticalFactor?: number;
+    items: AxisItem[][];
+    layoutSize?: [number, number];
+    title?: TitleAttributes;
+    label?: LabelAttributes;
+    tick?: TickAttributes;
+    subTick?: SubTickAttributes;
+    line?: LineAttributes;
+    grid?: LineAxisGridAttributes | CircleAxisGridAttributes;
+    subGrid?: SubGridAttributesForAxis;
+    panel?: {
+        visible?: boolean;
+        style?: Partial<IRectGraphicAttribute>;
+        state?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;
+    };
+}
+export type LineGridOfLineAxisAttributes = Omit<LineGridAttributes, 'items'> & {
+    visible?: boolean;
+    length: number;
+};
+export type PolarGridOfLineAxisAttributes = (Omit<PolygonGridAttributes, 'items'> | Omit<CircleGridAttributes, 'items'>) & {
+    visible?: boolean;
+    center?: Point;
+    sides?: number;
+    startAngle?: number;
+    endAngle?: number;
+};
+export type LineAxisGridAttributes = LineGridOfLineAxisAttributes | PolarGridOfLineAxisAttributes;
+export type SubGridAttributesForAxis = {
+    visible?: boolean;
+} & Pick<GridBaseAttributes, 'alternateColor' | 'style' | 'zIndex'>;
+export interface ILine3dType {
+    alpha: number;
+    anchor3d?: [number, number];
+}
+export interface IGrid3dType {
+    beta: number;
+    anchor3d?: [number, number];
+}
+export interface LineAxisAttributes extends AxisBaseAttributes {
+    start: Point;
+    end: Point;
+    grid?: LineAxisGridAttributes;
+}
+export interface CircleAxisGridAttributes extends Omit<LineGridAttributes, 'items'> {
+    type: 'line';
+    visible?: boolean;
+}
+export interface CircleAxisAttributes extends AxisBaseAttributes {
+    inside?: boolean;
+    center: Point;
+    startAngle?: number;
+    endAngle?: number;
+    radius: number;
+    innerRadius?: number;
+    grid?: CircleAxisGridAttributes;
+}
+export interface TitleAttributes extends Omit<TagAttributes, 'shape' | 'space' | 'text' | 'panel' | 'state'> {
+    visible?: boolean;
+    position?: 'start' | 'middle' | 'end';
+    space?: number;
+    autoRotate?: boolean;
+    text?: string | string[] | number | number[];
+    shape?: {
+        visible?: boolean;
+        space?: number;
+        style?: Omit<Partial<ISymbolGraphicAttribute>, 'visible'>;
+    };
+    background?: {
+        visible?: boolean;
+        style?: Omit<Partial<IRectGraphicAttribute>, 'visible' | 'width' | 'height'>;
+    };
+    state?: {
+        text?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;
+        shape?: AxisItemStateStyle<Partial<ISymbolGraphicAttribute>>;
+        background?: AxisItemStateStyle<Partial<IRectGraphicAttribute>>;
+    };
+}
+export interface LineAttributes extends Pick<SegmentAttributes, 'startSymbol' | 'endSymbol'> {
+    visible?: boolean;
+    breakRange?: [number, number];
+    breakShape?: SymbolType | [SymbolType, SymbolType];
+    breakShapeStyle?: Partial<IGraphicAttribute>;
+    style?: Partial<ILineGraphicAttribute>;
+    state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;
+}
+export interface TickAttributes {
+    visible: boolean;
+    inside?: boolean;
+    alignWithLabel?: boolean;
+    length?: number;
+    style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;
+    state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;
+}
+export interface SubTickAttributes {
+    visible: boolean;
+    count?: number;
+    inside?: boolean;
+    length?: number;
+    style?: Partial<ILineGraphicAttribute> | callbackFunc<Partial<ILineGraphicAttribute> | undefined>;
+    state?: AxisItemStateStyle<Partial<ILineGraphicAttribute>>;
+}
+export interface LabelLayoutConfig {
+    type: 'autoHide' | 'autoRotate' | 'autoEllipsis' | 'custom';
+    [key: string]: any;
+}
+export interface LabelAttributes {
+    visible: boolean;
+    inside?: boolean;
+    space?: number;
+    formatMethod?: (value: string, datum: Dict<any>, index: number, data?: Dict<any>[], layer?: number) => string;
+    style?: Partial<ITextGraphicAttribute> | callbackFunc<Partial<ITextGraphicAttribute> | undefined>;
+    layouts?: LabelLayoutConfig[];
+    state?: AxisItemStateStyle<Partial<ITextGraphicAttribute>>;
+}

package/es/axis/type.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=type.js.map

package/es/axis/type.js.map

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

package/es/brush/brush.d.ts

@@ -0,0 +1,65 @@
+import { FederatedPointerEvent, IPolygon } from '@visactor/vrender';
+import { IBounds } from '@visactor/vutils';
+import { AbstractComponent } from '../core/base';
+import { BrushAttributes } from './type';
+export declare class Brush extends AbstractComponent<Required<BrushAttributes>> {
+    name: string;
+    static defaultAttributes: {
+        brushMode: string;
+        brushType: string;
+        brushStyle: {
+            fill: boolean;
+            fillColor: string;
+            fillOpacity: number;
+            strokeColor: string;
+            strokeWidth: number;
+        };
+        brushMoved: boolean;
+        removeOnClick: boolean;
+        delayType: string;
+        delayTime: number;
+        interactiveRange: {
+            y1: number;
+            y2: number;
+            x1: number;
+            x2: number;
+        };
+    };
+    private _container;
+    private _activeDrawState;
+    private _cacheDrawPoints;
+    private _activeMoveState;
+    private _operatingMaskMoveDx;
+    private _operatingMaskMoveDy;
+    private _operatingMaskMoveRangeX;
+    private _operatingMaskMoveRangeY;
+    private _cacheMovePoint;
+    private _operatingMask;
+    private _brushMaskAABBBoundsDict;
+    private _updateDragMaskCallback;
+    constructor(attributes: BrushAttributes);
+    protected bindBrushEvents(): void;
+    private _isPosInBrushMask;
+    private _onBrushStart;
+    private _onBrushing;
+    private _onBrushEnd;
+    private _initDraw;
+    private _initMove;
+    private _drawing;
+    private _moving;
+    private _computeMaskPoints;
+    protected _addBrushMask(): void;
+    private _outOfInteractiveRange;
+    protected eventPosToStagePos(e: FederatedPointerEvent): {
+        x: number;
+        y: number;
+    };
+    protected render(): void;
+    setUpdateDragMaskCallback(callback: (operateParams: {
+        operateType: string;
+        operateMask: IPolygon;
+        operatedMaskAABBBounds: {
+            [name: string]: IBounds;
+        };
+    }) => void): void;
+}