@visactor/vrender-components 0.18.10-alpha.1 → 0.18.10-alpha.3

package/es/marker/config.d.ts

@@ -1,6 +1,6 @@
 import type { TextAlignType, TextBaselineType } from '@visactor/vrender-core';
-import { ICartesianMarkAreaLabelPosition, ICommonMarkLineLabelPosition, IPolarMarkAreaLabelPosition } from './type';
-export declare const DEFAULT_COMMON_MARK_LINE_THEME: {
+import { IMarkAreaLabelPosition, IMarkLineLabelPosition, IMarkCommonArcLabelPosition } from './type';
+export declare const DEFAULT_MARK_LINE_THEME: {
     interactive: boolean;
     startSymbol: {
         visible: boolean;
@@ -17,7 +17,7 @@ export declare const DEFAULT_COMMON_MARK_LINE_THEME: {
         lineWidth: number;
     };
     label: {
-        position: ICommonMarkLineLabelPosition;
+        position: IMarkLineLabelPosition;
         refX: number;
         refY: number;
         refAngle: number;
@@ -28,6 +28,8 @@ export declare const DEFAULT_COMMON_MARK_LINE_THEME: {
             fontSize: number;
             fontWeight: string;
             fontStyle: string;
+            textAlign: string;
+            textBaseline: string;
         };
         padding: number[];
         panel: {
@@ -43,16 +45,55 @@ export declare const DEFAULT_COMMON_MARK_LINE_THEME: {
         lineDash: number[];
     };
 };
-export declare const DEFAULT_COMMON_MARK_LINE_TEXT_STYLE_MAP: {
-    [K: string]: {
-        textAlign: TextAlignType;
-        textBaseline: TextBaselineType;
+export declare const DEFAULT_MARK_ARC_LINE_THEME: {
+    interactive: boolean;
+    startSymbol: {
+        visible: boolean;
+        symbolType: string;
+        size: number;
+        fill: string;
+        lineWidth: number;
+    };
+    endSymbol: {
+        visible: boolean;
+        symbolType: string;
+        size: number;
+        fill: string;
+        lineWidth: number;
+    };
+    label: {
+        position: IMarkCommonArcLabelPosition;
+        refX: number;
+        refY: number;
+        refAngle: number;
+        textStyle: {
+            fill: string;
+            stroke: string;
+            lineWidth: number;
+            fontSize: number;
+            fontWeight: string;
+            fontStyle: string;
+            textAlign: string;
+            textBaseline: string;
+        };
+        padding: number[];
+        panel: {
+            visible: boolean;
+            cornerRadius: number;
+            fill: string;
+            fillOpacity: number;
+        };
+    };
+    lineStyle: {
+        stroke: string;
+        lineWidth: number;
+        lineDash: number[];
     };
 };
-export declare const DEFAULT_CARTESIAN_MARK_AREA_THEME: {
+export declare const DEFAULT_MARK_AREA_THEME: {
     interactive: boolean;
     label: {
-        position: ICartesianMarkAreaLabelPosition;
+        position: IMarkAreaLabelPosition;
         textStyle: {
             fill: string;
             stroke: string;
@@ -60,6 +101,8 @@ export declare const DEFAULT_CARTESIAN_MARK_AREA_THEME: {
             fontSize: number;
             fontWeight: string;
             fontStyle: string;
+            textAlign: string;
+            textBaseline: string;
         };
         padding: number[];
         panel: {
@@ -74,10 +117,10 @@ export declare const DEFAULT_CARTESIAN_MARK_AREA_THEME: {
         visible: boolean;
     };
 };
-export declare const DEFAULT_POLAR_MARK_AREA_THEME: {
+export declare const DEFAULT_MARK_ARC_AREA_THEME: {
     interactive: boolean;
     label: {
-        position: IPolarMarkAreaLabelPosition;
+        position: IMarkCommonArcLabelPosition;
         textStyle: {
             fill: string;
             stroke: string;
@@ -86,7 +129,7 @@ export declare const DEFAULT_POLAR_MARK_AREA_THEME: {
             fontWeight: string;
             fontStyle: string;
             textAlign: string;
-            textBaseLine: string;
+            textBaseline: string;
         };
         padding: number[];
         panel: {

package/es/marker/config.js

@@ -1,6 +1,6 @@
-import { ICartesianMarkAreaLabelPosition, ICommonMarkLineLabelPosition, IPolarMarkAreaLabelPosition } from "./type";
+import { IMarkAreaLabelPosition, IMarkLineLabelPosition, IMarkCommonArcLabelPosition } from "./type";
 
-export const DEFAULT_COMMON_MARK_LINE_THEME = {
+export const DEFAULT_MARK_LINE_THEME = {
     interactive: !0,
     startSymbol: {
         visible: !1,
@@ -17,7 +17,7 @@ export const DEFAULT_COMMON_MARK_LINE_THEME = {
         lineWidth: 0
     },
     label: {
-        position: ICommonMarkLineLabelPosition.end,
+        position: IMarkLineLabelPosition.end,
         refX: 0,
         refY: 0,
         refAngle: 0,
@@ -27,7 +27,9 @@ export const DEFAULT_COMMON_MARK_LINE_THEME = {
             lineWidth: 0,
             fontSize: 10,
             fontWeight: "normal",
-            fontStyle: "normal"
+            fontStyle: "normal",
+            textAlign: "center",
+            textBaseline: "middle"
         },
         padding: [ 2, 2, 4, 4 ],
         panel: {
@@ -44,56 +46,65 @@ export const DEFAULT_COMMON_MARK_LINE_THEME = {
     }
 };
 
-export const DEFAULT_COMMON_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"
+export const DEFAULT_MARK_ARC_LINE_THEME = {
+    interactive: !0,
+    startSymbol: {
+        visible: !1,
+        symbolType: "triangle",
+        size: 12,
+        fill: "rgba(46, 47, 50)",
+        lineWidth: 0
     },
-    end: {
-        textAlign: "left",
-        textBaseline: "middle"
+    endSymbol: {
+        visible: !0,
+        symbolType: "triangle",
+        size: 12,
+        fill: "rgba(46, 47, 50)",
+        lineWidth: 0
     },
-    insideEndTop: {
-        textAlign: "right",
-        textBaseline: "bottom"
+    label: {
+        position: IMarkCommonArcLabelPosition.arcOuterMiddle,
+        refX: 0,
+        refY: 0,
+        refAngle: 0,
+        textStyle: {
+            fill: "#fff",
+            stroke: "#fff",
+            lineWidth: 0,
+            fontSize: 10,
+            fontWeight: "normal",
+            fontStyle: "normal",
+            textAlign: "center",
+            textBaseline: "middle"
+        },
+        padding: [ 2, 2, 4, 4 ],
+        panel: {
+            visible: !0,
+            cornerRadius: 0,
+            fill: "rgb(48, 115, 242)",
+            fillOpacity: .8
+        }
     },
-    insideEndBottom: {
-        textAlign: "right",
-        textBaseline: "top"
+    lineStyle: {
+        stroke: "#b2bacf",
+        lineWidth: 1,
+        lineDash: [ 2 ]
     }
 };
 
-export const DEFAULT_CARTESIAN_MARK_AREA_THEME = {
+export const DEFAULT_MARK_AREA_THEME = {
     interactive: !0,
     label: {
-        position: ICartesianMarkAreaLabelPosition.right,
+        position: IMarkAreaLabelPosition.right,
         textStyle: {
             fill: "#fff",
             stroke: "#fff",
             lineWidth: 0,
             fontSize: 10,
             fontWeight: "normal",
-            fontStyle: "normal"
+            fontStyle: "normal",
+            textAlign: "center",
+            textBaseline: "middle"
         },
         padding: [ 2, 2, 4, 4 ],
         panel: {
@@ -109,10 +120,10 @@ export const DEFAULT_CARTESIAN_MARK_AREA_THEME = {
     }
 };
 
-export const DEFAULT_POLAR_MARK_AREA_THEME = {
+export const DEFAULT_MARK_ARC_AREA_THEME = {
     interactive: !0,
     label: {
-        position: IPolarMarkAreaLabelPosition.arcInner,
+        position: IMarkCommonArcLabelPosition.arcOuterMiddle,
         textStyle: {
             fill: "#fff",
             stroke: "#fff",
@@ -121,7 +132,7 @@ export const DEFAULT_POLAR_MARK_AREA_THEME = {
             fontWeight: "normal",
             fontStyle: "normal",
             textAlign: "center",
-            textBaseLine: "middle"
+            textBaseline: "middle"
         },
         padding: [ 2, 2, 4, 4 ],
         panel: {

package/es/marker/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/config.ts"],"names":[],"mappings":"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","file":"config.js","sourcesContent":["import type { TextAlignType, TextBaselineType } from '@visactor/vrender-core';\nimport { ICartesianMarkAreaLabelPosition, ICommonMarkLineLabelPosition, IPolarMarkAreaLabelPosition } from './type';\n\nexport const DEFAULT_COMMON_MARK_LINE_THEME = {\n  interactive: true,\n  startSymbol: {\n    visible: false,\n    symbolType: 'triangle',\n    size: 12,\n    fill: 'rgba(46, 47, 50)',\n    lineWidth: 0\n  },\n  endSymbol: {\n    visible: true,\n    symbolType: 'triangle',\n    size: 12,\n    fill: 'rgba(46, 47, 50)',\n    lineWidth: 0\n  },\n  label: {\n    position: ICommonMarkLineLabelPosition.end,\n    refX: 0,\n    refY: 0,\n    refAngle: 0,\n    textStyle: {\n      fill: '#fff',\n      stroke: '#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      cornerRadius: 0,\n      fill: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8\n    }\n  },\n  lineStyle: {\n    stroke: '#b2bacf',\n    lineWidth: 1,\n    lineDash: [2]\n  }\n};\n\nexport const DEFAULT_COMMON_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_CARTESIAN_MARK_AREA_THEME = {\n  interactive: true,\n  label: {\n    position: ICartesianMarkAreaLabelPosition.right,\n    textStyle: {\n      fill: '#fff',\n      stroke: '#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      cornerRadius: 0,\n      fill: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8\n    }\n  },\n  areaStyle: {\n    fill: '#b2bacf',\n    visible: true\n  }\n};\n\nexport const DEFAULT_POLAR_MARK_AREA_THEME = {\n  interactive: true,\n  label: {\n    position: IPolarMarkAreaLabelPosition.arcInner,\n    textStyle: {\n      fill: '#fff',\n      stroke: '#fff',\n      lineWidth: 0,\n      fontSize: 10,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      textAlign: 'center',\n      textBaseLine: 'middle'\n    },\n    padding: [2, 2, 4, 4],\n    panel: {\n      visible: true,\n      cornerRadius: 0,\n      fill: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8\n    }\n  },\n  areaStyle: {\n    fill: '#b2bacf',\n    visible: true\n  }\n};\n\nexport const DEFAULT_CARTESIAN_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  interactive: true,\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        stroke: '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        stroke: 'rgba(46, 47, 50)'\n      }\n    },\n    lineStyle: {\n      stroke: '#000',\n      lineWidth: 1\n    }\n  },\n  itemContent: {\n    type: 'text',\n    position: 'middle',\n    refX: 10,\n    symbolStyle: {\n      symbolType: 'star',\n      fill: '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"]}
+{"version":3,"sources":["../src/marker/config.ts"],"names":[],"mappings":"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","file":"config.js","sourcesContent":["import type { TextAlignType, TextBaselineType } from '@visactor/vrender-core';\nimport { IMarkAreaLabelPosition, IMarkLineLabelPosition, IMarkCommonArcLabelPosition } from './type';\n\nexport const DEFAULT_MARK_LINE_THEME = {\n  interactive: true,\n  startSymbol: {\n    visible: false,\n    symbolType: 'triangle',\n    size: 12,\n    fill: 'rgba(46, 47, 50)',\n    lineWidth: 0\n  },\n  endSymbol: {\n    visible: true,\n    symbolType: 'triangle',\n    size: 12,\n    fill: '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: '#fff',\n      stroke: '#fff',\n      lineWidth: 0,\n      fontSize: 10,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      textAlign: 'center',\n      textBaseline: 'middle'\n    },\n    padding: [2, 2, 4, 4],\n    panel: {\n      visible: true,\n      cornerRadius: 0,\n      fill: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8\n    }\n  },\n  lineStyle: {\n    stroke: '#b2bacf',\n    lineWidth: 1,\n    lineDash: [2]\n  }\n};\n\nexport const DEFAULT_MARK_ARC_LINE_THEME = {\n  interactive: true,\n  startSymbol: {\n    visible: false,\n    symbolType: 'triangle',\n    size: 12,\n    fill: 'rgba(46, 47, 50)',\n    lineWidth: 0\n  },\n  endSymbol: {\n    visible: true,\n    symbolType: 'triangle',\n    size: 12,\n    fill: 'rgba(46, 47, 50)',\n    lineWidth: 0\n  },\n  label: {\n    position: IMarkCommonArcLabelPosition.arcOuterMiddle,\n    refX: 0,\n    refY: 0,\n    refAngle: 0,\n    textStyle: {\n      fill: '#fff',\n      stroke: '#fff',\n      lineWidth: 0,\n      fontSize: 10,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      textAlign: 'center',\n      textBaseline: 'middle'\n    },\n    padding: [2, 2, 4, 4],\n    panel: {\n      visible: true,\n      cornerRadius: 0,\n      fill: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8\n    }\n  },\n  lineStyle: {\n    stroke: '#b2bacf',\n    lineWidth: 1,\n    lineDash: [2]\n  }\n};\n\nexport const DEFAULT_MARK_AREA_THEME = {\n  interactive: true,\n  label: {\n    position: IMarkAreaLabelPosition.right,\n    textStyle: {\n      fill: '#fff',\n      stroke: '#fff',\n      lineWidth: 0,\n      fontSize: 10,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      textAlign: 'center',\n      textBaseline: 'middle'\n    },\n    padding: [2, 2, 4, 4],\n    panel: {\n      visible: true,\n      cornerRadius: 0,\n      fill: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8\n    }\n  },\n  areaStyle: {\n    fill: '#b2bacf',\n    visible: true\n  }\n};\n\nexport const DEFAULT_MARK_ARC_AREA_THEME = {\n  interactive: true,\n  label: {\n    position: IMarkCommonArcLabelPosition.arcOuterMiddle,\n    textStyle: {\n      fill: '#fff',\n      stroke: '#fff',\n      lineWidth: 0,\n      fontSize: 10,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      textAlign: 'center',\n      textBaseline: 'middle'\n    },\n    padding: [2, 2, 4, 4],\n    panel: {\n      visible: true,\n      cornerRadius: 0,\n      fill: 'rgb(48, 115, 242)',\n      fillOpacity: 0.8\n    }\n  },\n  areaStyle: {\n    fill: '#b2bacf',\n    visible: true\n  }\n};\n\nexport const DEFAULT_CARTESIAN_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  interactive: true,\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        stroke: '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        stroke: 'rgba(46, 47, 50)'\n      }\n    },\n    lineStyle: {\n      stroke: '#000',\n      lineWidth: 1\n    }\n  },\n  itemContent: {\n    type: 'text',\n    position: 'middle',\n    refX: 10,\n    symbolStyle: {\n      symbolType: 'star',\n      fill: '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

@@ -1,6 +1,6 @@
 export * from './type';
-export * from './cartesian/line';
-export * from './cartesian/area';
-export * from './polar/arc-line';
-export * from './polar/area';
+export * from './line';
+export * from './area';
+export * from './arc-line';
+export * from './arc-area';
 export * from './point';

package/es/marker/index.js

@@ -1,12 +1,12 @@
 export * from "./type";
 
-export * from "./cartesian/line";
+export * from "./line";
 
-export * from "./cartesian/area";
+export * from "./area";
 
-export * from "./polar/arc-line";
+export * from "./arc-line";
 
-export * from "./polar/area";
+export * from "./arc-area";
 
 export * from "./point";
 //# sourceMappingURL=index.js.map

package/es/marker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './type';\nexport * from './cartesian/line';\nexport * from './cartesian/area';\nexport * from './polar/arc-line';\n// export * from './polar/line';\nexport * from './polar/area';\nexport * from './point';\n"]}
+{"version":3,"sources":["../src/marker/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAE3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './type';\nexport * from './line';\nexport * from './area';\nexport * from './arc-line';\n// export * from './polar/line';\nexport * from './arc-area';\nexport * from './point';\n"]}

package/es/marker/line.d.ts

@@ -0,0 +1,28 @@
+import { IMarkLineLabelPosition } from './type';
+import type { MarkLineAttrs } from './type';
+import type { ComponentOptions } from '../interface';
+import { BaseMarkLine } from './base-line';
+import type { ArcSegment } from '../segment';
+import { Segment } from '../segment';
+import type { ILineGraphicAttribute } from '@visactor/vrender-core';
+export declare class MarkLine extends BaseMarkLine<ILineGraphicAttribute, IMarkLineLabelPosition> {
+    name: string;
+    static defaultAttributes: Partial<MarkLineAttrs>;
+    protected _line: Segment | ArcSegment;
+    constructor(attributes: MarkLineAttrs, options?: ComponentOptions);
+    protected isValidPoints(): boolean;
+    protected getLabelOffsetByDirection(direction: IMarkLineLabelPosition): {
+        offsetX: number;
+        offsetY: number;
+    };
+    protected getPositionByDirection(direction: IMarkLineLabelPosition): {
+        position: {
+            x: number;
+            y: number;
+        };
+        angle: number;
+    };
+    protected setLabelPos(): void;
+    protected createSegment(): Segment;
+    protected setLineAttributes(): void;
+}

package/es/marker/line.js

@@ -0,0 +1,159 @@
+import { isValidNumber, merge } from "@visactor/vutils";
+
+import { IMarkLineLabelPosition } from "./type";
+
+import { loadMarkLineComponent } from "./register";
+
+import { BaseMarkLine } from "./base-line";
+
+import { Segment } from "../segment";
+
+import { DEFAULT_STATES } from "../constant";
+
+import { DEFAULT_MARK_LINE_THEME } from "./config";
+
+loadMarkLineComponent();
+
+export class MarkLine extends BaseMarkLine {
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, MarkLine.defaultAttributes, attributes)), 
+        this.name = "MarkLine";
+    }
+    isValidPoints() {
+        const {points: points} = this.attribute;
+        if (!points || points.length < 2) return !1;
+        let validFlag = !0;
+        return points.forEach((point => {
+            if (point.length) point.forEach((p => {
+                isValidNumber(p.x) && isValidNumber(p.y) || (validFlag = !1);
+            })); else if (!isValidNumber(point.x) || !isValidNumber(point.y)) return void (validFlag = !1);
+        })), validFlag;
+    }
+    getLabelOffsetByDirection(direction) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        const labelRectHeight = Math.abs((null !== (_b = null === (_a = this._label.getTextShape().AABBBounds) || void 0 === _a ? void 0 : _a.y2) && void 0 !== _b ? _b : 0) - (null !== (_d = null === (_c = this._label.getTextShape()) || void 0 === _c ? void 0 : _c.AABBBounds.y1) && void 0 !== _d ? _d : 0)), labelTextHeight = Math.abs((null !== (_f = null === (_e = this._label.getBgRect().AABBBounds) || void 0 === _e ? void 0 : _e.y2) && void 0 !== _f ? _f : 0) - (null !== (_h = null === (_g = this._label.getBgRect()) || void 0 === _g ? void 0 : _g.AABBBounds.y1) && void 0 !== _h ? _h : 0)), labelHeight = Math.max(labelRectHeight, labelTextHeight), labelRectWidth = Math.abs((null !== (_k = null === (_j = this._label.getTextShape().AABBBounds) || void 0 === _j ? void 0 : _j.x2) && void 0 !== _k ? _k : 0) - (null !== (_m = null === (_l = this._label.getTextShape()) || void 0 === _l ? void 0 : _l.AABBBounds.x1) && void 0 !== _m ? _m : 0)), labelTextWidth = Math.abs((null !== (_p = null === (_o = this._label.getBgRect().AABBBounds) || void 0 === _o ? void 0 : _o.x2) && void 0 !== _p ? _p : 0) - (null !== (_r = null === (_q = this._label.getBgRect()) || void 0 === _q ? void 0 : _q.AABBBounds.x1) && void 0 !== _r ? _r : 0)), labelWidth = Math.max(labelRectWidth, labelTextWidth);
+        switch (direction) {
+          case IMarkLineLabelPosition.start:
+            return {
+                offsetX: -labelWidth / 2,
+                offsetY: 0
+            };
+
+          case IMarkLineLabelPosition.insideStartTop:
+            return {
+                offsetX: labelWidth / 2,
+                offsetY: labelHeight / 2
+            };
+
+          case IMarkLineLabelPosition.insideStartBottom:
+            return {
+                offsetX: labelWidth / 2,
+                offsetY: -labelHeight / 2
+            };
+
+          case IMarkLineLabelPosition.middle:
+            return {
+                offsetX: 0,
+                offsetY: 0
+            };
+
+          case IMarkLineLabelPosition.insideMiddleTop:
+            return {
+                offsetX: 0,
+                offsetY: labelHeight / 2
+            };
+
+          case IMarkLineLabelPosition.insideMiddleBottom:
+            return {
+                offsetX: 0,
+                offsetY: -labelHeight / 2
+            };
+
+          case IMarkLineLabelPosition.end:
+            return {
+                offsetX: labelWidth / 2,
+                offsetY: 0
+            };
+
+          case IMarkLineLabelPosition.insideEndTop:
+            return {
+                offsetX: -labelWidth / 2,
+                offsetY: labelHeight / 2
+            };
+
+          case IMarkLineLabelPosition.insideEndBottom:
+            return {
+                offsetX: -labelWidth / 2,
+                offsetY: -labelHeight / 2
+            };
+
+          default:
+            return {
+                offsetX: labelWidth / 2,
+                offsetY: 0
+            };
+        }
+    }
+    getPositionByDirection(direction) {
+        var _a;
+        const {label: label = {}} = this.attribute, {refX: refX = 0, refY: refY = 0} = label, points = this._line.getMainSegmentPoints(), labelAngle = null !== (_a = this._line.getEndAngle()) && void 0 !== _a ? _a : 0, totalRefX = refX + this.getLabelOffsetByDirection(direction).offsetX, totalRefY = refY + this.getLabelOffsetByDirection(direction).offsetY, labelOffsetX = totalRefX * Math.cos(labelAngle) + totalRefY * Math.cos(labelAngle - Math.PI / 2), labelOffsetY = totalRefX * Math.sin(labelAngle) + totalRefY * Math.sin(labelAngle - Math.PI / 2);
+        return direction.includes("start") || direction.includes("Start") ? {
+            position: {
+                x: points[0].x + labelOffsetX,
+                y: points[0].y + labelOffsetY
+            },
+            angle: labelAngle
+        } : direction.includes("middle") || direction.includes("Middle") ? {
+            position: {
+                x: (points[0].x + points[points.length - 1].x) / 2 + labelOffsetX,
+                y: (points[0].y + points[points.length - 1].y) / 2 + labelOffsetY
+            },
+            angle: labelAngle
+        } : {
+            position: {
+                x: points[points.length - 1].x + labelOffsetX,
+                y: points[points.length - 1].y + labelOffsetY
+            },
+            angle: labelAngle
+        };
+    }
+    setLabelPos() {
+        var _a;
+        super.setLabelPos();
+        const {label: label = {}} = this.attribute, {position: position = "end", autoRotate: autoRotate = !0} = label, labelAttr = this.getPositionByDirection(position);
+        this._label.setAttributes(Object.assign(Object.assign({}, labelAttr.position), {
+            angle: autoRotate ? labelAttr.angle + (null !== (_a = label.refAngle) && void 0 !== _a ? _a : 0) : 0
+        }));
+    }
+    createSegment() {
+        const {points: points, startSymbol: startSymbol, endSymbol: endSymbol, lineStyle: lineStyle, mainSegmentIndex: mainSegmentIndex, multiSegment: multiSegment, state: state} = this.attribute;
+        return new Segment({
+            points: points,
+            startSymbol: startSymbol,
+            endSymbol: endSymbol,
+            lineStyle: lineStyle,
+            mainSegmentIndex: mainSegmentIndex,
+            multiSegment: multiSegment,
+            pickable: !1,
+            state: {
+                line: merge({}, DEFAULT_STATES, null == state ? void 0 : state.line),
+                startSymbol: merge({}, DEFAULT_STATES, null == state ? void 0 : state.lineStartSymbol),
+                endSymbol: merge({}, DEFAULT_STATES, null == state ? void 0 : state.lineEndSymbol)
+            }
+        });
+    }
+    setLineAttributes() {
+        const {points: points, startSymbol: startSymbol, endSymbol: endSymbol, lineStyle: lineStyle, mainSegmentIndex: mainSegmentIndex, multiSegment: multiSegment} = this.attribute;
+        this._line && this._line.setAttributes({
+            points: points,
+            startSymbol: startSymbol,
+            endSymbol: endSymbol,
+            lineStyle: lineStyle,
+            mainSegmentIndex: mainSegmentIndex,
+            multiSegment: multiSegment
+        });
+    }
+}
+
+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 { isValidNumber, merge } from '@visactor/vutils';\nimport { IMarkLineLabelPosition } from './type';\nimport type { MarkLineAttrs } from './type';\nimport type { ComponentOptions } from '../interface';\nimport { loadMarkLineComponent } from './register';\nimport type { Point } from '../core/type';\nimport { BaseMarkLine } from './base-line';\nimport type { ArcSegment } from '../segment';\n// eslint-disable-next-line no-duplicate-imports\nimport { Segment } from '../segment';\nimport { DEFAULT_STATES } from '../constant';\nimport { DEFAULT_MARK_LINE_THEME } from './config';\nimport type { ILineGraphicAttribute } from '@visactor/vrender-core';\n\nloadMarkLineComponent();\nexport class MarkLine extends BaseMarkLine<ILineGraphicAttribute, IMarkLineLabelPosition> {\n  name = 'MarkLine';\n  // eslint-disable-next-line max-len\n  static defaultAttributes: Partial<MarkLineAttrs> = DEFAULT_MARK_LINE_THEME as unknown as MarkLineAttrs;\n  protected _line!: Segment | ArcSegment;\n\n  constructor(attributes: MarkLineAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, MarkLine.defaultAttributes, attributes));\n  }\n\n  protected isValidPoints() {\n    const { points } = this.attribute as MarkLineAttrs;\n    if (!points || points.length < 2) {\n      return false;\n    }\n    let validFlag = true;\n    points.forEach((point: Point | Point[]) => {\n      if ((point as any).length) {\n        (point as Point[]).forEach((p: Point) => {\n          if (!isValidNumber((p as Point).x) || !isValidNumber((p as Point).y)) {\n            validFlag = false;\n            return;\n          }\n        });\n      } else if (!isValidNumber((point as Point).x) || !isValidNumber((point as Point).y)) {\n        validFlag = false;\n        return;\n      }\n    });\n    return validFlag;\n  }\n\n  protected getLabelOffsetByDirection(direction: IMarkLineLabelPosition) {\n    // labelHeight\n    // eslint-disable-next-line max-len\n    const labelRectHeight = Math.abs(\n      (this._label.getTextShape().AABBBounds?.y2 ?? 0) - (this._label.getTextShape()?.AABBBounds.y1 ?? 0)\n    );\n    // eslint-disable-next-line max-len\n    const labelTextHeight = Math.abs(\n      (this._label.getBgRect().AABBBounds?.y2 ?? 0) - (this._label.getBgRect()?.AABBBounds.y1 ?? 0)\n    );\n    const labelHeight = Math.max(labelRectHeight, labelTextHeight);\n\n    // labelWidth\n    // eslint-disable-next-line max-len\n    const labelRectWidth = Math.abs(\n      (this._label.getTextShape().AABBBounds?.x2 ?? 0) - (this._label.getTextShape()?.AABBBounds.x1 ?? 0)\n    );\n    // eslint-disable-next-line max-len\n    const labelTextWidth = Math.abs(\n      (this._label.getBgRect().AABBBounds?.x2 ?? 0) - (this._label.getBgRect()?.AABBBounds.x1 ?? 0)\n    );\n    const labelWidth = Math.max(labelRectWidth, labelTextWidth);\n\n    switch (direction) {\n      case IMarkLineLabelPosition.start:\n        return {\n          offsetX: -labelWidth / 2,\n          offsetY: 0\n        };\n      case IMarkLineLabelPosition.insideStartTop:\n        return {\n          offsetX: labelWidth / 2,\n          offsetY: labelHeight / 2\n        };\n      case IMarkLineLabelPosition.insideStartBottom:\n        return {\n          offsetX: labelWidth / 2,\n          offsetY: -labelHeight / 2\n        };\n      case IMarkLineLabelPosition.middle:\n        return {\n          offsetX: 0,\n          offsetY: 0\n        };\n      case IMarkLineLabelPosition.insideMiddleTop:\n        return {\n          offsetX: 0,\n          offsetY: labelHeight / 2\n        };\n      case IMarkLineLabelPosition.insideMiddleBottom:\n        return {\n          offsetX: 0,\n          offsetY: -labelHeight / 2\n        };\n      case IMarkLineLabelPosition.end:\n        return {\n          offsetX: labelWidth / 2,\n          offsetY: 0\n        };\n      case IMarkLineLabelPosition.insideEndTop:\n        return {\n          offsetX: -labelWidth / 2,\n          offsetY: labelHeight / 2\n        };\n      case IMarkLineLabelPosition.insideEndBottom:\n        return {\n          offsetX: -labelWidth / 2,\n          offsetY: -labelHeight / 2\n        };\n      default: // default end\n        return {\n          offsetX: labelWidth / 2,\n          offsetY: 0\n        };\n    }\n  }\n\n  protected getPositionByDirection(direction: IMarkLineLabelPosition) {\n    const { label = {} } = this.attribute;\n    const { refX = 0, refY = 0 } = label;\n    const points = this._line.getMainSegmentPoints();\n    const labelAngle = this._line.getEndAngle() ?? 0;\n\n    const totalRefX = refX + this.getLabelOffsetByDirection(direction).offsetX;\n    const totalRefY = refY + this.getLabelOffsetByDirection(direction).offsetY;\n\n    const labelOffsetX = totalRefX * Math.cos(labelAngle) + totalRefY * Math.cos(labelAngle - Math.PI / 2);\n    const labelOffsetY = totalRefX * Math.sin(labelAngle) + totalRefY * Math.sin(labelAngle - Math.PI / 2);\n\n    if (direction.includes('start') || direction.includes('Start')) {\n      return {\n        position: {\n          x: points[0].x + labelOffsetX,\n          y: points[0].y + labelOffsetY\n        },\n        angle: labelAngle\n      };\n    } else if (direction.includes('middle') || direction.includes('Middle')) {\n      return {\n        position: {\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        angle: labelAngle\n      };\n    }\n    return {\n      position: {\n        x: points[points.length - 1].x + labelOffsetX,\n        y: points[points.length - 1].y + labelOffsetY\n      },\n      angle: labelAngle\n    };\n  }\n\n  protected setLabelPos(): void {\n    super.setLabelPos();\n    const { label = {} } = this.attribute as MarkLineAttrs;\n    const { position = 'end', autoRotate = true } = label;\n    const labelAttr = this.getPositionByDirection(position as any);\n    this._label.setAttributes({\n      ...labelAttr.position,\n      angle: autoRotate ? labelAttr.angle + (label.refAngle ?? 0) : 0\n    });\n  }\n\n  protected createSegment() {\n    const { points, startSymbol, endSymbol, lineStyle, mainSegmentIndex, multiSegment, state } = this\n      .attribute as MarkLineAttrs;\n    return new Segment({\n      points,\n      startSymbol,\n      endSymbol,\n      lineStyle,\n      mainSegmentIndex,\n      multiSegment,\n      pickable: false, // 组件容器本身不参与拾取\n      state: {\n        line: merge({}, DEFAULT_STATES, state?.line),\n        startSymbol: merge({}, DEFAULT_STATES, state?.lineStartSymbol),\n        endSymbol: merge({}, DEFAULT_STATES, state?.lineEndSymbol)\n      }\n    });\n  }\n\n  protected setLineAttributes() {\n    const { points, startSymbol, endSymbol, lineStyle, mainSegmentIndex, multiSegment } = this\n      .attribute as MarkLineAttrs;\n    if (this._line) {\n      this._line.setAttributes({\n        points,\n        startSymbol,\n        endSymbol,\n        lineStyle,\n        mainSegmentIndex,\n        multiSegment\n      });\n    }\n  }\n}\n"]}

package/es/marker/point.d.ts

@@ -72,7 +72,7 @@ export declare class MarkPoint extends Marker<MarkPointAttrs> {
     protected setItemAttributes(item: ISymbol | Tag | IImage | IRichText, itemContent: IItemContent, itemPosition: Point, itemType: 'symbol' | 'text' | 'image' | 'richText' | 'custom'): void;
     protected getItemDx(item: ISymbol | Tag | IImage | IRichText, position: keyof typeof IMarkPointItemPosition, style?: IImageGraphicAttribute | IRichTextGraphicAttribute): number;
     protected getItemDy(item: ISymbol | Tag | IImage | IRichText, position: keyof typeof IMarkPointItemPosition, style?: IImageGraphicAttribute | IRichTextGraphicAttribute): number;
-    protected initItem(itemContent: IItemContent, itemPosition: Point): IGroup | Tag | ISymbol | IRichText | IImage;
+    protected initItem(itemContent: IItemContent, itemPosition: Point): IGroup | Tag | IRichText | ISymbol | IImage;
     protected getItemLineAttr(itemLine: IItemLine, position: Point, itemPosition: Point): Point[];
     protected setItemLineAttr(itemLine: IItemLine, position: Point, itemPosition: Point, visible: boolean): void;
     protected getDecorativeLineAttr(itemLine: IItemLine, itemPosition: Point): {

package/es/marker/register.d.ts

@@ -1,6 +1,5 @@
-export declare function loadCartesianMarkLineComponent(): void;
-export declare function loadPolarMarkLineComponent(): void;
-export declare function loadPolarMarkArcLineComponent(): void;
-export declare function loadCartesianMarkAreaComponent(): void;
-export declare function loadPolarMarkAreaComponent(): void;
+export declare function loadMarkLineComponent(): void;
+export declare function loadMarkArcLineComponent(): void;
+export declare function loadMarkAreaComponent(): void;
+export declare function loadMarkArcAreaComponent(): void;
 export declare function loadMarkPointComponent(): void;

package/es/marker/register.js

@@ -8,23 +8,19 @@ function loadBaseMarker() {
     registerGroup(), loadTagComponent();
 }
 
-export function loadCartesianMarkLineComponent() {
+export function loadMarkLineComponent() {
     loadBaseMarker(), loadSegmentComponent();
 }
 
-export function loadPolarMarkLineComponent() {
-    loadBaseMarker(), loadSegmentComponent();
-}
-
-export function loadPolarMarkArcLineComponent() {
+export function loadMarkArcLineComponent() {
     loadBaseMarker(), loadArcSegmentComponent();
 }
 
-export function loadCartesianMarkAreaComponent() {
+export function loadMarkAreaComponent() {
     loadBaseMarker(), registerPolygon();
 }
 
-export function loadPolarMarkAreaComponent() {
+export function loadMarkArcAreaComponent() {
     loadBaseMarker(), registerArc();
 }
 

package/es/marker/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/register.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACpF,SAAS,cAAc;IACrB,aAAa,EAAE,CAAC;IAChB,gBAAgB,EAAE,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,8BAA8B;IAC5C,cAAc,EAAE,CAAC;IACjB,oBAAoB,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,0BAA0B;IACxC,cAAc,EAAE,CAAC;IACjB,oBAAoB,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,6BAA6B;IAC3C,cAAc,EAAE,CAAC;IACjB,uBAAuB,EAAE,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,8BAA8B;IAC5C,cAAc,EAAE,CAAC;IACjB,eAAe,EAAE,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,0BAA0B;IACxC,cAAc,EAAE,CAAC;IACjB,WAAW,EAAE,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,cAAc,EAAE,CAAC;IACjB,oBAAoB,EAAE,CAAC;IACvB,cAAc,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;AACjB,CAAC","file":"register.js","sourcesContent":["import {\n  registerArc,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPolygon,\n  registerSymbol\n} from '@visactor/vrender-kits';\nimport { loadTagComponent } from '../tag/register';\nimport { loadArcSegmentComponent, loadSegmentComponent } from '../segment/register';\nfunction loadBaseMarker() {\n  registerGroup();\n  loadTagComponent();\n}\n\nexport function loadCartesianMarkLineComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n}\n\nexport function loadPolarMarkLineComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n}\n\nexport function loadPolarMarkArcLineComponent() {\n  loadBaseMarker();\n  loadArcSegmentComponent();\n}\n\nexport function loadCartesianMarkAreaComponent() {\n  loadBaseMarker();\n  registerPolygon();\n}\n\nexport function loadPolarMarkAreaComponent() {\n  loadBaseMarker();\n  registerArc();\n}\n\nexport function loadMarkPointComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n  registerSymbol();\n  registerImage();\n  registerLine();\n}\n"]}
+{"version":3,"sources":["../src/marker/register.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACpF,SAAS,cAAc;IACrB,aAAa,EAAE,CAAC;IAChB,gBAAgB,EAAE,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,cAAc,EAAE,CAAC;IACjB,oBAAoB,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,cAAc,EAAE,CAAC;IACjB,uBAAuB,EAAE,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,cAAc,EAAE,CAAC;IACjB,eAAe,EAAE,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,cAAc,EAAE,CAAC;IACjB,WAAW,EAAE,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,sBAAsB;IACpC,cAAc,EAAE,CAAC;IACjB,oBAAoB,EAAE,CAAC;IACvB,cAAc,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;AACjB,CAAC","file":"register.js","sourcesContent":["import {\n  registerArc,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPolygon,\n  registerSymbol\n} from '@visactor/vrender-kits';\nimport { loadTagComponent } from '../tag/register';\nimport { loadArcSegmentComponent, loadSegmentComponent } from '../segment/register';\nfunction loadBaseMarker() {\n  registerGroup();\n  loadTagComponent();\n}\n\nexport function loadMarkLineComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n}\n\nexport function loadMarkArcLineComponent() {\n  loadBaseMarker();\n  loadArcSegmentComponent();\n}\n\nexport function loadMarkAreaComponent() {\n  loadBaseMarker();\n  registerPolygon();\n}\n\nexport function loadMarkArcAreaComponent() {\n  loadBaseMarker();\n  registerArc();\n}\n\nexport function loadMarkPointComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n  registerSymbol();\n  registerImage();\n  registerLine();\n}\n"]}