uview-plus 3.1.45 → 3.1.47
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 +8 -0
- package/components/u-action-sheet/props.js +10 -11
- package/components/u-album/props.js +11 -12
- package/components/u-alert/props.js +8 -9
- package/components/u-avatar/props.js +14 -15
- package/components/u-avatar-group/props.js +9 -10
- package/components/u-back-top/props.js +10 -11
- package/components/u-badge/props.js +14 -15
- package/components/u-button/props.js +28 -29
- package/components/u-calendar/month.vue +1 -1
- package/components/u-calendar/props.js +27 -28
- package/components/u-car-keyboard/props.js +0 -1
- package/components/u-cell/props.js +17 -18
- package/components/u-cell/u-cell.vue +11 -2
- package/components/u-cell-group/props.js +2 -3
- package/components/u-checkbox/props.js +13 -14
- package/components/u-checkbox-group/props.js +16 -17
- package/components/u-circle-progress/props.js +1 -2
- package/components/u-code/props.js +6 -7
- package/components/u-code/u-code.vue +5 -0
- package/components/u-code-input/props.js +16 -17
- package/components/u-col/props.js +5 -6
- package/components/u-collapse/props.js +3 -4
- package/components/u-collapse-item/props.js +11 -12
- package/components/u-column-notice/props.js +10 -11
- package/components/u-count-down/props.js +4 -5
- package/components/u-count-down/u-count-down.vue +5 -0
- package/components/u-count-to/props.js +11 -12
- package/components/u-datetime-picker/props.js +24 -25
- package/components/u-divider/props.js +8 -9
- package/components/u-dropdown/props.js +0 -1
- package/components/u-dropdown-item/props.js +0 -1
- package/components/u-empty/props.js +11 -12
- package/components/u-form/props.js +8 -9
- package/components/u-form/u-form.vue +1 -1
- package/components/u-form-item/props.js +13 -9
- package/components/u-form-item/u-form-item.vue +1 -0
- package/components/u-gap/props.js +4 -5
- package/components/u-grid/props.js +3 -4
- package/components/u-grid-item/props.js +2 -3
- package/components/u-grid-item/u-grid-item.vue +5 -0
- package/components/u-icon/props.js +17 -18
- package/components/u-icon/u-icon.vue +9 -6
- package/components/u-image/props.js +16 -17
- package/components/u-index-anchor/props.js +5 -6
- package/components/u-index-item/props.js +0 -1
- package/components/u-index-list/props.js +5 -6
- package/components/u-index-list/u-index-list.vue +2 -1
- package/components/u-input/props.js +35 -36
- package/components/u-keyboard/props.js +16 -17
- package/components/u-line/props.js +6 -7
- package/components/u-line-progress/props.js +5 -6
- package/components/u-link/props.js +7 -8
- package/components/u-list/props.js +14 -15
- package/components/u-list-item/props.js +1 -2
- package/components/u-loading-icon/props.js +11 -12
- package/components/u-loading-page/props.js +9 -10
- package/components/u-loadmore/props.js +18 -19
- package/components/u-modal/props.js +16 -17
- package/components/u-navbar/props.js +16 -17
- package/components/u-no-network/props.js +3 -4
- package/components/u-notice-bar/props.js +13 -14
- package/components/u-notify/props.js +9 -10
- package/components/u-notify/u-notify.vue +5 -0
- package/components/u-number-box/props.js +22 -23
- package/components/u-number-keyboard/props.js +3 -4
- package/components/u-overlay/props.js +4 -5
- package/components/u-parse/props.js +8 -9
- package/components/u-parse/u-parse.vue +6 -1
- package/components/u-picker/props.js +16 -17
- package/components/u-picker-column/props.js +0 -1
- package/components/u-popup/props.js +15 -16
- package/components/u-radio/props.js +13 -14
- package/components/u-radio-group/props.js +17 -18
- package/components/u-rate/props.js +14 -15
- package/components/u-read-more/props.js +8 -9
- package/components/u-row/props.js +3 -4
- package/components/u-row-notice/props.js +7 -8
- package/components/u-row-notice/u-row-notice.vue +5 -0
- package/components/u-safe-bottom/props.js +0 -1
- package/components/u-scroll-list/props.js +6 -7
- package/components/u-search/props.js +24 -25
- package/components/u-skeleton/props.js +11 -12
- package/components/u-slider/props.js +11 -12
- package/components/u-status-bar/props.js +1 -2
- package/components/u-steps/props.js +7 -8
- package/components/u-steps-item/props.js +4 -5
- package/components/u-sticky/props.js +6 -7
- package/components/u-sticky/u-sticky.vue +5 -0
- package/components/u-subsection/props.js +9 -10
- package/components/u-swipe-action/props.js +1 -2
- package/components/u-swipe-action-item/nvue.js +5 -0
- package/components/u-swipe-action-item/props.js +6 -7
- package/components/u-swiper/props.js +24 -25
- package/components/u-swiper-indicator/props.js +5 -6
- package/components/u-switch/props.js +11 -12
- package/components/u-tabbar/props.js +8 -9
- package/components/u-tabbar-item/props.js +6 -7
- package/components/u-table/props.js +0 -1
- package/components/u-tabs/props.js +12 -13
- package/components/u-tabs-item/props.js +0 -1
- package/components/u-tag/props.js +15 -16
- package/components/u-td/props.js +0 -1
- package/components/u-text/props.js +21 -22
- package/components/u-textarea/props.js +23 -24
- package/components/u-toast/u-toast.vue +5 -0
- package/components/u-toolbar/props.js +6 -7
- package/components/u-tooltip/props.js +11 -12
- package/components/u-tr/props.js +0 -1
- package/components/u-transition/props.js +4 -5
- package/components/u-transition/transition.js +8 -9
- package/components/u-upload/props.js +22 -23
- package/libs/config/props/actionSheet.js +1 -1
- package/libs/config/props/album.js +1 -1
- package/libs/config/props/avatarGroup.js +1 -1
- package/libs/config/props/backtop.js +2 -2
- package/libs/config/props/badge.js +1 -1
- package/libs/config/props/calendar.js +3 -3
- package/libs/config/props/checkboxGroup.js +1 -1
- package/libs/config/props/datetimePicker.js +1 -1
- package/libs/config/props/form.js +3 -3
- package/libs/config/props/formItem.js +1 -0
- package/libs/config/props/indexList.js +1 -1
- package/libs/config/props/noticeBar.js +1 -1
- package/libs/config/props/picker.js +2 -2
- package/libs/config/props/popup.js +1 -1
- package/libs/config/props/search.js +2 -2
- package/libs/config/props/slider.js +1 -1
- package/libs/config/props/swiper.js +1 -1
- package/libs/config/props/tabs.js +7 -7
- package/libs/config/props/text.js +2 -2
- package/libs/config/props/toast.js +1 -1
- package/libs/config/props/tooltip.js +1 -1
- package/libs/config/props/upload.js +3 -3
- package/libs/css/components.scss +11 -1
- package/libs/css/flex.scss +41 -39
- package/package.json +1 -1
|
@@ -7,156 +7,155 @@
|
|
|
7
7
|
* @lastTime : 2021-08-16 10:04:24
|
|
8
8
|
* @FilePath : /u-view2.0/uview-ui/components/u-button/props.js
|
|
9
9
|
*/
|
|
10
|
-
import defprops from '../../libs/config/props';
|
|
11
10
|
export default {
|
|
12
11
|
props: {
|
|
13
12
|
// 是否细边框
|
|
14
13
|
hairline: {
|
|
15
14
|
type: Boolean,
|
|
16
|
-
default:
|
|
15
|
+
default: () => uni.$u.props.button.hairline
|
|
17
16
|
},
|
|
18
17
|
// 按钮的预置样式,info,primary,error,warning,success
|
|
19
18
|
type: {
|
|
20
19
|
type: String,
|
|
21
|
-
default:
|
|
20
|
+
default: () => uni.$u.props.button.type
|
|
22
21
|
},
|
|
23
22
|
// 按钮尺寸,large,normal,small,mini
|
|
24
23
|
size: {
|
|
25
24
|
type: String,
|
|
26
|
-
default:
|
|
25
|
+
default: () => uni.$u.props.button.size
|
|
27
26
|
},
|
|
28
27
|
// 按钮形状,circle(两边为半圆),square(带圆角)
|
|
29
28
|
shape: {
|
|
30
29
|
type: String,
|
|
31
|
-
default:
|
|
30
|
+
default: () => uni.$u.props.button.shape
|
|
32
31
|
},
|
|
33
32
|
// 按钮是否镂空
|
|
34
33
|
plain: {
|
|
35
34
|
type: Boolean,
|
|
36
|
-
default:
|
|
35
|
+
default: () => uni.$u.props.button.plain
|
|
37
36
|
},
|
|
38
37
|
// 是否禁止状态
|
|
39
38
|
disabled: {
|
|
40
39
|
type: Boolean,
|
|
41
|
-
default:
|
|
40
|
+
default: () => uni.$u.props.button.disabled
|
|
42
41
|
},
|
|
43
42
|
// 是否加载中
|
|
44
43
|
loading: {
|
|
45
44
|
type: Boolean,
|
|
46
|
-
default:
|
|
45
|
+
default: () => uni.$u.props.button.loading
|
|
47
46
|
},
|
|
48
47
|
// 加载中提示文字
|
|
49
48
|
loadingText: {
|
|
50
49
|
type: [String, Number],
|
|
51
|
-
default:
|
|
50
|
+
default: () => uni.$u.props.button.loadingText
|
|
52
51
|
},
|
|
53
52
|
// 加载状态图标类型
|
|
54
53
|
loadingMode: {
|
|
55
54
|
type: String,
|
|
56
|
-
default:
|
|
55
|
+
default: () => uni.$u.props.button.loadingMode
|
|
57
56
|
},
|
|
58
57
|
// 加载图标大小
|
|
59
58
|
loadingSize: {
|
|
60
59
|
type: [String, Number],
|
|
61
|
-
default:
|
|
60
|
+
default: () => uni.$u.props.button.loadingSize
|
|
62
61
|
},
|
|
63
62
|
// 开放能力,具体请看uniapp稳定关于button组件部分说明
|
|
64
63
|
// https://uniapp.dcloud.io/component/button
|
|
65
64
|
openType: {
|
|
66
65
|
type: String,
|
|
67
|
-
default:
|
|
66
|
+
default: () => uni.$u.props.button.openType
|
|
68
67
|
},
|
|
69
68
|
// 用于 <form> 组件,点击分别会触发 <form> 组件的 submit/reset 事件
|
|
70
69
|
// 取值为submit(提交表单),reset(重置表单)
|
|
71
70
|
formType: {
|
|
72
71
|
type: String,
|
|
73
|
-
default:
|
|
72
|
+
default: () => uni.$u.props.button.formType
|
|
74
73
|
},
|
|
75
74
|
// 打开 APP 时,向 APP 传递的参数,open-type=launchApp时有效
|
|
76
75
|
// 只微信小程序、QQ小程序有效
|
|
77
76
|
appParameter: {
|
|
78
77
|
type: String,
|
|
79
|
-
default:
|
|
78
|
+
default: () => uni.$u.props.button.appParameter
|
|
80
79
|
},
|
|
81
80
|
// 指定是否阻止本节点的祖先节点出现点击态,微信小程序有效
|
|
82
81
|
hoverStopPropagation: {
|
|
83
82
|
type: Boolean,
|
|
84
|
-
default:
|
|
83
|
+
default: () => uni.$u.props.button.hoverStopPropagation
|
|
85
84
|
},
|
|
86
85
|
// 指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。只微信小程序有效
|
|
87
86
|
lang: {
|
|
88
87
|
type: String,
|
|
89
|
-
default:
|
|
88
|
+
default: () => uni.$u.props.button.lang
|
|
90
89
|
},
|
|
91
90
|
// 会话来源,open-type="contact"时有效。只微信小程序有效
|
|
92
91
|
sessionFrom: {
|
|
93
92
|
type: String,
|
|
94
|
-
default:
|
|
93
|
+
default: () => uni.$u.props.button.sessionFrom
|
|
95
94
|
},
|
|
96
95
|
// 会话内消息卡片标题,open-type="contact"时有效
|
|
97
96
|
// 默认当前标题,只微信小程序有效
|
|
98
97
|
sendMessageTitle: {
|
|
99
98
|
type: String,
|
|
100
|
-
default:
|
|
99
|
+
default: () => uni.$u.props.button.sendMessageTitle
|
|
101
100
|
},
|
|
102
101
|
// 会话内消息卡片点击跳转小程序路径,open-type="contact"时有效
|
|
103
102
|
// 默认当前分享路径,只微信小程序有效
|
|
104
103
|
sendMessagePath: {
|
|
105
104
|
type: String,
|
|
106
|
-
default:
|
|
105
|
+
default: () => uni.$u.props.button.sendMessagePath
|
|
107
106
|
},
|
|
108
107
|
// 会话内消息卡片图片,open-type="contact"时有效
|
|
109
108
|
// 默认当前页面截图,只微信小程序有效
|
|
110
109
|
sendMessageImg: {
|
|
111
110
|
type: String,
|
|
112
|
-
default:
|
|
111
|
+
default: () => uni.$u.props.button.sendMessageImg
|
|
113
112
|
},
|
|
114
113
|
// 是否显示会话内消息卡片,设置此参数为 true,用户进入客服会话会在右下角显示"可能要发送的小程序"提示,
|
|
115
114
|
// 用户点击后可以快速发送小程序消息,open-type="contact"时有效
|
|
116
115
|
showMessageCard: {
|
|
117
116
|
type: Boolean,
|
|
118
|
-
default:
|
|
117
|
+
default: () => uni.$u.props.button.showMessageCard
|
|
119
118
|
},
|
|
120
119
|
// 额外传参参数,用于小程序的data-xxx属性,通过target.dataset.name获取
|
|
121
120
|
dataName: {
|
|
122
121
|
type: String,
|
|
123
|
-
default:
|
|
122
|
+
default: () => uni.$u.props.button.dataName
|
|
124
123
|
},
|
|
125
124
|
// 节流,一定时间内只能触发一次
|
|
126
125
|
throttleTime: {
|
|
127
126
|
type: [String, Number],
|
|
128
|
-
default:
|
|
127
|
+
default: () => uni.$u.props.button.throttleTime
|
|
129
128
|
},
|
|
130
129
|
// 按住后多久出现点击态,单位毫秒
|
|
131
130
|
hoverStartTime: {
|
|
132
131
|
type: [String, Number],
|
|
133
|
-
default:
|
|
132
|
+
default: () => uni.$u.props.button.hoverStartTime
|
|
134
133
|
},
|
|
135
134
|
// 手指松开后点击态保留时间,单位毫秒
|
|
136
135
|
hoverStayTime: {
|
|
137
136
|
type: [String, Number],
|
|
138
|
-
default:
|
|
137
|
+
default: () => uni.$u.props.button.hoverStayTime
|
|
139
138
|
},
|
|
140
139
|
// 按钮文字,之所以通过props传入,是因为slot传入的话
|
|
141
140
|
// nvue中无法控制文字的样式
|
|
142
141
|
text: {
|
|
143
142
|
type: [String, Number],
|
|
144
|
-
default:
|
|
143
|
+
default: () => uni.$u.props.button.text
|
|
145
144
|
},
|
|
146
145
|
// 按钮图标
|
|
147
146
|
icon: {
|
|
148
147
|
type: String,
|
|
149
|
-
default:
|
|
148
|
+
default: () => uni.$u.props.button.icon
|
|
150
149
|
},
|
|
151
150
|
// 按钮图标
|
|
152
151
|
iconColor: {
|
|
153
152
|
type: String,
|
|
154
|
-
default:
|
|
153
|
+
default: () => uni.$u.props.button.icon
|
|
155
154
|
},
|
|
156
155
|
// 按钮颜色,支持传入linear-gradient渐变色
|
|
157
156
|
color: {
|
|
158
157
|
type: String,
|
|
159
|
-
default:
|
|
158
|
+
default: () => uni.$u.props.button.color
|
|
160
159
|
}
|
|
161
160
|
}
|
|
162
161
|
}
|
|
@@ -1,140 +1,139 @@
|
|
|
1
|
-
import defprops from '../../libs/config/props';
|
|
2
1
|
export default {
|
|
3
2
|
props: {
|
|
4
3
|
// 日历顶部标题
|
|
5
4
|
title: {
|
|
6
5
|
type: String,
|
|
7
|
-
default:
|
|
6
|
+
default: () => uni.$u.props.calendar.title
|
|
8
7
|
},
|
|
9
8
|
// 是否显示标题
|
|
10
9
|
showTitle: {
|
|
11
10
|
type: Boolean,
|
|
12
|
-
default:
|
|
11
|
+
default: () => uni.$u.props.calendar.showTitle
|
|
13
12
|
},
|
|
14
13
|
// 是否显示副标题
|
|
15
14
|
showSubtitle: {
|
|
16
15
|
type: Boolean,
|
|
17
|
-
default:
|
|
16
|
+
default: () => uni.$u.props.calendar.showSubtitle
|
|
18
17
|
},
|
|
19
18
|
// 日期类型选择,single-选择单个日期,multiple-可以选择多个日期,range-选择日期范围
|
|
20
19
|
mode: {
|
|
21
20
|
type: String,
|
|
22
|
-
default:
|
|
21
|
+
default: () => uni.$u.props.calendar.mode
|
|
23
22
|
},
|
|
24
23
|
// mode=range时,第一个日期底部的提示文字
|
|
25
24
|
startText: {
|
|
26
25
|
type: String,
|
|
27
|
-
default:
|
|
26
|
+
default: () => uni.$u.props.calendar.startText
|
|
28
27
|
},
|
|
29
28
|
// mode=range时,最后一个日期底部的提示文字
|
|
30
29
|
endText: {
|
|
31
30
|
type: String,
|
|
32
|
-
default:
|
|
31
|
+
default: () => uni.$u.props.calendar.endText
|
|
33
32
|
},
|
|
34
33
|
// 自定义列表
|
|
35
34
|
customList: {
|
|
36
35
|
type: Array,
|
|
37
|
-
default:
|
|
36
|
+
default: () => uni.$u.props.calendar.customList
|
|
38
37
|
},
|
|
39
38
|
// 主题色,对底部按钮和选中日期有效
|
|
40
39
|
color: {
|
|
41
40
|
type: String,
|
|
42
|
-
default:
|
|
41
|
+
default: () => uni.$u.props.calendar.color
|
|
43
42
|
},
|
|
44
43
|
// 最小的可选日期
|
|
45
44
|
minDate: {
|
|
46
45
|
type: [String, Number],
|
|
47
|
-
default:
|
|
46
|
+
default: () => uni.$u.props.calendar.minDate
|
|
48
47
|
},
|
|
49
48
|
// 最大可选日期
|
|
50
49
|
maxDate: {
|
|
51
50
|
type: [String, Number],
|
|
52
|
-
default:
|
|
51
|
+
default: () => uni.$u.props.calendar.maxDate
|
|
53
52
|
},
|
|
54
53
|
// 默认选中的日期,mode为multiple或range是必须为数组格式
|
|
55
54
|
defaultDate: {
|
|
56
55
|
type: [Array, String, Date, null],
|
|
57
|
-
default:
|
|
56
|
+
default: () => uni.$u.props.calendar.defaultDate
|
|
58
57
|
},
|
|
59
58
|
// mode=multiple时,最多可选多少个日期
|
|
60
59
|
maxCount: {
|
|
61
60
|
type: [String, Number],
|
|
62
|
-
default:
|
|
61
|
+
default: () => uni.$u.props.calendar.maxCount
|
|
63
62
|
},
|
|
64
63
|
// 日期行高
|
|
65
64
|
rowHeight: {
|
|
66
65
|
type: [String, Number],
|
|
67
|
-
default:
|
|
66
|
+
default: () => uni.$u.props.calendar.rowHeight
|
|
68
67
|
},
|
|
69
68
|
// 日期格式化函数
|
|
70
69
|
formatter: {
|
|
71
70
|
type: [Function, null],
|
|
72
|
-
default:
|
|
71
|
+
default: () => uni.$u.props.calendar.formatter
|
|
73
72
|
},
|
|
74
73
|
// 是否显示农历
|
|
75
74
|
showLunar: {
|
|
76
75
|
type: Boolean,
|
|
77
|
-
default:
|
|
76
|
+
default: () => uni.$u.props.calendar.showLunar
|
|
78
77
|
},
|
|
79
78
|
// 是否显示月份背景色
|
|
80
79
|
showMark: {
|
|
81
80
|
type: Boolean,
|
|
82
|
-
default:
|
|
81
|
+
default: () => uni.$u.props.calendar.showMark
|
|
83
82
|
},
|
|
84
83
|
// 确定按钮的文字
|
|
85
84
|
confirmText: {
|
|
86
85
|
type: String,
|
|
87
|
-
default:
|
|
86
|
+
default: () => uni.$u.props.calendar.confirmText
|
|
88
87
|
},
|
|
89
88
|
// 确认按钮处于禁用状态时的文字
|
|
90
89
|
confirmDisabledText: {
|
|
91
90
|
type: String,
|
|
92
|
-
default:
|
|
91
|
+
default: () => uni.$u.props.calendar.confirmDisabledText
|
|
93
92
|
},
|
|
94
93
|
// 是否显示日历弹窗
|
|
95
94
|
show: {
|
|
96
95
|
type: Boolean,
|
|
97
|
-
default:
|
|
96
|
+
default: () => uni.$u.props.calendar.show
|
|
98
97
|
},
|
|
99
98
|
// 是否允许点击遮罩关闭日历
|
|
100
99
|
closeOnClickOverlay: {
|
|
101
100
|
type: Boolean,
|
|
102
|
-
default:
|
|
101
|
+
default: () => uni.$u.props.calendar.closeOnClickOverlay
|
|
103
102
|
},
|
|
104
103
|
// 是否为只读状态,只读状态下禁止选择日期
|
|
105
104
|
readonly: {
|
|
106
105
|
type: Boolean,
|
|
107
|
-
default:
|
|
106
|
+
default: () => uni.$u.props.calendar.readonly
|
|
108
107
|
},
|
|
109
108
|
// 是否展示确认按钮
|
|
110
109
|
showConfirm: {
|
|
111
110
|
type: Boolean,
|
|
112
|
-
default:
|
|
111
|
+
default: () => uni.$u.props.calendar.showConfirm
|
|
113
112
|
},
|
|
114
113
|
// 日期区间最多可选天数,默认无限制,mode = range时有效
|
|
115
114
|
maxRange: {
|
|
116
115
|
type: [Number, String],
|
|
117
|
-
default:
|
|
116
|
+
default: () => uni.$u.props.calendar.maxRange
|
|
118
117
|
},
|
|
119
118
|
// 范围选择超过最多可选天数时的提示文案,mode = range时有效
|
|
120
119
|
rangePrompt: {
|
|
121
120
|
type: String,
|
|
122
|
-
default:
|
|
121
|
+
default: () => uni.$u.props.calendar.rangePrompt
|
|
123
122
|
},
|
|
124
123
|
// 范围选择超过最多可选天数时,是否展示提示文案,mode = range时有效
|
|
125
124
|
showRangePrompt: {
|
|
126
125
|
type: Boolean,
|
|
127
|
-
default:
|
|
126
|
+
default: () => uni.$u.props.calendar.showRangePrompt
|
|
128
127
|
},
|
|
129
128
|
// 是否允许日期范围的起止时间为同一天,mode = range时有效
|
|
130
129
|
allowSameDay: {
|
|
131
130
|
type: Boolean,
|
|
132
|
-
default:
|
|
131
|
+
default: () => uni.$u.props.calendar.allowSameDay
|
|
133
132
|
},
|
|
134
133
|
// 圆角值
|
|
135
134
|
round: {
|
|
136
135
|
type: [Boolean, String, Number],
|
|
137
|
-
default:
|
|
136
|
+
default: () => uni.$u.props.calendar.round
|
|
138
137
|
},
|
|
139
138
|
// 最多展示月份数量
|
|
140
139
|
monthNum: {
|
|
@@ -1,75 +1,74 @@
|
|
|
1
|
-
import defprops from '../../libs/config/props';
|
|
2
1
|
export default {
|
|
3
2
|
props: {
|
|
4
3
|
// 标题
|
|
5
4
|
title: {
|
|
6
5
|
type: [String, Number],
|
|
7
|
-
default:
|
|
6
|
+
default: () => uni.$u.props.cell.title
|
|
8
7
|
},
|
|
9
8
|
// 标题下方的描述信息
|
|
10
9
|
label: {
|
|
11
10
|
type: [String, Number],
|
|
12
|
-
default:
|
|
11
|
+
default: () => uni.$u.props.cell.label
|
|
13
12
|
},
|
|
14
13
|
// 右侧的内容
|
|
15
14
|
value: {
|
|
16
15
|
type: [String, Number],
|
|
17
|
-
default:
|
|
16
|
+
default: () => uni.$u.props.cell.value
|
|
18
17
|
},
|
|
19
18
|
// 左侧图标名称,或者图片链接(本地文件建议使用绝对地址)
|
|
20
19
|
icon: {
|
|
21
20
|
type: String,
|
|
22
|
-
default:
|
|
21
|
+
default: () => uni.$u.props.cell.icon
|
|
23
22
|
},
|
|
24
23
|
// 是否禁用cell
|
|
25
24
|
disabled: {
|
|
26
25
|
type: Boolean,
|
|
27
|
-
default:
|
|
26
|
+
default: () => uni.$u.props.cell.disabled
|
|
28
27
|
},
|
|
29
28
|
// 是否显示下边框
|
|
30
29
|
border: {
|
|
31
30
|
type: Boolean,
|
|
32
|
-
default:
|
|
31
|
+
default: () => uni.$u.props.cell.border
|
|
33
32
|
},
|
|
34
33
|
// 内容是否垂直居中(主要是针对右侧的value部分)
|
|
35
34
|
center: {
|
|
36
35
|
type: Boolean,
|
|
37
|
-
default:
|
|
36
|
+
default: () => uni.$u.props.cell.center
|
|
38
37
|
},
|
|
39
38
|
// 点击后跳转的URL地址
|
|
40
39
|
url: {
|
|
41
40
|
type: String,
|
|
42
|
-
default:
|
|
41
|
+
default: () => uni.$u.props.cell.url
|
|
43
42
|
},
|
|
44
43
|
// 链接跳转的方式,内部使用的是uView封装的route方法,可能会进行拦截操作
|
|
45
44
|
linkType: {
|
|
46
45
|
type: String,
|
|
47
|
-
default:
|
|
46
|
+
default: () => uni.$u.props.cell.linkType
|
|
48
47
|
},
|
|
49
48
|
// 是否开启点击反馈(表现为点击时加上灰色背景)
|
|
50
49
|
clickable: {
|
|
51
50
|
type: Boolean,
|
|
52
|
-
default:
|
|
51
|
+
default: () => uni.$u.props.cell.clickable
|
|
53
52
|
},
|
|
54
53
|
// 是否展示右侧箭头并开启点击反馈
|
|
55
54
|
isLink: {
|
|
56
55
|
type: Boolean,
|
|
57
|
-
default:
|
|
56
|
+
default: () => uni.$u.props.cell.isLink
|
|
58
57
|
},
|
|
59
58
|
// 是否显示表单状态下的必填星号(此组件可能会内嵌入input组件)
|
|
60
59
|
required: {
|
|
61
60
|
type: Boolean,
|
|
62
|
-
default:
|
|
61
|
+
default: () => uni.$u.props.cell.required
|
|
63
62
|
},
|
|
64
63
|
// 右侧的图标箭头
|
|
65
64
|
rightIcon: {
|
|
66
65
|
type: String,
|
|
67
|
-
default:
|
|
66
|
+
default: () => uni.$u.props.cell.rightIcon
|
|
68
67
|
},
|
|
69
68
|
// 右侧箭头的方向,可选值为:left,up,down
|
|
70
69
|
arrowDirection: {
|
|
71
70
|
type: String,
|
|
72
|
-
default:
|
|
71
|
+
default: () => uni.$u.props.cell.arrowDirection
|
|
73
72
|
},
|
|
74
73
|
// 左侧图标样式
|
|
75
74
|
iconStyle: {
|
|
@@ -95,17 +94,17 @@ export default {
|
|
|
95
94
|
// 单位元的大小,可选值为large
|
|
96
95
|
size: {
|
|
97
96
|
type: String,
|
|
98
|
-
default:
|
|
97
|
+
default: () => uni.$u.props.cell.size
|
|
99
98
|
},
|
|
100
99
|
// 点击cell是否阻止事件传播
|
|
101
100
|
stop: {
|
|
102
101
|
type: Boolean,
|
|
103
|
-
default:
|
|
102
|
+
default: () => uni.$u.props.cell.stop
|
|
104
103
|
},
|
|
105
104
|
// 标识符,cell被点击时返回
|
|
106
105
|
name: {
|
|
107
106
|
type: [Number, String],
|
|
108
|
-
default:
|
|
107
|
+
default: () => uni.$u.props.cell.name
|
|
109
108
|
}
|
|
110
109
|
}
|
|
111
110
|
}
|
|
@@ -11,7 +11,9 @@
|
|
|
11
11
|
:custom-style="iconStyle"
|
|
12
12
|
:size="size === 'large' ? 22 : 18"></u-icon>
|
|
13
13
|
</view>
|
|
14
|
-
<view class="u-cell__title">
|
|
14
|
+
<view class="u-cell__title">
|
|
15
|
+
<slot name="title" v-if="$slots.title || !title">
|
|
16
|
+
</slot>
|
|
15
17
|
<text v-else class="u-cell__title-text" :style="[titleTextStyle]"
|
|
16
18
|
:class="[disabled && 'u-cell--disabled', size === 'large' && 'u-cell__title-text--large']">{{ title }}</text>
|
|
17
19
|
<slot name="label">
|
|
@@ -28,7 +30,14 @@
|
|
|
28
30
|
<view class="u-cell__right-icon-wrap" v-if="$slots['right-icon'] || isLink"
|
|
29
31
|
:class="[`u-cell__right-icon-wrap--${arrowDirection}`]">
|
|
30
32
|
<slot name="right-icon">
|
|
31
|
-
<u-icon v-if="rightIcon" :name="rightIcon" :custom-style="rightIconStyle" :color="disabled ? '#c8c9cc' : 'info'"
|
|
33
|
+
<u-icon v-if="rightIcon" :name="rightIcon" :custom-style="rightIconStyle" :color="disabled ? '#c8c9cc' : 'info'"
|
|
34
|
+
:size="size === 'large' ? 18 : 16"></u-icon>
|
|
35
|
+
</slot>
|
|
36
|
+
</view>
|
|
37
|
+
<view class="u-cell__right-icon-wrap" v-if="$slots['righticon']"
|
|
38
|
+
:class="[`u-cell__right-icon-wrap--${arrowDirection}`]">
|
|
39
|
+
<slot name="righticon">
|
|
40
|
+
</slot>
|
|
32
41
|
</view>
|
|
33
42
|
</view>
|
|
34
43
|
<u-line v-if="border"></u-line>
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import defprops from '../../libs/config/props';
|
|
2
1
|
export default {
|
|
3
2
|
props: {
|
|
4
3
|
// 分组标题
|
|
5
4
|
title: {
|
|
6
5
|
type: String,
|
|
7
|
-
default:
|
|
6
|
+
default: () => uni.$u.props.cellGroup.title
|
|
8
7
|
},
|
|
9
8
|
// 是否显示外边框
|
|
10
9
|
border: {
|
|
11
10
|
type: Boolean,
|
|
12
|
-
default:
|
|
11
|
+
default: () => uni.$u.props.cellGroup.border
|
|
13
12
|
}
|
|
14
13
|
}
|
|
15
14
|
}
|
|
@@ -1,70 +1,69 @@
|
|
|
1
|
-
import defprops from '../../libs/config/props';
|
|
2
1
|
export default {
|
|
3
2
|
props: {
|
|
4
3
|
// checkbox的名称
|
|
5
4
|
name: {
|
|
6
5
|
type: [String, Number, Boolean],
|
|
7
|
-
default:
|
|
6
|
+
default: () => uni.$u.props.checkbox.name
|
|
8
7
|
},
|
|
9
8
|
// 形状,square为方形,circle为圆型
|
|
10
9
|
shape: {
|
|
11
10
|
type: String,
|
|
12
|
-
default:
|
|
11
|
+
default: () => uni.$u.props.checkbox.shape
|
|
13
12
|
},
|
|
14
13
|
// 整体的大小
|
|
15
14
|
size: {
|
|
16
15
|
type: [String, Number],
|
|
17
|
-
default:
|
|
16
|
+
default: () => uni.$u.props.checkbox.size
|
|
18
17
|
},
|
|
19
18
|
// 是否默认选中
|
|
20
19
|
checked: {
|
|
21
20
|
type: Boolean,
|
|
22
|
-
default:
|
|
21
|
+
default: () => uni.$u.props.checkbox.checked
|
|
23
22
|
},
|
|
24
23
|
// 是否禁用
|
|
25
24
|
disabled: {
|
|
26
25
|
type: [String, Boolean],
|
|
27
|
-
default:
|
|
26
|
+
default: () => uni.$u.props.checkbox.disabled
|
|
28
27
|
},
|
|
29
28
|
// 选中状态下的颜色,如设置此值,将会覆盖parent的activeColor值
|
|
30
29
|
activeColor: {
|
|
31
30
|
type: String,
|
|
32
|
-
default:
|
|
31
|
+
default: () => uni.$u.props.checkbox.activeColor
|
|
33
32
|
},
|
|
34
33
|
// 未选中的颜色
|
|
35
34
|
inactiveColor: {
|
|
36
35
|
type: String,
|
|
37
|
-
default:
|
|
36
|
+
default: () => uni.$u.props.checkbox.inactiveColor
|
|
38
37
|
},
|
|
39
38
|
// 图标的大小,单位px
|
|
40
39
|
iconSize: {
|
|
41
40
|
type: [String, Number],
|
|
42
|
-
default:
|
|
41
|
+
default: () => uni.$u.props.checkbox.iconSize
|
|
43
42
|
},
|
|
44
43
|
// 图标颜色
|
|
45
44
|
iconColor: {
|
|
46
45
|
type: String,
|
|
47
|
-
default:
|
|
46
|
+
default: () => uni.$u.props.checkbox.iconColor
|
|
48
47
|
},
|
|
49
48
|
// label提示文字,因为nvue下,直接slot进来的文字,由于特殊的结构,无法修改样式
|
|
50
49
|
label: {
|
|
51
50
|
type: [String, Number],
|
|
52
|
-
default:
|
|
51
|
+
default: () => uni.$u.props.checkbox.label
|
|
53
52
|
},
|
|
54
53
|
// label的字体大小,px单位
|
|
55
54
|
labelSize: {
|
|
56
55
|
type: [String, Number],
|
|
57
|
-
default:
|
|
56
|
+
default: () => uni.$u.props.checkbox.labelSize
|
|
58
57
|
},
|
|
59
58
|
// label的颜色
|
|
60
59
|
labelColor: {
|
|
61
60
|
type: String,
|
|
62
|
-
default:
|
|
61
|
+
default: () => uni.$u.props.checkbox.labelColor
|
|
63
62
|
},
|
|
64
63
|
// 是否禁止点击提示语选中复选框
|
|
65
64
|
labelDisabled: {
|
|
66
65
|
type: [String, Boolean],
|
|
67
|
-
default:
|
|
66
|
+
default: () => uni.$u.props.checkbox.labelDisabled
|
|
68
67
|
}
|
|
69
68
|
}
|
|
70
69
|
}
|