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

package/es/legend/index.js

@@ -0,0 +1,16 @@
+export * from "./discrete/discrete";
+
+export * from "./discrete/type";
+
+export * from "./color/color";
+
+export * from "./color/type";
+
+export * from "./size/size";
+
+export * from "./size/type";
+
+export * from "./type";
+
+export * from "./constant";
+//# sourceMappingURL=index.js.map

package/es/legend/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legend/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC","file":"index.js","sourcesContent":["export * from './discrete/discrete';\nexport * from './discrete/type';\nexport * from './color/color';\nexport * from './color/type';\nexport * from './size/size';\nexport * from './size/type';\nexport * from './type';\nexport * from './constant';\n"]}

package/es/legend/size/index.d.ts

@@ -0,0 +1 @@
+

package/es/legend/size/index.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=index.js.map

package/es/legend/size/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legend/size/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":[""]}

package/es/legend/size/size.d.ts

@@ -0,0 +1,34 @@
+import { LegendBase } from '../base';
+import { OrientType } from '../../interface';
+import { SizeLegendAttributes } from './type';
+export declare function getSizeHandlerPath(align?: OrientType): string;
+export declare class SizeContinuousLegend extends LegendBase<SizeLegendAttributes> {
+    name: string;
+    static defaultAttributes: {
+        layout: string;
+        title: {
+            align: string;
+            space: number;
+            textStyle: {
+                fontSize: number;
+                fontWeight: string;
+                fillColor: string;
+            };
+        };
+        handlerSize: number;
+        handlerStyle: {
+            lineWidth: number;
+            strokeColor: string;
+            fillColor: string;
+        };
+        sizeBackground: {
+            fillColor: string;
+        };
+    };
+    private _slider;
+    constructor(attributes: SizeLegendAttributes);
+    setSelected(value: number[]): void;
+    protected _renderContent(): void;
+    protected _bindEvents(): void;
+    private _onSliderChange;
+}

package/es/legend/size/size.js

@@ -0,0 +1,105 @@
+import { createGroup, createPath } from "@visactor/vrender";
+
+import { merge, get } from "@visactor/vutils";
+
+import { LegendBase } from "../base";
+
+import { Slider } from "../../slider";
+
+import { DEFAULT_TITLE_SPACE } from "../constant";
+
+export function getSizeHandlerPath(align = "bottom") {
+    let centerX = 0;
+    return "top" === align ? `\n    M${centerX},-6L${centerX - 3.5},-2.5\n    v5\n    h7\n    v-5\n    Z\n` : "left" === align ? (centerX = 1, 
+    `\n    M${centerX - 6},0L${centerX - 6 + 2.5},-3.5\n    h5\n    v7\n    h-5\n    Z\n`) : "right" === align ? (centerX = -1, 
+    `\n    M${centerX + 6},0L${centerX + 6 - 2.5},-3.5\n    h-5\n    v7\n    h5\n    Z\n  `) : `\n    M${centerX},6L${centerX - 3.5},2.5\n    v-5\n    h7\n    v5\n    Z\n`;
+}
+
+export class SizeContinuousLegend extends LegendBase {
+    constructor(attributes) {
+        super(merge({}, SizeContinuousLegend.defaultAttributes, attributes)), this.name = "sizeLegend", 
+        this._onSliderChange = e => {
+            this.dispatchEvent(e);
+        };
+    }
+    setSelected(value) {
+        this._slider && this._slider.setValue(value);
+    }
+    _renderContent() {
+        const {slidable: slidable, layout: layout, align: align, min: min, max: max, value: value, railWidth: railWidth, railHeight: railHeight, showHandler: showHandler = !0, handlerSize: handlerSize, handlerStyle: handlerStyle, railStyle: railStyle, trackStyle: trackStyle, startText: startText, endText: endText, handlerText: handlerText, showTooltip: showTooltip, tooltip: tooltip, sizeBackground: sizeBackground} = this.attribute, mainContainer = createGroup({
+            x: 0,
+            y: 0
+        });
+        this._innerView.add(mainContainer);
+        const slider = new Slider({
+            x: 0,
+            y: 0,
+            zIndex: 1,
+            range: {
+                draggableTrack: !0
+            },
+            slidable: slidable,
+            layout: layout,
+            align: align,
+            min: min,
+            max: max,
+            value: value,
+            railWidth: railWidth,
+            railHeight: railHeight,
+            showHandler: showHandler,
+            handlerSize: handlerSize,
+            handlerStyle: Object.assign({
+                symbolType: getSizeHandlerPath(align)
+            }, handlerStyle),
+            railStyle: railStyle,
+            trackStyle: trackStyle,
+            startText: startText,
+            endText: endText,
+            handlerText: handlerText,
+            showTooltip: showTooltip,
+            tooltip: tooltip
+        });
+        mainContainer.add(slider);
+        let path, start = 0;
+        "horizontal" === layout ? "top" === align ? (path = `M0,0L${railWidth},0L${railWidth},12Z`, 
+        start = railHeight) : (path = `M0,12L${railWidth},12L${railWidth},0Z`, slider.setAttribute("y", 12)) : "left" === align ? path = `M${railWidth},0L${railWidth},0L${railWidth + 12},${railHeight}L${railWidth},${railHeight}Z` : (path = `M0,${railHeight}L12,${railHeight}L12,0Z`, 
+        slider.setAttribute("x", 12));
+        const background = createPath(Object.assign(Object.assign({
+            x: 0,
+            y: start,
+            path: path
+        }, sizeBackground), {
+            zIndex: 0
+        }));
+        mainContainer.add(background);
+        const titleSpace = this._title ? this._title.AABBBounds.height() + get(this.attribute, "title.space", DEFAULT_TITLE_SPACE) : 0;
+        mainContainer.translate(0 - mainContainer.AABBBounds.x1, titleSpace - mainContainer.AABBBounds.y1), 
+        this._slider = slider;
+    }
+    _bindEvents() {
+        this._slider && this._slider.addEventListener("change", this._onSliderChange);
+    }
+}
+
+SizeContinuousLegend.defaultAttributes = {
+    layout: "horizontal",
+    title: {
+        align: "start",
+        space: DEFAULT_TITLE_SPACE,
+        textStyle: {
+            fontSize: 12,
+            fontWeight: "bold",
+            fillColor: "rgba(46, 47, 50, 1)"
+        }
+    },
+    handlerSize: 10,
+    handlerStyle: {
+        lineWidth: 1,
+        strokeColor: "#ccc",
+        fillColor: "#fff"
+    },
+    sizeBackground: {
+        fillColor: "rgba(20,20,20,0.1)"
+    }
+};
+//# sourceMappingURL=size.js.map

package/es/legend/size/size.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legend/size/size.ts"],"names":[],"mappings":"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","file":"size.js","sourcesContent":["/**\n * @description 连续尺寸图例\n */\nimport { createGroup, createPath, FederatedPointerEvent, INode } from '@visactor/vrender';\nimport { merge, get } from '@visactor/vutils';\nimport { LegendBase } from '../base';\nimport { Slider } from '../../slider';\nimport { DEFAULT_TITLE_SPACE } from '../constant';\nimport { OrientType } from '../../interface';\nimport { SizeLegendAttributes } from './type';\n\nexport function getSizeHandlerPath(align: OrientType = 'bottom') {\n  let centerX = 0;\n  const centerY = 0;\n  const upperHalf = 3.5;\n  const leftHalf = 2.5;\n  const arrowY = 6;\n\n  if (align === 'top') {\n    return `\n    M${centerX},${centerY - arrowY}L${centerX - upperHalf},${centerY - leftHalf}\n    v${2 * leftHalf}\n    h${2 * upperHalf}\n    v${-2 * leftHalf}\n    Z\n`;\n  }\n\n  if (align === 'left') {\n    centerX = 1;\n    return `\n    M${centerX - arrowY},${centerY}L${centerX - arrowY + leftHalf},${centerY - upperHalf}\n    h${2 * leftHalf}\n    v${2 * upperHalf}\n    h${-2 * leftHalf}\n    Z\n`;\n  }\n\n  if (align === 'right') {\n    centerX = -1;\n\n    return `\n    M${centerX + arrowY},${centerY}L${centerX + arrowY - leftHalf},${centerY - upperHalf}\n    h${-2 * leftHalf}\n    v${2 * upperHalf}\n    h${2 * leftHalf}\n    Z\n  `;\n  }\n\n  return `\n    M${centerX},${centerY + arrowY}L${centerX - upperHalf},${centerY + leftHalf}\n    v${-2 * leftHalf}\n    h${2 * upperHalf}\n    v${2 * leftHalf}\n    Z\n`;\n}\n\nexport class SizeContinuousLegend extends LegendBase<SizeLegendAttributes> {\n  name = 'sizeLegend';\n\n  static defaultAttributes = {\n    layout: 'horizontal',\n    title: {\n      align: 'start',\n      space: DEFAULT_TITLE_SPACE,\n      textStyle: {\n        fontSize: 12,\n        fontWeight: 'bold',\n        fillColor: 'rgba(46, 47, 50, 1)'\n      }\n    },\n    handlerSize: 10,\n    handlerStyle: {\n      lineWidth: 1,\n      strokeColor: '#ccc',\n      fillColor: '#fff'\n    },\n    sizeBackground: {\n      fillColor: 'rgba(20,20,20,0.1)'\n    }\n  };\n\n  private _slider!: Slider;\n\n  constructor(attributes: SizeLegendAttributes) {\n    super(merge({}, SizeContinuousLegend.defaultAttributes, attributes));\n  }\n\n  setSelected(value: number[]) {\n    if (!this._slider) {\n      return;\n    }\n    this._slider.setValue(value);\n  }\n\n  protected _renderContent(): void {\n    const {\n      slidable,\n      layout,\n      align,\n      min,\n      max,\n      value,\n      railWidth,\n      railHeight,\n      showHandler = true,\n      handlerSize,\n      handlerStyle,\n      railStyle,\n      trackStyle,\n      startText,\n      endText,\n      handlerText,\n      showTooltip,\n      tooltip,\n      sizeBackground\n    } = this.attribute as SizeLegendAttributes;\n    const isHorizontal = layout === 'horizontal';\n\n    const mainContainer = createGroup({\n      x: 0,\n      y: 0\n    });\n    this._innerView.add(mainContainer);\n\n    const slider = new Slider({\n      x: 0,\n      y: 0,\n      zIndex: 1,\n      range: {\n        draggableTrack: true\n      },\n      slidable,\n      layout,\n      align,\n      min,\n      max,\n      value,\n      railWidth,\n      railHeight,\n      showHandler,\n      handlerSize,\n      handlerStyle: {\n        symbolType: getSizeHandlerPath(align),\n        ...handlerStyle\n      },\n      railStyle,\n      trackStyle,\n      startText,\n      endText,\n      handlerText,\n      showTooltip,\n      tooltip\n    });\n    mainContainer.add(slider as unknown as INode);\n\n    // 绘制 size 背景\n    let start = 0;\n    let path;\n    const backgroundHeight = 12; // 目前暂不开放配置\n    if (layout === 'horizontal') {\n      if (align === 'top') {\n        path = `M0,0L${railWidth},0L${railWidth},${backgroundHeight}Z`;\n        start = railHeight;\n      } else {\n        path = `M0,${backgroundHeight}L${railWidth},${backgroundHeight}L${railWidth},0Z`;\n        slider.setAttribute('y', backgroundHeight);\n      }\n    } else {\n      if (align === 'left') {\n        path = `M${railWidth},0L${railWidth},0L${\n          railWidth + backgroundHeight\n        },${railHeight}L${railWidth},${railHeight}Z`;\n      } else {\n        path = `M0,${railHeight}L${backgroundHeight},${railHeight}L${backgroundHeight},0Z`;\n        slider.setAttribute('x', backgroundHeight);\n      }\n    }\n    const background = createPath({\n      x: 0,\n      y: start,\n      path,\n      ...sizeBackground,\n      zIndex: 0\n    });\n    mainContainer.add(background);\n\n    // 做下位置调整\n    const titleSpace = this._title\n      ? this._title.AABBBounds.height() + get(this.attribute, 'title.space', DEFAULT_TITLE_SPACE)\n      : 0;\n\n    mainContainer.translate(0 - mainContainer.AABBBounds.x1, titleSpace - mainContainer.AABBBounds.y1);\n\n    this._slider = slider;\n  }\n\n  protected _bindEvents(): void {\n    if (this._slider) {\n      this._slider.addEventListener('change', this._onSliderChange as EventListenerOrEventListenerObject);\n    }\n  }\n\n  private _onSliderChange = (e: FederatedPointerEvent) => {\n    this.dispatchEvent(e);\n  };\n}\n"]}

package/es/legend/size/type.d.ts

@@ -0,0 +1,6 @@
+import { IPathGraphicAttribute } from '@visactor/vrender';
+import { SliderAttributes } from '../../slider/type';
+import { LegendBaseAttributes } from '../type';
+export type SizeLegendAttributes = {
+    sizeBackground?: Partial<IPathGraphicAttribute>;
+} & Omit<SliderAttributes, 'step' | 'range'> & LegendBaseAttributes;

package/es/legend/size/type.js

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

package/es/legend/size/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legend/size/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import { IPathGraphicAttribute } from '@visactor/vrender';\nimport { SliderAttributes } from '../../slider/type';\nimport { LegendBaseAttributes } from '../type';\n\nexport type SizeLegendAttributes = {\n  // /**\n  //  * 背景三角形两端的大小\n  //  */\n  // sizeRange: [number, number];\n  sizeBackground?: Partial<IPathGraphicAttribute>;\n} & Omit<SliderAttributes, 'step' | 'range'> &\n  LegendBaseAttributes;\n"]}

package/es/legend/type.d.ts

@@ -0,0 +1,27 @@
+import { IGroupGraphicAttribute, IRectGraphicAttribute, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';
+import { Padding } from '../core/type';
+export type LegendTitle = {
+    visible?: boolean;
+    align?: 'start' | 'center' | 'end';
+    space?: number;
+    padding?: Padding;
+    text?: string | string[] | number | number[];
+    textStyle?: Partial<ITextGraphicAttribute>;
+    shape?: {
+        visible?: boolean;
+        space?: number;
+        style?: Omit<Partial<ISymbolGraphicAttribute>, 'visible'>;
+    };
+    background?: {
+        visible?: boolean;
+        style?: Omit<Partial<IRectGraphicAttribute>, 'visible' | 'width' | 'height'>;
+    };
+    minWidth?: number;
+    maxWidth?: number;
+};
+export type LegendBaseAttributes = IGroupGraphicAttribute & {
+    interactive?: boolean;
+    layout?: 'horizontal' | 'vertical' | string;
+    title?: LegendTitle;
+    padding?: Padding;
+};

package/es/legend/type.js

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

package/es/legend/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/legend/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import {\n  IGroupGraphicAttribute,\n  IRectGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender';\nimport { Padding } from '../core/type';\n\nexport type LegendTitle = {\n  /**\n   * 是否显示 title\n   */\n  visible?: boolean;\n  /**\n   * 标题在当前显示区域的对齐方式，起始 | 居中 | 末尾\n   */\n  align?: 'start' | 'center' | 'end';\n  /**\n   * 标题与内容的距离\n   */\n  space?: number;\n  /**\n   * 内部边距\n   */\n  padding?: Padding;\n  /**\n   * 标题内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  /** 标题文本样式 */\n  textStyle?: Partial<ITextGraphicAttribute>;\n  /** 文本前 mark 图元 */\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   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n};\n\nexport type LegendBaseAttributes = IGroupGraphicAttribute & {\n  /**\n   * 是否禁止交互，默认为 true\n   */\n  interactive?: boolean;\n  /**\n   * 图例布局方式。\n   * - 'horizontal' 水平布局\n   * - 'vertical' 垂直布局\n   */\n  layout?: 'horizontal' | 'vertical' | string;\n  /**\n   * 图例标题\n   */\n  title?: LegendTitle;\n  /**\n   * 图例容器内边距， [top, right, bottom, left]\n   */\n  padding?: Padding;\n};\n"]}

package/es/link-path/index.d.ts

@@ -0,0 +1,2 @@
+export * from './link-path';
+export * from './type';

package/es/link-path/index.js

@@ -0,0 +1,4 @@
+export * from "./link-path";
+
+export * from "./type";
+//# sourceMappingURL=index.js.map

package/es/link-path/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/link-path/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './link-path';\nexport * from './type';\n"]}

package/es/link-path/link-path.d.ts

@@ -0,0 +1,15 @@
+import { AbstractComponent } from '../core/base';
+import type { LinkPathAttributes } from './type';
+export declare const getHorizontalPath: (options: LinkPathAttributes, ratio?: number) => string;
+export declare const getVerticalPath: (options: LinkPathAttributes, ratio?: number) => string;
+export declare class LinkPath extends AbstractComponent<Required<LinkPathAttributes>> {
+    static defaultAttributes: {
+        direction: string;
+        align: string;
+    };
+    private _container;
+    private _backPath?;
+    private _frontPath?;
+    constructor(attributes: LinkPathAttributes);
+    protected render(): void;
+}

package/es/link-path/link-path.js

@@ -0,0 +1,59 @@
+import { merge } from "@visactor/vutils";
+
+import { AbstractComponent } from "../core/base";
+
+export const getHorizontalPath = (options, ratio) => {
+    let x0 = options.x0, x1 = options.x1;
+    const thickness = "number" == typeof ratio ? options.thickness * ratio : options.thickness;
+    let y00 = options.y0 - options.thickness / 2, y10 = options.y1 - options.thickness / 2;
+    "center" === options.align ? (y00 = options.y0 - thickness / 2, y10 = options.y1 - thickness / 2) : "end" === options.align && (y00 = options.y0 + options.thickness / 2 - thickness, 
+    y10 = options.y1 + options.thickness / 2 - thickness);
+    let midX = (x0 + x1) / 2, y01 = y00 + thickness, y11 = y10 + thickness;
+    options.round && (x0 = Math.round(x0), x1 = Math.round(x1), y00 = Math.round(y00), 
+    y10 = Math.round(y10), y01 = Math.round(y01), y11 = Math.round(y11), midX = Math.round(midX));
+    const hasLength = Math.abs(x1 - x0) > 1e-6, endArrowPath = options.endArrow && hasLength ? `L${x1},${y10 - thickness / 2}L${x1 + thickness},${(y10 + y11) / 2}L${x1},${y11 + thickness / 2}` : "", startArrowPath = options.startArrow && hasLength ? `L${x0},${y01 + thickness / 2}L${x0 - thickness},${(y00 + y01) / 2}L${x0},${y00 - thickness / 2}` : "";
+    return !1 === options.isSmooth ? `M${x0},${y00}L${x1},${y10}${endArrowPath}L${x1},${y11}L${x0},${y01}${startArrowPath}Z` : `M${x0},${y00}\n  C${midX},${y00},${midX},${y10},${x1},${y10}\n  ${endArrowPath}\n  L${x1},${y11}\n  C${midX},${y11},${midX},${y01},${x0},${y01}\n  ${startArrowPath}\n  Z`;
+};
+
+export const getVerticalPath = (options, ratio) => {
+    let y0 = options.y0, y1 = options.y1, x00 = options.x0 - options.thickness / 2, x10 = options.x1 - options.thickness / 2;
+    const thickness = "number" == typeof ratio ? options.thickness * ratio : options.thickness;
+    "center" === options.align ? (x00 = options.x0 - thickness / 2, x10 = options.x1 - thickness / 2) : "end" === options.align && (x00 = options.x0 + options.thickness / 2 - thickness, 
+    x10 = options.x1 + options.thickness / 2 - thickness);
+    let midY = (y0 + y1) / 2, x01 = x00 + thickness, x11 = x10 + thickness;
+    options.round && (y0 = Math.round(y0), y1 = Math.round(y1), x00 = Math.round(x00), 
+    x10 = Math.round(x10), x01 = Math.round(x01), x11 = Math.round(x11), midY = Math.round(midY));
+    const hasLength = Math.abs(y1 - y0) > 1e-6, endArrowPath = options.endArrow && hasLength ? `L${x10 - thickness / 2},${y1}L${(x10 + x11) / 2},${y1 + thickness}L${x11 + thickness / 2},${y1}` : "", startArrowPath = options.startArrow && hasLength ? `L${x01 + thickness / 2},${y0}L${(x01 + x00) / 2},${y0 - thickness}L${x00 - thickness / 2},${y0}` : "";
+    return !1 === options.isSmooth ? `M${x00},${y0}L${x10},${y1}${endArrowPath}L${x11},${y1}L${x01},${y0}${startArrowPath}Z` : `M${x00},${y0}\n  C${x00},${midY},${x10},${midY},${x10},${y1}\n  ${endArrowPath}\n  L${x11},${y1}\n  C${x11},${midY},${x01},${midY},${x01},${y0}\n  ${startArrowPath}\n  Z`;
+};
+
+export class LinkPath extends AbstractComponent {
+    constructor(attributes) {
+        super(merge({}, LinkPath.defaultAttributes, attributes));
+    }
+    render() {
+        const {direction: direction = "horizontal"} = this.attribute, parsePath = "vertical" === direction ? getVerticalPath : getHorizontalPath, isRatioShow = "number" == typeof this.attribute.ratio && this.attribute.ratio >= 0 && this.attribute.ratio <= 1, groupAttrKeys = [ "direction", "x0", "x1", "y0", "y1", "thickness", "round", "ratio", "align", "isSmooth", "backgroudStyle" ], commonStyle = {};
+        if (Object.keys(this.attribute).forEach((key => {
+            groupAttrKeys.includes(key) || (commonStyle[key] = this.attribute[key]);
+        })), isRatioShow) {
+            const background = this.createOrUpdateChild("sankey-link-background", Object.assign({}, commonStyle, this.attribute.backgroudStyle, {
+                path: parsePath(this.attribute, 1),
+                visible: !0,
+                pickable: !1,
+                zIndex: -1
+            }), "path");
+            this._backPath = background;
+        } else this._backPath && this._backPath.setAttribute("visible", !1);
+        const front = this.createOrUpdateChild("sankey-link-front", Object.assign({}, commonStyle, {
+            path: parsePath(this.attribute, isRatioShow ? this.attribute.ratio : 1),
+            pickable: !1
+        }), "path");
+        this._frontPath = front;
+    }
+}
+
+LinkPath.defaultAttributes = {
+    direction: "horizontal",
+    align: "start"
+};
+//# sourceMappingURL=link-path.js.map

package/es/link-path/link-path.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/link-path/link-path.ts"],"names":[],"mappings":"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","file":"link-path.js","sourcesContent":["/**\n * @description 桑基图Link组件，也适用于其他有宽度的连边展示\n * @author 康晓婷\n */\nimport { IGroup, IPath } from '@visactor/vrender';\nimport { merge } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { LinkPathAttributes } from './type';\n\nexport const getHorizontalPath = (options: LinkPathAttributes, ratio?: number) => {\n  let x0 = options.x0;\n  let x1 = options.x1;\n  const thickness = typeof ratio === 'number' ? options.thickness * ratio : options.thickness;\n  let y00 = options.y0 - options.thickness / 2;\n  let y10 = options.y1 - options.thickness / 2;\n\n  if (options.align === 'center') {\n    y00 = options.y0 - thickness / 2;\n    y10 = options.y1 - thickness / 2;\n  } else if (options.align === 'end') {\n    y00 = options.y0 + options.thickness / 2 - thickness;\n    y10 = options.y1 + options.thickness / 2 - thickness;\n  }\n\n  let midX = (x0 + x1) / 2;\n  let y01 = y00 + thickness;\n  let y11 = y10 + thickness;\n\n  if (options.round) {\n    x0 = Math.round(x0);\n    x1 = Math.round(x1);\n    y00 = Math.round(y00);\n    y10 = Math.round(y10);\n    y01 = Math.round(y01);\n    y11 = Math.round(y11);\n    midX = Math.round(midX);\n  }\n\n  const hasLength = Math.abs(x1 - x0) > 1e-6;\n  const endArrowPath =\n    options.endArrow && hasLength\n      ? `L${x1},${y10 - thickness / 2}L${x1 + thickness},${(y10 + y11) / 2}L${x1},${y11 + thickness / 2}`\n      : '';\n  const startArrowPath =\n    options.startArrow && hasLength\n      ? `L${x0},${y01 + thickness / 2}L${x0 - thickness},${(y00 + y01) / 2}L${x0},${y00 - thickness / 2}`\n      : '';\n\n  if (options.isSmooth === false) {\n    return `M${x0},${y00}L${x1},${y10}${endArrowPath}L${x1},${y11}L${x0},${y01}${startArrowPath}Z`;\n  }\n\n  return `M${x0},${y00}\n  C${midX},${y00},${midX},${y10},${x1},${y10}\n  ${endArrowPath}\n  L${x1},${y11}\n  C${midX},${y11},${midX},${y01},${x0},${y01}\n  ${startArrowPath}\n  Z`;\n};\n\nexport const getVerticalPath = (options: LinkPathAttributes, ratio?: number) => {\n  let y0 = options.y0;\n  let y1 = options.y1;\n  let x00 = options.x0 - options.thickness / 2;\n  let x10 = options.x1 - options.thickness / 2;\n  const thickness = typeof ratio === 'number' ? options.thickness * ratio : options.thickness;\n\n  if (options.align === 'center') {\n    x00 = options.x0 - thickness / 2;\n    x10 = options.x1 - thickness / 2;\n  } else if (options.align === 'end') {\n    x00 = options.x0 + options.thickness / 2 - thickness;\n    x10 = options.x1 + options.thickness / 2 - thickness;\n  }\n\n  let midY = (y0 + y1) / 2;\n  let x01 = x00 + thickness;\n  let x11 = x10 + thickness;\n\n  if (options.round) {\n    y0 = Math.round(y0);\n    y1 = Math.round(y1);\n    x00 = Math.round(x00);\n    x10 = Math.round(x10);\n    x01 = Math.round(x01);\n    x11 = Math.round(x11);\n    midY = Math.round(midY);\n  }\n\n  const hasLength = Math.abs(y1 - y0) > 1e-6;\n  const endArrowPath =\n    options.endArrow && hasLength\n      ? `L${x10 - thickness / 2},${y1}L${(x10 + x11) / 2},${y1 + thickness}L${x11 + thickness / 2},${y1}`\n      : '';\n  const startArrowPath =\n    options.startArrow && hasLength\n      ? `L${x01 + thickness / 2},${y0}L${(x01 + x00) / 2},${y0 - thickness}L${x00 - thickness / 2},${y0}`\n      : '';\n\n  if (options.isSmooth === false) {\n    return `M${x00},${y0}L${x10},${y1}${endArrowPath}L${x11},${y1}L${x01},${y0}${startArrowPath}Z`;\n  }\n  return `M${x00},${y0}\n  C${x00},${midY},${x10},${midY},${x10},${y1}\n  ${endArrowPath}\n  L${x11},${y1}\n  C${x11},${midY},${x01},${midY},${x01},${y0}\n  ${startArrowPath}\n  Z`;\n};\n\nexport class LinkPath extends AbstractComponent<Required<LinkPathAttributes>> {\n  static defaultAttributes = {\n    direction: 'horizontal',\n    align: 'start'\n  };\n\n  private _container!: IGroup;\n\n  private _backPath?: IPath;\n  private _frontPath?: IPath;\n\n  constructor(attributes: LinkPathAttributes) {\n    super(merge({}, LinkPath.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const { direction = 'horizontal' } = this.attribute as LinkPathAttributes;\n    const parsePath = direction === 'vertical' ? getVerticalPath : getHorizontalPath;\n    const isRatioShow =\n      typeof this.attribute.ratio === 'number' && this.attribute.ratio >= 0 && this.attribute.ratio <= 1;\n    const groupAttrKeys = [\n      'direction',\n      'x0',\n      'x1',\n      'y0',\n      'y1',\n      'thickness',\n      'round',\n      'ratio',\n      'align',\n      'isSmooth',\n      'backgroudStyle'\n    ];\n    const commonStyle: any = {};\n    Object.keys(this.attribute).forEach(key => {\n      if (!groupAttrKeys.includes(key)) {\n        commonStyle[key] = (this.attribute as any)[key];\n      }\n    });\n\n    if (isRatioShow) {\n      const background = this.createOrUpdateChild(\n        'sankey-link-background',\n        Object.assign({}, commonStyle, this.attribute.backgroudStyle, {\n          path: parsePath(this.attribute as LinkPathAttributes, 1),\n          visible: true,\n          pickable: false,\n          zIndex: -1\n        }),\n        'path'\n      ) as IPath;\n      this._backPath = background;\n    } else if (this._backPath) {\n      this._backPath.setAttribute('visible', false);\n    }\n\n    const front = this.createOrUpdateChild(\n      'sankey-link-front',\n      Object.assign({}, commonStyle, {\n        path: parsePath(this.attribute as LinkPathAttributes, isRatioShow ? this.attribute.ratio : 1),\n        pickable: false\n      }),\n      'path'\n    ) as IPath;\n    this._frontPath = front;\n  }\n}\n"]}

package/es/link-path/type.d.ts

@@ -0,0 +1,17 @@
+import type { IGroupGraphicAttribute, IGraphicAttribute } from '@visactor/vrender';
+import type { Direction } from '../interface';
+export interface LinkPathAttributes extends IGroupGraphicAttribute {
+    direction?: Direction;
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    thickness: number;
+    round?: boolean;
+    ratio?: number;
+    align?: 'start' | 'end' | 'center';
+    isSmooth?: boolean;
+    backgroudStyle?: Partial<IGraphicAttribute>;
+    endArrow?: boolean;
+    startArrow?: boolean;
+}

package/es/link-path/type.js

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

package/es/link-path/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/link-path/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, IGraphicAttribute } from '@visactor/vrender';\nimport type { Direction } from '../interface';\n\nexport interface LinkPathAttributes extends IGroupGraphicAttribute {\n  /**\n   * 滚动条的布局方向，默认为 `horizontal`，水平布局。\n   * @default horizontal\n   */\n  direction?: Direction;\n  x0: number;\n  y0: number;\n  x1: number;\n  y1: number;\n  thickness: number;\n  /** round all the coordinates */\n  round?: boolean;\n  /** the ratio of normal style path */\n  ratio?: number;\n  align?: 'start' | 'end' | 'center';\n  isSmooth?: boolean;\n  backgroudStyle?: Partial<IGraphicAttribute>;\n  endArrow?: boolean;\n  startArrow?: boolean;\n}\n"]}

package/es/marker/area.d.ts

@@ -0,0 +1,56 @@
+import { IGroup } from '@visactor/vrender';
+import { Marker } from './base';
+import { MarkAreaAttrs } from './type';
+export declare class MarkArea extends Marker<MarkAreaAttrs> {
+    static defaultAttributes: {
+        label: {
+            position: import("./type").IMarkAreaLabelPosition;
+            textStyle: {
+                fill: boolean;
+                fillColor: string;
+                strokeColor: string;
+                lineWidth: number;
+                fontSize: number;
+                fontWeight: string;
+                fontStyle: string;
+            };
+            padding: number[];
+            panel: {
+                visible: boolean;
+                borderRadius: number;
+                fill: boolean;
+                fillColor: string;
+                fillOpacity: number;
+            };
+        };
+        areaStyle: {
+            fillColor: string;
+            fill: boolean;
+            visible: boolean;
+        };
+    };
+    private _area;
+    constructor(attributes: MarkAreaAttrs);
+    protected getLeftPos(): {
+        x: number;
+        y: number;
+    };
+    protected getRightPos(): {
+        x: number;
+        y: number;
+    };
+    protected getTopPos(): {
+        x: number;
+        y: number;
+    };
+    protected getBottomPos(): {
+        x: number;
+        y: number;
+    };
+    protected getMiddlePos(): {
+        x: number;
+        y: number;
+    };
+    protected setLabelPos(): void;
+    protected renderMarker(container: IGroup): void;
+}

package/es/marker/area.js

@@ -0,0 +1,65 @@
+import { createPolygon } from "@visactor/vrender";
+
+import { merge } from "@visactor/vutils";
+
+import { Tag } from "../tag";
+
+import { Marker } from "./base";
+
+import { DEFAULT_MARK_AREA_TEXT_STYLE_MAP, DEFAULT_MARK_AREA_THEME } from "./config";
+
+export class MarkArea extends Marker {
+    constructor(attributes) {
+        super(merge({}, MarkArea.defaultAttributes, attributes));
+    }
+    getLeftPos() {
+        return {
+            x: this._area.AABBBounds.x1,
+            y: (this._area.AABBBounds.y1 + this._area.AABBBounds.y2) / 2
+        };
+    }
+    getRightPos() {
+        return {
+            x: this._area.AABBBounds.x2,
+            y: (this._area.AABBBounds.y1 + this._area.AABBBounds.y2) / 2
+        };
+    }
+    getTopPos() {
+        return {
+            x: (this._area.AABBBounds.x1 + this._area.AABBBounds.x2) / 2,
+            y: this._area.AABBBounds.y1
+        };
+    }
+    getBottomPos() {
+        return {
+            x: (this._area.AABBBounds.x1 + this._area.AABBBounds.x2) / 2,
+            y: this._area.AABBBounds.y2
+        };
+    }
+    getMiddlePos() {
+        return {
+            x: (this._area.AABBBounds.x1 + this._area.AABBBounds.x2) / 2,
+            y: (this._area.AABBBounds.y1 + this._area.AABBBounds.y2) / 2
+        };
+    }
+    setLabelPos() {
+        var _a;
+        const {label: label} = this.attribute, labelPosition = null !== (_a = null == label ? void 0 : label.position) && void 0 !== _a ? _a : "middle";
+        labelPosition.includes("left") || labelPosition.includes("Left") ? this._label.setAttributes(Object.assign({}, this.getLeftPos())) : labelPosition.includes("right") || labelPosition.includes("Right") ? this._label.setAttributes(Object.assign({}, this.getRightPos())) : labelPosition.includes("top") || labelPosition.includes("Top") ? this._label.setAttributes(Object.assign({}, this.getTopPos())) : labelPosition.includes("bottom") || labelPosition.includes("Bottom") ? this._label.setAttributes(Object.assign({}, this.getBottomPos())) : this._label.setAttributes(Object.assign({}, this.getMiddlePos())), 
+        this._label.setAttributes({
+            textStyle: Object.assign(Object.assign({}, DEFAULT_MARK_AREA_TEXT_STYLE_MAP[labelPosition]), label.textStyle)
+        });
+    }
+    renderMarker(container) {
+        const {points: points, label: label, areaStyle: areaStyle} = this.attribute, area = createPolygon(Object.assign({
+            points: points
+        }, areaStyle));
+        area.name = "mark-area-area", this._area = area, container.add(area);
+        const markLabel = new Tag(Object.assign({}, label));
+        markLabel.name = "mark-area-label", this._label = markLabel, container.add(markLabel), 
+        this.setLabelPos();
+    }
+}
+
+MarkArea.defaultAttributes = DEFAULT_MARK_AREA_THEME;
+//# sourceMappingURL=area.js.map

package/es/marker/area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/area.ts"],"names":[],"mappings":"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","file":"area.js","sourcesContent":["import { createPolygon, IGroup, INode, IPolygon } from '@visactor/vrender';\nimport { merge } from '@visactor/vutils';\nimport { Tag } from '../tag';\nimport { Marker } from './base';\nimport { DEFAULT_MARK_AREA_TEXT_STYLE_MAP, DEFAULT_MARK_AREA_THEME } from './config';\nimport { MarkAreaAttrs } from './type';\n\nexport class MarkArea extends Marker<MarkAreaAttrs> {\n  static defaultAttributes = DEFAULT_MARK_AREA_THEME;\n  private _area!: IPolygon;\n\n  constructor(attributes: MarkAreaAttrs) {\n    super(merge({}, MarkArea.defaultAttributes, attributes));\n  }\n\n  protected getLeftPos() {\n    return {\n      x: this._area.AABBBounds.x1,\n      y: (this._area.AABBBounds.y1 + this._area.AABBBounds.y2) / 2\n    };\n  }\n\n  protected getRightPos() {\n    return {\n      x: this._area.AABBBounds.x2,\n      y: (this._area.AABBBounds.y1 + this._area.AABBBounds.y2) / 2\n    };\n  }\n\n  protected getTopPos() {\n    return {\n      x: (this._area.AABBBounds.x1 + this._area.AABBBounds.x2) / 2,\n      y: this._area.AABBBounds.y1\n    };\n  }\n\n  protected getBottomPos() {\n    return {\n      x: (this._area.AABBBounds.x1 + this._area.AABBBounds.x2) / 2,\n      y: this._area.AABBBounds.y2\n    };\n  }\n\n  protected getMiddlePos() {\n    return {\n      x: (this._area.AABBBounds.x1 + this._area.AABBBounds.x2) / 2,\n      y: (this._area.AABBBounds.y1 + this._area.AABBBounds.y2) / 2\n    };\n  }\n\n  protected setLabelPos() {\n    const { label } = this.attribute as MarkAreaAttrs;\n    const labelPosition = label?.position ?? 'middle';\n    if (labelPosition.includes('left') || labelPosition.includes('Left')) {\n      this._label.setAttributes({\n        ...this.getLeftPos()\n      });\n    } else if (labelPosition.includes('right') || labelPosition.includes('Right')) {\n      this._label.setAttributes({\n        ...this.getRightPos()\n      });\n    } else if (labelPosition.includes('top') || labelPosition.includes('Top')) {\n      this._label.setAttributes({\n        ...this.getTopPos()\n      });\n    } else if (labelPosition.includes('bottom') || labelPosition.includes('Bottom')) {\n      this._label.setAttributes({\n        ...this.getBottomPos()\n      });\n    } else {\n      this._label.setAttributes({\n        ...this.getMiddlePos()\n      });\n    }\n    this._label.setAttributes({\n      textStyle: {\n        ...DEFAULT_MARK_AREA_TEXT_STYLE_MAP[labelPosition],\n        ...label.textStyle\n      }\n    });\n  }\n\n  protected renderMarker(container: IGroup) {\n    const { points, label, areaStyle } = this.attribute as MarkAreaAttrs;\n    const area = createPolygon({\n      points: points,\n      ...areaStyle\n    });\n    area.name = 'mark-area-area';\n    this._area = area;\n    container.add(area);\n\n    const markLabel = new Tag({\n      ...label\n    });\n    markLabel.name = 'mark-area-label';\n    this._label = markLabel;\n    container.add(markLabel as unknown as INode);\n    this.setLabelPos();\n  }\n}\n"]}

package/es/marker/base.d.ts

@@ -0,0 +1,11 @@
+import { IGroup } from '@visactor/vrender';
+import { AbstractComponent } from '../core/base';
+import { Tag } from '../tag';
+import { MarkerAttrs } from './type';
+export declare abstract class Marker<T extends MarkerAttrs> extends AbstractComponent<Required<T>> {
+    private _container;
+    protected _label: Tag;
+    protected abstract setLabelPos(): any;
+    protected abstract renderMarker(container: IGroup): any;
+    protected render(): void;
+}

package/es/marker/base.js

@@ -0,0 +1,15 @@
+import { createGroup } from "@visactor/vrender";
+
+import { AbstractComponent } from "../core/base";
+
+export class Marker extends AbstractComponent {
+    render() {
+        var _a;
+        this.removeAllChild();
+        const markerVisible = null === (_a = this.attribute.visible) || void 0 === _a || _a, group = createGroup({
+            pickable: !1
+        });
+        group.name = "marker-container", this.add(group), markerVisible && this.renderMarker(group);
+    }
+}
+//# sourceMappingURL=base.js.map

package/es/marker/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIjD,MAAM,OAAgB,MAA8B,SAAQ,iBAA8B;IAQ9E,MAAM;;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,MAAM,aAAa,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,OAAO,mCAAI,IAAI,CAAC;QAErD,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,QAAQ,EAAE,KAAK;SAChB,CAAC,CAAC;QACH,KAAK,CAAC,IAAI,GAAG,kBAAkB,CAAC;QAChC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAChB,aAAa,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;CACF","file":"base.js","sourcesContent":["import { createGroup, IGroup } from '@visactor/vrender';\nimport { AbstractComponent } from '../core/base';\nimport { Tag } from '../tag';\nimport { MarkerAttrs } from './type';\n\nexport abstract class Marker<T extends MarkerAttrs> extends AbstractComponent<Required<T>> {\n  private _container!: IGroup;\n\n  protected _label!: Tag;\n\n  protected abstract setLabelPos(): any;\n  protected abstract renderMarker(container: IGroup): any;\n\n  protected render() {\n    this.removeAllChild();\n    const markerVisible = this.attribute.visible ?? true;\n\n    const group = createGroup({\n      pickable: false\n    });\n    group.name = 'marker-container';\n    this.add(group);\n    markerVisible && this.renderMarker(group);\n  }\n}\n"]}