uview-plus 3.2.5 → 3.2.7
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 +7 -0
- package/components/u-action-sheet/props.js +11 -10
- package/components/u-album/props.js +12 -11
- package/components/u-alert/props.js +9 -8
- package/components/u-avatar/props.js +15 -14
- package/components/u-avatar-group/props.js +10 -9
- package/components/u-back-top/props.js +11 -10
- package/components/u-badge/props.js +15 -14
- package/components/u-button/props.js +29 -37
- package/components/u-calendar/props.js +28 -27
- package/components/u-car-keyboard/props.js +1 -0
- package/components/u-cell/props.js +21 -20
- package/components/u-cell/u-cell.vue +3 -2
- package/components/u-cell-group/props.js +3 -2
- package/components/u-checkbox/props.js +14 -13
- package/components/u-checkbox-group/props.js +17 -16
- package/components/u-circle-progress/props.js +2 -1
- package/components/u-code/props.js +7 -6
- package/components/u-code-input/props.js +17 -16
- package/components/u-col/props.js +6 -5
- package/components/u-collapse/props.js +4 -3
- package/components/u-collapse-item/props.js +12 -11
- package/components/u-column-notice/props.js +11 -10
- package/components/u-count-down/props.js +5 -4
- package/components/u-count-to/props.js +12 -11
- package/components/u-datetime-picker/props.js +25 -24
- package/components/u-divider/props.js +9 -8
- package/components/u-dropdown/props.js +1 -0
- package/components/u-dropdown-item/props.js +1 -0
- package/components/u-dropdown-item/u-dropdown-item.vue +3 -5
- package/components/u-empty/props.js +12 -11
- package/components/u-form/props.js +9 -8
- package/components/u-form-item/props.js +11 -10
- package/components/u-gap/props.js +5 -4
- package/components/u-grid/props.js +4 -3
- package/components/u-grid-item/props.js +3 -2
- package/components/u-icon/props.js +18 -17
- package/components/u-image/props.js +17 -16
- package/components/u-index-anchor/props.js +6 -5
- package/components/u-index-item/props.js +1 -0
- package/components/u-index-list/props.js +6 -5
- package/components/u-input/props.js +36 -35
- package/components/u-keyboard/props.js +17 -16
- package/components/u-line/props.js +7 -6
- package/components/u-line-progress/props.js +6 -5
- package/components/u-link/props.js +8 -7
- package/components/u-list/props.js +15 -14
- package/components/u-list-item/props.js +2 -1
- package/components/u-loading-icon/props.js +12 -11
- package/components/u-loading-page/props.js +10 -9
- package/components/u-loadmore/props.js +19 -18
- package/components/u-modal/props.js +17 -16
- package/components/u-navbar/props.js +17 -16
- package/components/u-no-network/props.js +4 -3
- package/components/u-notice-bar/props.js +14 -13
- package/components/u-notify/props.js +10 -9
- package/components/u-number-box/props.js +23 -22
- package/components/u-number-keyboard/props.js +4 -3
- package/components/u-overlay/props.js +5 -4
- package/components/u-parse/props.js +9 -8
- package/components/u-picker/props.js +17 -16
- package/components/u-picker-column/props.js +1 -0
- package/components/u-popup/props.js +16 -15
- package/components/u-radio/props.js +14 -13
- package/components/u-radio-group/props.js +18 -17
- package/components/u-rate/props.js +15 -14
- package/components/u-read-more/props.js +9 -8
- package/components/u-row/props.js +4 -3
- package/components/u-row-notice/props.js +8 -7
- package/components/u-safe-bottom/props.js +1 -0
- package/components/u-scroll-list/props.js +7 -6
- package/components/u-search/props.js +25 -24
- package/components/u-skeleton/props.js +12 -11
- package/components/u-slider/props.js +12 -11
- package/components/u-status-bar/props.js +2 -1
- package/components/u-steps/props.js +8 -7
- package/components/u-steps-item/props.js +5 -4
- package/components/u-sticky/props.js +7 -6
- package/components/u-subsection/props.js +10 -9
- package/components/u-swipe-action/props.js +2 -1
- package/components/u-swipe-action-item/props.js +8 -7
- package/components/u-swipe-action-item/u-swipe-action-item.vue +18 -1
- package/components/u-swiper/props.js +25 -24
- package/components/u-swiper-indicator/props.js +6 -5
- package/components/u-switch/props.js +12 -11
- package/components/u-tabbar/props.js +9 -8
- package/components/u-tabbar-item/props.js +7 -6
- package/components/u-table/props.js +1 -0
- package/components/u-tabs/props.js +13 -12
- package/components/u-tabs-item/props.js +1 -0
- package/components/u-tag/props.js +20 -18
- package/components/u-td/props.js +1 -0
- package/components/u-text/props.js +22 -21
- package/components/u-textarea/props.js +24 -23
- package/components/u-toolbar/props.js +7 -6
- package/components/u-tooltip/props.js +12 -11
- package/components/u-tr/props.js +1 -0
- package/components/u-transition/props.js +5 -4
- package/components/u-upload/props.js +23 -22
- package/index.js +16 -1
- package/libs/function/index.js +30 -23
- package/package.json +2 -1
- package/types/index.d.ts +1 -0
- package/types/package.json +26 -0
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import defProps from '../../libs/config/props.js';
|
|
1
2
|
export default {
|
|
2
3
|
props: {
|
|
3
4
|
// 是否显示input
|
|
@@ -16,128 +17,128 @@ export default {
|
|
|
16
17
|
// 是否打开组件
|
|
17
18
|
show: {
|
|
18
19
|
type: Boolean,
|
|
19
|
-
default: () =>
|
|
20
|
+
default: () => defProps.datetimePicker.show
|
|
20
21
|
},
|
|
21
22
|
// 弹出的方向,可选值为 top bottom right left center
|
|
22
23
|
popupMode: {
|
|
23
24
|
type: String,
|
|
24
|
-
default: () =>
|
|
25
|
+
default: () => defProps.picker.popupMode
|
|
25
26
|
},
|
|
26
27
|
// 是否展示顶部的操作栏
|
|
27
28
|
showToolbar: {
|
|
28
29
|
type: Boolean,
|
|
29
|
-
default: () =>
|
|
30
|
+
default: () => defProps.datetimePicker.showToolbar
|
|
30
31
|
},
|
|
31
32
|
// #ifdef VUE2
|
|
32
33
|
// 绑定值
|
|
33
34
|
value: {
|
|
34
35
|
type: [String, Number],
|
|
35
|
-
default: () =>
|
|
36
|
+
default: () => defProps.datetimePicker.value
|
|
36
37
|
},
|
|
37
38
|
// #endif
|
|
38
39
|
// #ifdef VUE3
|
|
39
40
|
// 绑定值
|
|
40
41
|
modelValue: {
|
|
41
42
|
type: [String, Number],
|
|
42
|
-
default: () =>
|
|
43
|
+
default: () => defProps.datetimePicker.value
|
|
43
44
|
},
|
|
44
45
|
// #endif
|
|
45
46
|
// 顶部标题
|
|
46
47
|
title: {
|
|
47
48
|
type: String,
|
|
48
|
-
default: () =>
|
|
49
|
+
default: () => defProps.datetimePicker.title
|
|
49
50
|
},
|
|
50
51
|
// 展示格式,mode=date为日期选择,mode=time为时间选择,mode=year-month为年月选择,mode=datetime为日期时间选择
|
|
51
52
|
mode: {
|
|
52
53
|
type: String,
|
|
53
|
-
default: () =>
|
|
54
|
+
default: () => defProps.datetimePicker.mode
|
|
54
55
|
},
|
|
55
56
|
// 可选的最大时间
|
|
56
57
|
maxDate: {
|
|
57
58
|
type: Number,
|
|
58
59
|
// 最大默认值为后10年
|
|
59
|
-
default: () =>
|
|
60
|
+
default: () => defProps.datetimePicker.maxDate
|
|
60
61
|
},
|
|
61
62
|
// 可选的最小时间
|
|
62
63
|
minDate: {
|
|
63
64
|
type: Number,
|
|
64
65
|
// 最小默认值为前10年
|
|
65
|
-
default: () =>
|
|
66
|
+
default: () => defProps.datetimePicker.minDate
|
|
66
67
|
},
|
|
67
68
|
// 可选的最小小时,仅mode=time有效
|
|
68
69
|
minHour: {
|
|
69
70
|
type: Number,
|
|
70
|
-
default: () =>
|
|
71
|
+
default: () => defProps.datetimePicker.minHour
|
|
71
72
|
},
|
|
72
73
|
// 可选的最大小时,仅mode=time有效
|
|
73
74
|
maxHour: {
|
|
74
75
|
type: Number,
|
|
75
|
-
default: () =>
|
|
76
|
+
default: () => defProps.datetimePicker.maxHour
|
|
76
77
|
},
|
|
77
78
|
// 可选的最小分钟,仅mode=time有效
|
|
78
79
|
minMinute: {
|
|
79
80
|
type: Number,
|
|
80
|
-
default: () =>
|
|
81
|
+
default: () => defProps.datetimePicker.minMinute
|
|
81
82
|
},
|
|
82
83
|
// 可选的最大分钟,仅mode=time有效
|
|
83
84
|
maxMinute: {
|
|
84
85
|
type: Number,
|
|
85
|
-
default: () =>
|
|
86
|
+
default: () => defProps.datetimePicker.maxMinute
|
|
86
87
|
},
|
|
87
88
|
// 选项过滤函数
|
|
88
89
|
filter: {
|
|
89
90
|
type: [Function, null],
|
|
90
|
-
default: () =>
|
|
91
|
+
default: () => defProps.datetimePicker.filter
|
|
91
92
|
},
|
|
92
93
|
// 选项格式化函数
|
|
93
94
|
formatter: {
|
|
94
95
|
type: [Function, null],
|
|
95
|
-
default: () =>
|
|
96
|
+
default: () => defProps.datetimePicker.formatter
|
|
96
97
|
},
|
|
97
98
|
// 是否显示加载中状态
|
|
98
99
|
loading: {
|
|
99
100
|
type: Boolean,
|
|
100
|
-
default: () =>
|
|
101
|
+
default: () => defProps.datetimePicker.loading
|
|
101
102
|
},
|
|
102
103
|
// 各列中,单个选项的高度
|
|
103
104
|
itemHeight: {
|
|
104
105
|
type: [String, Number],
|
|
105
|
-
default: () =>
|
|
106
|
+
default: () => defProps.datetimePicker.itemHeight
|
|
106
107
|
},
|
|
107
108
|
// 取消按钮的文字
|
|
108
109
|
cancelText: {
|
|
109
110
|
type: String,
|
|
110
|
-
default: () =>
|
|
111
|
+
default: () => defProps.datetimePicker.cancelText
|
|
111
112
|
},
|
|
112
113
|
// 确认按钮的文字
|
|
113
114
|
confirmText: {
|
|
114
115
|
type: String,
|
|
115
|
-
default: () =>
|
|
116
|
+
default: () => defProps.datetimePicker.confirmText
|
|
116
117
|
},
|
|
117
118
|
// 取消按钮的颜色
|
|
118
119
|
cancelColor: {
|
|
119
120
|
type: String,
|
|
120
|
-
default: () =>
|
|
121
|
+
default: () => defProps.datetimePicker.cancelColor
|
|
121
122
|
},
|
|
122
123
|
// 确认按钮的颜色
|
|
123
124
|
confirmColor: {
|
|
124
125
|
type: String,
|
|
125
|
-
default: () =>
|
|
126
|
+
default: () => defProps.datetimePicker.confirmColor
|
|
126
127
|
},
|
|
127
128
|
// 每列中可见选项的数量
|
|
128
129
|
visibleItemCount: {
|
|
129
130
|
type: [String, Number],
|
|
130
|
-
default: () =>
|
|
131
|
+
default: () => defProps.datetimePicker.visibleItemCount
|
|
131
132
|
},
|
|
132
133
|
// 是否允许点击遮罩关闭选择器
|
|
133
134
|
closeOnClickOverlay: {
|
|
134
135
|
type: Boolean,
|
|
135
|
-
default: () =>
|
|
136
|
+
default: () => defProps.datetimePicker.closeOnClickOverlay
|
|
136
137
|
},
|
|
137
138
|
// 各列的默认索引
|
|
138
139
|
defaultIndex: {
|
|
139
140
|
type: Array,
|
|
140
|
-
default: () =>
|
|
141
|
+
default: () => defProps.datetimePicker.defaultIndex
|
|
141
142
|
}
|
|
142
143
|
}
|
|
143
144
|
}
|
|
@@ -1,44 +1,45 @@
|
|
|
1
|
+
import defProps from '../../libs/config/props.js';
|
|
1
2
|
export default {
|
|
2
3
|
props: {
|
|
3
4
|
// 是否虚线
|
|
4
5
|
dashed: {
|
|
5
6
|
type: Boolean,
|
|
6
|
-
default: () =>
|
|
7
|
+
default: () => defProps.divider.dashed
|
|
7
8
|
},
|
|
8
9
|
// 是否细线
|
|
9
10
|
hairline: {
|
|
10
11
|
type: Boolean,
|
|
11
|
-
default: () =>
|
|
12
|
+
default: () => defProps.divider.hairline
|
|
12
13
|
},
|
|
13
14
|
// 是否以点替代文字,优先于text字段起作用
|
|
14
15
|
dot: {
|
|
15
16
|
type: Boolean,
|
|
16
|
-
default: () =>
|
|
17
|
+
default: () => defProps.divider.dot
|
|
17
18
|
},
|
|
18
19
|
// 内容文本的位置,left-左边,center-中间,right-右边
|
|
19
20
|
textPosition: {
|
|
20
21
|
type: String,
|
|
21
|
-
default: () =>
|
|
22
|
+
default: () => defProps.divider.textPosition
|
|
22
23
|
},
|
|
23
24
|
// 文本内容
|
|
24
25
|
text: {
|
|
25
26
|
type: [String, Number],
|
|
26
|
-
default: () =>
|
|
27
|
+
default: () => defProps.divider.text
|
|
27
28
|
},
|
|
28
29
|
// 文本大小
|
|
29
30
|
textSize: {
|
|
30
31
|
type: [String, Number],
|
|
31
|
-
default: () =>
|
|
32
|
+
default: () => defProps.divider.textSize
|
|
32
33
|
},
|
|
33
34
|
// 文本颜色
|
|
34
35
|
textColor: {
|
|
35
36
|
type: String,
|
|
36
|
-
default: () =>
|
|
37
|
+
default: () => defProps.divider.textColor
|
|
37
38
|
},
|
|
38
39
|
// 线条颜色
|
|
39
40
|
lineColor: {
|
|
40
41
|
type: String,
|
|
41
|
-
default: () =>
|
|
42
|
+
default: () => defProps.divider.lineColor
|
|
42
43
|
}
|
|
43
44
|
}
|
|
44
45
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view class="u-dropdown-item" v-if="active" @touchmove.stop.prevent="() => {}" @tap.stop.prevent="() => {}">
|
|
3
3
|
<block v-if="!$slots.default && !$slots.$default">
|
|
4
|
-
<scroll-view scroll-y="true" :style="{
|
|
4
|
+
<scroll-view class="u-dropdown-item__scroll" scroll-y="true" :style="{
|
|
5
5
|
height: $u.addUnit(height)
|
|
6
6
|
}">
|
|
7
7
|
<view class="u-dropdown-item__options">
|
|
@@ -113,9 +113,7 @@
|
|
|
113
113
|
|
|
114
114
|
<style scoped lang="scss">
|
|
115
115
|
@import "../../libs/css/components.scss";
|
|
116
|
-
.u-dropdown-
|
|
117
|
-
|
|
118
|
-
background: #ffffff;
|
|
119
|
-
}
|
|
116
|
+
.u-dropdown-item__scroll {
|
|
117
|
+
background: #ffffff;
|
|
120
118
|
}
|
|
121
119
|
</style>
|
|
@@ -1,59 +1,60 @@
|
|
|
1
|
+
import defProps from '../../libs/config/props.js';
|
|
1
2
|
export default {
|
|
2
3
|
props: {
|
|
3
4
|
// 内置图标名称,或图片路径,建议绝对路径
|
|
4
5
|
icon: {
|
|
5
6
|
type: String,
|
|
6
|
-
default: () =>
|
|
7
|
+
default: () => defProps.empty.icon
|
|
7
8
|
},
|
|
8
9
|
// 提示文字
|
|
9
10
|
text: {
|
|
10
11
|
type: String,
|
|
11
|
-
default: () =>
|
|
12
|
+
default: () => defProps.empty.text
|
|
12
13
|
},
|
|
13
14
|
// 文字颜色
|
|
14
15
|
textColor: {
|
|
15
16
|
type: String,
|
|
16
|
-
default: () =>
|
|
17
|
+
default: () => defProps.empty.textColor
|
|
17
18
|
},
|
|
18
19
|
// 文字大小
|
|
19
20
|
textSize: {
|
|
20
21
|
type: [String, Number],
|
|
21
|
-
default: () =>
|
|
22
|
+
default: () => defProps.empty.textSize
|
|
22
23
|
},
|
|
23
24
|
// 图标的颜色
|
|
24
25
|
iconColor: {
|
|
25
26
|
type: String,
|
|
26
|
-
default: () =>
|
|
27
|
+
default: () => defProps.empty.iconColor
|
|
27
28
|
},
|
|
28
29
|
// 图标的大小
|
|
29
30
|
iconSize: {
|
|
30
31
|
type: [String, Number],
|
|
31
|
-
default: () =>
|
|
32
|
+
default: () => defProps.empty.iconSize
|
|
32
33
|
},
|
|
33
34
|
// 选择预置的图标类型
|
|
34
35
|
mode: {
|
|
35
36
|
type: String,
|
|
36
|
-
default: () =>
|
|
37
|
+
default: () => defProps.empty.mode
|
|
37
38
|
},
|
|
38
39
|
// 图标宽度,单位px
|
|
39
40
|
width: {
|
|
40
41
|
type: [String, Number],
|
|
41
|
-
default: () =>
|
|
42
|
+
default: () => defProps.empty.width
|
|
42
43
|
},
|
|
43
44
|
// 图标高度,单位px
|
|
44
45
|
height: {
|
|
45
46
|
type: [String, Number],
|
|
46
|
-
default: () =>
|
|
47
|
+
default: () => defProps.empty.height
|
|
47
48
|
},
|
|
48
49
|
// 是否显示组件
|
|
49
50
|
show: {
|
|
50
51
|
type: Boolean,
|
|
51
|
-
default: () =>
|
|
52
|
+
default: () => defProps.empty.show
|
|
52
53
|
},
|
|
53
54
|
// 组件距离上一个元素之间的距离,默认px单位
|
|
54
55
|
marginTop: {
|
|
55
56
|
type: [String, Number],
|
|
56
|
-
default: () =>
|
|
57
|
+
default: () => defProps.empty.marginTop
|
|
57
58
|
}
|
|
58
59
|
}
|
|
59
60
|
}
|
|
@@ -1,45 +1,46 @@
|
|
|
1
|
+
import defProps from '../../libs/config/props.js';
|
|
1
2
|
export default {
|
|
2
3
|
props: {
|
|
3
4
|
// 当前form的需要验证字段的集合
|
|
4
5
|
model: {
|
|
5
6
|
type: Object,
|
|
6
|
-
default: () =>
|
|
7
|
+
default: () => defProps.form.model
|
|
7
8
|
},
|
|
8
9
|
// 验证规则
|
|
9
10
|
rules: {
|
|
10
11
|
type: [Object, Function, Array],
|
|
11
|
-
default: () =>
|
|
12
|
+
default: () => defProps.form.rules
|
|
12
13
|
},
|
|
13
14
|
// 有错误时的提示方式,message-提示信息,toast-进行toast提示
|
|
14
15
|
// border-bottom-下边框呈现红色,none-无提示
|
|
15
16
|
errorType: {
|
|
16
17
|
type: String,
|
|
17
|
-
default: () =>
|
|
18
|
+
default: () => defProps.form.errorType
|
|
18
19
|
},
|
|
19
20
|
// 是否显示表单域的下划线边框
|
|
20
21
|
borderBottom: {
|
|
21
22
|
type: Boolean,
|
|
22
|
-
default: () =>
|
|
23
|
+
default: () => defProps.form.borderBottom
|
|
23
24
|
},
|
|
24
25
|
// label的位置,left-左边,top-上边
|
|
25
26
|
labelPosition: {
|
|
26
27
|
type: String,
|
|
27
|
-
default: () =>
|
|
28
|
+
default: () => defProps.form.labelPosition
|
|
28
29
|
},
|
|
29
30
|
// label的宽度,单位px
|
|
30
31
|
labelWidth: {
|
|
31
32
|
type: [String, Number],
|
|
32
|
-
default: () =>
|
|
33
|
+
default: () => defProps.form.labelWidth
|
|
33
34
|
},
|
|
34
35
|
// lable字体的对齐方式
|
|
35
36
|
labelAlign: {
|
|
36
37
|
type: String,
|
|
37
|
-
default: () =>
|
|
38
|
+
default: () => defProps.form.labelAlign
|
|
38
39
|
},
|
|
39
40
|
// lable的样式,对象形式
|
|
40
41
|
labelStyle: {
|
|
41
42
|
type: Object,
|
|
42
|
-
default: () =>
|
|
43
|
+
default: () => defProps.form.labelStyle
|
|
43
44
|
}
|
|
44
45
|
}
|
|
45
46
|
}
|
|
@@ -1,53 +1,54 @@
|
|
|
1
|
+
import defProps from '../../libs/config/props.js';
|
|
1
2
|
export default {
|
|
2
3
|
props: {
|
|
3
4
|
// input的label提示语
|
|
4
5
|
label: {
|
|
5
6
|
type: String,
|
|
6
|
-
default: () =>
|
|
7
|
+
default: () => defProps.formItem.label
|
|
7
8
|
},
|
|
8
9
|
// 绑定的值
|
|
9
10
|
prop: {
|
|
10
11
|
type: String,
|
|
11
|
-
default: () =>
|
|
12
|
+
default: () => defProps.formItem.prop
|
|
12
13
|
},
|
|
13
14
|
// 绑定的规则
|
|
14
15
|
rule: {
|
|
15
16
|
type: String,
|
|
16
|
-
default: () =>
|
|
17
|
+
default: () => defProps.formItem.rule
|
|
17
18
|
},
|
|
18
19
|
// 是否显示表单域的下划线边框
|
|
19
20
|
borderBottom: {
|
|
20
21
|
type: [String, Boolean],
|
|
21
|
-
default: () =>
|
|
22
|
+
default: () => defProps.formItem.borderBottom
|
|
22
23
|
},
|
|
23
24
|
// label的位置,left-左边,top-上边
|
|
24
25
|
labelPosition: {
|
|
25
26
|
type: String,
|
|
26
|
-
default: () =>
|
|
27
|
+
default: () => defProps.formItem.labelPosition
|
|
27
28
|
},
|
|
28
29
|
// label的宽度,单位px
|
|
29
30
|
labelWidth: {
|
|
30
31
|
type: [String, Number],
|
|
31
|
-
default: () =>
|
|
32
|
+
default: () => defProps.formItem.labelWidth
|
|
32
33
|
},
|
|
33
34
|
// 右侧图标
|
|
34
35
|
rightIcon: {
|
|
35
36
|
type: String,
|
|
36
|
-
default: () =>
|
|
37
|
+
default: () => defProps.formItem.rightIcon
|
|
37
38
|
},
|
|
38
39
|
// 左侧图标
|
|
39
40
|
leftIcon: {
|
|
40
41
|
type: String,
|
|
41
|
-
default: () =>
|
|
42
|
+
default: () => defProps.formItem.leftIcon
|
|
42
43
|
},
|
|
43
44
|
// 是否显示左边的必填星号,只作显示用,具体校验必填的逻辑,请在rules中配置
|
|
44
45
|
required: {
|
|
45
46
|
type: Boolean,
|
|
46
|
-
default: () =>
|
|
47
|
+
default: () => defProps.formItem.required
|
|
47
48
|
},
|
|
48
49
|
leftIconStyle: {
|
|
49
50
|
type: [String, Object],
|
|
50
|
-
default: () =>
|
|
51
|
+
default: () => defProps.formItem.leftIconStyle,
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
}
|
|
@@ -1,24 +1,25 @@
|
|
|
1
|
+
import defProps from '../../libs/config/props.js';
|
|
1
2
|
export default {
|
|
2
3
|
props: {
|
|
3
4
|
// 背景颜色(默认transparent)
|
|
4
5
|
bgColor: {
|
|
5
6
|
type: String,
|
|
6
|
-
default: () =>
|
|
7
|
+
default: () => defProps.gap.bgColor
|
|
7
8
|
},
|
|
8
9
|
// 分割槽高度,单位px(默认30)
|
|
9
10
|
height: {
|
|
10
11
|
type: [String, Number],
|
|
11
|
-
default: () =>
|
|
12
|
+
default: () => defProps.gap.height
|
|
12
13
|
},
|
|
13
14
|
// 与上一个组件的距离
|
|
14
15
|
marginTop: {
|
|
15
16
|
type: [String, Number],
|
|
16
|
-
default: () =>
|
|
17
|
+
default: () => defProps.gap.marginTop
|
|
17
18
|
},
|
|
18
19
|
// 与下一个组件的距离
|
|
19
20
|
marginBottom: {
|
|
20
21
|
type: [String, Number],
|
|
21
|
-
default: () =>
|
|
22
|
+
default: () => defProps.gap.marginBottom
|
|
22
23
|
}
|
|
23
24
|
}
|
|
24
25
|
}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
+
import defProps from '../../libs/config/props.js';
|
|
1
2
|
export default {
|
|
2
3
|
props: {
|
|
3
4
|
// 分成几列
|
|
4
5
|
col: {
|
|
5
6
|
type: [String, Number],
|
|
6
|
-
default: () =>
|
|
7
|
+
default: () => defProps.grid.col
|
|
7
8
|
},
|
|
8
9
|
// 是否显示边框
|
|
9
10
|
border: {
|
|
10
11
|
type: Boolean,
|
|
11
|
-
default: () =>
|
|
12
|
+
default: () => defProps.grid.border
|
|
12
13
|
},
|
|
13
14
|
// 宫格对齐方式,表现为数量少的时候,靠左,居中,还是靠右
|
|
14
15
|
align: {
|
|
15
16
|
type: String,
|
|
16
|
-
default: () =>
|
|
17
|
+
default: () => defProps.grid.align
|
|
17
18
|
}
|
|
18
19
|
}
|
|
19
20
|
}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
+
import defProps from '../../libs/config/props.js';
|
|
1
2
|
export default {
|
|
2
3
|
props: {
|
|
3
4
|
// 宫格的name
|
|
4
5
|
name: {
|
|
5
6
|
type: [String, Number, null],
|
|
6
|
-
default: () =>
|
|
7
|
+
default: () => defProps.gridItem.name
|
|
7
8
|
},
|
|
8
9
|
// 背景颜色
|
|
9
10
|
bgColor: {
|
|
10
11
|
type: String,
|
|
11
|
-
default: () =>
|
|
12
|
+
default: () => defProps.gridItem.bgColor
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
}
|
|
@@ -1,89 +1,90 @@
|
|
|
1
|
+
import defProps from '../../libs/config/props.js';
|
|
1
2
|
export default {
|
|
2
3
|
props: {
|
|
3
4
|
// 图标类名
|
|
4
5
|
name: {
|
|
5
6
|
type: String,
|
|
6
|
-
default: () =>
|
|
7
|
+
default: () => defProps.icon.name
|
|
7
8
|
},
|
|
8
9
|
// 图标颜色,可接受主题色
|
|
9
10
|
color: {
|
|
10
11
|
type: String,
|
|
11
|
-
default: () =>
|
|
12
|
+
default: () => defProps.icon.color
|
|
12
13
|
},
|
|
13
14
|
// 字体大小,单位px
|
|
14
15
|
size: {
|
|
15
16
|
type: [String, Number],
|
|
16
|
-
default: () =>
|
|
17
|
+
default: () => defProps.icon.size
|
|
17
18
|
},
|
|
18
19
|
// 是否显示粗体
|
|
19
20
|
bold: {
|
|
20
21
|
type: Boolean,
|
|
21
|
-
default: () =>
|
|
22
|
+
default: () => defProps.icon.bold
|
|
22
23
|
},
|
|
23
24
|
// 点击图标的时候传递事件出去的index(用于区分点击了哪一个)
|
|
24
25
|
index: {
|
|
25
26
|
type: [String, Number],
|
|
26
|
-
default: () =>
|
|
27
|
+
default: () => defProps.icon.index
|
|
27
28
|
},
|
|
28
29
|
// 触摸图标时的类名
|
|
29
30
|
hoverClass: {
|
|
30
31
|
type: String,
|
|
31
|
-
default: () =>
|
|
32
|
+
default: () => defProps.icon.hoverClass
|
|
32
33
|
},
|
|
33
34
|
// 自定义扩展前缀,方便用户扩展自己的图标库
|
|
34
35
|
customPrefix: {
|
|
35
36
|
type: String,
|
|
36
|
-
default: () =>
|
|
37
|
+
default: () => defProps.icon.customPrefix
|
|
37
38
|
},
|
|
38
39
|
// 图标右边或者下面的文字
|
|
39
40
|
label: {
|
|
40
41
|
type: [String, Number],
|
|
41
|
-
default: () =>
|
|
42
|
+
default: () => defProps.icon.label
|
|
42
43
|
},
|
|
43
44
|
// label的位置,只能右边或者下边
|
|
44
45
|
labelPos: {
|
|
45
46
|
type: String,
|
|
46
|
-
default: () =>
|
|
47
|
+
default: () => defProps.icon.labelPos
|
|
47
48
|
},
|
|
48
49
|
// label的大小
|
|
49
50
|
labelSize: {
|
|
50
51
|
type: [String, Number],
|
|
51
|
-
default: () =>
|
|
52
|
+
default: () => defProps.icon.labelSize
|
|
52
53
|
},
|
|
53
54
|
// label的颜色
|
|
54
55
|
labelColor: {
|
|
55
56
|
type: String,
|
|
56
|
-
default: () =>
|
|
57
|
+
default: () => defProps.icon.labelColor
|
|
57
58
|
},
|
|
58
59
|
// label与图标的距离
|
|
59
60
|
space: {
|
|
60
61
|
type: [String, Number],
|
|
61
|
-
default: () =>
|
|
62
|
+
default: () => defProps.icon.space
|
|
62
63
|
},
|
|
63
64
|
// 图片的mode
|
|
64
65
|
imgMode: {
|
|
65
66
|
type: String,
|
|
66
|
-
default: () =>
|
|
67
|
+
default: () => defProps.icon.imgMode
|
|
67
68
|
},
|
|
68
69
|
// 用于显示图片小图标时,图片的宽度
|
|
69
70
|
width: {
|
|
70
71
|
type: [String, Number],
|
|
71
|
-
default: () =>
|
|
72
|
+
default: () => defProps.icon.width
|
|
72
73
|
},
|
|
73
74
|
// 用于显示图片小图标时,图片的高度
|
|
74
75
|
height: {
|
|
75
76
|
type: [String, Number],
|
|
76
|
-
default: () =>
|
|
77
|
+
default: () => defProps.icon.height
|
|
77
78
|
},
|
|
78
79
|
// 用于解决某些情况下,让图标垂直居中的用途
|
|
79
80
|
top: {
|
|
80
81
|
type: [String, Number],
|
|
81
|
-
default: () =>
|
|
82
|
+
default: () => defProps.icon.top
|
|
82
83
|
},
|
|
83
84
|
// 是否阻止事件传播
|
|
84
85
|
stop: {
|
|
85
86
|
type: Boolean,
|
|
86
|
-
default: () =>
|
|
87
|
+
default: () => defProps.icon.stop
|
|
87
88
|
}
|
|
88
89
|
}
|
|
89
90
|
}
|