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

package/es/axis/circle.js

@@ -0,0 +1,186 @@
+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 { createCircle } from "@visactor/vrender";
+
+import { isNil, get, merge, polarToCartesian, isNumberClose, isEmpty } from "@visactor/vutils";
+
+import { 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";
+
+export class CircleAxis extends AxisBase {
+    constructor(attributes) {
+        super(merge({}, CircleAxis.defaultAttributes, attributes));
+    }
+    renderLine(container) {
+        const {startAngle: startAngle = POLAR_START_ANGLE, endAngle: endAngle = POLAR_END_ANGLE, radius: radius, center: center, innerRadius: innerRadius = 0, line: line, inside: inside = !1} = this.attribute;
+        let arcRadius = radius, arcInnerRadius = innerRadius;
+        inside && innerRadius > 0 && (arcRadius = innerRadius, arcInnerRadius = 0);
+        const arcAttrs = Object.assign(Object.assign(Object.assign({}, center), {
+            startAngle: startAngle,
+            endAngle: endAngle,
+            radius: arcRadius,
+            innerRadius: arcInnerRadius
+        }), null == line ? void 0 : line.style), axisLine = createCircle(arcAttrs);
+        axisLine.name = AXIS_ELEMENT_NAME.line, axisLine.id = this._getNodeId("line"), isEmpty(null == line ? void 0 : line.state) || (axisLine.states = merge({}, DEFAULT_STATES, line.state)), 
+        container.add(axisLine);
+    }
+    isInValidValue(value) {
+        const {startAngle: startAngle = POLAR_START_ANGLE, endAngle: endAngle = POLAR_END_ANGLE} = this.attribute;
+        return Math.abs(endAngle - startAngle) % (2 * Math.PI) == 0 ? value > 1 : value < 0 || value > 1;
+    }
+    getTickCoord(tickValue) {
+        const {startAngle: startAngle = POLAR_START_ANGLE, endAngle: endAngle = POLAR_END_ANGLE, center: center, radius: radius, inside: inside = !1, innerRadius: innerRadius = 0} = this.attribute;
+        return polarToCartesian(center, inside && innerRadius > 0 ? innerRadius : radius, startAngle + (endAngle - startAngle) * tickValue);
+    }
+    getVerticalVector(offset, inside = !1, point) {
+        const {inside: axisInside = !1} = this.attribute, {center: center} = this.attribute, vector = [ point.x - center.x, point.y - center.y ];
+        return vec2.scale(vector, vector, (inside ? -1 : 1) * (axisInside ? -1 : 1) * offset / vec2.length(vector)), 
+        vector;
+    }
+    getRelativeVector(point) {
+        const {center: center} = this.attribute;
+        return [ point.y - center.y, -1 * (point.x - center.x) ];
+    }
+    getTitleAttribute() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const {center: center, radius: radius, innerRadius: innerRadius = 0} = this.attribute, _j = this.attribute.title, {space: space = 4, textStyle: textStyle = {}, shape: shape, background: background, state: state} = _j, restAttrs = __rest(_j, [ "space", "textStyle", "shape", "background", "state" ]);
+        let titlePoint = center, labelHeight = 0;
+        (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) && (labelHeight = get(this.attribute.label, "style.fontSize", 12) + get(this.attribute.label, "space", 4));
+        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 = radius + tickLength + labelHeight + space;
+        let textBaseline = "middle", {position: position} = this.attribute.title;
+        isNil(position) && (position = 0 === innerRadius ? "end" : "middle"), "start" === position ? (textBaseline = "bottom", 
+        titlePoint = {
+            x: center.x,
+            y: center.y - offset
+        }) : "end" === position && (textBaseline = "top", titlePoint = {
+            x: center.x,
+            y: center.y + offset
+        });
+        const attrs = Object.assign(Object.assign(Object.assign({}, titlePoint), restAttrs), {
+            textStyle: Object.assign({
+                textBaseline: textBaseline,
+                textAlign: "center"
+            }, textStyle),
+            state: isEmpty(state) ? null : {
+                text: state.text,
+                shape: state.shape,
+                panel: state.background
+            }
+        }), {angle: angle} = restAttrs;
+        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;
+    }
+    getSubTickLineItems() {
+        var _a, _b;
+        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) {
+            const tickSegment = this.data[1].value - this.data[0].value, isAlignWithLable = null === (_b = null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.tick) || void 0 === _b ? void 0 : _b.alignWithLabel;
+            for (let i = 0; i < tickLineCount; 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 ? next.value : isAlignWithLable ? 1 : pre.value + tickSegment), point = this.getTickCoord(value), endPoint = this.getVerticalCoord(point, length, inside);
+                    subTickLineItems.push({
+                        start: point,
+                        end: endPoint,
+                        value: value
+                    });
+                }
+            }
+        }
+        return subTickLineItems;
+    }
+    getGridAttribute(type) {
+        let gridAttribute, items = [];
+        const {radius: radius, innerRadius: innerRadius = 0, startAngle: startAngle = POLAR_START_ANGLE, endAngle: endAngle = POLAR_END_ANGLE, center: center, grid: grid} = this.attribute, {alignWithLabel: alignWithLabel = !0} = grid || {}, length = radius - innerRadius;
+        let tickSegment = 1;
+        if (this.data.length >= 2 && (tickSegment = this.data[1].value - this.data[0].value), 
+        "grid" === type) {
+            gridAttribute = this.attribute.grid;
+            const gridItems = [];
+            let data;
+            data = Math.abs(endAngle - startAngle) % (2 * Math.PI) == 0 ? [ ...this.data ].concat(this.data[0]) : this.data, 
+            data.forEach((item => {
+                let {point: point} = item;
+                if (!alignWithLabel) {
+                    const value = item.value - tickSegment / 2;
+                    if (this.isInValidValue(value)) return;
+                    point = this.getTickCoord(value);
+                }
+                const endPoint = this.getVerticalCoord(point, length, !0);
+                gridItems.push({
+                    id: item.id,
+                    points: [ point, endPoint ],
+                    datum: item
+                });
+            })), items = gridItems;
+        } else {
+            gridAttribute = merge({}, this.attribute.grid, this.attribute.subGrid);
+            const subGridItems = [], {count: subCount = 4} = this.attribute.subTick || {}, tickLineCount = this.data.length;
+            if (tickLineCount >= 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 < tickLineCount; i++) {
+                    const pre = points[i], next = points[i + 1];
+                    subGridItems.push({
+                        id: `sub-${i}-0`,
+                        points: [ this.getTickCoord(pre.value), this.getVerticalCoord(this.getTickCoord(pre.value), length, !0) ],
+                        datum: {}
+                    });
+                    for (let j = 0; j < subCount; j++) {
+                        const percent = (j + 1) / (subCount + 1), value = (1 - percent) * pre.value + percent * (next ? next.value : alignWithLabel ? 1 : pre.value + tickSegment), point = this.getTickCoord(value), endPoint = this.getVerticalCoord(point, length, !0);
+                        subGridItems.push({
+                            id: `sub-${i}-${j + 1}`,
+                            points: [ point, endPoint ],
+                            datum: {}
+                        });
+                    }
+                }
+                Math.abs(endAngle - startAngle) % (2 * Math.PI) == 0 && subGridItems.push(subGridItems[0]), 
+                items = subGridItems;
+            }
+        }
+        return Object.assign(Object.assign({}, gridAttribute), {
+            items: items,
+            center: center
+        });
+    }
+    getTextBaseline(vector) {
+        let base = "middle";
+        return isNumberClose(vector[1], 0) ? base = "middle" : vector[1] > 0 && vector[1] > Math.abs(vector[0]) ? base = "top" : vector[1] < 0 && Math.abs(vector[1]) > Math.abs(vector[0]) && (base = "bottom"), 
+        base;
+    }
+}
+
+CircleAxis.defaultAttributes = DEFAULT_AXIS_THEME;
+//# sourceMappingURL=circle.js.map

package/es/axis/circle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/axis/circle.ts"],"names":[],"mappings":"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","file":"circle.js","sourcesContent":["/**\n * @description 圆弧型坐标轴\n */\nimport { IGroup, TextBaselineType, createCircle } from '@visactor/vrender';\nimport { isNil, get, merge, polarToCartesian, isNumberClose, isEmpty } from '@visactor/vutils';\nimport { Point } from '../core/type';\nimport { vec2 } from '../util/matrix';\nimport { TagAttributes } from '../tag';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport {\n  CircleAxisGridAttributes,\n  CircleAxisAttributes,\n  TitleAttributes,\n  GridItem,\n  SubTickAttributes,\n  TickLineItem,\n  TransformedAxisItem\n} from './type';\nimport { AxisBase } from './base';\nimport { DEFAULT_AXIS_THEME } from './config';\nimport { AXIS_ELEMENT_NAME, DEFAULT_STATES } from './constant';\n\nexport class CircleAxis extends AxisBase<CircleAxisAttributes> {\n  static defaultAttributes = DEFAULT_AXIS_THEME;\n\n  constructor(attributes: CircleAxisAttributes) {\n    super(merge({}, CircleAxis.defaultAttributes, attributes));\n  }\n\n  protected renderLine(container: IGroup): void {\n    const {\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      radius,\n      center,\n      innerRadius = 0,\n      line,\n      inside = false\n    } = this.attribute as CircleAxisAttributes;\n\n    let arcRadius = radius;\n    let arcInnerRadius = innerRadius;\n    if (inside && innerRadius > 0) {\n      arcRadius = innerRadius;\n      arcInnerRadius = 0;\n    }\n\n    const arcAttrs = {\n      ...center,\n      startAngle,\n      endAngle,\n      radius: arcRadius,\n      innerRadius: arcInnerRadius,\n      ...line?.style\n    };\n    const axisLine = createCircle(arcAttrs);\n    axisLine.name = AXIS_ELEMENT_NAME.line;\n    axisLine.id = this._getNodeId('line');\n\n    if (!isEmpty(line?.state)) {\n      axisLine.states = merge({}, DEFAULT_STATES, line.state);\n    }\n    container.add(axisLine);\n  }\n\n  protected isInValidValue(value: number) {\n    const { startAngle = POLAR_START_ANGLE, endAngle = POLAR_END_ANGLE } = this.attribute as CircleAxisAttributes;\n    if (Math.abs(endAngle - startAngle) % (Math.PI * 2) === 0) {\n      return value > 1;\n    }\n\n    return value < 0 || value > 1;\n  }\n\n  protected getTickCoord(tickValue: number): Point {\n    const {\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      center,\n      radius,\n      inside = false,\n      innerRadius = 0\n    } = this.attribute as CircleAxisAttributes;\n    const angle = startAngle + (endAngle - startAngle) * tickValue;\n    return polarToCartesian(center, inside && innerRadius > 0 ? innerRadius : radius, angle);\n  }\n\n  protected getVerticalVector(offset: number, inside = false, point: Point) {\n    const { inside: axisInside = false } = this.attribute;\n    const { center } = this.attribute as CircleAxisAttributes;\n    const vector: [number, number] = [point.x - center.x, point.y - center.y];\n    vec2.scale(vector, vector, ((inside ? -1 : 1) * (axisInside ? -1 : 1) * offset) / vec2.length(vector));\n    return vector;\n  }\n\n  protected getRelativeVector(point: Point): [number, number] {\n    const { center } = this.attribute as CircleAxisAttributes;\n    return [point.y - center.y, -1 * (point.x - center.x)];\n  }\n\n  protected getTitleAttribute() {\n    const { center, radius, innerRadius = 0 } = this.attribute as CircleAxisAttributes;\n    const {\n      space = 4,\n      textStyle = {},\n      shape,\n      background,\n      state,\n      ...restAttrs\n    } = this.attribute.title as TitleAttributes;\n    let titlePoint = center;\n    let labelHeight = 0;\n    if (this.attribute.label?.visible && this.attribute.label?.inside === false) {\n      // 这里取 label 的最大长度\n      labelHeight = get(this.attribute.label, 'style.fontSize', 12) + get(this.attribute.label, 'space', 4);\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    const offset = radius + tickLength + labelHeight + space;\n    let textBaseline: TextBaselineType = 'middle';\n    let { position } = this.attribute.title as TitleAttributes;\n    if (isNil(position)) {\n      position = innerRadius === 0 ? 'end' : 'middle';\n    }\n    if (position === 'start') {\n      textBaseline = 'bottom';\n      titlePoint = {\n        x: center.x,\n        y: center.y - offset\n      };\n    } else if (position === 'end') {\n      textBaseline = 'top';\n      titlePoint = {\n        x: center.x,\n        y: center.y + offset\n      };\n    }\n    const attrs: TagAttributes = {\n      ...titlePoint,\n      ...restAttrs,\n      textStyle: {\n        textBaseline,\n        textAlign: 'center',\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\n    const { angle } = restAttrs; // 用户设置的是角度\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  protected getSubTickLineItems() {\n    const { subTick } = this.attribute as CircleAxisAttributes;\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    // 刻度线的数量大于 2 时，才绘制子刻度\n    if (tickLineCount >= 2) {\n      const tickSegment = this.data[1].value - this.data[0].value;\n      const isAlignWithLable = this.attribute?.tick?.alignWithLabel;\n      for (let i = 0; i < tickLineCount; 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 =\n            (1 - percent) * pre.value + percent * (next ? next.value : isAlignWithLable ? 1 : pre.value + tickSegment);\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          });\n        }\n      }\n    }\n\n    return subTickLineItems;\n  }\n\n  protected getGridAttribute(type: string) {\n    let gridAttribute;\n    let items: GridItem[] = [];\n    const {\n      radius,\n      innerRadius = 0,\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE,\n      center,\n      grid\n    } = this.attribute as CircleAxisAttributes;\n    const { alignWithLabel = true } = grid || {};\n\n    const length = radius - innerRadius;\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    if (type === 'grid') {\n      gridAttribute = this.attribute.grid as CircleAxisGridAttributes;\n      // 计算 grid Items\n      const gridItems: GridItem[] = [];\n      let data;\n      if (Math.abs(endAngle - startAngle) % (Math.PI * 2) === 0) {\n        data = [...this.data].concat(this.data[0]);\n      } else {\n        data = this.data;\n      }\n\n      data.forEach(item => {\n        let { point } = item;\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        const endPoint = this.getVerticalCoord(point, length as number, true);\n        gridItems.push({\n          id: item.id,\n          points: [point, endPoint],\n          datum: item\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 < tickLineCount; i++) {\n          const pre = points[i];\n          const next = points[i + 1];\n          subGridItems.push({\n            id: `sub-${i}-${0}`,\n            points: [this.getTickCoord(pre.value), this.getVerticalCoord(this.getTickCoord(pre.value), length, true)],\n            datum: {}\n          });\n          for (let j = 0; j < subCount; j++) {\n            const percent = (j + 1) / (subCount + 1);\n            const value =\n              (1 - percent) * pre.value + percent * (next ? next.value : alignWithLabel ? 1 : pre.value + tickSegment);\n            const point = this.getTickCoord(value);\n            const endPoint = this.getVerticalCoord(point, length, true);\n            subGridItems.push({\n              id: `sub-${i}-${j + 1}`,\n              points: [point, endPoint],\n              // TODO: 这里也需要，后续考虑如何加上\n              datum: {}\n            });\n          }\n        }\n\n        if (Math.abs(endAngle - startAngle) % (Math.PI * 2) === 0) {\n          subGridItems.push(subGridItems[0]);\n        }\n\n        items = subGridItems;\n      }\n    }\n\n    return {\n      ...gridAttribute,\n      items,\n      center\n    };\n  }\n  protected getTextBaseline(vector: number[]): TextBaselineType {\n    let base: TextBaselineType = 'middle';\n    if (isNumberClose(vector[1], 0)) {\n      base = 'middle';\n    } else if (vector[1] > 0 && vector[1] > Math.abs(vector[0])) {\n      base = 'top';\n    } else if (vector[1] < 0 && Math.abs(vector[1]) > Math.abs(vector[0])) {\n      base = 'bottom';\n    }\n    return base;\n  }\n}\n"]}

package/es/axis/config.d.ts

@@ -0,0 +1,71 @@
+export declare const DEFAULT_AXIS_THEME: {
+    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[];
+        };
+    };
+};

package/es/axis/config.js

@@ -0,0 +1,72 @@
+export const DEFAULT_AXIS_THEME = {
+    title: {
+        space: 4,
+        padding: 0,
+        textStyle: {
+            fontSize: 12,
+            fillColor: "#333333",
+            fontWeight: "normal",
+            fillOpacity: 1
+        }
+    },
+    label: {
+        visible: !0,
+        inside: !1,
+        space: 4,
+        padding: 0,
+        style: {
+            fontSize: 12,
+            fillColor: "#333",
+            fontWeight: "normal",
+            fillOpacity: 1
+        }
+    },
+    tick: {
+        visible: !0,
+        inside: !1,
+        alignWithLabel: !0,
+        length: 4,
+        style: {
+            lineWidth: 1,
+            strokeColor: "#000",
+            strokeOpacity: 1
+        }
+    },
+    subTick: {
+        visible: !1,
+        inside: !1,
+        count: 4,
+        length: 2,
+        style: {
+            lineWidth: 1,
+            strokeColor: "#999",
+            strokeOpacity: 1
+        }
+    },
+    line: {
+        visible: !0,
+        style: {
+            lineWidth: 1,
+            strokeColor: "#000",
+            strokeOpacity: 1
+        }
+    },
+    grid: {
+        style: {
+            lineWidth: 1,
+            strokeColor: "#999",
+            strokeOpacity: 1,
+            lineDash: [ 4, 4 ]
+        }
+    },
+    subGrid: {
+        visible: !1,
+        style: {
+            lineWidth: 1,
+            strokeColor: "#999",
+            strokeOpacity: 1,
+            lineDash: [ 4, 4 ]
+        }
+    }
+};
+//# sourceMappingURL=config.js.map

package/es/axis/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/axis/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,MAAM;YACjB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,IAAI;QACpB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,MAAM;YACnB,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;CACF,CAAC","file":"config.js","sourcesContent":["export const DEFAULT_AXIS_THEME = {\n  title: {\n    space: 4,\n    padding: 0,\n    textStyle: {\n      fontSize: 12,\n      fillColor: '#333333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    inside: false,\n    space: 4,\n    padding: 0,\n    style: {\n      fontSize: 12,\n      fillColor: '#333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  tick: {\n    visible: true,\n    inside: false,\n    alignWithLabel: true,\n    length: 4,\n    style: {\n      lineWidth: 1,\n      strokeColor: '#000',\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    inside: false,\n    count: 4,\n    length: 2,\n    style: {\n      lineWidth: 1,\n      strokeColor: '#999',\n      strokeOpacity: 1\n    }\n  },\n  line: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      strokeColor: '#000',\n      strokeOpacity: 1\n    }\n  },\n  grid: {\n    style: {\n      lineWidth: 1,\n      strokeColor: '#999',\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    }\n  },\n  subGrid: {\n    visible: false,\n    style: {\n      lineWidth: 1,\n      strokeColor: '#999',\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    }\n  }\n};\n"]}

package/es/axis/constant.d.ts

@@ -0,0 +1,27 @@
+export declare enum AXIS_ELEMENT_NAME {
+    innerView = "inner-view",
+    axisContainer = "axis-container",
+    labelContainer = "axis-label-container",
+    tickContainer = "axis-tick-container",
+    tick = "axis-tick",
+    subTick = "axis-sub-tick",
+    label = "axis-label",
+    title = "axis-title",
+    gridContainer = "axis-grid-container",
+    grid = "axis-grid",
+    gridRegion = "axis-grid-region",
+    line = "axis-line",
+    background = "axis-background"
+}
+export declare enum AxisStateValue {
+    selected = "selected",
+    selectedReverse = "selected_reverse",
+    hover = "hover",
+    hoverReverse = "hover_reverse"
+}
+export declare const DEFAULT_STATES: {
+    selected_reverse: {};
+    selected: {};
+    hover: {};
+    hover_reverse: {};
+};

package/es/axis/constant.js

@@ -0,0 +1,26 @@
+export var AXIS_ELEMENT_NAME;
+
+!function(AXIS_ELEMENT_NAME) {
+    AXIS_ELEMENT_NAME.innerView = "inner-view", AXIS_ELEMENT_NAME.axisContainer = "axis-container", 
+    AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", 
+    AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", 
+    AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", 
+    AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", 
+    AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", 
+    AXIS_ELEMENT_NAME.background = "axis-background";
+}(AXIS_ELEMENT_NAME || (AXIS_ELEMENT_NAME = {}));
+
+export var AxisStateValue;
+
+!function(AxisStateValue) {
+    AxisStateValue.selected = "selected", AxisStateValue.selectedReverse = "selected_reverse", 
+    AxisStateValue.hover = "hover", AxisStateValue.hoverReverse = "hover_reverse";
+}(AxisStateValue || (AxisStateValue = {}));
+
+export const DEFAULT_STATES = {
+    [AxisStateValue.selectedReverse]: {},
+    [AxisStateValue.selected]: {},
+    [AxisStateValue.hover]: {},
+    [AxisStateValue.hoverReverse]: {}
+};
+//# sourceMappingURL=constant.js.map

package/es/axis/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/axis/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAcX;AAdD,WAAY,iBAAiB;IAC3B,6CAAwB,CAAA;IACxB,qDAAgC,CAAA;IAChC,4DAAuC,CAAA;IACvC,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,8CAAyB,CAAA;IACzB,yCAAoB,CAAA;IACpB,yCAAoB,CAAA;IACpB,0DAAqC,CAAA;IACrC,uCAAkB,CAAA;IAClB,oDAA+B,CAAA;IAC/B,uCAAkB,CAAA;IAClB,mDAA8B,CAAA;AAChC,CAAC,EAdW,iBAAiB,KAAjB,iBAAiB,QAc5B;AAED,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,sDAAoC,CAAA;IACpC,iCAAe,CAAA;IACf,gDAA8B,CAAA;AAChC,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,EAAE;IACpC,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE;IAC7B,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE;IAC1B,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,EAAE;CAClC,CAAC","file":"constant.js","sourcesContent":["export enum AXIS_ELEMENT_NAME {\n  innerView = 'inner-view',\n  axisContainer = 'axis-container',\n  labelContainer = 'axis-label-container',\n  tickContainer = 'axis-tick-container',\n  tick = 'axis-tick',\n  subTick = 'axis-sub-tick',\n  label = 'axis-label',\n  title = 'axis-title',\n  gridContainer = 'axis-grid-container',\n  grid = 'axis-grid',\n  gridRegion = 'axis-grid-region',\n  line = 'axis-line',\n  background = 'axis-background'\n}\n\nexport enum AxisStateValue {\n  selected = 'selected',\n  selectedReverse = 'selected_reverse',\n  hover = 'hover',\n  hoverReverse = 'hover_reverse'\n}\n\nexport const DEFAULT_STATES = {\n  [AxisStateValue.selectedReverse]: {},\n  [AxisStateValue.selected]: {},\n  [AxisStateValue.hover]: {},\n  [AxisStateValue.hoverReverse]: {}\n};\n"]}

package/es/axis/grid.d.ts

@@ -0,0 +1,9 @@
+import { AbstractComponent } from '../core/base';
+import { GridAttributes } from './type';
+export declare class Grid extends AbstractComponent<Required<GridAttributes>> {
+    name: string;
+    static defaultAttributes: Partial<GridAttributes>;
+    constructor(attributes: GridAttributes);
+    protected render(): void;
+    protected _getNodeId(id: string): string;
+}

package/es/axis/grid.js

@@ -0,0 +1,102 @@
+import { isFunction, isArray, isEmpty, merge, PointService, abs, pi } from "@visactor/vutils";
+
+import { createPath } from "@visactor/vrender";
+
+import { AbstractComponent } from "../core/base";
+
+function getLinePath(points, closed) {
+    let path = "";
+    return 0 === points.length || (points.forEach(((point, index) => {
+        0 === index ? path = `M${point.x},${point.y}` : path += `L${point.x},${point.y}`;
+    })), closed && (path += "Z")), path;
+}
+
+function getArcPath(center, points, reverse, closed) {
+    let path = "";
+    if (!center || 0 === points.length) return path;
+    const firstPoint = points[0], radius = PointService.distancePP(center, firstPoint), sweepFlag = reverse ? 0 : 1;
+    return closed ? path += `M${center.x},${center.y - radius}A${radius},${radius},0,0,${sweepFlag},${center.x},${center.y + radius}A${radius},${radius},0,0,${sweepFlag},${center.x},${center.y - radius}Z` : points.forEach(((point, index) => {
+        0 === index ? path = `M${point.x},${point.y}` : path += `A${radius},${radius},0,0,${sweepFlag},${point.x},${point.y}`;
+    })), path;
+}
+
+function getRegionPath(from, to, attribute) {
+    const {type: type, closed: closed} = attribute, reversePoints = to.slice(0).reverse();
+    let regionPath = "", nextPath = "";
+    if ("line" === type && attribute.smoothLink && attribute.center) {
+        const fromStart = from[0], toEnd = reversePoints[0], center = attribute.center;
+        regionPath = getLinePath(from, !!closed), nextPath = getLinePath(reversePoints, !!closed);
+        const toEndRadius = PointService.distancePP(toEnd, center), fromStartRadius = PointService.distancePP(fromStart, center);
+        regionPath += `A${toEndRadius},${toEndRadius},0,0,1,${toEnd.x},${toEnd.y}L${toEnd.x},${toEnd.y}`, 
+        nextPath += `A${fromStartRadius},${fromStartRadius},0,0,0,${fromStart.x},${fromStart.y}`;
+    } else if ("circle" === type) {
+        const {center: center} = attribute;
+        regionPath = getArcPath(center, from, !1, !!closed), nextPath = getArcPath(center, reversePoints, !0, !!closed);
+    } else "line" !== type && "polygon" !== type || (regionPath = getLinePath(from, !!closed), 
+    nextPath = getLinePath(reversePoints, !!closed));
+    return closed ? regionPath += nextPath : (nextPath = "L" + nextPath.substring(1), 
+    regionPath += nextPath, regionPath += "Z"), regionPath;
+}
+
+export class Grid extends AbstractComponent {
+    constructor(attributes) {
+        super(merge({}, Grid.defaultAttributes, attributes)), this.name = "grid";
+    }
+    render() {
+        this.removeAllChild();
+        const {type: type, items: items, style: style, closed: closed, alternateColor: alternateColor, depth: depth = 0} = this.attribute;
+        if (!isEmpty(items) && (items.forEach(((item, index) => {
+            const {id: id, points: points} = item;
+            let path = "";
+            if ("line" === type || "polygon" === type) path = getLinePath(points, !!closed); else if ("circle" === type) {
+                const {center: center} = this.attribute;
+                path = getArcPath(center, points, !1, !!closed);
+            }
+            const shape = createPath(Object.assign({
+                path: path,
+                z: depth
+            }, isFunction(style) ? merge({}, Grid.defaultAttributes.style, style(item, index)) : style));
+            shape.name = `${this.name}-line`, shape.id = this._getNodeId(`path-${id}`), this.add(shape);
+        })), depth && "line" === type && items.forEach(((item, index) => {
+            const {id: id, points: points} = item, nextPoints = [];
+            nextPoints.push(points[0]);
+            const dir_x = points[1].x - points[0].x, dir_y = points[1].y - points[0].y, dirLen = Math.sqrt(dir_x * dir_x + dir_y * dir_y), ratio = depth / dirLen;
+            nextPoints.push({
+                x: points[0].x + dir_x * ratio,
+                y: points[0].y + dir_y * ratio
+            });
+            const path = getLinePath(nextPoints, !!closed), deltaX = abs(nextPoints[0].x - nextPoints[1].x), deltaY = abs(nextPoints[0].y - nextPoints[1].y), shape = createPath(Object.assign({
+                path: path,
+                z: 0,
+                alpha: deltaX > deltaY ? (points[1].x - points[0].x > 0 ? -1 : 1) * pi / 2 : 0,
+                beta: deltaX < deltaY ? -pi / 2 : 0,
+                anchor3d: deltaX > deltaY ? [ nextPoints[0].x, 0 ] : [ 0, nextPoints[0].y ]
+            }, isFunction(style) ? merge({}, Grid.defaultAttributes.style, style(item, index)) : style));
+            shape.name = `${this.name}-line`, shape.id = this._getNodeId(`path-${id}`), this.add(shape);
+        })), items.length > 1 && alternateColor)) {
+            const colors = isArray(alternateColor) ? alternateColor : [ alternateColor, "transparent" ], getColor = index => colors[index % colors.length];
+            for (let index = 0; index < items.length - 1; index++) {
+                const [prev, curr] = [ items[index].points, items[index + 1].points ], path = getRegionPath(prev, curr, this.attribute), shape = createPath({
+                    path: path,
+                    fill: !0,
+                    fillColor: getColor(index)
+                });
+                shape.name = `${this.name}-region`, shape.id = this._getNodeId(`region-${index}`), 
+                this.add(shape);
+            }
+        }
+    }
+    _getNodeId(id) {
+        return `${this.id}-${id}`;
+    }
+}
+
+Grid.defaultAttributes = {
+    style: {
+        lineWidth: 1,
+        stroke: !0,
+        strokeColor: "#416180"
+    },
+    zIndex: 0
+};
+//# sourceMappingURL=grid.js.map

package/es/axis/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/axis/grid.ts"],"names":[],"mappings":"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","file":"grid.js","sourcesContent":["/**\n * @description 网格线\n */\nimport { isFunction, isArray, isEmpty, merge, PointService, abs, pi } from '@visactor/vutils';\nimport { createPath, Path } from '@visactor/vrender';\nimport { AbstractComponent } from '../core/base';\nimport { Point } from '../core/type';\nimport { LineGridAttributes, GridItem, GridAttributes, CircleGridAttributes } from './type';\n\nfunction getLinePath(points: Point[], closed: boolean) {\n  let path = '';\n  if (points.length === 0) {\n    return path;\n  }\n  points.forEach((point, index) => {\n    if (index === 0) {\n      path = `M${point.x},${point.y}`;\n    } else {\n      path += `L${point.x},${point.y}`;\n    }\n  });\n  if (closed) {\n    path += 'Z';\n  }\n\n  return path;\n}\n\nfunction getArcPath(center: Point, points: Point[], reverse: boolean, closed: boolean) {\n  let path = '';\n  if (!center || points.length === 0) {\n    return path;\n  }\n  const firstPoint = points[0];\n  const radius = PointService.distancePP(center, firstPoint);\n  const sweepFlag = reverse ? 0 : 1; // 顺时针还是逆时针\n  if (closed) {\n    // 封闭时，绘制整个圆\n    path += `M${center.x},${center.y - radius}A${radius},${radius},0,0,${sweepFlag},${center.x},${\n      center.y + radius\n    }A${radius},${radius},0,0,${sweepFlag},${center.x},${center.y - radius}Z`;\n  } else {\n    points.forEach((point, index) => {\n      if (index === 0) {\n        path = `M${point.x},${point.y}`;\n      } else {\n        path += `A${radius},${radius},0,0,${sweepFlag},${point.x},${point.y}`;\n      }\n    });\n  }\n\n  return path;\n}\n\nfunction getRegionPath(from: Point[], to: Point[], attribute: GridAttributes) {\n  const { type, closed } = attribute;\n  const reversePoints = to.slice(0).reverse();\n\n  let regionPath = '';\n  let nextPath = '';\n\n  if (type === 'line' && (attribute as LineGridAttributes).smoothLink && (attribute as LineGridAttributes).center) {\n    const fromStart = from[0];\n    const toEnd = reversePoints[0];\n    const center = (attribute as LineGridAttributes).center as Point;\n\n    regionPath = getLinePath(from, !!closed);\n    nextPath = getLinePath(reversePoints, !!closed);\n    const toEndRadius = PointService.distancePP(toEnd, center);\n    const fromStartRadius = PointService.distancePP(fromStart, center);\n    regionPath += `A${toEndRadius},${toEndRadius},0,0,1,${toEnd.x},${toEnd.y}L${toEnd.x},${toEnd.y}`;\n    nextPath += `A${fromStartRadius},${fromStartRadius},0,0,0,${fromStart.x},${fromStart.y}`;\n  } else if (type === 'circle') {\n    const { center } = attribute as CircleGridAttributes;\n    regionPath = getArcPath(center, from, false, !!closed);\n    nextPath = getArcPath(center, reversePoints, true, !!closed);\n  } else if (type === 'line' || type === 'polygon') {\n    regionPath = getLinePath(from, !!closed);\n    nextPath = getLinePath(reversePoints, !!closed);\n  }\n\n  if (closed) {\n    regionPath += nextPath;\n  } else {\n    nextPath = 'L' + nextPath.substring(1); // 更新第一个节点\n    regionPath += nextPath;\n    regionPath += 'Z';\n  }\n  return regionPath;\n}\n\nexport class Grid extends AbstractComponent<Required<GridAttributes>> {\n  name = 'grid';\n\n  static defaultAttributes: Partial<GridAttributes> = {\n    style: {\n      lineWidth: 1,\n      stroke: true,\n      strokeColor: '#416180'\n    },\n    zIndex: 0\n  };\n\n  constructor(attributes: GridAttributes) {\n    super(merge({}, Grid.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    this.removeAllChild();\n    const {\n      type,\n      items,\n      style,\n      closed,\n      alternateColor,\n      // zIndex = 0,\n      depth = 0\n    } = this.attribute as GridAttributes & { depth?: number };\n\n    if (isEmpty(items)) {\n      return;\n    }\n    // 绘制网格线\n    items.forEach((item: GridItem, index: number) => {\n      const { id, points } = item;\n      let path = '';\n      if (type === 'line' || type === 'polygon') {\n        path = getLinePath(points, !!closed);\n      } else if (type === 'circle') {\n        const { center } = this.attribute as CircleGridAttributes;\n        path = getArcPath(center, points, false, !!closed);\n      }\n      const shape = createPath({\n        path,\n        z: depth,\n        ...(isFunction(style) ? merge({}, Grid.defaultAttributes.style, style(item, index)) : style)\n      }) as Path;\n      shape.name = `${this.name}-line`;\n      shape.id = this._getNodeId(`path-${id}`);\n      this.add(shape);\n    });\n\n    // 添加额外的3d线段\n    if (depth && type === 'line') {\n      items.forEach((item: GridItem, index: number) => {\n        const { id, points } = item;\n        // 重新计算points，使其长度为depth\n        const nextPoints = [];\n        nextPoints.push(points[0]);\n        const dir = { x: points[1].x - points[0].x, y: points[1].y - points[0].y };\n        const dirLen = Math.sqrt(dir.x * dir.x + dir.y * dir.y);\n        const ratio = depth / dirLen;\n        nextPoints.push({ x: points[0].x + dir.x * ratio, y: points[0].y + dir.y * ratio });\n        const path = getLinePath(nextPoints, !!closed);\n        const deltaX = abs(nextPoints[0].x - nextPoints[1].x);\n        const deltaY = abs(nextPoints[0].y - nextPoints[1].y);\n        const shape = createPath({\n          path,\n          z: 0,\n          alpha: deltaX > deltaY ? ((points[1].x - points[0].x > 0 ? -1 : 1) * pi) / 2 : 0,\n          beta: deltaX < deltaY ? -pi / 2 : 0,\n          anchor3d: deltaX > deltaY ? [nextPoints[0].x, 0] : [0, nextPoints[0].y],\n          ...(isFunction(style) ? merge({}, Grid.defaultAttributes.style, style(item, index)) : style)\n        }) as Path;\n        shape.name = `${this.name}-line`;\n        shape.id = this._getNodeId(`path-${id}`);\n        this.add(shape);\n      });\n    }\n\n    // 绘制填充区域\n    if (items.length > 1 && alternateColor) {\n      const colors: string[] = isArray(alternateColor)\n        ? (alternateColor as string[])\n        : [alternateColor as string, 'transparent'];\n      const getColor = (index: number) => colors[index % colors.length];\n\n      // const regions: any[] = [];\n      for (let index = 0; index < items.length - 1; index++) {\n        const [prev, curr] = [items[index].points, items[index + 1].points];\n        const path = getRegionPath(prev, curr, this.attribute as GridAttributes);\n        const shape = createPath({\n          path,\n          fill: true,\n          fillColor: getColor(index)\n        }) as Path;\n        shape.name = `${this.name}-region`;\n        shape.id = this._getNodeId(`region-${index}`);\n        this.add(shape);\n      }\n    }\n  }\n\n  /**\n   * @override 覆写\n   * @param id\n   * @returns\n   */\n  protected _getNodeId(id: string) {\n    return `${this.id}-${id}`;\n  }\n}\n"]}

package/es/axis/index.d.ts

@@ -0,0 +1,6 @@
+export * from './grid';
+export * from './line';
+export * from './circle';
+export * from './type';
+export * from './animate';
+export * from './constant';

package/es/axis/index.js

@@ -0,0 +1,12 @@
+export * from "./grid";
+
+export * from "./line";
+
+export * from "./circle";
+
+export * from "./type";
+
+export * from "./animate";
+
+export * from "./constant";
+//# sourceMappingURL=index.js.map

package/es/axis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/axis/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AAEzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC","file":"index.js","sourcesContent":["export * from './grid';\nexport * from './line';\nexport * from './circle';\n\nexport * from './type';\nexport * from './animate';\nexport * from './constant';\n"]}