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

package/es/marker/config.d.ts

@@ -0,0 +1,154 @@
+import { TextAlignType, TextBaselineType } from '@visactor/vrender';
+import { IMarkAreaLabelPosition, IMarkLineLabelPosition } from './type';
+export declare const DEFAULT_MARK_LINE_THEME: {
+    startSymbol: {
+        visible: boolean;
+        symbolType: string;
+        size: number;
+        fill: boolean;
+        fillColor: string;
+        lineWidth: number;
+    };
+    endSymbol: {
+        visible: boolean;
+        symbolType: string;
+        size: number;
+        fill: boolean;
+        fillColor: string;
+        lineWidth: number;
+    };
+    label: {
+        position: IMarkLineLabelPosition;
+        refX: number;
+        refY: number;
+        refAngle: number;
+        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;
+        };
+    };
+    lineStyle: {
+        stroke: boolean;
+        strokeColor: string;
+        lineWidth: number;
+        lineDash: number[];
+    };
+};
+export declare const DEFAULT_MARK_LINE_TEXT_STYLE_MAP: {
+    [K: string]: {
+        textAlign: TextAlignType;
+        textBaseline: TextBaselineType;
+    };
+};
+export declare const DEFAULT_MARK_AREA_THEME: {
+    label: {
+        position: 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;
+    };
+};
+export declare const DEFAULT_MARK_AREA_TEXT_STYLE_MAP: {
+    [K: string]: {
+        textAlign: TextAlignType;
+        textBaseline: TextBaselineType;
+    };
+};
+export declare const DEFAULT_MARK_POINT_THEME: {
+    itemLine: {
+        visible: boolean;
+        decorativeLine: {
+            visible: boolean;
+            length: number;
+        };
+        startSymbol: {
+            visible: boolean;
+            clip: boolean;
+            symbolType: string;
+            size: number;
+            style: {
+                fill: boolean;
+                fillColor: string;
+                strokeColor: string;
+            };
+        };
+        endSymbol: {
+            visible: boolean;
+            clip: boolean;
+            symbolType: string;
+            size: number;
+            style: {
+                fill: boolean;
+                fillColor: string;
+                strokeColor: string;
+            };
+        };
+        lineStyle: {
+            stroke: boolean;
+            strokeColor: string;
+            lineWidth: number;
+        };
+    };
+    itemContent: {
+        type: string;
+        position: string;
+        refX: number;
+        symbolStyle: {
+            symbolType: string;
+            fill: boolean;
+            fillColor: string;
+            fillOpacity: number;
+            size: number;
+        };
+        textStyle: {
+            dx: number;
+            dy: number;
+        };
+        imageStyle: {
+            width: number;
+            height: number;
+        };
+        richTextStyle: {
+            width: number;
+            height: number;
+        };
+    };
+};
+export declare const DEFAULT_MARK_POINT_TEXT_STYLE_MAP: {
+    [K: string]: {
+        textAlign: TextAlignType;
+        textBaseline: TextBaselineType;
+    };
+};

package/es/marker/config.js

@@ -0,0 +1,244 @@
+import { IMarkAreaLabelPosition, IMarkLineLabelPosition } from "./type";
+
+export const DEFAULT_MARK_LINE_THEME = {
+    startSymbol: {
+        visible: !1,
+        symbolType: "triangle",
+        size: 12,
+        fill: !0,
+        fillColor: "rgba(46, 47, 50)",
+        lineWidth: 0
+    },
+    endSymbol: {
+        visible: !0,
+        symbolType: "triangle",
+        size: 12,
+        fill: !0,
+        fillColor: "rgba(46, 47, 50)",
+        lineWidth: 0
+    },
+    label: {
+        position: IMarkLineLabelPosition.end,
+        refX: 0,
+        refY: 0,
+        refAngle: 0,
+        textStyle: {
+            fill: !0,
+            fillColor: "#fff",
+            strokeColor: "#fff",
+            lineWidth: 0,
+            fontSize: 10,
+            fontWeight: "normal",
+            fontStyle: "normal"
+        },
+        padding: [ 2, 2, 4, 4 ],
+        panel: {
+            visible: !0,
+            borderRadius: 0,
+            fill: !0,
+            fillColor: "rgb(48, 115, 242)",
+            fillOpacity: .8
+        }
+    },
+    lineStyle: {
+        stroke: !0,
+        strokeColor: "#b2bacf",
+        lineWidth: 1,
+        lineDash: [ 2 ]
+    }
+};
+
+export const DEFAULT_MARK_LINE_TEXT_STYLE_MAP = {
+    start: {
+        textAlign: "right",
+        textBaseline: "middle"
+    },
+    insideStartTop: {
+        textAlign: "left",
+        textBaseline: "bottom"
+    },
+    insideStartBottom: {
+        textAlign: "left",
+        textBaseline: "top"
+    },
+    middle: {
+        textAlign: "center",
+        textBaseline: "middle"
+    },
+    insideMiddleTop: {
+        textAlign: "center",
+        textBaseline: "bottom"
+    },
+    insideMiddleBottom: {
+        textAlign: "center",
+        textBaseline: "top"
+    },
+    end: {
+        textAlign: "left",
+        textBaseline: "middle"
+    },
+    insideEndTop: {
+        textAlign: "right",
+        textBaseline: "bottom"
+    },
+    insideEndBottom: {
+        textAlign: "right",
+        textBaseline: "top"
+    }
+};
+
+export const DEFAULT_MARK_AREA_THEME = {
+    label: {
+        position: IMarkAreaLabelPosition.right,
+        textStyle: {
+            fill: !0,
+            fillColor: "#fff",
+            strokeColor: "#fff",
+            lineWidth: 0,
+            fontSize: 10,
+            fontWeight: "normal",
+            fontStyle: "normal"
+        },
+        padding: [ 2, 2, 4, 4 ],
+        panel: {
+            visible: !0,
+            borderRadius: 0,
+            fill: !0,
+            fillColor: "rgb(48, 115, 242)",
+            fillOpacity: .8
+        }
+    },
+    areaStyle: {
+        fillColor: "#b2bacf",
+        fill: !0,
+        visible: !0
+    }
+};
+
+export const DEFAULT_MARK_AREA_TEXT_STYLE_MAP = {
+    left: {
+        textAlign: "right",
+        textBaseline: "middle"
+    },
+    insideLeft: {
+        textAlign: "left",
+        textBaseline: "middle"
+    },
+    right: {
+        textAlign: "left",
+        textBaseline: "middle"
+    },
+    insideRight: {
+        textAlign: "right",
+        textBaseline: "middle"
+    },
+    top: {
+        textAlign: "center",
+        textBaseline: "bottom"
+    },
+    insideTop: {
+        textAlign: "center",
+        textBaseline: "top"
+    },
+    bottom: {
+        textAlign: "center",
+        textBaseline: "top"
+    },
+    insideBottom: {
+        textAlign: "center",
+        textBaseline: "bottom"
+    },
+    middle: {
+        textAlign: "center",
+        textBaseline: "middle"
+    }
+};
+
+export const DEFAULT_MARK_POINT_THEME = {
+    itemLine: {
+        visible: !0,
+        decorativeLine: {
+            visible: !1,
+            length: 30
+        },
+        startSymbol: {
+            visible: !0,
+            clip: !0,
+            symbolType: "circle",
+            size: 20,
+            style: {
+                fill: !1,
+                fillColor: "rgba(46, 47, 50)",
+                strokeColor: "rgba(46, 47, 50)"
+            }
+        },
+        endSymbol: {
+            visible: !1,
+            clip: !0,
+            symbolType: "triangle",
+            size: 12,
+            style: {
+                fill: !1,
+                fillColor: "rgba(46, 47, 50)",
+                strokeColor: "rgba(46, 47, 50)"
+            }
+        },
+        lineStyle: {
+            stroke: !0,
+            strokeColor: "#000",
+            lineWidth: 1
+        }
+    },
+    itemContent: {
+        type: "text",
+        position: "middle",
+        refX: 10,
+        symbolStyle: {
+            symbolType: "star",
+            fill: !0,
+            fillColor: "rgb(48, 115, 242)",
+            fillOpacity: .8,
+            size: 20
+        },
+        textStyle: {
+            dx: 0,
+            dy: 0
+        },
+        imageStyle: {
+            width: 80,
+            height: 80
+        },
+        richTextStyle: {
+            width: 100,
+            height: 100
+        }
+    }
+};
+
+export const DEFAULT_MARK_POINT_TEXT_STYLE_MAP = {
+    top: {
+        textAlign: "left",
+        textBaseline: "bottom"
+    },
+    bottom: {
+        textAlign: "left",
+        textBaseline: "top"
+    },
+    middle: {
+        textAlign: "left",
+        textBaseline: "middle"
+    },
+    insideTop: {
+        textAlign: "right",
+        textBaseline: "bottom"
+    },
+    insideBottom: {
+        textAlign: "right",
+        textBaseline: "top"
+    },
+    insideMiddle: {
+        textAlign: "right",
+        textBaseline: "middle"
+    }
+};
+//# sourceMappingURL=config.js.map

package/es/marker/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/config.ts"],"names":[],"mappings":"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","file":"config.js","sourcesContent":["import { TextAlignType, TextBaselineType } from '@visactor/vrender';\nimport { IMarkAreaLabelPosition, IMarkLineLabelPosition } from './type';\n\nexport const DEFAULT_MARK_LINE_THEME = {\n  startSymbol: {\n    visible: false,\n    symbolType: 'triangle',\n    size: 12,\n    fill: true,\n    fillColor: 'rgba(46, 47, 50)',\n    lineWidth: 0\n  },\n  endSymbol: {\n    visible: true,\n    symbolType: 'triangle',\n    size: 12,\n    fill: true,\n    fillColor: 'rgba(46, 47, 50)',\n    lineWidth: 0\n  },\n  label: {\n    position: IMarkLineLabelPosition.end,\n    refX: 0,\n    refY: 0,\n    refAngle: 0,\n    textStyle: {\n      fill: true,\n      fillColor: '#fff',\n      strokeColor: '#fff',\n      lineWidth: 0,\n      fontSize: 10,\n      fontWeight: 'normal',\n      fontStyle: 'normal'\n    },\n    padding: [2, 2, 4, 4],\n    panel: {\n      visible: true,\n      borderRadius: 0,\n      fill: true,\n      fillColor: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8\n    }\n  },\n  lineStyle: {\n    stroke: true,\n    strokeColor: '#b2bacf',\n    lineWidth: 1,\n    lineDash: [2]\n  }\n};\n\nexport const DEFAULT_MARK_LINE_TEXT_STYLE_MAP: {\n  [K: string]: {\n    textAlign: TextAlignType;\n    textBaseline: TextBaselineType;\n  };\n} = {\n  start: {\n    textAlign: 'right',\n    textBaseline: 'middle'\n  },\n  insideStartTop: {\n    textAlign: 'left',\n    textBaseline: 'bottom'\n  },\n  insideStartBottom: {\n    textAlign: 'left',\n    textBaseline: 'top'\n  },\n\n  middle: {\n    textAlign: 'center',\n    textBaseline: 'middle'\n  },\n  insideMiddleTop: {\n    textAlign: 'center',\n    textBaseline: 'bottom'\n  },\n  insideMiddleBottom: {\n    textAlign: 'center',\n    textBaseline: 'top'\n  },\n\n  end: {\n    textAlign: 'left',\n    textBaseline: 'middle'\n  },\n  insideEndTop: {\n    textAlign: 'right',\n    textBaseline: 'bottom'\n  },\n  insideEndBottom: {\n    textAlign: 'right',\n    textBaseline: 'top'\n  }\n};\n\nexport const DEFAULT_MARK_AREA_THEME = {\n  label: {\n    position: IMarkAreaLabelPosition.right,\n    textStyle: {\n      fill: true,\n      fillColor: '#fff',\n      strokeColor: '#fff',\n      lineWidth: 0,\n      fontSize: 10,\n      fontWeight: 'normal',\n      fontStyle: 'normal'\n    },\n    padding: [2, 2, 4, 4],\n    panel: {\n      visible: true,\n      borderRadius: 0,\n      fill: true,\n      fillColor: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8\n    }\n  },\n  areaStyle: {\n    fillColor: '#b2bacf',\n    fill: true,\n    visible: true\n  }\n};\n\nexport const DEFAULT_MARK_AREA_TEXT_STYLE_MAP: {\n  [K: string]: {\n    textAlign: TextAlignType;\n    textBaseline: TextBaselineType;\n  };\n} = {\n  left: {\n    textAlign: 'right',\n    textBaseline: 'middle'\n  },\n  insideLeft: {\n    textAlign: 'left',\n    textBaseline: 'middle'\n  },\n\n  right: {\n    textAlign: 'left',\n    textBaseline: 'middle'\n  },\n  insideRight: {\n    textAlign: 'right',\n    textBaseline: 'middle'\n  },\n\n  top: {\n    textAlign: 'center',\n    textBaseline: 'bottom'\n  },\n  insideTop: {\n    textAlign: 'center',\n    textBaseline: 'top'\n  },\n\n  bottom: {\n    textAlign: 'center',\n    textBaseline: 'top'\n  },\n  insideBottom: {\n    textAlign: 'center',\n    textBaseline: 'bottom'\n  },\n\n  middle: {\n    textAlign: 'center',\n    textBaseline: 'middle'\n  }\n};\n\nexport const DEFAULT_MARK_POINT_THEME = {\n  itemLine: {\n    visible: true,\n    decorativeLine: {\n      visible: false,\n      length: 30\n    },\n    startSymbol: {\n      visible: true,\n      clip: true,\n      symbolType: 'circle',\n      size: 20,\n      style: {\n        fill: false,\n        fillColor: 'rgba(46, 47, 50)',\n        strokeColor: 'rgba(46, 47, 50)'\n      }\n    },\n    endSymbol: {\n      visible: false,\n      clip: true,\n      symbolType: 'triangle',\n      size: 12,\n      style: {\n        fill: false,\n        fillColor: 'rgba(46, 47, 50)',\n        strokeColor: 'rgba(46, 47, 50)'\n      }\n    },\n    lineStyle: {\n      stroke: true,\n      strokeColor: '#000',\n      lineWidth: 1\n    }\n  },\n  itemContent: {\n    type: 'text',\n    position: 'middle',\n    refX: 10,\n    symbolStyle: {\n      symbolType: 'star',\n      fill: true,\n      fillColor: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8,\n      size: 20\n    },\n    textStyle: {\n      dx: 0,\n      dy: 0\n    },\n    imageStyle: {\n      width: 80,\n      height: 80\n    },\n    richTextStyle: {\n      width: 100,\n      height: 100\n    }\n  }\n};\n\nexport const DEFAULT_MARK_POINT_TEXT_STYLE_MAP: {\n  [K: string]: {\n    textAlign: TextAlignType;\n    textBaseline: TextBaselineType;\n  };\n} = {\n  top: {\n    textAlign: 'left',\n    textBaseline: 'bottom'\n  },\n  bottom: {\n    textAlign: 'left',\n    textBaseline: 'top'\n  },\n  middle: {\n    textAlign: 'left',\n    textBaseline: 'middle'\n  },\n  insideTop: {\n    textAlign: 'right',\n    textBaseline: 'bottom'\n  },\n  insideBottom: {\n    textAlign: 'right',\n    textBaseline: 'top'\n  },\n  insideMiddle: {\n    textAlign: 'right',\n    textBaseline: 'middle'\n  }\n};\n"]}

package/es/marker/index.d.ts

@@ -0,0 +1,4 @@
+export * from './type';
+export * from './line';
+export * from './area';
+export * from './point';

package/es/marker/index.js

@@ -0,0 +1,8 @@
+export * from "./type";
+
+export * from "./line";
+
+export * from "./area";
+
+export * from "./point";
+//# sourceMappingURL=index.js.map

package/es/marker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './type';\nexport * from './line';\nexport * from './area';\nexport * from './point';\n"]}

package/es/marker/line.d.ts

@@ -0,0 +1,10 @@
+import { IGroup } from '@visactor/vrender';
+import { Marker } from './base';
+import { MarkLineAttrs } from './type';
+export declare class MarkLine extends Marker<MarkLineAttrs> {
+    static defaultAttributes: Partial<MarkLineAttrs>;
+    private _line;
+    constructor(attributes: MarkLineAttrs);
+    protected setLabelPos(): void;
+    protected renderMarker(container: IGroup): void;
+}

package/es/marker/line.js

@@ -0,0 +1,47 @@
+import { merge } from "@visactor/vutils";
+
+import { Segment } from "../segment";
+
+import { Tag } from "../tag";
+
+import { Marker } from "./base";
+
+import { DEFAULT_MARK_LINE_THEME, DEFAULT_MARK_LINE_TEXT_STYLE_MAP } from "./config";
+
+export class MarkLine extends Marker {
+    constructor(attributes) {
+        super(merge({}, MarkLine.defaultAttributes, attributes));
+    }
+    setLabelPos() {
+        var _a, _b;
+        const {points: points, label: label} = this.attribute, labelPosition = null !== (_a = null == label ? void 0 : label.position) && void 0 !== _a ? _a : "end", labelAngle = this._line.getEndAngle(), labelOffsetX = (null == label ? void 0 : label.refX) * Math.cos(labelAngle) + label.refY * Math.cos(labelAngle - Math.PI / 2), labelOffsetY = (null == label ? void 0 : label.refX) * Math.sin(labelAngle) + label.refY * Math.sin(labelAngle - Math.PI / 2);
+        labelPosition.includes("start") || labelPosition.includes("Start") ? this._label.setAttributes({
+            x: points[0].x + labelOffsetX,
+            y: points[0].y + labelOffsetY
+        }) : labelPosition.includes("middle") || labelPosition.includes("Middle") ? this._label.setAttributes({
+            x: (points[0].x + points[points.length - 1].x) / 2 + labelOffsetX,
+            y: (points[0].y + points[points.length - 1].y) / 2 + labelOffsetY
+        }) : this._label.setAttributes({
+            x: points[points.length - 1].x + labelOffsetX,
+            y: points[points.length - 1].y + labelOffsetY
+        }), this._label.setAttributes({
+            angle: label.autoRotate && labelAngle + (null !== (_b = null == label ? void 0 : label.refAngle) && void 0 !== _b ? _b : 0),
+            textStyle: Object.assign(Object.assign({}, DEFAULT_MARK_LINE_TEXT_STYLE_MAP[labelPosition]), label.textStyle)
+        });
+    }
+    renderMarker(container) {
+        const {points: points, startSymbol: startSymbol, endSymbol: endSymbol, label: label, lineStyle: lineStyle} = this.attribute, line = new Segment({
+            points: points,
+            startSymbol: startSymbol,
+            endSymbol: endSymbol,
+            lineStyle: lineStyle
+        });
+        line.name = "mark-line-line", this._line = line, container.add(line);
+        const markLabel = new Tag(Object.assign({}, label));
+        markLabel.name = "mark-line-label", this._label = markLabel, container.add(markLabel), 
+        this.setLabelPos();
+    }
+}
+
+MarkLine.defaultAttributes = DEFAULT_MARK_LINE_THEME;
+//# sourceMappingURL=line.js.map

package/es/marker/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/line.ts"],"names":[],"mappings":"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","file":"line.js","sourcesContent":["import { IGroup, INode } from '@visactor/vrender';\nimport { merge } from '@visactor/vutils';\nimport { Segment } from '../segment';\nimport { Tag } from '../tag';\nimport { Marker } from './base';\nimport { DEFAULT_MARK_LINE_THEME, DEFAULT_MARK_LINE_TEXT_STYLE_MAP } from './config';\nimport { MarkLineAttrs } from './type';\n\nexport class MarkLine extends Marker<MarkLineAttrs> {\n  static defaultAttributes: Partial<MarkLineAttrs> = DEFAULT_MARK_LINE_THEME;\n\n  private _line!: Segment;\n\n  constructor(attributes: MarkLineAttrs) {\n    super(merge({}, MarkLine.defaultAttributes, attributes));\n  }\n\n  protected setLabelPos() {\n    const { points, label } = this.attribute as MarkLineAttrs;\n    const labelPosition = label?.position ?? 'end';\n    const labelAngle = this._line.getEndAngle();\n    const labelOffsetX = label?.refX * Math.cos(labelAngle) + label.refY * Math.cos(labelAngle - Math.PI / 2);\n    const labelOffsetY = label?.refX * Math.sin(labelAngle) + label.refY * Math.sin(labelAngle - Math.PI / 2);\n    if (labelPosition.includes('start') || labelPosition.includes('Start')) {\n      this._label.setAttributes({\n        x: points[0].x + labelOffsetX,\n        y: points[0].y + labelOffsetY\n      });\n    } else if (labelPosition.includes('middle') || labelPosition.includes('Middle')) {\n      this._label.setAttributes({\n        x: (points[0].x + points[points.length - 1].x) / 2 + labelOffsetX,\n        y: (points[0].y + points[points.length - 1].y) / 2 + labelOffsetY\n      });\n    } else {\n      this._label.setAttributes({\n        x: points[points.length - 1].x + labelOffsetX,\n        y: points[points.length - 1].y + labelOffsetY\n      });\n    }\n    this._label.setAttributes({\n      angle: label.autoRotate && labelAngle + (label?.refAngle ?? 0),\n      textStyle: {\n        ...DEFAULT_MARK_LINE_TEXT_STYLE_MAP[labelPosition],\n        ...label.textStyle\n      }\n    });\n  }\n\n  protected renderMarker(container: IGroup) {\n    const { points, startSymbol, endSymbol, label, lineStyle } = this.attribute as MarkLineAttrs;\n    const line = new Segment({\n      points,\n      startSymbol,\n      endSymbol,\n      lineStyle\n    });\n    line.name = 'mark-line-line';\n    this._line = line;\n    container.add(line as unknown as INode);\n\n    const markLabel = new Tag({\n      ...label\n    });\n    markLabel.name = 'mark-line-label';\n    this._label = markLabel;\n    container.add(markLabel as unknown as INode);\n    this.setLabelPos();\n  }\n}\n"]}

package/es/marker/point.d.ts

@@ -0,0 +1,80 @@
+import { IGroup, IImage, ISymbol, IImageGraphicAttribute, IRichText, IRichTextGraphicAttribute, ILine } from '@visactor/vrender';
+import { IPointLike } from '@visactor/vutils';
+import { Segment } from '../segment';
+import { Tag } from '../tag';
+import { Marker } from './base';
+import { IItemContent, IItemLine, IMarkPointItemPosition, MarkPointAttrs } from './type';
+export declare class MarkPoint extends Marker<MarkPointAttrs> {
+    static defaultAttributes: {
+        itemLine: {
+            visible: boolean;
+            decorativeLine: {
+                visible: boolean;
+                length: number;
+            };
+            startSymbol: {
+                visible: boolean;
+                clip: boolean;
+                symbolType: string;
+                size: number;
+                style: {
+                    fill: boolean;
+                    fillColor: string;
+                    strokeColor: string;
+                };
+            };
+            endSymbol: {
+                visible: boolean;
+                clip: boolean;
+                symbolType: string;
+                size: number;
+                style: {
+                    fill: boolean;
+                    fillColor: string;
+                    strokeColor: string;
+                };
+            };
+            lineStyle: {
+                stroke: boolean;
+                strokeColor: string;
+                lineWidth: number;
+            };
+        };
+        itemContent: {
+            type: string;
+            position: string;
+            refX: number;
+            symbolStyle: {
+                symbolType: string;
+                fill: boolean;
+                fillColor: string;
+                fillOpacity: number;
+                size: number;
+            };
+            textStyle: {
+                dx: number;
+                dy: number;
+            };
+            imageStyle: {
+                width: number;
+                height: number;
+            };
+            richTextStyle: {
+                width: number;
+                height: number;
+            };
+        };
+    };
+    private _item;
+    private _line?;
+    private _decorativeLine;
+    constructor(attributes: MarkPointAttrs);
+    protected setLabelPos(): void;
+    protected setItemAttributes(item: ISymbol | Tag | IImage | IRichText, itemContent: IItemContent, itemPosition: IPointLike, itemType: 'symbol' | 'text' | 'image' | 'richText' | 'custom'): void;
+    protected getItemDx(item: ISymbol | Tag | IImage | IRichText, position: IMarkPointItemPosition, style?: IImageGraphicAttribute | IRichTextGraphicAttribute): number;
+    protected getItemDy(item: ISymbol | Tag | IImage | IRichText, position: IMarkPointItemPosition, style?: IImageGraphicAttribute | IRichTextGraphicAttribute): number;
+    protected renderItem(itemContent: IItemContent, itemPosition: IPointLike): IGroup | Tag | ISymbol | IImage | IRichText;
+    protected renderItemLine(itemLine: IItemLine, position: IPointLike, itemPosition: IPointLike): Segment;
+    protected renderDecorativeLine(itemLine: IItemLine, itemPosition: IPointLike): ILine;
+    protected renderMarker(container: IGroup): void;
+}