uview-pro 0.3.0 → 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.
- package/changelog.md +584 -574
- package/components/common/props.ts +22 -22
- package/components/u-action-sheet/types.ts +37 -37
- package/components/u-action-sheet/u-action-sheet.vue +178 -178
- package/components/u-alert-tips/types.ts +41 -41
- package/components/u-alert-tips/u-alert-tips.vue +238 -238
- package/components/u-avatar/types.ts +36 -36
- package/components/u-avatar/u-avatar.vue +217 -217
- package/components/u-avatar-cropper/types.ts +23 -23
- package/components/u-avatar-cropper/u-avatar-cropper.vue +297 -297
- package/components/u-avatar-cropper/weCropper.d.ts +62 -62
- package/components/u-avatar-cropper/weCropper.js +1281 -1281
- package/components/u-avatar-cropper/weCropper.ts +1276 -1276
- package/components/u-back-top/types.ts +36 -36
- package/components/u-back-top/u-back-top.vue +140 -140
- package/components/u-badge/types.ts +38 -38
- package/components/u-badge/u-badge.vue +183 -183
- package/components/u-button/types.ts +66 -66
- package/components/u-button/u-button.vue +579 -579
- package/components/u-calendar/types.ts +75 -75
- package/components/u-calendar/u-calendar.vue +793 -793
- package/components/u-car-keyboard/types.ts +14 -14
- package/components/u-car-keyboard/u-car-keyboard.vue +262 -262
- package/components/u-card/types.ts +61 -61
- package/components/u-card/u-card.vue +209 -209
- package/components/u-cell-group/types.ts +19 -19
- package/components/u-cell-group/u-cell-group.vue +60 -60
- package/components/u-cell-item/types.ts +56 -56
- package/components/u-cell-item/u-cell-item.vue +226 -226
- package/components/u-checkbox/types.ts +33 -33
- package/components/u-checkbox/u-checkbox.vue +282 -282
- package/components/u-checkbox-group/types.ts +34 -34
- package/components/u-checkbox-group/u-checkbox-group.vue +130 -130
- package/components/u-circle-progress/types.ts +54 -54
- package/components/u-circle-progress/u-circle-progress.vue +206 -206
- package/components/u-city-select/types.ts +22 -22
- package/components/u-city-select/u-city-select.vue +276 -276
- package/components/u-col/types.ts +32 -32
- package/components/u-col/u-col.vue +142 -142
- package/components/u-collapse/types.ts +33 -33
- package/components/u-collapse/u-collapse.vue +190 -190
- package/components/u-collapse-item/types.ts +27 -27
- package/components/u-collapse-item/u-collapse-item.vue +290 -290
- package/components/u-column-notice/types.ts +50 -50
- package/components/u-column-notice/u-column-notice.vue +222 -222
- package/components/u-count-down/types.ts +44 -44
- package/components/u-count-down/u-count-down.vue +286 -286
- package/components/u-count-to/types.ts +34 -34
- package/components/u-count-to/u-count-to.vue +266 -266
- package/components/u-divider/types.ts +33 -33
- package/components/u-divider/u-divider.vue +145 -145
- package/components/u-dropdown/types.ts +34 -34
- package/components/u-dropdown/u-dropdown.vue +330 -330
- package/components/u-dropdown-item/types.ts +29 -29
- package/components/u-dropdown-item/u-dropdown-item.vue +120 -120
- package/components/u-empty/types.ts +38 -38
- package/components/u-empty/u-empty.vue +103 -103
- package/components/u-field/types.ts +71 -71
- package/components/u-field/u-field.vue +388 -388
- package/components/u-form/types.ts +29 -29
- package/components/u-form/u-form.vue +130 -130
- package/components/u-form-item/types.ts +72 -72
- package/components/u-form-item/u-form-item.vue +447 -447
- package/components/u-full-screen/types.ts +16 -16
- package/components/u-full-screen/u-full-screen.vue +103 -103
- package/components/u-gap/types.ts +20 -20
- package/components/u-gap/u-gap.vue +50 -50
- package/components/u-grid/types.ts +21 -21
- package/components/u-grid/u-grid.vue +91 -91
- package/components/u-grid-item/types.ts +16 -16
- package/components/u-grid-item/u-grid-item.vue +130 -130
- package/components/u-icon/types.ts +61 -61
- package/components/u-icon/u-icon.vue +296 -296
- package/components/u-image/types.ts +51 -51
- package/components/u-image/u-image.vue +239 -239
- package/components/u-index-anchor/types.ts +16 -16
- package/components/u-index-anchor/u-index-anchor.vue +94 -94
- package/components/u-index-list/types.ts +43 -43
- package/components/u-index-list/u-index-list.vue +352 -352
- package/components/u-input/types.ts +137 -137
- package/components/u-input/u-input.vue +288 -288
- package/components/u-keyboard/types.ts +40 -40
- package/components/u-keyboard/u-keyboard.vue +178 -178
- package/components/u-lazy-load/types.ts +37 -37
- package/components/u-lazy-load/u-lazy-load.vue +246 -246
- package/components/u-line/types.ts +44 -44
- package/components/u-line/u-line.vue +68 -68
- package/components/u-line-progress/types.ts +58 -58
- package/components/u-line-progress/u-line-progress.vue +126 -126
- package/components/u-link/types.ts +43 -43
- package/components/u-link/u-link.vue +84 -84
- package/components/u-loading/types.ts +35 -35
- package/components/u-loading/u-loading.vue +105 -105
- package/components/u-loading-popup/types.ts +26 -26
- package/components/u-loading-popup/u-loading-popup.vue +253 -253
- package/components/u-loadmore/types.ts +79 -79
- package/components/u-loadmore/u-loadmore.vue +156 -156
- package/components/u-mask/types.ts +40 -40
- package/components/u-mask/u-mask.vue +113 -113
- package/components/u-message-input/types.ts +74 -74
- package/components/u-message-input/u-message-input.vue +281 -281
- package/components/u-modal/types.ts +118 -118
- package/components/u-modal/u-modal.vue +220 -220
- package/components/u-navbar/types.ts +103 -103
- package/components/u-navbar/u-navbar.vue +251 -251
- package/components/u-no-network/image.ts +2 -2
- package/components/u-no-network/types.ts +28 -28
- package/components/u-no-network/u-no-network.vue +303 -303
- package/components/u-notice-bar/types.ts +111 -111
- package/components/u-notice-bar/u-notice-bar.vue +189 -189
- package/components/u-number-box/types.ts +42 -42
- package/components/u-number-box/u-number-box.vue +321 -321
- package/components/u-number-keyboard/types.ts +26 -26
- package/components/u-number-keyboard/u-number-keyboard.vue +188 -188
- package/components/u-picker/types.ts +123 -123
- package/components/u-picker/u-picker.vue +685 -685
- package/components/u-popup/types.ts +59 -59
- package/components/u-popup/u-popup.vue +385 -385
- package/components/u-radio/types.ts +27 -27
- package/components/u-radio/u-radio.vue +279 -279
- package/components/u-radio-group/types.ts +31 -31
- package/components/u-radio-group/u-radio-group.vue +96 -96
- package/components/u-rate/types.ts +42 -42
- package/components/u-rate/u-rate.vue +249 -249
- package/components/u-read-more/types.ts +37 -37
- package/components/u-read-more/u-read-more.vue +172 -172
- package/components/u-root-portal/u-root-portal.vue +56 -56
- package/components/u-row/types.ts +22 -22
- package/components/u-row/u-row.vue +105 -105
- package/components/u-row-notice/types.ts +41 -41
- package/components/u-row-notice/u-row-notice.vue +256 -256
- package/components/u-safe-bottom/u-safe-bottom.vue +57 -57
- package/components/u-search/types.ts +55 -55
- package/components/u-search/u-search.vue +279 -279
- package/components/u-section/types.ts +34 -34
- package/components/u-section/u-section.vue +150 -150
- package/components/u-select/types.ts +45 -45
- package/components/u-select/u-select.vue +388 -388
- package/components/u-skeleton/types.ts +22 -22
- package/components/u-skeleton/u-skeleton.vue +231 -231
- package/components/u-slider/types.ts +34 -34
- package/components/u-slider/u-slider.vue +255 -255
- package/components/u-status-bar/u-status-bar.vue +74 -74
- package/components/u-steps/types.ts +30 -30
- package/components/u-steps/u-steps.vue +181 -181
- package/components/u-sticky/types.ts +24 -24
- package/components/u-sticky/u-sticky.vue +178 -178
- package/components/u-subsection/types.ts +38 -38
- package/components/u-subsection/u-subsection.vue +339 -339
- package/components/u-swipe-action/types.ts +52 -52
- package/components/u-swipe-action/u-swipe-action.vue +276 -276
- package/components/u-swiper/types.ts +49 -49
- package/components/u-swiper/u-swiper.vue +308 -308
- package/components/u-switch/types.ts +30 -30
- package/components/u-switch/u-switch.vue +150 -150
- package/components/u-tabbar/types.ts +38 -38
- package/components/u-tabbar/u-tabbar.vue +315 -315
- package/components/u-table/types.ts +27 -27
- package/components/u-table/u-table.vue +67 -67
- package/components/u-tabs/types.ts +53 -53
- package/components/u-tabs/u-tabs.vue +302 -302
- package/components/u-tabs-swiper/types.ts +55 -55
- package/components/u-tabs-swiper/u-tabs-swiper.vue +409 -409
- package/components/u-tag/types.ts +39 -39
- package/components/u-tag/u-tag.vue +268 -268
- package/components/u-td/types.ts +14 -14
- package/components/u-td/u-td.vue +98 -98
- package/components/u-text/types.ts +72 -72
- package/components/u-text/u-text.vue +343 -343
- package/components/u-th/types.ts +14 -14
- package/components/u-th/u-th.vue +92 -92
- package/components/u-time-line/u-time-line.vue +53 -53
- package/components/u-time-line-item/types.ts +16 -16
- package/components/u-time-line-item/u-time-line-item.vue +90 -90
- package/components/u-toast/types.ts +38 -38
- package/components/u-toast/u-toast.vue +240 -240
- package/components/u-top-tips/types.ts +16 -16
- package/components/u-top-tips/u-top-tips.vue +130 -130
- package/components/u-tr/types.ts +11 -11
- package/components/u-tr/u-tr.vue +39 -39
- package/components/u-upload/types.ts +82 -82
- package/components/u-upload/u-upload.vue +568 -568
- package/components/u-verification-code/types.ts +24 -24
- package/components/u-verification-code/u-verification-code.vue +176 -176
- package/components/u-waterfall/types.ts +18 -18
- package/components/u-waterfall/u-waterfall.vue +187 -187
- package/iconfont.css +913 -913
- package/index.scss +25 -25
- package/index.ts +38 -38
- package/libs/config/config.ts +26 -26
- package/libs/config/zIndex.ts +37 -37
- package/libs/css/color.scss +155 -155
- package/libs/css/common.scss +178 -178
- package/libs/css/style.components.scss +16 -16
- package/libs/css/style.h5.scss +8 -8
- package/libs/css/style.mp.scss +72 -72
- package/libs/css/style.nvue.scss +15 -15
- package/libs/css/style.vue.scss +188 -188
- package/libs/function/$parent.ts +24 -24
- package/libs/function/addUnit.ts +13 -13
- package/libs/function/color.ts +37 -37
- package/libs/function/colorGradient.ts +139 -139
- package/libs/function/debounce.ts +28 -28
- package/libs/function/deepClone.ts +39 -39
- package/libs/function/deepMerge.ts +35 -35
- package/libs/function/getParent.ts +63 -63
- package/libs/function/getRect.ts +26 -26
- package/libs/function/guid.ts +42 -42
- package/libs/function/md5.ts +403 -403
- package/libs/function/parent.ts +21 -21
- package/libs/function/queryParams.ts +64 -64
- package/libs/function/random.ts +16 -16
- package/libs/function/randomArray.ts +11 -11
- package/libs/function/route.ts +118 -118
- package/libs/function/styleUtils.ts +83 -83
- package/libs/function/sys.ts +15 -15
- package/libs/function/test.ts +289 -289
- package/libs/function/throttle.ts +31 -31
- package/libs/function/timeFormat.ts +55 -55
- package/libs/function/timeFrom.ts +48 -48
- package/libs/function/toast.ts +14 -14
- package/libs/function/trim.ts +21 -21
- package/libs/function/type2icon.ts +39 -39
- package/libs/hooks/index.ts +4 -4
- package/libs/hooks/useCompRelation.ts +364 -364
- package/libs/hooks/useComponent.ts +759 -759
- package/libs/hooks/useEmitter.ts +79 -79
- package/libs/hooks/useParent.ts +33 -33
- package/libs/hooks/useRect.ts +33 -33
- package/libs/index.ts +337 -337
- package/libs/request/auto-http.ts +76 -76
- package/libs/request/index.ts +242 -242
- package/libs/store/index.ts +88 -88
- package/libs/util/async-validator.d.ts +75 -75
- package/libs/util/async-validator.js +1 -1
- package/libs/util/calendar.d.ts +57 -57
- package/libs/util/emitter.ts +112 -112
- package/libs/util/eventBus.ts +86 -86
- package/libs/util/logger.ts +364 -364
- package/libs/util/mitt.ts +118 -118
- package/libs/util/parent.ts +20 -20
- package/package.json +4 -4
- package/readme.md +241 -241
- package/theme.scss +38 -38
- package/types/components.d.ts +97 -97
- package/types/global.d.ts +331 -331
- package/types/ignore-errors.d.ts +30 -30
- package/types/index.d.ts +19 -19
- 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
|
+
}
|