@visactor/vseed 0.0.31 → 0.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,126 +1,121 @@
1
1
  import { type Selector, type Selectors } from '../../dataSelector';
2
2
  import { z } from 'zod';
3
+ /**
4
+ * @description 垂直标注线, 根据用户设置的selector 或 xValue, 从下向上绘制一条末尾有箭头的线, 标签默认在标注线终点的正左侧
5
+ */
3
6
  export type AnnotationVerticalLine = {
4
7
  /**
5
- * 依赖选择的数据, 进行数据标记.
8
+ * @description 依赖选择的数据, 进行数据标记.
6
9
  */
7
10
  selector?: Selector | Selectors;
8
11
  /**
9
- * 固定的x值, 用于标注垂直线
10
- * @description 类目轴在x方向, 则可输入维值, 数值轴在x方向, 则可输入具体的数值
12
+ * @description 固定的x值, 用于标注垂直线, 类目轴在x方向, 则可输入维值, 数值轴在x方向, 则可输入具体的数值
11
13
  */
12
14
  xValue?: (number | string) | (number | string)[];
13
15
  /**
14
- * 标注的文本
15
16
  * @description 标注的文本
16
17
  * @default ''
17
18
  * @example '标注文本'
18
19
  */
19
20
  text?: string | string[];
20
21
  /**
21
- * 文本位置
22
- * @description 标注线的标签位置(标签相对线的相对位置)。
22
+ * @description 文本位置, 标注线的标签位置(标签相对线的相对位置)。
23
23
  * @example 'outsideEnd'
24
24
  */
25
25
  textPosition?: 'outsideStart' | 'outsideEnd' | 'outsideMiddle' | 'insideStart' | 'insideMiddle' | 'insideEnd';
26
26
  /**
27
- * 文本颜色
28
27
  * @description 文本颜色
29
28
  * @example 'red'
30
29
  */
31
30
  textColor?: string;
32
31
  /**
33
- * 文本字体大小
34
32
  * @description 文本字体大小
35
33
  * @example 12
36
34
  */
37
35
  textFontSize?: number;
38
36
  /**
39
- * 文本字体重量
40
37
  * @description 文本字体重量
41
38
  * @example 400
42
39
  */
43
40
  textFontWeight?: number;
44
41
  /**
45
- * 文本对齐方式
46
- * @description 文本对齐方式
47
- * @example 'left'
42
+ * @description 文本对齐方式, 一般情况下, 无需设置
43
+ * 建议设置为'right', 这样可以确保文本在标注线的左侧
44
+ * right: 文本在参考线的左侧, 文本的右侧边缘对齐(垂直)标注线
45
+ * left: 文本在参考线的右侧, 文本的左侧边缘对齐(垂直)标注线
46
+ * center: 文本在参考线的中心, 文本的中心对齐(垂直)标注线
47
+ * @example 'right'
48
48
  */
49
49
  textAlign?: 'left' | 'right' | 'center';
50
50
  /**
51
- * 文本垂直对齐方式
52
- * @description 文本垂直对齐方式
53
- * @example 'middle'
51
+ * @description 文本垂直对齐方式, 一般情况下, 无需设置
52
+ * 建议设置为'top', 这样可以确保文本完整的显示在图表的可见区域
53
+ * top: 文本在参考线的底部, 文本的顶部边缘对齐(垂直)标注线的终点
54
+ * middle: 文本在参考线的中心, 文本的中心对齐(垂直)标注线的终点
55
+ * bottom: 文本在参考线的顶部, 文本的底部边缘对齐(垂直)标注线的终点
56
+ * @example 'top'
54
57
  */
55
58
  textBaseline?: 'top' | 'middle' | 'bottom';
56
59
  /**
57
- * 标注线Y方向的, 偏移量
58
- * @description 文本Y方向的, 偏移量, 支持正负
59
- * @example offsetY: 10
60
+ * @description (垂直)标注线整体在Y方向的偏移像素距离, 一般情况下, 无需设置
61
+ * 负值则整体向上偏移, 例如设置为-10, 则整个标注线组件包括文本、箭头、线段, 一起向上偏移10像素
62
+ * 正值则整体向下偏移, 例如设置为10, 则整个标注线组件包括文本、箭头、线段, 一起向下偏移10像素
63
+ * @example offsetY: 0
60
64
  */
61
65
  offsetY?: number;
62
66
  /**
63
- * 标注线X方向的, 偏移量
64
- * @description 文本X方向的, 偏移量, 支持正负
65
- * @example offsetX: -10
67
+ * @description (垂直)标注线整体在X方向的偏移像素距离, 一般情况下, 无需设置
68
+ * 负值则整体向左偏移, 例如设置为-10, 则整个标注线组件包括文本、箭头、线段, 一起向左偏移10像素
69
+ * 正值则整体向右偏移, 例如设置为10, 则整个标注线组件包括文本、箭头、线段, 一起向右偏移10像素
70
+ * @example offsetX: 0
66
71
  */
67
72
  offsetX?: number;
68
73
  /**
69
- * 线可见
70
74
  * @description 线可见
71
75
  * @example true
72
76
  */
73
77
  lineVisible?: boolean;
74
78
  /**
75
- * 线颜色
76
79
  * @description 线颜色
77
80
  * @example 'red'
78
81
  */
79
82
  lineColor?: string;
80
83
  /**
81
- * 线宽度
82
84
  * @description 线宽度
83
85
  * @example 2
84
86
  */
85
87
  lineWidth?: number;
86
88
  /**
87
- * 线样式
88
89
  * @description 线样式
89
90
  * @example 'solid'
90
91
  */
91
92
  lineStyle?: 'solid' | 'dashed' | 'dotted';
92
93
  /**
93
- * 背景可见
94
94
  * @description 背景可见
95
95
  * @example true
96
96
  */
97
97
  backgroundVisible?: boolean;
98
98
  /**
99
- * 背景颜色
100
99
  * @description 背景颜色
101
100
  * @example 'red'
102
101
  */
103
102
  backgroundColor?: string;
104
103
  /**
105
- * 背景边框颜色
106
104
  * @description 背景边框颜色
107
105
  * @example 'red'
108
106
  */
109
107
  backgroundBorderColor?: string;
110
108
  /**
111
- * 背景边框宽度
112
109
  * @description 背景边框宽度
113
110
  * @example 2
114
111
  */
115
112
  backgroundBorderWidth?: number;
116
113
  /**
117
- * 背景边框圆角
118
114
  * @description 背景边框圆角
119
115
  * @example 4
120
116
  */
121
117
  backgroundBorderRadius?: number;
122
118
  /**
123
- * 背景内边距
124
119
  * @description 背景内边距
125
120
  * @example 4
126
121
  */
@@ -219,16 +214,16 @@ export declare const zAnnotationVerticalLine: z.ZodObject<{
219
214
  bottom: "bottom";
220
215
  middle: "middle";
221
216
  }>>>;
222
- lineVisible: z.ZodOptional<z.ZodBoolean>;
223
- lineColor: z.ZodOptional<z.ZodString>;
224
- lineWidth: z.ZodOptional<z.ZodNumber>;
225
- lineStyle: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<"solid">, z.ZodLiteral<"dashed">, z.ZodLiteral<"dotted">]>>;
217
+ lineVisible: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
218
+ lineColor: z.ZodOptional<z.ZodDefault<z.ZodString>>;
219
+ lineWidth: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
220
+ lineStyle: z.ZodOptional<z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<"solid">, z.ZodLiteral<"dashed">, z.ZodLiteral<"dotted">]>>>;
226
221
  backgroundVisible: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
227
222
  backgroundColor: z.ZodOptional<z.ZodDefault<z.ZodString>>;
228
- backgroundBorderColor: z.ZodOptional<z.ZodString>;
229
- backgroundBorderWidth: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
223
+ backgroundBorderColor: z.ZodOptional<z.ZodDefault<z.ZodString>>;
230
224
  backgroundBorderRadius: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
231
- backgroundPadding: z.ZodOptional<z.ZodNumber>;
225
+ backgroundBorderWidth: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
226
+ backgroundPadding: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
232
227
  offsetX: z.ZodDefault<z.ZodNumber>;
233
228
  offsetY: z.ZodDefault<z.ZodNumber>;
234
229
  }, z.core.$strip>;