uview-pro 0.2.4 → 0.3.1

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 (249) hide show
  1. package/changelog.md +584 -545
  2. package/components/common/props.ts +22 -22
  3. package/components/u-action-sheet/types.ts +37 -35
  4. package/components/u-action-sheet/u-action-sheet.vue +178 -167
  5. package/components/u-alert-tips/types.ts +41 -39
  6. package/components/u-alert-tips/u-alert-tips.vue +238 -223
  7. package/components/u-avatar/types.ts +36 -34
  8. package/components/u-avatar/u-avatar.vue +217 -207
  9. package/components/u-avatar-cropper/types.ts +23 -23
  10. package/components/u-avatar-cropper/u-avatar-cropper.vue +297 -286
  11. package/components/u-avatar-cropper/weCropper.d.ts +62 -62
  12. package/components/u-avatar-cropper/weCropper.js +1281 -1281
  13. package/components/u-avatar-cropper/weCropper.ts +1276 -1276
  14. package/components/u-back-top/types.ts +36 -39
  15. package/components/u-back-top/u-back-top.vue +140 -128
  16. package/components/u-badge/types.ts +38 -36
  17. package/components/u-badge/u-badge.vue +183 -165
  18. package/components/u-button/types.ts +66 -66
  19. package/components/u-button/u-button.vue +579 -566
  20. package/components/u-calendar/types.ts +75 -75
  21. package/components/u-calendar/u-calendar.vue +793 -793
  22. package/components/u-car-keyboard/types.ts +14 -12
  23. package/components/u-car-keyboard/u-car-keyboard.vue +262 -253
  24. package/components/u-card/types.ts +61 -59
  25. package/components/u-card/u-card.vue +209 -194
  26. package/components/u-cell-group/types.ts +19 -17
  27. package/components/u-cell-group/u-cell-group.vue +60 -50
  28. package/components/u-cell-item/types.ts +56 -54
  29. package/components/u-cell-item/u-cell-item.vue +226 -213
  30. package/components/u-checkbox/types.ts +33 -31
  31. package/components/u-checkbox/u-checkbox.vue +282 -283
  32. package/components/u-checkbox-group/types.ts +34 -32
  33. package/components/u-checkbox-group/u-checkbox-group.vue +130 -130
  34. package/components/u-circle-progress/types.ts +54 -52
  35. package/components/u-circle-progress/u-circle-progress.vue +206 -191
  36. package/components/u-city-select/types.ts +22 -20
  37. package/components/u-city-select/u-city-select.vue +276 -264
  38. package/components/u-col/types.ts +32 -30
  39. package/components/u-col/u-col.vue +142 -123
  40. package/components/u-collapse/types.ts +33 -33
  41. package/components/u-collapse/u-collapse.vue +190 -186
  42. package/components/u-collapse-item/types.ts +27 -27
  43. package/components/u-collapse-item/u-collapse-item.vue +290 -285
  44. package/components/u-column-notice/types.ts +50 -48
  45. package/components/u-column-notice/u-column-notice.vue +222 -210
  46. package/components/u-count-down/types.ts +44 -42
  47. package/components/u-count-down/u-count-down.vue +286 -274
  48. package/components/u-count-to/types.ts +34 -32
  49. package/components/u-count-to/u-count-to.vue +266 -248
  50. package/components/u-divider/types.ts +33 -31
  51. package/components/u-divider/u-divider.vue +145 -129
  52. package/components/u-dropdown/types.ts +34 -32
  53. package/components/u-dropdown/u-dropdown.vue +330 -302
  54. package/components/u-dropdown-item/types.ts +29 -27
  55. package/components/u-dropdown-item/u-dropdown-item.vue +120 -128
  56. package/components/u-empty/types.ts +38 -36
  57. package/components/u-empty/u-empty.vue +103 -88
  58. package/components/u-field/types.ts +71 -69
  59. package/components/u-field/u-field.vue +388 -373
  60. package/components/u-form/types.ts +29 -27
  61. package/components/u-form/u-form.vue +130 -136
  62. package/components/u-form-item/types.ts +72 -70
  63. package/components/u-form-item/u-form-item.vue +447 -447
  64. package/components/u-full-screen/types.ts +16 -14
  65. package/components/u-full-screen/u-full-screen.vue +103 -89
  66. package/components/u-gap/types.ts +20 -18
  67. package/components/u-gap/u-gap.vue +50 -40
  68. package/components/u-grid/types.ts +21 -19
  69. package/components/u-grid/u-grid.vue +91 -93
  70. package/components/u-grid-item/types.ts +16 -16
  71. package/components/u-grid-item/u-grid-item.vue +130 -134
  72. package/components/u-icon/types.ts +61 -62
  73. package/components/u-icon/u-icon.vue +296 -294
  74. package/components/u-image/types.ts +51 -51
  75. package/components/u-image/u-image.vue +239 -230
  76. package/components/u-index-anchor/types.ts +16 -16
  77. package/components/u-index-anchor/u-index-anchor.vue +94 -86
  78. package/components/u-index-list/types.ts +43 -43
  79. package/components/u-index-list/u-index-list.vue +352 -355
  80. package/components/u-input/types.ts +137 -140
  81. package/components/u-input/u-input.vue +288 -279
  82. package/components/u-keyboard/types.ts +40 -40
  83. package/components/u-keyboard/u-keyboard.vue +178 -169
  84. package/components/u-lazy-load/types.ts +37 -37
  85. package/components/u-lazy-load/u-lazy-load.vue +246 -235
  86. package/components/u-line/types.ts +44 -44
  87. package/components/u-line/u-line.vue +68 -59
  88. package/components/u-line-progress/types.ts +58 -58
  89. package/components/u-line-progress/u-line-progress.vue +126 -117
  90. package/components/u-link/types.ts +43 -43
  91. package/components/u-link/u-link.vue +84 -75
  92. package/components/u-loading/types.ts +35 -35
  93. package/components/u-loading/u-loading.vue +105 -96
  94. package/components/u-loading-popup/types.ts +26 -26
  95. package/components/u-loading-popup/u-loading-popup.vue +253 -239
  96. package/components/u-loadmore/types.ts +79 -79
  97. package/components/u-loadmore/u-loadmore.vue +156 -145
  98. package/components/u-mask/types.ts +40 -43
  99. package/components/u-mask/u-mask.vue +113 -106
  100. package/components/u-message-input/types.ts +74 -74
  101. package/components/u-message-input/u-message-input.vue +281 -270
  102. package/components/u-modal/types.ts +118 -118
  103. package/components/u-modal/u-modal.vue +220 -211
  104. package/components/u-navbar/types.ts +103 -103
  105. package/components/u-navbar/u-navbar.vue +251 -240
  106. package/components/u-no-network/image.ts +2 -2
  107. package/components/u-no-network/types.ts +28 -28
  108. package/components/u-no-network/u-no-network.vue +303 -292
  109. package/components/u-notice-bar/types.ts +111 -111
  110. package/components/u-notice-bar/u-notice-bar.vue +189 -179
  111. package/components/u-number-box/types.ts +42 -42
  112. package/components/u-number-box/u-number-box.vue +321 -312
  113. package/components/u-number-keyboard/types.ts +26 -26
  114. package/components/u-number-keyboard/u-number-keyboard.vue +188 -179
  115. package/components/u-picker/types.ts +123 -123
  116. package/components/u-picker/u-picker.vue +685 -676
  117. package/components/u-popup/types.ts +59 -59
  118. package/components/u-popup/u-popup.vue +385 -375
  119. package/components/u-radio/types.ts +27 -25
  120. package/components/u-radio/u-radio.vue +279 -272
  121. package/components/u-radio-group/types.ts +31 -29
  122. package/components/u-radio-group/u-radio-group.vue +96 -108
  123. package/components/u-rate/types.ts +42 -40
  124. package/components/u-rate/u-rate.vue +249 -234
  125. package/components/u-read-more/types.ts +37 -35
  126. package/components/u-read-more/u-read-more.vue +172 -156
  127. package/components/u-root-portal/u-root-portal.vue +56 -54
  128. package/components/u-row/types.ts +22 -20
  129. package/components/u-row/u-row.vue +105 -87
  130. package/components/u-row-notice/types.ts +41 -39
  131. package/components/u-row-notice/u-row-notice.vue +256 -244
  132. package/components/u-safe-bottom/u-safe-bottom.vue +57 -46
  133. package/components/u-search/types.ts +55 -53
  134. package/components/u-search/u-search.vue +279 -268
  135. package/components/u-section/types.ts +34 -32
  136. package/components/u-section/u-section.vue +150 -131
  137. package/components/u-select/types.ts +45 -43
  138. package/components/u-select/u-select.vue +388 -378
  139. package/components/u-skeleton/types.ts +22 -20
  140. package/components/u-skeleton/u-skeleton.vue +231 -220
  141. package/components/u-slider/types.ts +34 -32
  142. package/components/u-slider/u-slider.vue +255 -247
  143. package/components/u-status-bar/u-status-bar.vue +74 -65
  144. package/components/u-steps/types.ts +30 -28
  145. package/components/u-steps/u-steps.vue +181 -169
  146. package/components/u-sticky/types.ts +24 -22
  147. package/components/u-sticky/u-sticky.vue +178 -162
  148. package/components/u-subsection/types.ts +38 -36
  149. package/components/u-subsection/u-subsection.vue +339 -328
  150. package/components/u-swipe-action/types.ts +52 -50
  151. package/components/u-swipe-action/u-swipe-action.vue +276 -260
  152. package/components/u-swiper/types.ts +49 -47
  153. package/components/u-swiper/u-swiper.vue +308 -291
  154. package/components/u-switch/types.ts +30 -28
  155. package/components/u-switch/u-switch.vue +150 -141
  156. package/components/u-tabbar/types.ts +38 -36
  157. package/components/u-tabbar/u-tabbar.vue +315 -298
  158. package/components/u-table/types.ts +27 -25
  159. package/components/u-table/u-table.vue +67 -55
  160. package/components/u-tabs/types.ts +53 -51
  161. package/components/u-tabs/u-tabs.vue +302 -291
  162. package/components/u-tabs-swiper/types.ts +55 -53
  163. package/components/u-tabs-swiper/u-tabs-swiper.vue +409 -397
  164. package/components/u-tag/types.ts +39 -37
  165. package/components/u-tag/u-tag.vue +268 -252
  166. package/components/u-td/types.ts +14 -12
  167. package/components/u-td/u-td.vue +98 -87
  168. package/components/u-text/types.ts +72 -72
  169. package/components/u-text/u-text.vue +343 -341
  170. package/components/u-th/types.ts +14 -12
  171. package/components/u-th/u-th.vue +92 -81
  172. package/components/u-time-line/u-time-line.vue +53 -39
  173. package/components/u-time-line-item/types.ts +16 -14
  174. package/components/u-time-line-item/u-time-line-item.vue +90 -78
  175. package/components/u-toast/types.ts +38 -36
  176. package/components/u-toast/u-toast.vue +240 -233
  177. package/components/u-top-tips/types.ts +16 -14
  178. package/components/u-top-tips/u-top-tips.vue +130 -113
  179. package/components/u-tr/types.ts +11 -8
  180. package/components/u-tr/u-tr.vue +39 -24
  181. package/components/u-upload/types.ts +82 -80
  182. package/components/u-upload/u-upload.vue +568 -559
  183. package/components/u-verification-code/types.ts +24 -22
  184. package/components/u-verification-code/u-verification-code.vue +176 -164
  185. package/components/u-waterfall/types.ts +18 -16
  186. package/components/u-waterfall/u-waterfall.vue +187 -175
  187. package/iconfont.css +913 -913
  188. package/index.scss +25 -25
  189. package/index.ts +38 -38
  190. package/libs/config/config.ts +26 -26
  191. package/libs/config/zIndex.ts +37 -37
  192. package/libs/css/color.scss +155 -155
  193. package/libs/css/common.scss +178 -178
  194. package/libs/css/style.components.scss +16 -16
  195. package/libs/css/style.h5.scss +8 -8
  196. package/libs/css/style.mp.scss +72 -72
  197. package/libs/css/style.nvue.scss +15 -15
  198. package/libs/css/style.vue.scss +188 -188
  199. package/libs/function/$parent.ts +24 -24
  200. package/libs/function/addUnit.ts +13 -13
  201. package/libs/function/color.ts +37 -37
  202. package/libs/function/colorGradient.ts +139 -139
  203. package/libs/function/debounce.ts +28 -28
  204. package/libs/function/deepClone.ts +39 -39
  205. package/libs/function/deepMerge.ts +35 -35
  206. package/libs/function/getParent.ts +63 -63
  207. package/libs/function/getRect.ts +26 -26
  208. package/libs/function/guid.ts +42 -42
  209. package/libs/function/md5.ts +403 -403
  210. package/libs/function/parent.ts +21 -21
  211. package/libs/function/queryParams.ts +64 -64
  212. package/libs/function/random.ts +16 -16
  213. package/libs/function/randomArray.ts +11 -11
  214. package/libs/function/route.ts +118 -118
  215. package/libs/function/styleUtils.ts +83 -83
  216. package/libs/function/sys.ts +15 -15
  217. package/libs/function/test.ts +289 -289
  218. package/libs/function/throttle.ts +31 -31
  219. package/libs/function/timeFormat.ts +55 -55
  220. package/libs/function/timeFrom.ts +48 -48
  221. package/libs/function/toast.ts +14 -14
  222. package/libs/function/trim.ts +21 -21
  223. package/libs/function/type2icon.ts +39 -39
  224. package/libs/hooks/index.ts +4 -3
  225. package/libs/hooks/useCompRelation.ts +364 -0
  226. package/libs/hooks/useComponent.ts +759 -759
  227. package/libs/hooks/useEmitter.ts +79 -79
  228. package/libs/hooks/useParent.ts +33 -33
  229. package/libs/hooks/useRect.ts +33 -33
  230. package/libs/index.ts +337 -320
  231. package/libs/request/auto-http.ts +76 -76
  232. package/libs/request/index.ts +242 -242
  233. package/libs/store/index.ts +88 -88
  234. package/libs/util/async-validator.d.ts +75 -75
  235. package/libs/util/async-validator.js +1 -1
  236. package/libs/util/calendar.d.ts +57 -57
  237. package/libs/util/emitter.ts +112 -112
  238. package/libs/util/eventBus.ts +86 -86
  239. package/libs/util/logger.ts +364 -364
  240. package/libs/util/mitt.ts +118 -118
  241. package/libs/util/parent.ts +20 -20
  242. package/package.json +4 -4
  243. package/readme.md +241 -241
  244. package/theme.scss +38 -38
  245. package/types/components.d.ts +97 -97
  246. package/types/global.d.ts +331 -331
  247. package/types/ignore-errors.d.ts +30 -30
  248. package/types/index.d.ts +19 -19
  249. package/types/uni-app.d.ts +63 -63
package/types/global.d.ts CHANGED
@@ -1,331 +1,331 @@
1
- export type ThemeType = 'primary' | 'info' | 'error' | 'warning' | 'success';
2
-
3
- export type ImgMode = 'aspectFit' | 'aspectFill' | 'widthFix' | 'top' | 'bottom' | 'center' | 'scaleToFill';
4
-
5
- export type Direction = 'horizontal' | 'vertical';
6
-
7
- export type Sex = 'man' | 'woman';
8
-
9
- export type Shape = 'circle' | 'square';
10
- export type Effect = 'linear' | 'ease' | 'ease-in' | 'ease-in-out' | 'ease-out' | 'step-start' | 'step-end';
11
-
12
- export type TextAlign = 'left' | 'center' | 'right';
13
- export type JustifyType = 'start' | 'end' | 'center' | 'around' | 'between';
14
- export type AlignType = 'top' | 'center' | 'bottom';
15
- export type ScrollDirection = 'row' | 'column';
16
- export type PlayState = 'play' | 'paused';
17
- export type OptionType = { label: string; value: any };
18
-
19
- // action-sheet 操作项类型
20
- export type ActionSheetItem = {
21
- text: string;
22
- subText?: string;
23
- color?: string;
24
- fontSize?: string;
25
- disabled?: boolean;
26
- };
27
-
28
- // action-sheet 底部提示类型
29
- export type ActionSheetTips = {
30
- text: string;
31
- color?: string;
32
- fontSize?: string;
33
- };
34
-
35
- // avatar-cropper 裁剪矩形框的样式
36
- export type AvatarCropperBoundStyle = {
37
- lineWidth: number;
38
- borderColor: string;
39
- mask: string;
40
- };
41
- // badge 角标类型
42
- export type BadgeSize = 'default' | 'mini';
43
- // button 按钮类型
44
- export type ButtonType = 'primary' | 'info' | 'error' | 'warning' | 'success' | 'default';
45
- // button 按钮尺寸
46
- export type ButtonSize = 'default' | 'medium' | 'mini';
47
- // button 按钮 form-type
48
- export type ButtonFormType = '' | 'submit' | 'reset';
49
- // button 按钮 scope
50
- export type ButtonScope = 'phoneNumber' | 'userInfo';
51
- // button 按钮open-type
52
- export type ButtonOpenType =
53
- | 'feedback'
54
- | 'share'
55
- | 'getUserInfo'
56
- | 'contact'
57
- | 'getPhoneNumber'
58
- | 'launchApp'
59
- | 'openSetting'
60
- | 'chooseAvatar'
61
- | 'getAuthorize'
62
- | 'lifestyle'
63
- | 'contactShare'
64
- | 'openGroupProfile'
65
- | 'openGuildProfile'
66
- | 'openPublicProfile'
67
- | 'shareMessageToFriend'
68
- | 'addFriend'
69
- | 'addColorSign'
70
- | 'addGroupApp'
71
- | 'addToFavorites'
72
- | 'chooseAddress'
73
- | 'chooseInvoiceTitle'
74
- | 'login'
75
- | 'subscribe'
76
- | 'favorite'
77
- | 'watchLater'
78
- | 'openProfile'
79
- | 'agreePrivacyAuthorization';
80
-
81
- // calendar 组件 mode
82
- export type CalendarMode = 'date' | 'range';
83
-
84
- // calendar 农历数据类型定义
85
- export type CalendarLunarItem = {
86
- dayCn: string;
87
- weekCn: string;
88
- monthCn: string;
89
- day: number;
90
- week: number;
91
- month: number;
92
- year: number;
93
- };
94
-
95
- // calendar 事件类型定义,单个日期
96
- export type CalendarChangeDate = {
97
- year: number;
98
- month: number;
99
- day: number;
100
- days: number;
101
- result: string;
102
- week: string;
103
- isToday: boolean;
104
- lunar: CalendarLunarItem | null; // getLunar 返回类型,建议后续补充具体类型
105
- };
106
-
107
- // calendar 事件类型定义,范围选择
108
- export type CalendarChangeRange = {
109
- startYear: number;
110
- startMonth: number;
111
- startDay: number;
112
- startDate: string;
113
- startWeek: string;
114
- endYear: number;
115
- endMonth: number;
116
- endDay: number;
117
- endDate: string;
118
- endWeek: string;
119
- startLunar: CalendarLunarItem | null;
120
- endLunar: CalendarLunarItem | null;
121
- };
122
-
123
- // CellItem 右侧箭头方向,可选值:right|up|down,默认为right
124
- export type CellItemArrowDirection = 'right' | 'up' | 'down';
125
-
126
- export type FormRuleItem = {
127
- required?: boolean;
128
- message?: string;
129
- trigger?: string | string[];
130
- min?: number;
131
- max?: number;
132
- pattern?: RegExp;
133
- type?: string;
134
- validator?: (rule: any, value: any, callback: any) => boolean;
135
- asyncValidator?: (rule: any, value: any, callback: any) => void;
136
- };
137
- export type FormRules = Record<string, FormRuleItem | FormRuleItem[]>;
138
-
139
- export type InputType =
140
- | 'text'
141
- | 'number'
142
- | 'idcard'
143
- | 'digit'
144
- | 'password'
145
- | 'textarea'
146
- | 'phone'
147
- | 'url'
148
- | 'email'
149
- | 'safe-password'
150
- | 'name'
151
- | 'bank-card'
152
- | 'tel'
153
- | 'select';
154
-
155
- export type InputAlign = 'left' | 'center' | 'right';
156
-
157
- export type InputConfirmType = 'send' | 'search' | 'next' | 'go' | 'done';
158
-
159
- export type InputLabelPosition = 'left' | 'top';
160
-
161
- export type FormErrorType = 'message' | 'border' | 'border-bottom' | 'none' | 'toast';
162
-
163
- export type IconLabelPosition = 'left' | 'top' | 'right' | 'bottom';
164
-
165
- export type LineDirection = 'row' | 'column';
166
-
167
- export type LineBorderStyle = 'solid' | 'dashed' | 'dotted';
168
-
169
- export type LoadmoreText = {
170
- loadmore: string;
171
- loading: string;
172
- nomore: string;
173
- };
174
-
175
- export type LoadmoreStatus = 'loadmore' | 'loading' | 'nomore';
176
-
177
- export type LoadmoreIconType = 'circle' | 'flower';
178
-
179
- export type MessageInputMode = 'box' | 'bottomLine' | 'middleLine';
180
-
181
- export type NumberKeyboardMode = 'number' | 'card';
182
-
183
- /**
184
- * PickerMode 选择器模式类型
185
- * 模式选择,region-地区类型,time-时间类型,selector-单列模式,multiSelector-多列模
186
- */
187
- export type PickerMode = 'region' | 'time' | 'selector' | 'multiSelector';
188
-
189
- /**
190
- * PickerParams 选择器参数类型
191
- */
192
- export type PickerParams = {
193
- year?: boolean;
194
- month?: boolean;
195
- day?: boolean;
196
- hour?: boolean;
197
- minute?: boolean;
198
- second?: boolean;
199
- province?: boolean;
200
- city?: boolean;
201
- area?: boolean;
202
- timestamp?: boolean;
203
- };
204
-
205
- export type PopupMode = 'left' | 'right' | 'top' | 'bottom' | 'center';
206
- export type PopupCloseIconPos = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
207
-
208
- // Row水平排列方式,可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`)
209
- export type RowJustify =
210
- | 'start'
211
- | 'flex-start'
212
- | 'end'
213
- | 'flex-end'
214
- | 'center'
215
- | 'around'
216
- | 'space-around'
217
- | 'between'
218
- | 'space-between';
219
- // Row垂直对齐方式,可选值为top、center、bottom
220
- export type RowAlign = 'top' | 'center' | 'bottom';
221
- // search 组件形状
222
- export type SearchShape = 'round' | 'square';
223
- // select 组件 mode single-column-单列,mutil-column-多列,mutil-column-auto-多列联动
224
- export type SelectMode = 'single-column' | 'mutil-column' | 'mutil-column-auto';
225
- // select 组件 list item
226
- export type SelectListItem = {
227
- label: string;
228
- value: string | number;
229
- children?: SelectListItem[];
230
- extra?: any;
231
- [key: string]: any;
232
- };
233
- // Step 组件 mode
234
- export type StepsListItem = {
235
- name: string;
236
- [key: string]: any;
237
- };
238
- // Step 组件 mode
239
- export type StepMode = 'dot' | 'number';
240
- // Step 组件 direction
241
- export type StepDirection = 'row' | 'column';
242
- // Subsection 组件 list item
243
- export type SubsectionListItem = {
244
- name: string;
245
- width?: number;
246
- [key: string]: any;
247
- };
248
- // Subsection 组件 mode
249
- export type SubsectionMode = 'button' | 'subsection';
250
- // swipeAction 操作项类型
251
- export type SwipeActionOption = {
252
- /** 按钮显示的文字 */
253
- text: string;
254
- /** 按钮自定义样式 */
255
- style?: Record<string, any>;
256
- };
257
- // swiper 组件 mode
258
- export type SwiperMode = 'round' | 'dot' | 'rect' | 'number' | 'none';
259
- // swiper 组件 indicatorPos
260
- export type SwiperIndicatorPosition =
261
- | 'topLeft'
262
- | 'topCenter'
263
- | 'topRight'
264
- | 'bottomLeft'
265
- | 'bottomCenter'
266
- | 'bottomRight';
267
- // tabs 组件 props
268
- export type TabsItem = {
269
- [key: string]: any;
270
- name?: string | number;
271
- count?: string | number;
272
- };
273
- // tabs-swiper 组件 list item
274
- export type TabsSwiperListItem = {
275
- [key: string]: any;
276
- name?: string | number;
277
- count?: string | number;
278
- };
279
- // tabs-swiper 组件 autoCenterMode
280
- export type TabsSwiperAutoCenterMode = 'window';
281
- // tag 组件 mode
282
- export type TagMode = 'light' | 'dark' | 'plain';
283
- // tag 组件 shape
284
- export type TagShape = 'square' | 'circle' | 'circleLeft' | 'circleRight';
285
- // tag 组件 size
286
- export type TagSize = 'default' | 'mini' | 'medium';
287
- // toast 组件 position
288
- export type ToastPosition = 'top' | 'center' | 'bottom';
289
- export type UploadSizeType = 'original' | 'compressed';
290
- export type UploadSourceType = 'album' | 'camera';
291
- // 自定义主题色
292
- export type ThemeColor = Partial<{
293
- primary: string;
294
- primaryDark: string;
295
- primaryDisabled: string;
296
- primaryLight: string;
297
- bgColor: string;
298
- info: string;
299
- infoDark: string;
300
- infoDisabled: string;
301
- infoLight: string;
302
- warning: string;
303
- warningDark: string;
304
- warningDisabled: string;
305
- warningLight: string;
306
- error: string;
307
- errorDark: string;
308
- errorDisabled: string;
309
- errorLight: string;
310
- success: string;
311
- successDark: string;
312
- successDisabled: string;
313
- successLight: string;
314
- mainColor: string;
315
- contentColor: string;
316
- tipsColor: string;
317
- lightColor: string;
318
- borderColor: string;
319
- }>;
320
-
321
- export type LogConfig = Partial<{
322
- debug?: boolean;
323
- prefix?: string;
324
- showCallerInfo?: boolean;
325
- }>;
326
-
327
- export interface UViewProOptions {
328
- theme?: ThemeColor;
329
- log?: LogConfig;
330
- // 可扩展更多配置项
331
- }
1
+ export type ThemeType = 'primary' | 'info' | 'error' | 'warning' | 'success';
2
+
3
+ export type ImgMode = 'aspectFit' | 'aspectFill' | 'widthFix' | 'top' | 'bottom' | 'center' | 'scaleToFill';
4
+
5
+ export type Direction = 'horizontal' | 'vertical';
6
+
7
+ export type Sex = 'man' | 'woman';
8
+
9
+ export type Shape = 'circle' | 'square';
10
+ export type Effect = 'linear' | 'ease' | 'ease-in' | 'ease-in-out' | 'ease-out' | 'step-start' | 'step-end';
11
+
12
+ export type TextAlign = 'left' | 'center' | 'right';
13
+ export type JustifyType = 'start' | 'end' | 'center' | 'around' | 'between';
14
+ export type AlignType = 'top' | 'center' | 'bottom';
15
+ export type ScrollDirection = 'row' | 'column';
16
+ export type PlayState = 'play' | 'paused';
17
+ export type OptionType = { label: string; value: any };
18
+
19
+ // action-sheet 操作项类型
20
+ export type ActionSheetItem = {
21
+ text: string;
22
+ subText?: string;
23
+ color?: string;
24
+ fontSize?: string;
25
+ disabled?: boolean;
26
+ };
27
+
28
+ // action-sheet 底部提示类型
29
+ export type ActionSheetTips = {
30
+ text: string;
31
+ color?: string;
32
+ fontSize?: string;
33
+ };
34
+
35
+ // avatar-cropper 裁剪矩形框的样式
36
+ export type AvatarCropperBoundStyle = {
37
+ lineWidth: number;
38
+ borderColor: string;
39
+ mask: string;
40
+ };
41
+ // badge 角标类型
42
+ export type BadgeSize = 'default' | 'mini';
43
+ // button 按钮类型
44
+ export type ButtonType = 'primary' | 'info' | 'error' | 'warning' | 'success' | 'default';
45
+ // button 按钮尺寸
46
+ export type ButtonSize = 'default' | 'medium' | 'mini';
47
+ // button 按钮 form-type
48
+ export type ButtonFormType = '' | 'submit' | 'reset';
49
+ // button 按钮 scope
50
+ export type ButtonScope = 'phoneNumber' | 'userInfo';
51
+ // button 按钮open-type
52
+ export type ButtonOpenType =
53
+ | 'feedback'
54
+ | 'share'
55
+ | 'getUserInfo'
56
+ | 'contact'
57
+ | 'getPhoneNumber'
58
+ | 'launchApp'
59
+ | 'openSetting'
60
+ | 'chooseAvatar'
61
+ | 'getAuthorize'
62
+ | 'lifestyle'
63
+ | 'contactShare'
64
+ | 'openGroupProfile'
65
+ | 'openGuildProfile'
66
+ | 'openPublicProfile'
67
+ | 'shareMessageToFriend'
68
+ | 'addFriend'
69
+ | 'addColorSign'
70
+ | 'addGroupApp'
71
+ | 'addToFavorites'
72
+ | 'chooseAddress'
73
+ | 'chooseInvoiceTitle'
74
+ | 'login'
75
+ | 'subscribe'
76
+ | 'favorite'
77
+ | 'watchLater'
78
+ | 'openProfile'
79
+ | 'agreePrivacyAuthorization';
80
+
81
+ // calendar 组件 mode
82
+ export type CalendarMode = 'date' | 'range';
83
+
84
+ // calendar 农历数据类型定义
85
+ export type CalendarLunarItem = {
86
+ dayCn: string;
87
+ weekCn: string;
88
+ monthCn: string;
89
+ day: number;
90
+ week: number;
91
+ month: number;
92
+ year: number;
93
+ };
94
+
95
+ // calendar 事件类型定义,单个日期
96
+ export type CalendarChangeDate = {
97
+ year: number;
98
+ month: number;
99
+ day: number;
100
+ days: number;
101
+ result: string;
102
+ week: string;
103
+ isToday: boolean;
104
+ lunar: CalendarLunarItem | null; // getLunar 返回类型,建议后续补充具体类型
105
+ };
106
+
107
+ // calendar 事件类型定义,范围选择
108
+ export type CalendarChangeRange = {
109
+ startYear: number;
110
+ startMonth: number;
111
+ startDay: number;
112
+ startDate: string;
113
+ startWeek: string;
114
+ endYear: number;
115
+ endMonth: number;
116
+ endDay: number;
117
+ endDate: string;
118
+ endWeek: string;
119
+ startLunar: CalendarLunarItem | null;
120
+ endLunar: CalendarLunarItem | null;
121
+ };
122
+
123
+ // CellItem 右侧箭头方向,可选值:right|up|down,默认为right
124
+ export type CellItemArrowDirection = 'right' | 'up' | 'down';
125
+
126
+ export type FormRuleItem = {
127
+ required?: boolean;
128
+ message?: string;
129
+ trigger?: string | string[];
130
+ min?: number;
131
+ max?: number;
132
+ pattern?: RegExp;
133
+ type?: string;
134
+ validator?: (rule: any, value: any, callback: any) => boolean;
135
+ asyncValidator?: (rule: any, value: any, callback: any) => void;
136
+ };
137
+ export type FormRules = Record<string, FormRuleItem | FormRuleItem[]>;
138
+
139
+ export type InputType =
140
+ | 'text'
141
+ | 'number'
142
+ | 'idcard'
143
+ | 'digit'
144
+ | 'password'
145
+ | 'textarea'
146
+ | 'phone'
147
+ | 'url'
148
+ | 'email'
149
+ | 'safe-password'
150
+ | 'name'
151
+ | 'bank-card'
152
+ | 'tel'
153
+ | 'select';
154
+
155
+ export type InputAlign = 'left' | 'center' | 'right';
156
+
157
+ export type InputConfirmType = 'send' | 'search' | 'next' | 'go' | 'done';
158
+
159
+ export type InputLabelPosition = 'left' | 'top';
160
+
161
+ export type FormErrorType = 'message' | 'border' | 'border-bottom' | 'none' | 'toast';
162
+
163
+ export type IconLabelPosition = 'left' | 'top' | 'right' | 'bottom';
164
+
165
+ export type LineDirection = 'row' | 'column';
166
+
167
+ export type LineBorderStyle = 'solid' | 'dashed' | 'dotted';
168
+
169
+ export type LoadmoreText = {
170
+ loadmore: string;
171
+ loading: string;
172
+ nomore: string;
173
+ };
174
+
175
+ export type LoadmoreStatus = 'loadmore' | 'loading' | 'nomore';
176
+
177
+ export type LoadmoreIconType = 'circle' | 'flower';
178
+
179
+ export type MessageInputMode = 'box' | 'bottomLine' | 'middleLine';
180
+
181
+ export type NumberKeyboardMode = 'number' | 'card';
182
+
183
+ /**
184
+ * PickerMode 选择器模式类型
185
+ * 模式选择,region-地区类型,time-时间类型,selector-单列模式,multiSelector-多列模
186
+ */
187
+ export type PickerMode = 'region' | 'time' | 'selector' | 'multiSelector';
188
+
189
+ /**
190
+ * PickerParams 选择器参数类型
191
+ */
192
+ export type PickerParams = {
193
+ year?: boolean;
194
+ month?: boolean;
195
+ day?: boolean;
196
+ hour?: boolean;
197
+ minute?: boolean;
198
+ second?: boolean;
199
+ province?: boolean;
200
+ city?: boolean;
201
+ area?: boolean;
202
+ timestamp?: boolean;
203
+ };
204
+
205
+ export type PopupMode = 'left' | 'right' | 'top' | 'bottom' | 'center';
206
+ export type PopupCloseIconPos = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
207
+
208
+ // Row水平排列方式,可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`)
209
+ export type RowJustify =
210
+ | 'start'
211
+ | 'flex-start'
212
+ | 'end'
213
+ | 'flex-end'
214
+ | 'center'
215
+ | 'around'
216
+ | 'space-around'
217
+ | 'between'
218
+ | 'space-between';
219
+ // Row垂直对齐方式,可选值为top、center、bottom
220
+ export type RowAlign = 'top' | 'center' | 'bottom';
221
+ // search 组件形状
222
+ export type SearchShape = 'round' | 'square';
223
+ // select 组件 mode single-column-单列,mutil-column-多列,mutil-column-auto-多列联动
224
+ export type SelectMode = 'single-column' | 'mutil-column' | 'mutil-column-auto';
225
+ // select 组件 list item
226
+ export type SelectListItem = {
227
+ label: string;
228
+ value: string | number;
229
+ children?: SelectListItem[];
230
+ extra?: any;
231
+ [key: string]: any;
232
+ };
233
+ // Step 组件 mode
234
+ export type StepsListItem = {
235
+ name: string;
236
+ [key: string]: any;
237
+ };
238
+ // Step 组件 mode
239
+ export type StepMode = 'dot' | 'number';
240
+ // Step 组件 direction
241
+ export type StepDirection = 'row' | 'column';
242
+ // Subsection 组件 list item
243
+ export type SubsectionListItem = {
244
+ name: string;
245
+ width?: number;
246
+ [key: string]: any;
247
+ };
248
+ // Subsection 组件 mode
249
+ export type SubsectionMode = 'button' | 'subsection';
250
+ // swipeAction 操作项类型
251
+ export type SwipeActionOption = {
252
+ /** 按钮显示的文字 */
253
+ text: string;
254
+ /** 按钮自定义样式 */
255
+ style?: Record<string, any>;
256
+ };
257
+ // swiper 组件 mode
258
+ export type SwiperMode = 'round' | 'dot' | 'rect' | 'number' | 'none';
259
+ // swiper 组件 indicatorPos
260
+ export type SwiperIndicatorPosition =
261
+ | 'topLeft'
262
+ | 'topCenter'
263
+ | 'topRight'
264
+ | 'bottomLeft'
265
+ | 'bottomCenter'
266
+ | 'bottomRight';
267
+ // tabs 组件 props
268
+ export type TabsItem = {
269
+ [key: string]: any;
270
+ name?: string | number;
271
+ count?: string | number;
272
+ };
273
+ // tabs-swiper 组件 list item
274
+ export type TabsSwiperListItem = {
275
+ [key: string]: any;
276
+ name?: string | number;
277
+ count?: string | number;
278
+ };
279
+ // tabs-swiper 组件 autoCenterMode
280
+ export type TabsSwiperAutoCenterMode = 'window';
281
+ // tag 组件 mode
282
+ export type TagMode = 'light' | 'dark' | 'plain';
283
+ // tag 组件 shape
284
+ export type TagShape = 'square' | 'circle' | 'circleLeft' | 'circleRight';
285
+ // tag 组件 size
286
+ export type TagSize = 'default' | 'mini' | 'medium';
287
+ // toast 组件 position
288
+ export type ToastPosition = 'top' | 'center' | 'bottom';
289
+ export type UploadSizeType = 'original' | 'compressed';
290
+ export type UploadSourceType = 'album' | 'camera';
291
+ // 自定义主题色
292
+ export type ThemeColor = Partial<{
293
+ primary: string;
294
+ primaryDark: string;
295
+ primaryDisabled: string;
296
+ primaryLight: string;
297
+ bgColor: string;
298
+ info: string;
299
+ infoDark: string;
300
+ infoDisabled: string;
301
+ infoLight: string;
302
+ warning: string;
303
+ warningDark: string;
304
+ warningDisabled: string;
305
+ warningLight: string;
306
+ error: string;
307
+ errorDark: string;
308
+ errorDisabled: string;
309
+ errorLight: string;
310
+ success: string;
311
+ successDark: string;
312
+ successDisabled: string;
313
+ successLight: string;
314
+ mainColor: string;
315
+ contentColor: string;
316
+ tipsColor: string;
317
+ lightColor: string;
318
+ borderColor: string;
319
+ }>;
320
+
321
+ export type LogConfig = Partial<{
322
+ debug?: boolean;
323
+ prefix?: string;
324
+ showCallerInfo?: boolean;
325
+ }>;
326
+
327
+ export interface UViewProOptions {
328
+ theme?: ThemeColor;
329
+ log?: LogConfig;
330
+ // 可扩展更多配置项
331
+ }