sard-uniapp 1.24.6 → 1.25.0

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.
Files changed (233) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/README.md +1 -1
  3. package/components/action-sheet/action-sheet.d.ts +8 -1
  4. package/components/action-sheet/common.d.ts +99 -2
  5. package/components/alert/alert.d.ts +6 -0
  6. package/components/alert/common.d.ts +63 -1
  7. package/components/avatar/avatar.d.ts +8 -0
  8. package/components/avatar/common.d.ts +99 -1
  9. package/components/avatar-group/avatar-group.d.ts +6 -1
  10. package/components/avatar-group/common.d.ts +63 -2
  11. package/components/back-top/back-top.d.ts +4 -0
  12. package/components/back-top/common.d.ts +40 -1
  13. package/components/badge/badge.d.ts +7 -0
  14. package/components/badge/common.d.ts +99 -2
  15. package/components/button/button.d.ts +22 -0
  16. package/components/button/common.d.ts +960 -8
  17. package/components/calendar/calendar.d.ts +16 -1
  18. package/components/calendar/common.d.ts +360 -3
  19. package/components/calendar-input/calendar-input.d.ts +31 -2
  20. package/components/calendar-input/common.d.ts +1368 -7
  21. package/components/calendar-popout/calendar-popout.d.ts +22 -2
  22. package/components/calendar-popout/common.d.ts +675 -5
  23. package/components/cascader/README.md +1 -1
  24. package/components/cascader-input/cascader-input.d.ts +25 -0
  25. package/components/cascader-input/common.d.ts +783 -3
  26. package/components/cascader-popout/cascader-popout.d.ts +14 -0
  27. package/components/cascader-popout/common.d.ts +288 -2
  28. package/components/checkbox/checkbox.d.ts +11 -0
  29. package/components/checkbox/common.d.ts +323 -3
  30. package/components/checkbox-group/checkbox-group.d.ts +10 -0
  31. package/components/checkbox-input/checkbox-input.d.ts +28 -1
  32. package/components/checkbox-input/common.d.ts +960 -4
  33. package/components/checkbox-popout/checkbox-popout.d.ts +19 -1
  34. package/components/checkbox-popout/common.d.ts +460 -2
  35. package/components/config/index.d.ts +152 -482
  36. package/components/config/index.js +26 -34
  37. package/components/cool-icon/common.d.ts +63 -1
  38. package/components/cool-icon/cool-icon.d.ts +6 -0
  39. package/components/count-down/common.d.ts +48 -3
  40. package/components/count-down/count-down.d.ts +3 -0
  41. package/components/count-to/common.d.ts +35 -4
  42. package/components/count-to/count-to.d.ts +1 -0
  43. package/components/crop-image/common.d.ts +288 -4
  44. package/components/crop-image/crop-image.d.ts +12 -0
  45. package/components/crop-image-agent/common.d.ts +288 -5
  46. package/components/crop-image-agent/crop-image-agent.d.ts +11 -0
  47. package/components/datetime-picker/common.d.ts +120 -2
  48. package/components/datetime-picker/datetime-picker.d.ts +9 -1
  49. package/components/datetime-picker-input/common.d.ts +783 -4
  50. package/components/datetime-picker-input/datetime-picker-input.d.ts +23 -0
  51. package/components/datetime-picker-popout/common.d.ts +288 -3
  52. package/components/datetime-picker-popout/datetime-picker-popout.d.ts +13 -0
  53. package/components/datetime-range-picker/common.d.ts +143 -1
  54. package/components/datetime-range-picker/datetime-range-picker.d.ts +10 -0
  55. package/components/datetime-range-picker-input/common.d.ts +840 -3
  56. package/components/datetime-range-picker-input/datetime-range-picker-input.d.ts +25 -0
  57. package/components/datetime-range-picker-popout/common.d.ts +323 -2
  58. package/components/datetime-range-picker-popout/datetime-range-picker-popout.d.ts +15 -0
  59. package/components/dialog/common.d.ts +360 -6
  60. package/components/dialog/dialog.d.ts +16 -3
  61. package/components/dialog-agent/common.d.ts +1023 -7
  62. package/components/dialog-agent/dialog-agent.d.ts +28 -3
  63. package/components/divider/common.d.ts +48 -3
  64. package/components/divider/divider.d.ts +4 -1
  65. package/components/dropdown/common.d.ts +99 -5
  66. package/components/dropdown/dropdown.d.ts +7 -3
  67. package/components/empty/README.md +1 -1
  68. package/components/empty/common.d.ts +48 -1
  69. package/components/empty/empty.d.ts +5 -0
  70. package/components/fab/common.d.ts +619 -7
  71. package/components/fab/fab.d.ts +20 -2
  72. package/components/floating-bubble/common.d.ts +153 -4
  73. package/components/floating-bubble/floating-bubble.d.ts +10 -1
  74. package/components/floating-panel/common.d.ts +63 -3
  75. package/components/floating-panel/floating-panel.d.ts +4 -0
  76. package/components/form/README.md +11 -12
  77. package/components/form/common.d.ts +304 -1
  78. package/components/form/form.d.ts +12 -1
  79. package/components/form-item/form-item.d.ts +15 -0
  80. package/components/form-item/useFormItem.d.ts +1 -1
  81. package/components/form-item-plain/form-item-plain.d.ts +15 -0
  82. package/components/form-item-plain/form-item-plain.vue +7 -3
  83. package/components/form-plain/common.d.ts +0 -1
  84. package/components/form-plain/form-plain.d.ts +12 -1
  85. package/components/grid/common.d.ts +99 -2
  86. package/components/grid/grid.d.ts +8 -1
  87. package/components/icon/common.d.ts +63 -3
  88. package/components/icon/icon.d.ts +5 -1
  89. package/components/icon/sari.scss +9 -5
  90. package/components/image/README.md +108 -0
  91. package/components/image/common.d.ts +455 -0
  92. package/components/image/common.js +22 -0
  93. package/components/image/image.d.ts +38 -0
  94. package/components/image/image.vue +222 -0
  95. package/components/image/index.d.ts +1 -0
  96. package/components/image/index.js +1 -0
  97. package/components/image/index.scss +72 -0
  98. package/components/image/variables.scss +13 -0
  99. package/components/indexes/common.d.ts +1 -0
  100. package/components/indexes/indexes.vue +2 -1
  101. package/components/input/common.d.ts +2400 -14
  102. package/components/input/input.d.ts +36 -2
  103. package/components/keyboard/common.d.ts +24 -2
  104. package/components/keyboard/keyboard.d.ts +2 -0
  105. package/components/list/common.d.ts +168 -1
  106. package/components/list-item/list-item.d.ts +11 -0
  107. package/components/loading/common.d.ts +117 -1
  108. package/components/loading/loading.d.ts +8 -0
  109. package/components/loading/loading.vue +8 -9
  110. package/components/locale/lang/ar-SA.d.ts +2 -0
  111. package/components/locale/lang/ar-SA.js +2 -0
  112. package/components/locale/lang/en-US.d.ts +2 -0
  113. package/components/locale/lang/en-US.js +2 -0
  114. package/components/locale/lang/zh-CN.d.ts +2 -0
  115. package/components/locale/lang/zh-CN.js +2 -0
  116. package/components/marquee/common.d.ts +35 -3
  117. package/components/marquee/marquee.d.ts +2 -0
  118. package/components/notice-bar/common.d.ts +195 -4
  119. package/components/notice-bar/notice-bar.d.ts +10 -1
  120. package/components/notify/common.d.ts +143 -4
  121. package/components/notify/notify.d.ts +8 -1
  122. package/components/notify-agent/common.d.ts +483 -5
  123. package/components/notify-agent/notify-agent.d.ts +18 -1
  124. package/components/overlay/common.d.ts +63 -1
  125. package/components/overlay/overlay.d.ts +6 -0
  126. package/components/pagination/common.d.ts +143 -6
  127. package/components/pagination/pagination.d.ts +6 -1
  128. package/components/password-input/common.d.ts +168 -3
  129. package/components/password-input/password-input.d.ts +9 -0
  130. package/components/picker/common.d.ts +46 -1
  131. package/components/picker/picker.d.ts +5 -0
  132. package/components/picker-input/common.d.ts +599 -4
  133. package/components/picker-input/picker-input.d.ts +21 -1
  134. package/components/picker-popout/common.d.ts +181 -3
  135. package/components/picker-popout/picker-popout.d.ts +10 -0
  136. package/components/popout/common.d.ts +288 -6
  137. package/components/popout/popout.d.ts +11 -1
  138. package/components/popout-input/common.d.ts +181 -2
  139. package/components/popout-input/popout-input.d.ts +11 -0
  140. package/components/popover/common.d.ts +168 -7
  141. package/components/popover/popover.d.ts +8 -3
  142. package/components/popup/common.d.ts +168 -4
  143. package/components/popup/popup.d.ts +10 -2
  144. package/components/progress-bar/common.d.ts +143 -2
  145. package/components/progress-bar/progress-bar.d.ts +9 -0
  146. package/components/progress-circle/common.d.ts +80 -2
  147. package/components/progress-circle/progress-circle.d.ts +6 -0
  148. package/components/pull-down-refresh/common.d.ts +100 -8
  149. package/components/pull-down-refresh/pull-down-refresh.d.ts +3 -1
  150. package/components/qrcode/common.d.ts +168 -8
  151. package/components/qrcode/qrcode.d.ts +4 -0
  152. package/components/radio/common.d.ts +155 -2
  153. package/components/radio-group/radio-group.d.ts +10 -0
  154. package/components/radio-input/common.d.ts +869 -5
  155. package/components/radio-input/radio-input.d.ts +26 -1
  156. package/components/radio-popout/common.d.ts +397 -3
  157. package/components/radio-popout/radio-popout.d.ts +17 -1
  158. package/components/rate/common.d.ts +360 -4
  159. package/components/rate/rate.d.ts +15 -1
  160. package/components/read-more/common.d.ts +80 -1
  161. package/components/read-more/read-more.d.ts +7 -0
  162. package/components/resize-sensor/common.d.ts +24 -1
  163. package/components/resize-sensor/resize-sensor.d.ts +3 -0
  164. package/components/resize-sensor/resize-sensor.vue +1 -1
  165. package/components/result/common.d.ts +80 -1
  166. package/components/result/result.d.ts +7 -0
  167. package/components/scroll-spy/README.md +9 -8
  168. package/components/scroll-spy/common.d.ts +1 -0
  169. package/components/scroll-spy/scroll-spy.vue +4 -2
  170. package/components/search/common.d.ts +224 -2
  171. package/components/search/search.d.ts +12 -0
  172. package/components/segmented/common.d.ts +131 -4
  173. package/components/segmented/segmented.d.ts +8 -1
  174. package/components/share-sheet/common.d.ts +120 -2
  175. package/components/share-sheet/share-sheet.d.ts +9 -1
  176. package/components/signature/common.d.ts +255 -7
  177. package/components/signature/signature.d.ts +9 -1
  178. package/components/skeleton/common.d.ts +120 -2
  179. package/components/skeleton/skeleton.d.ts +8 -0
  180. package/components/slider/common.d.ts +528 -4
  181. package/components/slider/slider.d.ts +18 -0
  182. package/components/space/common.d.ts +63 -2
  183. package/components/space/space.d.ts +5 -0
  184. package/components/status-bar/common.d.ts +24 -1
  185. package/components/status-bar/status-bar.d.ts +3 -0
  186. package/components/stepper/common.d.ts +360 -9
  187. package/components/stepper/stepper.d.ts +10 -1
  188. package/components/steps/common.d.ts +224 -8
  189. package/components/steps/steps.d.ts +7 -1
  190. package/components/swiper-dot/common.d.ts +63 -4
  191. package/components/swiper-dot/swiper-dot.d.ts +3 -0
  192. package/components/switch/common.d.ts +153 -3
  193. package/components/switch/switch.d.ts +10 -0
  194. package/components/tabbar/common.d.ts +80 -1
  195. package/components/tabbar/tabbar.d.ts +7 -0
  196. package/components/table/common.d.ts +35 -2
  197. package/components/table/table.d.ts +4 -1
  198. package/components/tabs/README.md +4 -3
  199. package/components/tabs/common.d.ts +49 -1
  200. package/components/tabs/index.scss +2 -1
  201. package/components/tabs/tabs.d.ts +5 -0
  202. package/components/tabs/tabs.vue +3 -1
  203. package/components/tag/common.d.ts +120 -2
  204. package/components/tag/tag.d.ts +8 -0
  205. package/components/toast/common.d.ts +120 -6
  206. package/components/toast/toast.d.ts +6 -2
  207. package/components/toast-agent/common.d.ts +440 -7
  208. package/components/toast-agent/toast-agent.d.ts +16 -2
  209. package/components/tree/README.md +34 -20
  210. package/components/tree/common.d.ts +391 -3
  211. package/components/tree/common.js +1 -0
  212. package/components/tree/index.scss +13 -0
  213. package/components/tree/tree.d.ts +16 -1
  214. package/components/tree/tree.vue +71 -22
  215. package/components/tree/variables.scss +4 -0
  216. package/components/tree-node/index.scss +6 -0
  217. package/components/tree-node/tree-node.vue +46 -12
  218. package/components/upload/README.md +6 -0
  219. package/components/upload/common.d.ts +198 -1
  220. package/components/upload/upload.d.ts +16 -2
  221. package/components/upload/upload.vue +8 -3
  222. package/components/upload-preview/upload-preview.d.ts +12 -0
  223. package/components/waterfall/common.d.ts +35 -3
  224. package/components/waterfall/waterfall.d.ts +2 -0
  225. package/components/watermark/common.d.ts +143 -5
  226. package/components/watermark/watermark.d.ts +6 -0
  227. package/global.d.ts +1 -0
  228. package/index.d.ts +1 -0
  229. package/index.js +1 -0
  230. package/index.scss +1 -0
  231. package/package.json +1 -1
  232. package/use/useScrollSpy.js +5 -1
  233. package/utils/array.js +1 -1
@@ -15,10 +15,159 @@ export interface FloatingBubbleProps {
15
15
  tabbarHeight?: number;
16
16
  }
17
17
  export declare const defaultFloatingBubbleProps: {
18
- draggable: boolean;
19
- axis: FloatingBubbleProps["axis"];
20
- gapX: number;
21
- gapY: number;
18
+ rootStyle?: (string | false | ((props: {
19
+ rootStyle: StyleValue;
20
+ rootClass: string;
21
+ draggable: boolean;
22
+ axis: "x" | "y" | "both" | "none";
23
+ magnet: "x" | "y";
24
+ gapX: number;
25
+ gapY: number;
26
+ offset: {
27
+ x: number;
28
+ y: number;
29
+ };
30
+ navbarHeight: number;
31
+ tabbarHeight: number;
32
+ }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
33
+ rootClass?: (string | ((props: {
34
+ rootStyle: StyleValue;
35
+ rootClass: string;
36
+ draggable: boolean;
37
+ axis: "x" | "y" | "both" | "none";
38
+ magnet: "x" | "y";
39
+ gapX: number;
40
+ gapY: number;
41
+ offset: {
42
+ x: number;
43
+ y: number;
44
+ };
45
+ navbarHeight: number;
46
+ tabbarHeight: number;
47
+ }) => string)) | undefined;
48
+ draggable?: (boolean | ((props: {
49
+ rootStyle: StyleValue;
50
+ rootClass: string;
51
+ draggable: boolean;
52
+ axis: "x" | "y" | "both" | "none";
53
+ magnet: "x" | "y";
54
+ gapX: number;
55
+ gapY: number;
56
+ offset: {
57
+ x: number;
58
+ y: number;
59
+ };
60
+ navbarHeight: number;
61
+ tabbarHeight: number;
62
+ }) => boolean)) | undefined;
63
+ axis?: ("x" | "y" | "none" | "both" | ((props: {
64
+ rootStyle: StyleValue;
65
+ rootClass: string;
66
+ draggable: boolean;
67
+ axis: "x" | "y" | "both" | "none";
68
+ magnet: "x" | "y";
69
+ gapX: number;
70
+ gapY: number;
71
+ offset: {
72
+ x: number;
73
+ y: number;
74
+ };
75
+ navbarHeight: number;
76
+ tabbarHeight: number;
77
+ }) => "x" | "y" | "none" | "both")) | undefined;
78
+ magnet?: ("x" | "y" | ((props: {
79
+ rootStyle: StyleValue;
80
+ rootClass: string;
81
+ draggable: boolean;
82
+ axis: "x" | "y" | "both" | "none";
83
+ magnet: "x" | "y";
84
+ gapX: number;
85
+ gapY: number;
86
+ offset: {
87
+ x: number;
88
+ y: number;
89
+ };
90
+ navbarHeight: number;
91
+ tabbarHeight: number;
92
+ }) => "x" | "y")) | undefined;
93
+ gapX?: (number | ((props: {
94
+ rootStyle: StyleValue;
95
+ rootClass: string;
96
+ draggable: boolean;
97
+ axis: "x" | "y" | "both" | "none";
98
+ magnet: "x" | "y";
99
+ gapX: number;
100
+ gapY: number;
101
+ offset: {
102
+ x: number;
103
+ y: number;
104
+ };
105
+ navbarHeight: number;
106
+ tabbarHeight: number;
107
+ }) => number)) | undefined;
108
+ gapY?: (number | ((props: {
109
+ rootStyle: StyleValue;
110
+ rootClass: string;
111
+ draggable: boolean;
112
+ axis: "x" | "y" | "both" | "none";
113
+ magnet: "x" | "y";
114
+ gapX: number;
115
+ gapY: number;
116
+ offset: {
117
+ x: number;
118
+ y: number;
119
+ };
120
+ navbarHeight: number;
121
+ tabbarHeight: number;
122
+ }) => number)) | undefined;
123
+ offset?: ((props: {
124
+ rootStyle: StyleValue;
125
+ rootClass: string;
126
+ draggable: boolean;
127
+ axis: "x" | "y" | "both" | "none";
128
+ magnet: "x" | "y";
129
+ gapX: number;
130
+ gapY: number;
131
+ offset: {
132
+ x: number;
133
+ y: number;
134
+ };
135
+ navbarHeight: number;
136
+ tabbarHeight: number;
137
+ }) => {
138
+ x: number;
139
+ y: number;
140
+ }) | undefined;
141
+ navbarHeight?: (number | ((props: {
142
+ rootStyle: StyleValue;
143
+ rootClass: string;
144
+ draggable: boolean;
145
+ axis: "x" | "y" | "both" | "none";
146
+ magnet: "x" | "y";
147
+ gapX: number;
148
+ gapY: number;
149
+ offset: {
150
+ x: number;
151
+ y: number;
152
+ };
153
+ navbarHeight: number;
154
+ tabbarHeight: number;
155
+ }) => number)) | undefined;
156
+ tabbarHeight?: (number | ((props: {
157
+ rootStyle: StyleValue;
158
+ rootClass: string;
159
+ draggable: boolean;
160
+ axis: "x" | "y" | "both" | "none";
161
+ magnet: "x" | "y";
162
+ gapX: number;
163
+ gapY: number;
164
+ offset: {
165
+ x: number;
166
+ y: number;
167
+ };
168
+ navbarHeight: number;
169
+ tabbarHeight: number;
170
+ }) => number)) | undefined;
22
171
  };
23
172
  export interface FloatingBubbleSlots {
24
173
  default?(props: Record<string, never>): any;
@@ -13,10 +13,19 @@ declare const __VLS_component: import("vue").DefineComponent<FloatingBubbleProps
13
13
  y: number;
14
14
  }) => any) | undefined;
15
15
  }>, {
16
- axis: "x" | "y" | "both" | "none";
16
+ offset: {
17
+ x: number;
18
+ y: number;
19
+ };
20
+ rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
21
+ rootClass: string;
17
22
  draggable: boolean;
23
+ axis: "x" | "y" | "both" | "none";
24
+ magnet: "x" | "y";
18
25
  gapX: number;
19
26
  gapY: number;
27
+ navbarHeight: number;
28
+ tabbarHeight: number;
20
29
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
21
30
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
22
31
  export default _default;
@@ -9,9 +9,69 @@ export interface FloatingPanelProps {
9
9
  safeAreaInsetBottom?: boolean;
10
10
  }
11
11
  export declare const defaultFloatingPanelProps: {
12
- duration: number;
13
- contentDraggable: boolean;
14
- safeAreaInsetBottom: boolean;
12
+ rootStyle?: (string | false | ((props: {
13
+ rootStyle: StyleValue;
14
+ rootClass: string;
15
+ height: number;
16
+ anchors: number[];
17
+ duration: number;
18
+ contentDraggable: boolean;
19
+ safeAreaInsetBottom: boolean;
20
+ }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
21
+ rootClass?: (string | ((props: {
22
+ rootStyle: StyleValue;
23
+ rootClass: string;
24
+ height: number;
25
+ anchors: number[];
26
+ duration: number;
27
+ contentDraggable: boolean;
28
+ safeAreaInsetBottom: boolean;
29
+ }) => string)) | undefined;
30
+ height?: (number | ((props: {
31
+ rootStyle: StyleValue;
32
+ rootClass: string;
33
+ height: number;
34
+ anchors: number[];
35
+ duration: number;
36
+ contentDraggable: boolean;
37
+ safeAreaInsetBottom: boolean;
38
+ }) => number)) | undefined;
39
+ anchors?: ((props: {
40
+ rootStyle: StyleValue;
41
+ rootClass: string;
42
+ height: number;
43
+ anchors: number[];
44
+ duration: number;
45
+ contentDraggable: boolean;
46
+ safeAreaInsetBottom: boolean;
47
+ }) => number[]) | undefined;
48
+ duration?: (number | ((props: {
49
+ rootStyle: StyleValue;
50
+ rootClass: string;
51
+ height: number;
52
+ anchors: number[];
53
+ duration: number;
54
+ contentDraggable: boolean;
55
+ safeAreaInsetBottom: boolean;
56
+ }) => number)) | undefined;
57
+ contentDraggable?: (boolean | ((props: {
58
+ rootStyle: StyleValue;
59
+ rootClass: string;
60
+ height: number;
61
+ anchors: number[];
62
+ duration: number;
63
+ contentDraggable: boolean;
64
+ safeAreaInsetBottom: boolean;
65
+ }) => boolean)) | undefined;
66
+ safeAreaInsetBottom?: (boolean | ((props: {
67
+ rootStyle: StyleValue;
68
+ rootClass: string;
69
+ height: number;
70
+ anchors: number[];
71
+ duration: number;
72
+ contentDraggable: boolean;
73
+ safeAreaInsetBottom: boolean;
74
+ }) => boolean)) | undefined;
15
75
  };
16
76
  export interface FloatingPanelSlots {
17
77
  default?(props: Record<string, never>): any;
@@ -7,7 +7,11 @@ declare const __VLS_component: import("vue").DefineComponent<FloatingPanelProps,
7
7
  "onUpdate:height"?: ((value: number) => any) | undefined;
8
8
  "onHeight-change"?: ((value: number) => any) | undefined;
9
9
  }>, {
10
+ rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
11
+ rootClass: string;
12
+ height: number;
10
13
  duration: number;
14
+ anchors: number[];
11
15
  contentDraggable: boolean;
12
16
  safeAreaInsetBottom: boolean;
13
17
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -345,18 +345,17 @@ type ValidateState = '' | 'success' | 'error' | 'validating'
345
345
 
346
346
  ### FormItemPlainSlotsProps <sup>1.23+</sup>
347
347
 
348
- | 属性 | 描述 | 类型 |
349
- | --------------- | ------------------------ | ------------------------- |
350
- | fieldId | 表单项类名,用于滚动定位 | string |
351
- | validateState | 表单验证状态 | ValidateState |
352
- | shouldShowStar | 是否显示星号 | boolean |
353
- | validateMessage | 当前验证信息 | string |
354
- | shouldShowError | 是否显示错误信息 | boolean |
355
- | direction | 表单排列方向 | FormProps['direction'] |
356
- | labelAlign | 标签水平对齐方式 | FormProps['labelAlign'] |
357
- | labelValign | 标签垂直对齐方式 | FormProps['labelValign'] |
358
- | starPosition | 星号位置 | FormProps['starPosition'] |
359
- | labelWidth | 标签宽度 | FormProps['labelWidth'] |
348
+ | 属性 | 描述 | 类型 |
349
+ | --------------- | ---------------- | ------------------------- |
350
+ | validateState | 表单验证状态 | ValidateState |
351
+ | shouldShowStar | 是否显示星号 | boolean |
352
+ | validateMessage | 当前验证信息 | string |
353
+ | shouldShowError | 是否显示错误信息 | boolean |
354
+ | direction | 表单排列方向 | FormProps['direction'] |
355
+ | labelAlign | 标签水平对齐方式 | FormProps['labelAlign'] |
356
+ | labelValign | 标签垂直对齐方式 | FormProps['labelValign'] |
357
+ | starPosition | 星号位置 | FormProps['starPosition'] |
358
+ | labelWidth | 标签宽度 | FormProps['labelWidth'] |
360
359
 
361
360
  ### FormItemPlainExpose <sup>1.23+</sup>
362
361
 
@@ -66,7 +66,310 @@ export interface FormItemProps {
66
66
  }
67
67
  export declare const defaultFormItemProps: () => {
68
68
  required: undefined;
69
- showError: boolean;
69
+ rootStyle?: (string | false | ((props: {
70
+ rootStyle: StyleValue;
71
+ rootClass: string;
72
+ direction: "horizontal" | "vertical";
73
+ labelWidth: string;
74
+ labelAlign: "start" | "center" | "end";
75
+ labelValign: "start" | "center" | "end";
76
+ starPosition: "left" | "right";
77
+ label: string;
78
+ hideStar: boolean;
79
+ contentPosition: "left" | "right";
80
+ required: boolean | undefined;
81
+ name: FieldName;
82
+ rules: Rule | Rule[];
83
+ validateTrigger: TriggerType;
84
+ error: string;
85
+ showError: boolean;
86
+ inlaid: boolean;
87
+ }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
88
+ rootClass?: (string | ((props: {
89
+ rootStyle: StyleValue;
90
+ rootClass: string;
91
+ direction: "horizontal" | "vertical";
92
+ labelWidth: string;
93
+ labelAlign: "start" | "center" | "end";
94
+ labelValign: "start" | "center" | "end";
95
+ starPosition: "left" | "right";
96
+ label: string;
97
+ hideStar: boolean;
98
+ contentPosition: "left" | "right";
99
+ required: boolean | undefined;
100
+ name: FieldName;
101
+ rules: Rule | Rule[];
102
+ validateTrigger: TriggerType;
103
+ error: string;
104
+ showError: boolean;
105
+ inlaid: boolean;
106
+ }) => string)) | undefined;
107
+ direction?: ("horizontal" | "vertical" | ((props: {
108
+ rootStyle: StyleValue;
109
+ rootClass: string;
110
+ direction: "horizontal" | "vertical";
111
+ labelWidth: string;
112
+ labelAlign: "start" | "center" | "end";
113
+ labelValign: "start" | "center" | "end";
114
+ starPosition: "left" | "right";
115
+ label: string;
116
+ hideStar: boolean;
117
+ contentPosition: "left" | "right";
118
+ required: boolean | undefined;
119
+ name: FieldName;
120
+ rules: Rule | Rule[];
121
+ validateTrigger: TriggerType;
122
+ error: string;
123
+ showError: boolean;
124
+ inlaid: boolean;
125
+ }) => "horizontal" | "vertical")) | undefined;
126
+ labelWidth?: (string | ((props: {
127
+ rootStyle: StyleValue;
128
+ rootClass: string;
129
+ direction: "horizontal" | "vertical";
130
+ labelWidth: string;
131
+ labelAlign: "start" | "center" | "end";
132
+ labelValign: "start" | "center" | "end";
133
+ starPosition: "left" | "right";
134
+ label: string;
135
+ hideStar: boolean;
136
+ contentPosition: "left" | "right";
137
+ required: boolean | undefined;
138
+ name: FieldName;
139
+ rules: Rule | Rule[];
140
+ validateTrigger: TriggerType;
141
+ error: string;
142
+ showError: boolean;
143
+ inlaid: boolean;
144
+ }) => string)) | undefined;
145
+ labelAlign?: ("start" | "center" | "end" | ((props: {
146
+ rootStyle: StyleValue;
147
+ rootClass: string;
148
+ direction: "horizontal" | "vertical";
149
+ labelWidth: string;
150
+ labelAlign: "start" | "center" | "end";
151
+ labelValign: "start" | "center" | "end";
152
+ starPosition: "left" | "right";
153
+ label: string;
154
+ hideStar: boolean;
155
+ contentPosition: "left" | "right";
156
+ required: boolean | undefined;
157
+ name: FieldName;
158
+ rules: Rule | Rule[];
159
+ validateTrigger: TriggerType;
160
+ error: string;
161
+ showError: boolean;
162
+ inlaid: boolean;
163
+ }) => "start" | "center" | "end")) | undefined;
164
+ labelValign?: ("start" | "center" | "end" | ((props: {
165
+ rootStyle: StyleValue;
166
+ rootClass: string;
167
+ direction: "horizontal" | "vertical";
168
+ labelWidth: string;
169
+ labelAlign: "start" | "center" | "end";
170
+ labelValign: "start" | "center" | "end";
171
+ starPosition: "left" | "right";
172
+ label: string;
173
+ hideStar: boolean;
174
+ contentPosition: "left" | "right";
175
+ required: boolean | undefined;
176
+ name: FieldName;
177
+ rules: Rule | Rule[];
178
+ validateTrigger: TriggerType;
179
+ error: string;
180
+ showError: boolean;
181
+ inlaid: boolean;
182
+ }) => "start" | "center" | "end")) | undefined;
183
+ starPosition?: ("left" | "right" | ((props: {
184
+ rootStyle: StyleValue;
185
+ rootClass: string;
186
+ direction: "horizontal" | "vertical";
187
+ labelWidth: string;
188
+ labelAlign: "start" | "center" | "end";
189
+ labelValign: "start" | "center" | "end";
190
+ starPosition: "left" | "right";
191
+ label: string;
192
+ hideStar: boolean;
193
+ contentPosition: "left" | "right";
194
+ required: boolean | undefined;
195
+ name: FieldName;
196
+ rules: Rule | Rule[];
197
+ validateTrigger: TriggerType;
198
+ error: string;
199
+ showError: boolean;
200
+ inlaid: boolean;
201
+ }) => "left" | "right")) | undefined;
202
+ label?: (string | ((props: {
203
+ rootStyle: StyleValue;
204
+ rootClass: string;
205
+ direction: "horizontal" | "vertical";
206
+ labelWidth: string;
207
+ labelAlign: "start" | "center" | "end";
208
+ labelValign: "start" | "center" | "end";
209
+ starPosition: "left" | "right";
210
+ label: string;
211
+ hideStar: boolean;
212
+ contentPosition: "left" | "right";
213
+ required: boolean | undefined;
214
+ name: FieldName;
215
+ rules: Rule | Rule[];
216
+ validateTrigger: TriggerType;
217
+ error: string;
218
+ showError: boolean;
219
+ inlaid: boolean;
220
+ }) => string)) | undefined;
221
+ hideStar?: (boolean | ((props: {
222
+ rootStyle: StyleValue;
223
+ rootClass: string;
224
+ direction: "horizontal" | "vertical";
225
+ labelWidth: string;
226
+ labelAlign: "start" | "center" | "end";
227
+ labelValign: "start" | "center" | "end";
228
+ starPosition: "left" | "right";
229
+ label: string;
230
+ hideStar: boolean;
231
+ contentPosition: "left" | "right";
232
+ required: boolean | undefined;
233
+ name: FieldName;
234
+ rules: Rule | Rule[];
235
+ validateTrigger: TriggerType;
236
+ error: string;
237
+ showError: boolean;
238
+ inlaid: boolean;
239
+ }) => boolean)) | undefined;
240
+ contentPosition?: ("left" | "right" | ((props: {
241
+ rootStyle: StyleValue;
242
+ rootClass: string;
243
+ direction: "horizontal" | "vertical";
244
+ labelWidth: string;
245
+ labelAlign: "start" | "center" | "end";
246
+ labelValign: "start" | "center" | "end";
247
+ starPosition: "left" | "right";
248
+ label: string;
249
+ hideStar: boolean;
250
+ contentPosition: "left" | "right";
251
+ required: boolean | undefined;
252
+ name: FieldName;
253
+ rules: Rule | Rule[];
254
+ validateTrigger: TriggerType;
255
+ error: string;
256
+ showError: boolean;
257
+ inlaid: boolean;
258
+ }) => "left" | "right")) | undefined;
259
+ name?: (string | number | ((props: {
260
+ rootStyle: StyleValue;
261
+ rootClass: string;
262
+ direction: "horizontal" | "vertical";
263
+ labelWidth: string;
264
+ labelAlign: "start" | "center" | "end";
265
+ labelValign: "start" | "center" | "end";
266
+ starPosition: "left" | "right";
267
+ label: string;
268
+ hideStar: boolean;
269
+ contentPosition: "left" | "right";
270
+ required: boolean | undefined;
271
+ name: FieldName;
272
+ rules: Rule | Rule[];
273
+ validateTrigger: TriggerType;
274
+ error: string;
275
+ showError: boolean;
276
+ inlaid: boolean;
277
+ }) => string | number | (string | number)[])) | undefined;
278
+ rules?: ((props: {
279
+ rootStyle: StyleValue;
280
+ rootClass: string;
281
+ direction: "horizontal" | "vertical";
282
+ labelWidth: string;
283
+ labelAlign: "start" | "center" | "end";
284
+ labelValign: "start" | "center" | "end";
285
+ starPosition: "left" | "right";
286
+ label: string;
287
+ hideStar: boolean;
288
+ contentPosition: "left" | "right";
289
+ required: boolean | undefined;
290
+ name: FieldName;
291
+ rules: Rule | Rule[];
292
+ validateTrigger: TriggerType;
293
+ error: string;
294
+ showError: boolean;
295
+ inlaid: boolean;
296
+ }) => Rule | Rule[]) | undefined;
297
+ validateTrigger?: ("blur" | "change" | ((props: {
298
+ rootStyle: StyleValue;
299
+ rootClass: string;
300
+ direction: "horizontal" | "vertical";
301
+ labelWidth: string;
302
+ labelAlign: "start" | "center" | "end";
303
+ labelValign: "start" | "center" | "end";
304
+ starPosition: "left" | "right";
305
+ label: string;
306
+ hideStar: boolean;
307
+ contentPosition: "left" | "right";
308
+ required: boolean | undefined;
309
+ name: FieldName;
310
+ rules: Rule | Rule[];
311
+ validateTrigger: TriggerType;
312
+ error: string;
313
+ showError: boolean;
314
+ inlaid: boolean;
315
+ }) => "blur" | "change" | ("blur" | "change")[])) | undefined;
316
+ error?: (string | ((props: {
317
+ rootStyle: StyleValue;
318
+ rootClass: string;
319
+ direction: "horizontal" | "vertical";
320
+ labelWidth: string;
321
+ labelAlign: "start" | "center" | "end";
322
+ labelValign: "start" | "center" | "end";
323
+ starPosition: "left" | "right";
324
+ label: string;
325
+ hideStar: boolean;
326
+ contentPosition: "left" | "right";
327
+ required: boolean | undefined;
328
+ name: FieldName;
329
+ rules: Rule | Rule[];
330
+ validateTrigger: TriggerType;
331
+ error: string;
332
+ showError: boolean;
333
+ inlaid: boolean;
334
+ }) => string)) | undefined;
335
+ showError?: (boolean | ((props: {
336
+ rootStyle: StyleValue;
337
+ rootClass: string;
338
+ direction: "horizontal" | "vertical";
339
+ labelWidth: string;
340
+ labelAlign: "start" | "center" | "end";
341
+ labelValign: "start" | "center" | "end";
342
+ starPosition: "left" | "right";
343
+ label: string;
344
+ hideStar: boolean;
345
+ contentPosition: "left" | "right";
346
+ required: boolean | undefined;
347
+ name: FieldName;
348
+ rules: Rule | Rule[];
349
+ validateTrigger: TriggerType;
350
+ error: string;
351
+ showError: boolean;
352
+ inlaid: boolean;
353
+ }) => boolean)) | undefined;
354
+ inlaid?: (boolean | ((props: {
355
+ rootStyle: StyleValue;
356
+ rootClass: string;
357
+ direction: "horizontal" | "vertical";
358
+ labelWidth: string;
359
+ labelAlign: "start" | "center" | "end";
360
+ labelValign: "start" | "center" | "end";
361
+ starPosition: "left" | "right";
362
+ label: string;
363
+ hideStar: boolean;
364
+ contentPosition: "left" | "right";
365
+ required: boolean | undefined;
366
+ name: FieldName;
367
+ rules: Rule | Rule[];
368
+ validateTrigger: TriggerType;
369
+ error: string;
370
+ showError: boolean;
371
+ inlaid: boolean;
372
+ }) => boolean)) | undefined;
70
373
  };
71
374
  export interface FormItemSlots {
72
375
  default?(props: Record<string, never>): any;
@@ -6,14 +6,25 @@ declare const __VLS_component: import("vue").DefineComponent<FormProps, {
6
6
  clearValidate: (nameList?: import("./common").FieldName[]) => Promise<void>;
7
7
  scrollToField: (name: import("./common").FieldName) => void;
8
8
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormProps> & Readonly<{}>, {
9
+ rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
10
+ rootClass: string;
11
+ model: Record<string, any>;
12
+ rules: import("./common").FormRules;
13
+ validateOnRuleChange: boolean;
9
14
  direction: "horizontal" | "vertical";
15
+ labelWidth: string;
10
16
  labelAlign: "start" | "center" | "end";
11
17
  labelValign: "start" | "center" | "end";
12
18
  starPosition: "left" | "right";
13
19
  contentPosition: "left" | "right";
14
- validateOnRuleChange: boolean;
20
+ hideStar: boolean;
15
21
  showError: boolean;
22
+ scrollToFirstError: boolean;
23
+ scrollIntoViewOptions: import("../../utils").ScrollIntoViewOptions;
16
24
  scrollDuration: number;
25
+ disabled: boolean;
26
+ readonly: boolean;
27
+ card: boolean;
17
28
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
29
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
19
30
  export default _default;
@@ -8,8 +8,23 @@ declare const __VLS_component: import("vue").DefineComponent<FormItemProps, {
8
8
  validateMessage: import("vue").Ref<string>;
9
9
  validateState: import("vue").Ref<import("../form/common").ValidateState>;
10
10
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FormItemProps> & Readonly<{}>, {
11
+ name: import("../form/common").FieldName;
12
+ error: string;
13
+ rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
14
+ rootClass: string;
15
+ label: string;
11
16
  required: boolean;
17
+ rules: import("../form/Validator").Rule | import("../form/Validator").Rule[];
18
+ validateTrigger: import("../form/common").TriggerType;
19
+ direction: "horizontal" | "vertical";
20
+ labelWidth: string;
21
+ labelAlign: "start" | "center" | "end";
22
+ labelValign: "start" | "center" | "end";
23
+ starPosition: "left" | "right";
24
+ contentPosition: "left" | "right";
25
+ hideStar: boolean;
12
26
  showError: boolean;
27
+ inlaid: boolean;
13
28
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
29
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
15
30
  export default _default;
@@ -13,7 +13,7 @@ export declare function useFormItem(props: FormItemProps): {
13
13
  shouldShowStar: import("vue").ComputedRef<boolean>;
14
14
  validateMessage: import("vue").Ref<string, string>;
15
15
  shouldShowError: import("vue").ComputedRef<boolean>;
16
- direction: import("vue").ComputedRef<"vertical" | "horizontal" | undefined>;
16
+ direction: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
17
17
  labelAlign: import("vue").ComputedRef<"start" | "center" | "end" | undefined>;
18
18
  labelValign: import("vue").ComputedRef<"start" | "center" | "end" | undefined>;
19
19
  starPosition: import("vue").ComputedRef<"left" | "right" | undefined>;