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

package/es/crosshair/line.js

@@ -0,0 +1,32 @@
+import { merge } from "@visactor/vutils";
+
+import { CrosshairBase } from "./base";
+
+export class LineCrosshair extends CrosshairBase {
+    constructor(attributes) {
+        super(merge({}, LineCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {start: start, end: end, lineStyle: lineStyle} = this.attribute;
+        return container.createOrUpdateChild("crosshair-line", Object.assign({
+            points: [ start, end ]
+        }, lineStyle), "line");
+    }
+    setLocation(region) {
+        const {start: start, end: end} = region;
+        this.setAttributes({
+            start: start,
+            end: end
+        });
+    }
+}
+
+LineCrosshair.defaultAttributes = {
+    lineStyle: {
+        stroke: !0,
+        strokeColor: "#b2bacf",
+        lineWidth: 1,
+        lineDash: [ 2 ]
+    }
+};
+//# sourceMappingURL=line.js.map

package/es/crosshair/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/line.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,aAAc,SAAQ,aAAiC;IAUlE,YAAY,UAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,aAAa,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAChE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAA+B,CAAC;QAEvE,MAAM,IAAI,GAAG,SAAS,CAAC,mBAAmB,CACxC,gBAAgB,kBAEd,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,IACjB,SAAS,GAEd,MAAM,CACP,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,MAAyB;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC;YACjB,KAAK;YACL,GAAG;SACJ,CAAC,CAAC;IACL,CAAC;;AAjCM,+BAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"line.js","sourcesContent":["/**\n * @description 直线类型 crosshair\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge } from '@visactor/vutils';\nimport { RegionLocationCfg } from '../core/type';\nimport { CrosshairBase } from './base';\nimport { LineCrosshairAttrs } from './type';\n\nexport class LineCrosshair extends CrosshairBase<LineCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: true,\n      strokeColor: '#b2bacf',\n      lineWidth: 1,\n      lineDash: [2]\n    }\n  };\n\n  constructor(attributes: LineCrosshairAttrs) {\n    super(merge({}, LineCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { start, end, lineStyle } = this.attribute as LineCrosshairAttrs;\n\n    const line = container.createOrUpdateChild(\n      'crosshair-line',\n      {\n        points: [start, end],\n        ...lineStyle\n      },\n      'line'\n    );\n    return line;\n  }\n\n  setLocation(region: RegionLocationCfg) {\n    const { start, end } = region;\n    this.setAttributes({\n      start,\n      end\n    });\n  }\n}\n"]}

package/es/crosshair/polygon.d.ts

@@ -0,0 +1,17 @@
+import { IGroup } from '@visactor/vrender';
+import { PointLocationCfg } from '../core/type';
+import { CrosshairBase } from './base';
+import { PolygonCrosshairAttrs } from './type';
+export declare class PolygonCrosshair extends CrosshairBase<PolygonCrosshairAttrs> {
+    static defaultAttributes: {
+        lineStyle: {
+            stroke: boolean;
+            strokeColor: string;
+            lineWidth: number;
+            lineDash: number[];
+        };
+    };
+    constructor(attributes: PolygonCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(point: PointLocationCfg): void;
+}

package/es/crosshair/polygon.js

@@ -0,0 +1,35 @@
+import { merge, polarToCartesian, PointService } from "@visactor/vutils";
+
+import { CrosshairBase } from "./base";
+
+export class PolygonCrosshair extends CrosshairBase {
+    constructor(attributes) {
+        super(merge({}, PolygonCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {center: center, radius: radius, sides: sides = 6, lineStyle: lineStyle} = this.attribute, {startAngle: startAngle, endAngle: endAngle} = this.attribute, isClose = (endAngle - startAngle) % (2 * Math.PI) == 0, eachAngle = (endAngle - startAngle) / sides;
+        let path;
+        for (let index = 0; index <= sides; index++) {
+            const point = polarToCartesian(center, radius, startAngle + eachAngle * index);
+            0 === index ? path = `M${point.x},${point.y}` : path += `L${point.x},${point.y}`, 
+            index === sides && isClose && (path += "Z");
+        }
+        return container.createOrUpdateChild("crosshair-polygon", Object.assign({
+            path: path
+        }, lineStyle), "path");
+    }
+    setLocation(point) {
+        const {center: center} = this.attribute, radius = PointService.distancePP(point, center);
+        this.setAttribute("radius", radius);
+    }
+}
+
+PolygonCrosshair.defaultAttributes = {
+    lineStyle: {
+        stroke: !0,
+        strokeColor: "#b2bacf",
+        lineWidth: 1,
+        lineDash: [ 2 ]
+    }
+};
+//# sourceMappingURL=polygon.js.map

package/es/crosshair/polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/polygon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,gBAAiB,SAAQ,aAAoC;IAUxE,YAAY,UAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IACnE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAkC,CAAC;QACzF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAEhD,MAAM,OAAO,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAC9D,MAAM,SAAS,GAAG,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,KAAK,CAAC;QAClD,IAAI,IAAI,CAAC;QACT,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,KAAK,EAAE,KAAK,EAAE,EAAE;YAC3C,MAAM,KAAK,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;YAC7C,MAAM,KAAK,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;YACtD,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;aACjC;iBAAM;gBACL,IAAI,IAAI,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;aAClC;YACD,IAAI,KAAK,KAAK,KAAK,IAAI,OAAO,EAAE;gBAC9B,IAAI,IAAI,GAAG,CAAC;aACb;SACF;QAED,MAAM,OAAO,GAAG,SAAS,CAAC,mBAAmB,CAC3C,mBAAmB,kBAEjB,IAAI,IACD,SAAS,GAEd,MAAM,CACP,CAAC;QACF,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,WAAW,CAAC,KAAuB;QACjC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAkC,CAAC;QAC3D,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;;AAjDM,kCAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"polygon.js","sourcesContent":["/**\n * @description polygon 类型 crosshair，用于极坐标系下\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge, polarToCartesian, PointService } from '@visactor/vutils';\nimport { PointLocationCfg } from '../core/type';\nimport { CrosshairBase } from './base';\nimport { PolygonCrosshairAttrs } from './type';\n\nexport class PolygonCrosshair extends CrosshairBase<PolygonCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: true,\n      strokeColor: '#b2bacf',\n      lineWidth: 1,\n      lineDash: [2]\n    }\n  };\n\n  constructor(attributes: PolygonCrosshairAttrs) {\n    super(merge({}, PolygonCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { center, radius, sides = 6, lineStyle } = this.attribute as PolygonCrosshairAttrs;\n    const { startAngle, endAngle } = this.attribute;\n\n    const isClose = (endAngle - startAngle) % (Math.PI * 2) === 0;\n    const eachAngle = (endAngle - startAngle) / sides;\n    let path;\n    for (let index = 0; index <= sides; index++) {\n      const angle = startAngle + eachAngle * index;\n      const point = polarToCartesian(center, radius, angle);\n      if (index === 0) {\n        path = `M${point.x},${point.y}`;\n      } else {\n        path += `L${point.x},${point.y}`;\n      }\n      if (index === sides && isClose) {\n        path += 'Z';\n      }\n    }\n\n    const polygon = container.createOrUpdateChild(\n      'crosshair-polygon',\n      {\n        path,\n        ...lineStyle\n      },\n      'path'\n    );\n    return polygon;\n  }\n\n  setLocation(point: PointLocationCfg) {\n    const { center } = this.attribute as PolygonCrosshairAttrs;\n    const radius = PointService.distancePP(point, center);\n\n    this.setAttribute('radius', radius);\n  }\n}\n"]}

package/es/crosshair/rect.d.ts

@@ -0,0 +1,20 @@
+import { IGroup } from '@visactor/vrender';
+import { RegionLocationCfg } from '../core/type';
+import { Tag } from '../tag';
+import { CrosshairBase } from './base';
+import { RectCrosshairAttrs } from './type';
+export declare class RectCrosshair extends CrosshairBase<RectCrosshairAttrs> {
+    static defaultAttributes: {
+        rectStyle: {
+            fillColor: string;
+            opacity: number;
+        };
+    };
+    protected topLabelShape?: Tag;
+    protected bottomLabelShape?: Tag;
+    protected leftLabelShape?: Tag;
+    protected rightLabelShape?: Tag;
+    constructor(attributes: RectCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(region: RegionLocationCfg): void;
+}

package/es/crosshair/rect.js

@@ -0,0 +1,33 @@
+import { merge } from "@visactor/vutils";
+
+import { CrosshairBase } from "./base";
+
+export class RectCrosshair extends CrosshairBase {
+    constructor(attributes) {
+        super(merge({}, RectCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {start: start, end: end, rectStyle: rectStyle} = this.attribute;
+        return container.createOrUpdateChild("crosshair-rect", Object.assign({
+            x: start.x,
+            y: start.y,
+            width: end.x - start.x,
+            height: end.y - start.y
+        }, rectStyle), "rect");
+    }
+    setLocation(region) {
+        const {start: start, end: end} = region;
+        this.setAttributes({
+            start: start,
+            end: end
+        });
+    }
+}
+
+RectCrosshair.defaultAttributes = {
+    rectStyle: {
+        fillColor: "#b2bacf",
+        opacity: .2
+    }
+};
+//# sourceMappingURL=rect.js.map

package/es/crosshair/rect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/rect.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,aAAc,SAAQ,aAAiC;IAalE,YAAY,UAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,aAAa,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAChE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAA+B,CAAC;QAEvE,MAAM,IAAI,GAAG,SAAS,CAAC,mBAAmB,CACxC,gBAAgB,kBAEd,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EACtB,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,IACpB,SAAS,GAEd,MAAM,CACP,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,MAAyB;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC;YACjB,KAAK;YACL,GAAG;SACJ,CAAC,CAAC;IACL,CAAC;;AAvCM,+BAAiB,GAAG;IACzB,SAAS,EAAE;QACT,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,GAAG;KACb;CACF,CAAC","file":"rect.js","sourcesContent":["/**\n * @description 矩形类型 crosshair\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge } from '@visactor/vutils';\nimport { RegionLocationCfg } from '../core/type';\nimport { Tag } from '../tag';\nimport { CrosshairBase } from './base';\nimport { RectCrosshairAttrs } from './type';\n\nexport class RectCrosshair extends CrosshairBase<RectCrosshairAttrs> {\n  static defaultAttributes = {\n    rectStyle: {\n      fillColor: '#b2bacf',\n      opacity: 0.2\n    }\n  };\n\n  protected topLabelShape?: Tag;\n  protected bottomLabelShape?: Tag;\n  protected leftLabelShape?: Tag;\n  protected rightLabelShape?: Tag;\n\n  constructor(attributes: RectCrosshairAttrs) {\n    super(merge({}, RectCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { start, end, rectStyle } = this.attribute as RectCrosshairAttrs;\n\n    const rect = container.createOrUpdateChild(\n      'crosshair-rect',\n      {\n        x: start.x,\n        y: start.y,\n        width: end.x - start.x,\n        height: end.y - start.y,\n        ...rectStyle\n      },\n      'rect'\n    );\n    return rect;\n  }\n\n  setLocation(region: RegionLocationCfg) {\n    const { start, end } = region;\n    this.setAttributes({\n      start,\n      end\n    });\n  }\n}\n"]}

package/es/crosshair/sector.d.ts

@@ -0,0 +1,15 @@
+import { IGroup } from '@visactor/vrender';
+import { PointLocationCfg } from '../core/type';
+import { CrosshairBase } from './base';
+import { SectorCrosshairAttrs } from './type';
+export declare class SectorCrosshair extends CrosshairBase<SectorCrosshairAttrs> {
+    static defaultAttributes: {
+        sectorStyle: {
+            fillColor: string;
+            opacity: number;
+        };
+    };
+    constructor(attributes: SectorCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(point: PointLocationCfg): void;
+}

package/es/crosshair/sector.js

@@ -0,0 +1,35 @@
+import { merge, getAngleByPoint, radianToDegree } from "@visactor/vutils";
+
+import { POLAR_END_ANGLE, POLAR_START_ANGLE } from "../constant";
+
+import { CrosshairBase } from "./base";
+
+export class SectorCrosshair extends CrosshairBase {
+    constructor(attributes) {
+        super(merge({}, SectorCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {center: center, radius: radius, innerRadius: innerRadius = 0, sectorStyle: sectorStyle} = this.attribute, {startAngle: startAngle, endAngle: endAngle} = this.attribute;
+        return container.createOrUpdateChild("crosshair-sector", Object.assign(Object.assign(Object.assign({}, center), {
+            outerRadius: radius,
+            innerRadius: innerRadius,
+            startAngle: startAngle,
+            endAngle: endAngle
+        }), sectorStyle), "arc");
+    }
+    setLocation(point) {
+        const {center: center, startAngle: startAngle = POLAR_START_ANGLE, endAngle: endAngle = POLAR_END_ANGLE} = this.attribute, sectorAngle = endAngle - startAngle, pointAngle = radianToDegree(getAngleByPoint(center, point));
+        this.setAttributes({
+            startAngle: pointAngle - sectorAngle / 2,
+            endAngle: pointAngle + sectorAngle / 2
+        });
+    }
+}
+
+SectorCrosshair.defaultAttributes = {
+    sectorStyle: {
+        fillColor: "#b2bacf",
+        opacity: .2
+    }
+};
+//# sourceMappingURL=sector.js.map

package/es/crosshair/sector.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/sector.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,eAAgB,SAAQ,aAAmC;IAQtE,YAAY,UAAgC;QAC1C,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,eAAe,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAClE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,SAAiC,CAAC;QAChG,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAChD,MAAM,MAAM,GAAG,SAAS,CAAC,mBAAmB,CAC1C,kBAAkB,gDAEb,MAAM,KACT,WAAW,EAAE,MAAM,EACnB,WAAW;YACX,UAAU;YACV,QAAQ,KACL,WAAW,GAEhB,KAAK,CACN,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,WAAW,CAAC,KAAuB;QACjC,MAAM,EACJ,MAAM,EACN,UAAU,GAAG,iBAAiB,EAC9B,QAAQ,GAAG,eAAe,EAC3B,GAAG,IAAI,CAAC,SAAiC,CAAC;QAC3C,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;QAC1C,MAAM,UAAU,GAAG,cAAc,CAAC,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;QAClE,IAAI,CAAC,aAAa,CAAC;YACjB,UAAU,EAAE,UAAU,GAAG,WAAW,GAAG,CAAC;YACxC,QAAQ,EAAE,UAAU,GAAG,WAAW,GAAG,CAAC;SACvC,CAAC,CAAC;IACL,CAAC;;AAzCM,iCAAiB,GAAG;IACzB,WAAW,EAAE;QACX,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,GAAG;KACb;CACF,CAAC","file":"sector.js","sourcesContent":["/**\n * @description sector 类型 crosshair，用于极坐标系下\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge, getAngleByPoint, radianToDegree } from '@visactor/vutils';\nimport { PointLocationCfg } from '../core/type';\nimport { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../constant';\nimport { CrosshairBase } from './base';\nimport { SectorCrosshairAttrs } from './type';\n\nexport class SectorCrosshair extends CrosshairBase<SectorCrosshairAttrs> {\n  static defaultAttributes = {\n    sectorStyle: {\n      fillColor: '#b2bacf',\n      opacity: 0.2\n    }\n  };\n\n  constructor(attributes: SectorCrosshairAttrs) {\n    super(merge({}, SectorCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { center, radius, innerRadius = 0, sectorStyle } = this.attribute as SectorCrosshairAttrs;\n    const { startAngle, endAngle } = this.attribute;\n    const circle = container.createOrUpdateChild(\n      'crosshair-sector',\n      {\n        ...center,\n        outerRadius: radius,\n        innerRadius,\n        startAngle,\n        endAngle,\n        ...sectorStyle\n      },\n      'arc'\n    );\n    return circle;\n  }\n\n  setLocation(point: PointLocationCfg) {\n    const {\n      center,\n      startAngle = POLAR_START_ANGLE,\n      endAngle = POLAR_END_ANGLE\n    } = this.attribute as SectorCrosshairAttrs;\n    const sectorAngle = endAngle - startAngle;\n    const pointAngle = radianToDegree(getAngleByPoint(center, point));\n    this.setAttributes({\n      startAngle: pointAngle - sectorAngle / 2,\n      endAngle: pointAngle + sectorAngle / 2\n    });\n  }\n}\n"]}

package/es/crosshair/type.d.ts

@@ -0,0 +1,37 @@
+import { IGroupGraphicAttribute, ILineGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender';
+import { Point } from '../core/type';
+export interface BaseCrosshairAttrs extends IGroupGraphicAttribute {
+    type?: 'line' | 'rect' | 'circle' | 'polygon' | 'sector';
+}
+export interface PolarCrosshairAttrs extends BaseCrosshairAttrs {
+    center: Point;
+    radius: number;
+    startAngle?: number;
+    endAngle?: number;
+}
+export interface LineCrosshairAttrs extends BaseCrosshairAttrs {
+    type?: 'line';
+    start: Point;
+    end: Point;
+    lineStyle?: Partial<ILineGraphicAttribute>;
+}
+export interface CircleCrosshairAttrs extends PolarCrosshairAttrs {
+    type?: 'circle';
+    lineStyle?: Partial<ILineGraphicAttribute>;
+}
+export interface RectCrosshairAttrs extends BaseCrosshairAttrs {
+    type?: 'rect';
+    start: Point;
+    end: Point;
+    rectStyle?: Partial<IRectGraphicAttribute>;
+}
+export interface SectorCrosshairAttrs extends PolarCrosshairAttrs {
+    type?: 'sector';
+    innerRadius?: number;
+    sectorStyle?: Partial<ILineGraphicAttribute>;
+}
+export interface PolygonCrosshairAttrs extends PolarCrosshairAttrs {
+    type?: 'polygon';
+    sides: number;
+    lineStyle?: Partial<ILineGraphicAttribute>;
+}

package/es/crosshair/type.js

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

package/es/crosshair/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import { IGroupGraphicAttribute, ILineGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender';\nimport { Point } from '../core/type';\n\nexport interface BaseCrosshairAttrs extends IGroupGraphicAttribute {\n  type?: 'line' | 'rect' | 'circle' | 'polygon' | 'sector';\n}\n\nexport interface PolarCrosshairAttrs extends BaseCrosshairAttrs {\n  /**\n   * 圆心\n   */\n  center: Point;\n  /**\n   * 半径\n   */\n  radius: number;\n  /**\n   * 起始弧度\n   */\n  startAngle?: number;\n  /**\n   * 结束弧度\n   */\n  endAngle?: number;\n}\n\nexport interface LineCrosshairAttrs extends BaseCrosshairAttrs {\n  type?: 'line';\n  /**\n   * 起始点坐标\n   */\n  start: Point;\n  /**\n   * 结束点坐标\n   */\n  end: Point;\n  /**\n   * 线样式\n   */\n  lineStyle?: Partial<ILineGraphicAttribute>;\n}\n\nexport interface CircleCrosshairAttrs extends PolarCrosshairAttrs {\n  type?: 'circle';\n  /**\n   * 线样式\n   */\n  lineStyle?: Partial<ILineGraphicAttribute>;\n}\n\nexport interface RectCrosshairAttrs extends BaseCrosshairAttrs {\n  type?: 'rect';\n  /**\n   * 起始点坐标\n   */\n  start: Point;\n  /**\n   * 结束点坐标\n   */\n  end: Point;\n  /**\n   * 线样式\n   */\n  rectStyle?: Partial<IRectGraphicAttribute>;\n}\n\nexport interface SectorCrosshairAttrs extends PolarCrosshairAttrs {\n  type?: 'sector';\n  /**\n   * 内半径\n   */\n  innerRadius?: number;\n  /**\n   * 样式配置\n   */\n  sectorStyle?: Partial<ILineGraphicAttribute>;\n}\n\nexport interface PolygonCrosshairAttrs extends PolarCrosshairAttrs {\n  type?: 'polygon';\n  /** 多边形边数 */\n  sides: number;\n  /** 多边形样式 */\n  lineStyle?: Partial<ILineGraphicAttribute>;\n}\n"]}

package/es/data-zoom/config.d.ts

@@ -0,0 +1,104 @@
+export declare enum DataZoomActiveTag {
+    startHandler = "startHandler",
+    endHandler = "endHandler",
+    middleHandler = "middleHandler",
+    background = "background"
+}
+export declare const DEFAULT_DATA_ZOOM_ATTRIBUTES: {
+    orient: string;
+    showDetail: string;
+    brushSelect: boolean;
+    backgroundStyle: {
+        fill: boolean;
+        fillColor: string;
+        strokeColor: string;
+        lineWidth: number;
+        borderRadius: number;
+    };
+    dragMaskStyle: {
+        fill: boolean;
+        fillColor: string;
+        fillOpacity: number;
+    };
+    backgroundChartStyle: {
+        area: {
+            visible: boolean;
+            strokeColor: string;
+            lineWidth: number;
+            fillColor: string;
+            fill: boolean;
+        };
+        line: {
+            visible: boolean;
+            strokeColor: string;
+            lineWidth: number;
+        };
+    };
+    selectedBackgroundStyle: {
+        fill: boolean;
+        fillColor: string;
+        fillOpacity: number;
+    };
+    selectedBackgroundChartStyle: {
+        area: {
+            visible: boolean;
+            strokeColor: string;
+            lineWidth: number;
+            fillColor: string;
+            fill: boolean;
+        };
+        line: {
+            visible: boolean;
+            strokeColor: string;
+            lineWidth: number;
+        };
+    };
+    middleHandlerStyle: {
+        visible: boolean;
+        background: {
+            size: number;
+            style: {
+                fill: boolean;
+                fillColor: string;
+                strokeColor: string;
+                borderRadius: number;
+            };
+        };
+        icon: {
+            size: number;
+            fill: boolean;
+            fillColor: string;
+            strokeColor: string;
+            symbolType: string;
+            lineWidth: number;
+        };
+    };
+    startHandlerStyle: {
+        symbolType: string;
+        fill: boolean;
+        fillColor: string;
+        strokeColor: string;
+        lineWidth: number;
+    };
+    endHandlerStyle: {
+        symbolType: string;
+        fill: boolean;
+        fillColor: string;
+        strokeColor: string;
+        lineWidth: number;
+    };
+    startTextStyle: {
+        padding: number;
+        textStyle: {
+            fontSize: number;
+            fill: string;
+        };
+    };
+    endTextStyle: {
+        padding: number;
+        textStyle: {
+            fontSize: number;
+            fill: string;
+        };
+    };
+};

package/es/data-zoom/config.js

@@ -0,0 +1,106 @@
+export var DataZoomActiveTag;
+
+!function(DataZoomActiveTag) {
+    DataZoomActiveTag.startHandler = "startHandler", DataZoomActiveTag.endHandler = "endHandler", 
+    DataZoomActiveTag.middleHandler = "middleHandler", DataZoomActiveTag.background = "background";
+}(DataZoomActiveTag || (DataZoomActiveTag = {}));
+
+export const DEFAULT_DATA_ZOOM_ATTRIBUTES = {
+    orient: "bottom",
+    showDetail: "auto",
+    brushSelect: !0,
+    backgroundStyle: {
+        fill: !0,
+        fillColor: "white",
+        strokeColor: "#D1DBEE",
+        lineWidth: 1,
+        borderRadius: 2
+    },
+    dragMaskStyle: {
+        fill: !0,
+        fillColor: "#B0C8F9",
+        fillOpacity: .2
+    },
+    backgroundChartStyle: {
+        area: {
+            visible: !0,
+            strokeColor: "#D1DBEE",
+            lineWidth: 1,
+            fillColor: "#F6F8FC",
+            fill: !0
+        },
+        line: {
+            visible: !0,
+            strokeColor: "#D1DBEE",
+            lineWidth: 1
+        }
+    },
+    selectedBackgroundStyle: {
+        fill: !0,
+        fillColor: "#B0C8F9",
+        fillOpacity: .5
+    },
+    selectedBackgroundChartStyle: {
+        area: {
+            visible: !0,
+            strokeColor: "#B0C8F9",
+            lineWidth: 1,
+            fillColor: "#fbb934",
+            fill: !0
+        },
+        line: {
+            visible: !0,
+            strokeColor: "#fbb934",
+            lineWidth: 1
+        }
+    },
+    middleHandlerStyle: {
+        visible: !1,
+        background: {
+            size: 8,
+            style: {
+                fill: !0,
+                fillColor: "white",
+                strokeColor: "#B0C8F9",
+                borderRadius: 2
+            }
+        },
+        icon: {
+            size: 6,
+            fill: !0,
+            fillColor: "white",
+            strokeColor: "#B0C8F9",
+            symbolType: "M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z",
+            lineWidth: .5
+        }
+    },
+    startHandlerStyle: {
+        symbolType: "M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z",
+        fill: !0,
+        fillColor: "white",
+        strokeColor: "#B0C8F9",
+        lineWidth: .5
+    },
+    endHandlerStyle: {
+        symbolType: "M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z",
+        fill: !0,
+        fillColor: "white",
+        strokeColor: "#B0C8F9",
+        lineWidth: .5
+    },
+    startTextStyle: {
+        padding: 4,
+        textStyle: {
+            fontSize: 10,
+            fill: "#6F6F6F"
+        }
+    },
+    endTextStyle: {
+        padding: 4,
+        textStyle: {
+            fontSize: 10,
+            fill: "#6F6F6F"
+        }
+    }
+};
+//# sourceMappingURL=config.js.map

package/es/data-zoom/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-zoom/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,kDAA6B,CAAA;IAC7B,8CAAyB,CAAA;IACzB,oDAA+B,CAAA;IAC/B,8CAAyB,CAAA;AAC3B,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B;AACD,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,GAAG;KACjB;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,WAAW,EAAE,SAAS;YACtB,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,SAAS;YACpB,IAAI,EAAE,IAAI;SACX;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,WAAW,EAAE,SAAS;YACtB,SAAS,EAAE,CAAC;SACb;KACF;IACD,uBAAuB,EAAE;QACvB,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,GAAG;KACjB;IACD,4BAA4B,EAAE;QAC5B,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,WAAW,EAAE,SAAS;YACtB,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,SAAS;YACpB,IAAI,EAAE,IAAI;SACX;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,WAAW,EAAE,SAAS;YACtB,SAAS,EAAE,CAAC;SACb;KACF;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,KAAK;QACd,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI;gBACV,SAAS,EAAE,OAAO;gBAClB,WAAW,EAAE,SAAS;gBACtB,YAAY,EAAE,CAAC;aAChB;SACF;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC;YACP,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,OAAO;YAClB,WAAW,EAAE,SAAS;YACtB,UAAU,EAER,8PAA8P;YAChQ,SAAS,EAAE,GAAG;SACf;KACF;IACD,iBAAiB,EAAE;QACjB,UAAU,EAER,yiBAAyiB;QAE3iB,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,GAAG;KACf;IACD,eAAe,EAAE;QACf,UAAU,EAER,yiBAAyiB;QAE3iB,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,GAAG;KACf;IACD,cAAc,EAAE;QACd,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;CACF,CAAC","file":"config.js","sourcesContent":["export enum DataZoomActiveTag {\n  startHandler = 'startHandler',\n  endHandler = 'endHandler',\n  middleHandler = 'middleHandler',\n  background = 'background'\n}\nexport const DEFAULT_DATA_ZOOM_ATTRIBUTES = {\n  orient: 'bottom',\n  showDetail: 'auto',\n  brushSelect: true,\n  backgroundStyle: {\n    fill: true,\n    fillColor: 'white',\n    strokeColor: '#D1DBEE',\n    lineWidth: 1,\n    borderRadius: 2\n  },\n  dragMaskStyle: {\n    fill: true,\n    fillColor: '#B0C8F9',\n    fillOpacity: 0.2\n  },\n  backgroundChartStyle: {\n    area: {\n      visible: true,\n      strokeColor: '#D1DBEE',\n      lineWidth: 1,\n      fillColor: '#F6F8FC',\n      fill: true\n    },\n    line: {\n      visible: true,\n      strokeColor: '#D1DBEE',\n      lineWidth: 1\n    }\n  },\n  selectedBackgroundStyle: {\n    fill: true,\n    fillColor: '#B0C8F9',\n    fillOpacity: 0.5\n  },\n  selectedBackgroundChartStyle: {\n    area: {\n      visible: true,\n      strokeColor: '#B0C8F9',\n      lineWidth: 1,\n      fillColor: '#fbb934',\n      fill: true\n    },\n    line: {\n      visible: true,\n      strokeColor: '#fbb934',\n      lineWidth: 1\n    }\n  },\n  middleHandlerStyle: {\n    visible: false,\n    background: {\n      size: 8,\n      style: {\n        fill: true,\n        fillColor: 'white',\n        strokeColor: '#B0C8F9',\n        borderRadius: 2\n      }\n    },\n    icon: {\n      size: 6,\n      fill: true,\n      fillColor: 'white',\n      strokeColor: '#B0C8F9',\n      symbolType:\n        // eslint-disable-next-line max-len\n        'M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z',\n      lineWidth: 0.5\n    }\n  },\n  startHandlerStyle: {\n    symbolType:\n      // eslint-disable-next-line max-len\n      'M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z',\n    // size: 40,\n    fill: true,\n    fillColor: 'white',\n    strokeColor: '#B0C8F9',\n    lineWidth: 0.5\n  },\n  endHandlerStyle: {\n    symbolType:\n      // eslint-disable-next-line max-len\n      'M -0.0544 0.25 C -0.0742 0.25 -0.0901 0.234 -0.0901 0.2143 L -0.0901 -0.1786 C -0.0901 -0.1983 -0.0742 -0.2143 -0.0544 -0.2143 L -0.0187 -0.2143 L -0.0187 -0.5 L 0.017 -0.5 L 0.017 -0.2143 L 0.0527 -0.2143 C 0.0724 -0.2143 0.0884 -0.1983 0.0884 -0.1786 L 0.0884 0.2143 C 0.0884 0.234 0.0724 0.25 0.0527 0.25 L 0.017 0.25 L 0.017 0.5 L -0.0187 0.5 L -0.0187 0.25 L -0.0544 0.25 Z M -0.0187 -0.1429 L -0.0544 -0.1429 L -0.0544 0.1786 L -0.0187 0.1786 L -0.0187 -0.1429 Z M 0.0527 -0.1429 L 0.017 -0.1429 L 0.017 0.1786 L 0.0527 0.1786 L 0.0527 -0.1429 Z',\n    // size: 40,\n    fill: true,\n    fillColor: 'white',\n    strokeColor: '#B0C8F9',\n    lineWidth: 0.5\n  },\n  startTextStyle: {\n    padding: 4,\n    textStyle: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  },\n  endTextStyle: {\n    padding: 4,\n    textStyle: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  }\n};\n"]}