uview-plus 3.6.15 → 3.6.18
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 +9 -0
- package/components/u-action-sheet/u-action-sheet.vue +1 -1
- package/components/u-album/u-album.vue +1 -1
- package/components/u-alert/u-alert.vue +1 -1
- package/components/u-avatar/u-avatar.vue +1 -1
- package/components/u-avatar-group/u-avatar-group.vue +1 -1
- package/components/u-button/u-button.vue +1 -1
- package/components/u-calendar/month.vue +1 -1
- package/components/u-calendar/u-calendar.vue +1 -1
- package/components/u-checkbox-group/u-checkbox-group.vue +1 -1
- package/components/u-circle-progress/u-circle-progress.vue +1 -1
- package/components/u-code/u-code.vue +1 -1
- package/components/u-code-input/u-code-input.vue +1 -1
- package/components/u-col/u-col.vue +1 -1
- package/components/u-collapse/u-collapse.vue +1 -1
- package/components/u-collapse-item/u-collapse-item.vue +2 -2
- package/components/u-column-notice/u-column-notice.vue +1 -1
- package/components/u-count-to/u-count-to.vue +1 -1
- package/components/u-datetime-picker/u-datetime-picker.vue +1 -1
- package/components/u-divider/u-divider.vue +1 -1
- package/components/u-dropdown/u-dropdown.vue +1 -1
- package/components/u-dropdown-item/u-dropdown-item.vue +1 -1
- package/components/u-empty/u-empty.vue +1 -1
- package/components/u-float-button/u-float-button.vue +1 -1
- package/components/u-form/u-form.vue +1 -1
- package/components/u-form-item/u-form-item.vue +1 -1
- package/components/u-gap/u-gap.vue +1 -1
- package/components/u-grid/u-grid.vue +1 -1
- package/components/u-grid-item/u-grid-item.vue +1 -1
- package/components/u-icon/u-icon.vue +1 -1
- package/components/u-keyboard/u-keyboard.vue +1 -1
- package/components/u-line/u-line.vue +1 -1
- package/components/u-line-progress/u-line-progress.vue +1 -1
- package/components/u-link/u-link.vue +1 -1
- package/components/u-list/u-list.vue +1 -1
- package/components/u-list-item/u-list-item.vue +1 -1
- package/components/u-loading-icon/u-loading-icon.vue +1 -1
- package/components/u-loading-page/u-loading-page.vue +1 -1
- package/components/u-loadmore/u-loadmore.vue +1 -1
- package/components/u-modal/u-modal.vue +1 -1
- package/components/u-navbar/u-navbar.vue +1 -1
- package/components/u-navbar-mini/u-navbar-mini.vue +1 -1
- package/components/u-no-network/u-no-network.vue +1 -1
- package/components/u-notice-bar/u-notice-bar.vue +1 -1
- package/components/u-overlay/u-overlay.vue +1 -1
- package/components/u-picker-data/u-picker-data.vue +3 -0
- package/components/u-popup/u-popup.vue +1 -1
- package/components/u-poster/u-poster.vue +1 -1
- package/components/u-radio/u-radio.vue +1 -1
- package/components/u-radio-group/u-radio-group.vue +1 -1
- package/components/u-rate/u-rate.vue +1 -1
- package/components/u-read-more/u-read-more.vue +1 -1
- package/components/u-row/u-row.vue +1 -1
- package/components/u-row-notice/u-row-notice.vue +1 -1
- package/components/u-safe-bottom/u-safe-bottom.vue +1 -1
- package/components/u-scroll-list/u-scroll-list.vue +1 -1
- package/components/u-search/u-search.vue +1 -1
- package/components/u-skeleton/u-skeleton.vue +1 -1
- package/components/u-sticky/u-sticky.vue +1 -1
- package/components/u-subsection/u-subsection.vue +1 -1
- package/components/u-swipe-action/u-swipe-action.vue +1 -1
- package/components/u-swipe-action-item/u-swipe-action-item.vue +1 -1
- package/components/u-swiper/u-swiper.vue +1 -1
- package/components/u-swiper-indicator/u-swiper-indicator.vue +1 -1
- package/components/u-switch/u-switch.vue +1 -1
- package/components/u-tabbar/u-tabbar.vue +1 -1
- package/components/u-tabbar-item/u-tabbar-item.vue +1 -1
- package/components/u-table/u-table.vue +1 -1
- package/components/u-tabs/u-tabs.vue +2 -2
- package/components/u-tabs-item/u-tabs-item.vue +1 -1
- package/components/u-tag/u-tag.vue +1 -1
- package/components/u-text/u-text.vue +1 -1
- package/components/u-textarea/u-textarea.vue +1 -1
- package/components/u-toast/u-toast.vue +1 -1
- package/components/u-toolbar/u-toolbar.vue +1 -1
- package/components/u-tooltip/u-tooltip.vue +2 -2
- package/components/u-upload/utils.js +6 -10
- package/components/u-view/u-view.vue +1 -1
- package/libs/config/config.js +1 -1
- package/package.json +1 -1
package/changelog.md
CHANGED
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
/**
|
|
123
123
|
* ActionSheet 操作菜单
|
|
124
124
|
* @description 本组件用于从底部弹出一个操作菜单,供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI,配置更加灵活,所有平台都表现一致。
|
|
125
|
-
* @tutorial https://
|
|
125
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/actionSheet.html
|
|
126
126
|
*
|
|
127
127
|
* @property {Boolean} show 操作菜单是否展示 (默认 false )
|
|
128
128
|
* @property {String} title 操作菜单标题
|
|
@@ -75,7 +75,7 @@ const dom = uni.requireNativePlugin('dom')
|
|
|
75
75
|
/**
|
|
76
76
|
* Album 相册
|
|
77
77
|
* @description 本组件提供一个类似相册的功能,让开发者开发起来更加得心应手。减少重复的模板代码
|
|
78
|
-
* @tutorial https://
|
|
78
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/album.html
|
|
79
79
|
*
|
|
80
80
|
* @property {Array} urls 图片地址列表 Array<String>|Array<Object>形式
|
|
81
81
|
* @property {String} keyName 指定从数组的对象元素中读取哪个属性作为图片地址
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
/**
|
|
75
75
|
* Alert 警告提示
|
|
76
76
|
* @description 警告提示,展现需要关注的信息。
|
|
77
|
-
* @tutorial https://
|
|
77
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/alertTips.html
|
|
78
78
|
*
|
|
79
79
|
* @property {String} title 显示的文字
|
|
80
80
|
* @property {String} type 使用预设的颜色 (默认 'warning' )
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
/**
|
|
64
64
|
* Avatar 头像
|
|
65
65
|
* @description 本组件一般用于展示头像的地方,如个人中心,或者评论列表页的用户头像展示等场所。
|
|
66
|
-
* @tutorial https://
|
|
66
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/avatar.html
|
|
67
67
|
*
|
|
68
68
|
* @property {String} src 头像路径,如加载失败,将会显示默认头像(不能为相对路径)
|
|
69
69
|
* @property {String} shape 头像形状 ( circle (默认) | square)
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
/**
|
|
41
41
|
* AvatarGroup 头像组
|
|
42
42
|
* @description 本组件一般用于展示头像的地方,如个人中心,或者评论列表页的用户头像展示等场所。
|
|
43
|
-
* @tutorial https://
|
|
43
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/avatar.html
|
|
44
44
|
*
|
|
45
45
|
* @property {Array} urls 头像图片组 (默认 [] )
|
|
46
46
|
* @property {String | Number} maxCount 最多展示的头像数量 ( 默认 5 )
|
|
@@ -121,7 +121,7 @@ import color from '../../libs/config/color';
|
|
|
121
121
|
/**
|
|
122
122
|
* button 按钮
|
|
123
123
|
* @description Button 按钮
|
|
124
|
-
* @tutorial https://
|
|
124
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/button.html
|
|
125
125
|
*
|
|
126
126
|
* @property {Boolean} hairline 是否显示按钮的细边框 (默认 true )
|
|
127
127
|
* @property {String} type 按钮的预置样式,info,primary,error,warning,success (默认 'info' )
|
|
@@ -359,7 +359,7 @@
|
|
|
359
359
|
// 获取每个月份区域的尺寸
|
|
360
360
|
getMonthRectByPromise(el) {
|
|
361
361
|
// #ifndef APP-NVUE
|
|
362
|
-
// $uGetRect为uView自带的节点查询简化方法,详见文档介绍:https://
|
|
362
|
+
// $uGetRect为uView自带的节点查询简化方法,详见文档介绍:https://uview-plus.jiangruyi.com/js/getRect.html
|
|
363
363
|
// 组件内部一般用this.$uGetRect,对外的为uni.$u.getRect,二者功能一致,名称不同
|
|
364
364
|
return new Promise(resolve => {
|
|
365
365
|
this.$uGetRect(`.${el}`).then(size => {
|
|
@@ -82,7 +82,7 @@ import test from '../../libs/function/test';
|
|
|
82
82
|
/**
|
|
83
83
|
* Calendar 日历
|
|
84
84
|
* @description 此组件用于单个选择日期,范围选择日期等,日历被包裹在底部弹起的容器中.
|
|
85
|
-
* @tutorial https://
|
|
85
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/calendar.html
|
|
86
86
|
*
|
|
87
87
|
* @property {String} title 标题内容 (默认 日期选择 )
|
|
88
88
|
* @property {Boolean} showTitle 是否显示标题 (默认 true )
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
/**
|
|
15
15
|
* checkboxGroup 复选框组
|
|
16
16
|
* @description 复选框组件一般用于需要多个选择的场景,该组件功能完整,使用方便
|
|
17
|
-
* @tutorial https://
|
|
17
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/checkbox.html
|
|
18
18
|
* @property {String} name 标识符
|
|
19
19
|
* @property {Array} value 绑定的值
|
|
20
20
|
* @property {String} shape 形状,circle-圆形,square-方形 (默认 'square' )
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
/**
|
|
38
38
|
* CircleProgress 圆形进度条 TODO: 待完善
|
|
39
39
|
* @description 展示操作或任务的当前进度,比如上传文件,是一个圆形的进度环。
|
|
40
|
-
* @tutorial https://
|
|
40
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/circleProgress.html
|
|
41
41
|
* @property {String | Number} percentage 圆环进度百分比值,为数值类型,0-100 (默认 30 )
|
|
42
42
|
* @example
|
|
43
43
|
*/
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
/**
|
|
12
12
|
* Code 验证码输入框
|
|
13
13
|
* @description 考虑到用户实际发送验证码的场景,可能是一个按钮,也可能是一段文字,提示语各有不同,所以本组件 不提供界面显示,只提供提示语,由用户将提示语嵌入到具体的场景
|
|
14
|
-
* @tutorial https://
|
|
14
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/code.html
|
|
15
15
|
* @property {String | Number} seconds 倒计时所需的秒数(默认 60 )
|
|
16
16
|
* @property {String} startText 开始前的提示语,见官网说明(默认 '获取验证码' )
|
|
17
17
|
* @property {String} changeText 倒计时期间的提示语,必须带有字母"x",见官网说明(默认 'X秒重新获取' )
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
/**
|
|
59
59
|
* CodeInput 验证码输入
|
|
60
60
|
* @description 该组件一般用于验证用户短信验证码的场景,也可以结合uview-plus的键盘组件使用
|
|
61
|
-
* @tutorial https://
|
|
61
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/codeInput.html
|
|
62
62
|
* @property {String | Number} maxlength 最大输入长度 (默认 6 )
|
|
63
63
|
* @property {Boolean} dot 是否用圆点填充 (默认 false )
|
|
64
64
|
* @property {String} mode 显示模式,box-盒子模式,line-底部横线模式 (默认 'box' )
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
/**
|
|
21
21
|
* CodeInput 栅格系统的列
|
|
22
22
|
* @description 该组件一般用于Layout 布局 通过基础的 12 分栏,迅速简便地创建布局
|
|
23
|
-
* @tutorial https://
|
|
23
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/Layout.html
|
|
24
24
|
* @property {String | Number} span 栅格占据的列数,总12等份 (默认 12 )
|
|
25
25
|
* @property {String | Number} offset 分栏左边偏移,计算方式与span相同 (默认 0 )
|
|
26
26
|
* @property {String} justify 水平排列方式,可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`) (默认 'start' )
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
/**
|
|
13
13
|
* collapse 折叠面板
|
|
14
14
|
* @description 通过折叠面板收纳内容区域
|
|
15
|
-
* @tutorial https://
|
|
15
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/collapse.html
|
|
16
16
|
* @property {String | Number | Array} value 当前展开面板的name,非手风琴模式:[<string | number>],手风琴模式:string | number
|
|
17
17
|
* @property {Boolean} accordion 是否手风琴模式( 默认 false )
|
|
18
18
|
* @property {Boolean} border 是否显示外边框 ( 默认 true )
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
/**
|
|
72
72
|
* collapseItem 折叠面板Item
|
|
73
73
|
* @description 通过折叠面板收纳内容区域(搭配u-collapse使用)
|
|
74
|
-
* @tutorial https://
|
|
74
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/collapse.html
|
|
75
75
|
* @property {String} title 标题
|
|
76
76
|
* @property {String} value 标题右侧内容
|
|
77
77
|
* @property {String} label 标题下方的描述信息
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
// 查询内容高度
|
|
202
202
|
queryRect() {
|
|
203
203
|
// #ifndef APP-NVUE
|
|
204
|
-
// $uGetRect为uView自带的节点查询简化方法,详见文档介绍:https://
|
|
204
|
+
// $uGetRect为uView自带的节点查询简化方法,详见文档介绍:https://uview-plus.jiangruyi.com/js/getRect.html
|
|
205
205
|
// 组件内部一般用this.$uGetRect,对外的为uni.$u.getRect,二者功能一致,名称不同
|
|
206
206
|
return new Promise(resolve => {
|
|
207
207
|
this.$uGetRect(`#${this.elId}`).then(size => {
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
/**
|
|
67
67
|
* ColumnNotice 滚动通知中的垂直滚动 内部组件
|
|
68
68
|
* @description 该组件用于滚动通告场景,是其中的垂直滚动方式
|
|
69
|
-
* @tutorial https://
|
|
69
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/noticeBar.html
|
|
70
70
|
* @property {Array} text 显示的内容,字符串
|
|
71
71
|
* @property {String} icon 是否显示左侧的音量图标 ( 默认 'volume' )
|
|
72
72
|
* @property {String} mode 通告模式,link-显示右箭头,closable-显示右侧关闭图标
|
|
@@ -17,7 +17,7 @@ import { addUnit } from '../../libs/function/index';
|
|
|
17
17
|
/**
|
|
18
18
|
* countTo 数字滚动
|
|
19
19
|
* @description 该组件一般用于需要滚动数字到某一个值的场景,目标要求是一个递增的值。
|
|
20
|
-
* @tutorial https://
|
|
20
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/countTo.html
|
|
21
21
|
* @property {String | Number} startVal 开始的数值,默认从0增长到某一个数(默认 0 )
|
|
22
22
|
* @property {String | Number} endVal 要滚动的目标数值,必须 (默认 0 )
|
|
23
23
|
* @property {String | Number} duration 滚动到目标数值的动画持续时间,单位为毫秒(ms) (默认 2000 )
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
/**
|
|
66
66
|
* DatetimePicker 时间日期选择器
|
|
67
67
|
* @description 此选择器用于时间日期
|
|
68
|
-
* @tutorial https://
|
|
68
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/datetimePicker.html
|
|
69
69
|
* @property {Boolean} show 用于控制选择器的弹出与收起 ( 默认 false )
|
|
70
70
|
* @property {Boolean} showToolbar 是否显示顶部的操作栏 ( 默认 true )
|
|
71
71
|
* @property {String | Number} modelValue 绑定值
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
/**
|
|
39
39
|
* divider 分割线
|
|
40
40
|
* @description 区隔内容的分割线,一般用于页面底部"没有更多"的提示。
|
|
41
|
-
* @tutorial https://
|
|
41
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/divider.html
|
|
42
42
|
* @property {Boolean} dashed 是否虚线 (默认 false )
|
|
43
43
|
* @property {Boolean} hairline 是否细线 (默认 true )
|
|
44
44
|
* @property {Boolean} dot 是否以点替代文字,优先于text字段起作用 (默认 false )
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
/**
|
|
42
42
|
* dropdown 下拉菜单
|
|
43
43
|
* @description 该组件一般用于向下展开菜单,同时可切换多个选项卡的场景
|
|
44
|
-
* @tutorial https://
|
|
44
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/dropdown.html
|
|
45
45
|
* @property {String} active-color 标题和选项卡选中的颜色(默认#2979ff)
|
|
46
46
|
* @property {String} inactive-color 标题和选项卡未选中的颜色(默认#606266)
|
|
47
47
|
* @property {Boolean} close-on-click-mask 点击遮罩是否关闭菜单(默认true)
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
/**
|
|
29
29
|
* dropdown-item 下拉菜单
|
|
30
30
|
* @description 该组件一般用于向下展开菜单,同时可切换多个选项卡的场景
|
|
31
|
-
* @tutorial https://
|
|
31
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/dropdown.html
|
|
32
32
|
* @property {String | Number} v-model 双向绑定选项卡选择值
|
|
33
33
|
* @property {String} title 菜单项标题
|
|
34
34
|
* @property {Array[Object]} options 选项数据,如果传入了默认slot,此参数无效
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
/**
|
|
40
40
|
* empty 内容为空
|
|
41
41
|
* @description 该组件用于需要加载内容,但是加载的第一页数据就为空,提示一个"没有内容"的场景, 我们精心挑选了十几个场景的图标,方便您使用。
|
|
42
|
-
* @tutorial https://
|
|
42
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/empty.html
|
|
43
43
|
* @property {String} icon 内置图标名称,或图片路径,建议绝对路径
|
|
44
44
|
* @property {String} text 提示文字
|
|
45
45
|
* @property {String} textColor 文字颜色 (默认 '#c0c4cc' )
|
|
@@ -54,7 +54,7 @@ import { addStyle, addUnit, deepMerge } from '../../libs/function/index';
|
|
|
54
54
|
/**
|
|
55
55
|
* FloatButton 悬浮按钮
|
|
56
56
|
* @description 悬浮按钮常用于屏幕右下角点击展开的操作菜单
|
|
57
|
-
* @tutorial https://
|
|
57
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/floatButton.html
|
|
58
58
|
* @property {String} backgroundColor 背景颜色
|
|
59
59
|
* @event {Function} click 点击触发事件
|
|
60
60
|
* @example <up-float-button></up-float-button>
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
/**
|
|
17
17
|
* Form 表单
|
|
18
18
|
* @description 此组件一般用于表单场景,可以配置Input输入框,Select弹出框,进行表单验证等。
|
|
19
|
-
* @tutorial https://
|
|
19
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/form.html
|
|
20
20
|
* @property {Object} model 当前form的需要验证字段的集合
|
|
21
21
|
* @property {Object | Function | Array} rules 验证规则
|
|
22
22
|
* @property {String} errorType 错误的提示方式,见上方说明 ( 默认 message )
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
/**
|
|
85
85
|
* Form 表单
|
|
86
86
|
* @description 此组件一般用于表单场景,可以配置Input输入框,Select弹出框,进行表单验证等。
|
|
87
|
-
* @tutorial https://
|
|
87
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/form.html
|
|
88
88
|
* @property {String} label input的label提示语
|
|
89
89
|
* @property {String} prop 绑定的值
|
|
90
90
|
* @property {Array} rules 绑定的规则
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
/**
|
|
11
11
|
* gap 间隔槽
|
|
12
12
|
* @description 该组件一般用于内容块之间的用一个灰色块隔开的场景,方便用户风格统一,减少工作量
|
|
13
|
-
* @tutorial https://
|
|
13
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/gap.html
|
|
14
14
|
* @property {String} bgColor 背景颜色 (默认 'transparent' )
|
|
15
15
|
* @property {String | Number} height 分割槽高度,单位px (默认 20 )
|
|
16
16
|
* @property {String | Number} marginTop 与前一个组件的距离,单位px( 默认 0 )
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
/**
|
|
17
17
|
* grid 宫格布局
|
|
18
18
|
* @description 宫格组件一般用于同时展示多个同类项目的场景,可以给宫格的项目设置徽标组件(badge),或者图标等,也可以扩展为左右滑动的轮播形式。
|
|
19
|
-
* @tutorial https://
|
|
19
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/grid.html
|
|
20
20
|
* @property {String | Number} col 宫格的列数(默认 3 )
|
|
21
21
|
* @property {Boolean} border 是否显示宫格的边框(默认 false )
|
|
22
22
|
* @property {String} align 宫格对齐方式,表现为数量少的时候,靠左,居中,还是靠右 (默认 'left' )
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
/**
|
|
34
34
|
* gridItem 提示
|
|
35
35
|
* @description 宫格组件一般用于同时展示多个同类项目的场景,可以给宫格的项目设置徽标组件(badge),或者图标等,也可以扩展为左右滑动的轮播形式。搭配u-grid使用
|
|
36
|
-
* @tutorial https://
|
|
36
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/grid.html
|
|
37
37
|
* @property {String | Number} name 宫格的name ( 默认 null )
|
|
38
38
|
* @property {String} bgColor 宫格的背景颜色 (默认 'transparent' )
|
|
39
39
|
* @property {Object} customStyle 自定义样式,对象形式
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
/**
|
|
47
47
|
* icon 图标
|
|
48
48
|
* @description 基于字体的图标集,包含了大多数常见场景的图标。
|
|
49
|
-
* @tutorial https://
|
|
49
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/icon.html
|
|
50
50
|
* @property {String} name 图标名称,见示例图标集
|
|
51
51
|
* @property {String} color 图标颜色,可接受主题色 (默认 color['u-content-color'] )
|
|
52
52
|
* @property {String | Number} size 图标字体大小,单位px (默认 '16px' )
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
/**
|
|
76
76
|
* keyboard 键盘
|
|
77
77
|
* @description 此为uViw自定义的键盘面板,内含了数字键盘,车牌号键,身份证号键盘3中模式,都有可以打乱按键顺序的选项。
|
|
78
|
-
* @tutorial https://
|
|
78
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/keyboard.html
|
|
79
79
|
* @property {String} mode 键盘类型,见官网基本使用的说明 (默认 'number' )
|
|
80
80
|
* @property {Boolean} dotDisabled 是否显示"."按键,只在mode=number时有效 (默认 false )
|
|
81
81
|
* @property {Boolean} tooltip 是否显示键盘顶部工具条 (默认 true )
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
/**
|
|
16
16
|
* line 线条
|
|
17
17
|
* @description 此组件一般用于显示一根线条,用于分隔内容块,有横向和竖向两种模式,且能设置0.5px线条,使用也很简单
|
|
18
|
-
* @tutorial https://
|
|
18
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/line.html
|
|
19
19
|
* @property {String} color 线条的颜色 ( 默认 '#d6d7d9' )
|
|
20
20
|
* @property {String | Number} length 长度,竖向时表现为高度,横向时表现为长度,可以为百分比,带px单位的值等 ( 默认 '100%' )
|
|
21
21
|
* @property {String} direction 线条的方向,row-横向,col-竖向 (默认 'row' )
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
/**
|
|
35
35
|
* lineProgress 线型进度条
|
|
36
36
|
* @description 展示操作或任务的当前进度,比如上传文件,是一个线形的进度条。
|
|
37
|
-
* @tutorial https://
|
|
37
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/lineProgress.html
|
|
38
38
|
* @property {String} activeColor 激活部分的颜色 ( 默认 '#19be6b' )
|
|
39
39
|
* @property {String} inactiveColor 背景色 ( 默认 '#ececec' )
|
|
40
40
|
* @property {String | Number} percentage 进度百分比,数值 ( 默认 0 )
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
/**
|
|
15
15
|
* link 超链接
|
|
16
16
|
* @description 该组件为超链接组件,在不同平台有不同表现形式:在APP平台会通过plus环境打开内置浏览器,在小程序中把链接复制到粘贴板,同时提示信息,在H5中通过window.open打开链接。
|
|
17
|
-
* @tutorial https://
|
|
17
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/link.html
|
|
18
18
|
* @property {String} color 文字颜色 (默认 color['u-primary'] )
|
|
19
19
|
* @property {String | Number} fontSize 字体大小,单位px (默认 15 )
|
|
20
20
|
* @property {Boolean} underLine 是否显示下划线 (默认 false )
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
/**
|
|
58
58
|
* List 列表
|
|
59
59
|
* @description 该组件为高性能列表组件
|
|
60
|
-
* @tutorial https://
|
|
60
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/list.html
|
|
61
61
|
* @property {Boolean} showScrollbar 控制是否出现滚动条,仅nvue有效 (默认 false )
|
|
62
62
|
* @property {String | Number} lowerThreshold 距底部多少时触发scrolltolower事件 (默认 50 )
|
|
63
63
|
* @property {String | Number} upperThreshold 距顶部多少时触发scrolltoupper事件,非nvue有效 (默认 0 )
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
/**
|
|
27
27
|
* List 列表
|
|
28
28
|
* @description 该组件为高性能列表组件
|
|
29
|
-
* @tutorial https://
|
|
29
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/list.html
|
|
30
30
|
* @property {String | Number} anchor 用于滚动到指定item
|
|
31
31
|
* @example <u-list-ite v-for="(item, index) in indexList" :key="index" ></u-list-item>
|
|
32
32
|
*/
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
/**
|
|
70
70
|
* loading 加载动画
|
|
71
71
|
* @description 警此组件为一个小动画,目前用在uView的loadmore加载更多和switch开关等组件的正在加载状态场景。
|
|
72
|
-
* @tutorial https://
|
|
72
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/loading.html
|
|
73
73
|
* @property {Boolean} show 是否显示组件 (默认 true)
|
|
74
74
|
* @property {String} color 动画活动区域的颜色,只对 mode = flower 模式有效(默认color['u-tips-color'])
|
|
75
75
|
* @property {String} textColor 提示文本的颜色(默认color['u-tips-color'])
|
|
@@ -56,7 +56,7 @@ import { addUnit } from '../../libs/function/index';
|
|
|
56
56
|
/**
|
|
57
57
|
* loadingPage 加载动画
|
|
58
58
|
* @description 警此组件为一个小动画,目前用在uView的loadmore加载更多和switch开关等组件的正在加载状态场景。
|
|
59
|
-
* @tutorial https://
|
|
59
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/loading.html
|
|
60
60
|
* @property {String | Number} loadingText 提示内容 (默认 '正在加载' )
|
|
61
61
|
* @property {String} image 文字上方用于替换loading动画的图片
|
|
62
62
|
* @property {String} loadingMode 加载动画的模式,circle-圆形,spinner-花朵形,semicircle-半圆形 (默认 'circle' )
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
/**
|
|
60
60
|
* loadmore 加载更多
|
|
61
61
|
* @description 此组件一般用于标识页面底部加载数据时的状态。
|
|
62
|
-
* @tutorial https://
|
|
62
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/loadMore.html
|
|
63
63
|
* @property {String} status 组件状态(默认 'loadmore' )
|
|
64
64
|
* @property {String} bgColor 组件背景颜色,在页面是非白色时会用到(默认 'transparent' )
|
|
65
65
|
* @property {Boolean} icon 加载中时是否显示图标(默认 true )
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
/**
|
|
102
102
|
* Modal 模态框
|
|
103
103
|
* @description 弹出模态框,常用于消息提示、消息确认、在当前页面内完成特定的交互操作。
|
|
104
|
-
* @tutorial https://
|
|
104
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/modul.html
|
|
105
105
|
* @property {Boolean} show 是否显示模态框,请赋值给show (默认 false )
|
|
106
106
|
* @property {String} title 标题内容
|
|
107
107
|
* @property {String} content 模态框内容,如传入slot内容,则此参数无效
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
/**
|
|
83
83
|
* Navbar 自定义导航栏
|
|
84
84
|
* @description 此组件一般用于在特殊情况下,需要自定义导航栏的时候用到,一般建议使用uni-app带的导航栏。
|
|
85
|
-
* @tutorial https://
|
|
85
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/navbar.html
|
|
86
86
|
* @property {Boolean} safeAreaInsetTop 是否开启顶部安全区适配 (默认 true )
|
|
87
87
|
* @property {Boolean} placeholder 固定在顶部时,是否生成一个等高元素,以防止塌陷 (默认 false )
|
|
88
88
|
* @property {Boolean} fixed 导航栏是否固定在顶部 (默认 false )
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
/**
|
|
48
48
|
* NavbarMini 迷你导航栏
|
|
49
49
|
* @description 此组件一般用于在全屏页面中,典型的如微信小程序左上角。
|
|
50
|
-
* @tutorial https://
|
|
50
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/navbar-mini.html
|
|
51
51
|
* @property {Boolean} safeAreaInsetTop 是否开启顶部安全区适配 (默认 true )
|
|
52
52
|
* @property {Boolean} placeholder 固定在顶部时,是否生成一个等高元素,以防止塌陷 (默认 false )
|
|
53
53
|
* @property {Boolean} fixed 导航栏是否固定在顶部 (默认 false )
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
/**
|
|
52
52
|
* noNetwork 无网络提示
|
|
53
53
|
* @description 该组件无需任何配置,引入即可,内部自动处理所有功能和事件。
|
|
54
|
-
* @tutorial https://
|
|
54
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/noNetwork.html
|
|
55
55
|
* @property {String} tips 没有网络时的提示语 (默认:'哎呀,网络信号丢失' )
|
|
56
56
|
* @property {String | Number} zIndex 组件的z-index值
|
|
57
57
|
* @property {String} image 无网络的图片提示,可用的src地址或base64图片
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
/**
|
|
48
48
|
* noticeBar 滚动通知
|
|
49
49
|
* @description 该组件用于滚动通告场景,有多种模式可供选择
|
|
50
|
-
* @tutorial https://
|
|
50
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/noticeBar.html
|
|
51
51
|
* @property {Array | String} text 显示的内容,数组
|
|
52
52
|
* @property {String} direction 通告滚动模式,row-横向滚动,column-竖向滚动 ( 默认 'row' )
|
|
53
53
|
* @property {Boolean} step direction = row时,是否使用步进形式滚动 ( 默认 false )
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
/**
|
|
20
20
|
* overlay 遮罩
|
|
21
21
|
* @description 创建一个遮罩层,用于强调特定的页面元素,并阻止用户对遮罩下层的内容进行操作,一般用于弹窗场景
|
|
22
|
-
* @tutorial https://
|
|
22
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/overlay.html
|
|
23
23
|
* @property {Boolean} show 是否显示遮罩(默认 false )
|
|
24
24
|
* @property {String | Number} zIndex zIndex 层级(默认 10070 )
|
|
25
25
|
* @property {String | Number} duration 动画时长,单位毫秒(默认 300 )
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
</template>
|
|
27
27
|
|
|
28
28
|
<script>
|
|
29
|
+
import { formValidate } from '../../libs/function/index';
|
|
29
30
|
export default {
|
|
30
31
|
name: 'u-picker-data',
|
|
31
32
|
props: {
|
|
@@ -122,6 +123,8 @@ export default {
|
|
|
122
123
|
this.defaultIndex = columnIndex;
|
|
123
124
|
this.current = value[0][this.labelKey];
|
|
124
125
|
this.$emit('confirm')
|
|
126
|
+
// 表单验证
|
|
127
|
+
formValidate(this, 'change')
|
|
125
128
|
}
|
|
126
129
|
}
|
|
127
130
|
}
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
/**
|
|
79
79
|
* popup 弹窗
|
|
80
80
|
* @description 弹出层容器,用于展示弹窗、信息提示等内容,支持上、下、左、右和中部弹出。组件只提供容器,内部内容由用户自定义
|
|
81
|
-
* @tutorial https://
|
|
81
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/popup.html
|
|
82
82
|
* @property {Boolean} show 是否展示弹窗 (默认 false )
|
|
83
83
|
* @property {Boolean} overlay 是否显示遮罩 (默认 true )
|
|
84
84
|
* @property {String} mode 弹出方向(默认 'bottom' )
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
/**
|
|
27
27
|
* Poster 海报组件
|
|
28
28
|
* @description 用于生成海报的组件,支持文本、图片、二维码等元素
|
|
29
|
-
* @tutorial https://
|
|
29
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/poster.html
|
|
30
30
|
*
|
|
31
31
|
* @property {Object} json 海报配置JSON数据
|
|
32
32
|
* @property {Object} json.css 海报容器样式
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
/**
|
|
44
44
|
* radio 单选框
|
|
45
45
|
* @description 单选框用于有一个选择,用户只能选择其中一个的场景。搭配u-radio-group使用
|
|
46
|
-
* @tutorial https://
|
|
46
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/radio.html
|
|
47
47
|
* @property {String | Number} name radio的名称
|
|
48
48
|
* @property {String} shape 形状,square为方形,circle为圆型
|
|
49
49
|
* @property {Boolean} disabled 是否禁用
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
/**
|
|
18
18
|
* radioRroup 单选框父组件
|
|
19
19
|
* @description 单选框用于有一个选择,用户只能选择其中一个的场景。搭配u-radio使用
|
|
20
|
-
* @tutorial https://
|
|
20
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/radio.html
|
|
21
21
|
* @property {String | Number | Boolean} value 绑定的值
|
|
22
22
|
* @property {Boolean} disabled 是否禁用所有radio(默认 false )
|
|
23
23
|
* @property {String} shape 外观形状,shape-方形,circle-圆形(默认 circle )
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
/**
|
|
85
85
|
* rate 评分
|
|
86
86
|
* @description 该组件一般用于满意度调查,星型评分的场景
|
|
87
|
-
* @tutorial https://
|
|
87
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/rate.html
|
|
88
88
|
* @property {String | Number} value 用于v-model双向绑定选中的星星数量 (默认 1 )
|
|
89
89
|
* @property {String | Number} count 最多可选的星星数量 (默认 5 )
|
|
90
90
|
* @property {Boolean} disabled 是否禁止用户操作 (默认 false )
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
/**
|
|
57
57
|
* readMore 阅读更多
|
|
58
58
|
* @description 该组件一般用于内容较长,预先收起一部分,点击展开全部内容的场景。
|
|
59
|
-
* @tutorial https://
|
|
59
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/readMore.html
|
|
60
60
|
* @property {String | Number} showHeight 内容超出此高度才会显示展开全文按钮,单位px(默认 400 )
|
|
61
61
|
* @property {Boolean} toggle 展开后是否显示收起按钮(默认 false )
|
|
62
62
|
* @property {String} closeText 关闭时的提示文字(默认 '展开阅读全文' )
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
/**
|
|
21
21
|
* Row 栅格系统中的行
|
|
22
22
|
* @description 通过基础的 12 分栏,迅速简便地创建布局
|
|
23
|
-
* @tutorial https://
|
|
23
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/layout.html
|
|
24
24
|
* @property {String | Number} gutter 栅格间隔,左右各为此值的一半,单位px (默认 0 )
|
|
25
25
|
* @property {String} justify 水平排列方式(微信小程序暂不支持) 可选值为`start`(或`flex-start`)、`end`(或`flex-end`)、`center`、`around`(或`space-around`)、`between`(或`space-between`) (默认 'start' )
|
|
26
26
|
* @property {String} align 垂直排列方式 (默认 'center' )
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
/**
|
|
65
65
|
* RowNotice 滚动通知中的水平滚动模式
|
|
66
66
|
* @description 水平滚动
|
|
67
|
-
* @tutorial https://
|
|
67
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/noticeBar.html
|
|
68
68
|
* @property {String | Number} text 显示的内容,字符串
|
|
69
69
|
* @property {String} icon 是否显示左侧的音量图标 (默认 'volume' )
|
|
70
70
|
* @property {String} mode 通告模式,link-显示右箭头,closable-显示右侧关闭图标
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
/**
|
|
16
16
|
* SafeBottom 底部安全区
|
|
17
17
|
* @description 这个适配,主要是针对IPhone X等一些底部带指示条的机型,指示条的操作区域与页面底部存在重合,容易导致用户误操作,因此我们需要针对这些机型进行底部安全区适配。
|
|
18
|
-
* @tutorial https://
|
|
18
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/safeAreaInset.html
|
|
19
19
|
* @property {type} prop_name
|
|
20
20
|
* @property {Object} customStyle 定义需要用到的外部样式
|
|
21
21
|
*
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
/**
|
|
84
84
|
* scrollList 横向滚动列表
|
|
85
85
|
* @description 该组件一般用于同时展示多个商品、分类的场景,也可以完成左右滑动的列表。
|
|
86
|
-
* @tutorial https://
|
|
86
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/scrollList.html
|
|
87
87
|
* @property {String | Number} indicatorWidth 指示器的整体宽度 (默认 50 )
|
|
88
88
|
* @property {String | Number} indicatorBarWidth 滑块的宽度 (默认 20 )
|
|
89
89
|
* @property {Boolean} indicator 是否显示面板指示器 (默认 true )
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
/**
|
|
85
85
|
* search 搜索框
|
|
86
86
|
* @description 搜索组件,集成了常见搜索框所需功能,用户可以一键引入,开箱即用。
|
|
87
|
-
* @tutorial https://
|
|
87
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/search.html
|
|
88
88
|
* @property {String} shape 搜索框形状,round-圆形,square-方形(默认 'round' )
|
|
89
89
|
* @property {String} bgColor 搜索框背景颜色(默认 '#f2f2f2' )
|
|
90
90
|
* @property {String} placeholder 占位文字内容(默认 '请输入关键字' )
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
/**
|
|
63
63
|
* Skeleton 骨架屏
|
|
64
64
|
* @description 骨架屏一般用于页面在请求远程数据尚未完成时,页面用灰色块预显示本来的页面结构,给用户更好的体验。
|
|
65
|
-
* @tutorial https://
|
|
65
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/skeleton.html
|
|
66
66
|
* @property {Boolean} loading 是否显示骨架占位图,设置为false将会展示子组件内容 (默认 true )
|
|
67
67
|
* @property {Boolean} animate 是否开启动画效果 (默认 true )
|
|
68
68
|
* @property {String | Number} rows 段落占位图行数 (默认 0 )
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
/**
|
|
23
23
|
* sticky 吸顶
|
|
24
24
|
* @description 该组件与CSS中position: sticky属性实现的效果一致,当组件达到预设的到顶部距离时, 就会固定在指定位置,组件位置大于预设的顶部距离时,会重新按照正常的布局排列。
|
|
25
|
-
* @tutorial https://
|
|
25
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/sticky.html
|
|
26
26
|
* @property {String | Number} offsetTop 吸顶时与顶部的距离,单位px(默认 0 )
|
|
27
27
|
* @property {String | Number} customNavHeight 自定义导航栏的高度 (h5 默认44 其他默认 0 )
|
|
28
28
|
* @property {Boolean} disabled 是否开启吸顶功能 (默认 false )
|
|
@@ -61,7 +61,7 @@ import { addStyle, addUnit, sleep } from '../../libs/function/index';
|
|
|
61
61
|
/**
|
|
62
62
|
* Subsection 分段器
|
|
63
63
|
* @description 该分段器一般用于用户从几个选项中选择某一个的场景
|
|
64
|
-
* @tutorial https://
|
|
64
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/subsection.html
|
|
65
65
|
* @property {Array} list tab的数据
|
|
66
66
|
* @property {String | Number} current 当前活动的tab的index(默认 0 )
|
|
67
67
|
* @property {String} activeColor 激活时的颜色(默认 '#3c9cff' )
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
/**
|
|
12
12
|
* SwipeAction 滑动单元格
|
|
13
13
|
* @description 该组件一般用于左滑唤出操作菜单的场景,用的最多的是左滑删除操作
|
|
14
|
-
* @tutorial https://
|
|
14
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/swipeAction.html
|
|
15
15
|
* @property {Boolean} autoClose 是否自动关闭其他swipe按钮组
|
|
16
16
|
* @event {Function(index)} click 点击组件时触发
|
|
17
17
|
* @example <u-swipe-action><u-swipe-action-item :rightOptions="options1" ></u-swipe-action-item></u-swipe-action>
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
/**
|
|
77
77
|
* SwipeActionItem 滑动单元格子组件
|
|
78
78
|
* @description 该组件一般用于左滑唤出操作菜单的场景,用的最多的是左滑删除操作
|
|
79
|
-
* @tutorial https://
|
|
79
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/swipeAction.html
|
|
80
80
|
* @property {Boolean} show 控制打开或者关闭(默认 false )
|
|
81
81
|
* @property {String | Number} index 标识符,如果是v-for,可用index索引
|
|
82
82
|
* @property {Boolean} disabled 是否禁用(默认 false )
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
/**
|
|
101
101
|
* Swiper 轮播图
|
|
102
102
|
* @description 该组件一般用于导航轮播,广告展示等场景,可开箱即用,
|
|
103
|
-
* @tutorial https://
|
|
103
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/swiper.html
|
|
104
104
|
* @property {Array} list 轮播图数据
|
|
105
105
|
* @property {Boolean} indicator 是否显示面板指示器(默认 false )
|
|
106
106
|
* @property {String} indicatorActiveColor 指示器非激活颜色(默认 '#FFFFFF' )
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
/**
|
|
39
39
|
* SwiperIndicator 轮播图指示器
|
|
40
40
|
* @description 该组件一般用于导航轮播,广告展示等场景,可开箱即用,
|
|
41
|
-
* @tutorial https://
|
|
41
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/swiper.html
|
|
42
42
|
* @property {String | Number} length 轮播的长度(默认 0 )
|
|
43
43
|
* @property {String | Number} current 当前处于活动状态的轮播的索引(默认 0 )
|
|
44
44
|
* @property {String} indicatorActiveColor 指示器非激活颜色
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
/**
|
|
46
46
|
* switch 开关选择器
|
|
47
47
|
* @description 选择开关一般用于只有两个选择,且只能选其一的场景。
|
|
48
|
-
* @tutorial https://
|
|
48
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/switch.html
|
|
49
49
|
* @property {Boolean} loading 是否处于加载中(默认 false )
|
|
50
50
|
* @property {Boolean} disabled 是否禁用(默认 false )
|
|
51
51
|
* @property {String | Number} size 开关尺寸,单位px (默认 25 )
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
/**
|
|
34
34
|
* Tabbar 底部导航栏
|
|
35
35
|
* @description 此组件提供了自定义tabbar的能力。
|
|
36
|
-
* @tutorial https://
|
|
36
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/tabbar.html
|
|
37
37
|
* @property {String | Number} value 当前匹配项的name
|
|
38
38
|
* @property {Boolean} safeAreaInsetBottom 是否为iPhoneX留出底部安全距离(默认 true )
|
|
39
39
|
* @property {Boolean} border 是否显示上方边框(默认 true )
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
/**
|
|
57
57
|
* TabbarItem 底部导航栏子组件
|
|
58
58
|
* @description 此组件提供了自定义tabbar的能力。
|
|
59
|
-
* @tutorial https://
|
|
59
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/tabbar.html
|
|
60
60
|
* @property {String | Number} name item标签的名称,作为与u-tabbar的value参数匹配的标识符
|
|
61
61
|
* @property {String} icon uView内置图标或者绝对路径的图片
|
|
62
62
|
* @property {String | Number} badge 右上角的角标提示信息
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
/**
|
|
14
14
|
* Table 表格
|
|
15
15
|
* @description 表格组件一般用于展示大量结构化数据的场景 本组件标签类似HTML的table表格,由table、tr、th、td四个组件组成
|
|
16
|
-
* @tutorial https://
|
|
16
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/table.html
|
|
17
17
|
* @property {String} border-color 表格边框的颜色(默认#e4e7ed)
|
|
18
18
|
* @property {String} bg-color 表格的背景颜色(默认#ffffff)
|
|
19
19
|
* @property {String} align 单元格的内容对齐方式,作用类似css的text-align(默认center)
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
/**
|
|
109
109
|
* Tabs 标签
|
|
110
110
|
* @description tabs标签组件,在标签多的时候,可以配置为左右滑动,标签少的时候,可以禁止滑动。 该组件的一个特点是配置为滚动模式时,激活的tab会自动移动到组件的中间位置。
|
|
111
|
-
* @tutorial https://
|
|
111
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/tabs.html
|
|
112
112
|
* @property {String | Number} duration 滑块移动一次所需的时间,单位秒(默认 200 )
|
|
113
113
|
* @property {String | Number} swierWidth swiper的宽度(默认 '750rpx' )
|
|
114
114
|
* @property {String} keyName 从`list`元素对象中读取的键名(默认 'name' )
|
|
@@ -324,7 +324,7 @@
|
|
|
324
324
|
// 获取各个标签的尺寸
|
|
325
325
|
queryRect(el, item) {
|
|
326
326
|
// #ifndef APP-NVUE
|
|
327
|
-
// $uGetRect为uView自带的节点查询简化方法,详见文档介绍:https://
|
|
327
|
+
// $uGetRect为uView自带的节点查询简化方法,详见文档介绍:https://uview-plus.jiangruyi.com/js/getRect.html
|
|
328
328
|
// 组件内部一般用this.$uGetRect,对外的为uni.$u.getRect,二者功能一致,名称不同
|
|
329
329
|
return new Promise(resolve => {
|
|
330
330
|
this.$uGetRect(`.${el}`).then(size => {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
/**
|
|
12
12
|
* TabsItem tabs标签组件的自组件
|
|
13
13
|
* @description tabs标签组件,在标签多的时候,可以配置为左右滑动,标签少的时候,可以禁止滑动。 该组件的一个特点是配置为滚动模式时,激活的tab会自动移动到组件的中间位置。
|
|
14
|
-
* @tutorial https://
|
|
14
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/tabs.html
|
|
15
15
|
* @property {type} prop_name
|
|
16
16
|
* @event {Function()}
|
|
17
17
|
* @example
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
/**
|
|
83
83
|
* Tag 标签
|
|
84
84
|
* @description tag组件一般用于标记和选择,我们提供了更加丰富的表现形式,能够较全面的涵盖您的使用场景
|
|
85
|
-
* @tutorial https://
|
|
85
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/tag.html
|
|
86
86
|
* @property {String} type 标签类型info、primary、success、warning、error (默认 'primary' )
|
|
87
87
|
* @property {Boolean | String} disabled 不可用(默认 false )
|
|
88
88
|
* @property {String} size 标签的大小,large,medium,mini (默认 'medium' )
|
|
@@ -78,7 +78,7 @@ import { addStyle, addUnit, deepMerge } from '../../libs/function/index';
|
|
|
78
78
|
/**
|
|
79
79
|
* Text 文本
|
|
80
80
|
* @description 此组件集成了文本类在项目中的常用功能,包括状态,拨打电话,格式化日期,*替换,超链接...等功能。 您大可不必在使用特殊文本时自己定义,text组件几乎涵盖您能使用的大部分场景。
|
|
81
|
-
* @tutorial https://
|
|
81
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/loading.html
|
|
82
82
|
* @property {String} type 主题颜色
|
|
83
83
|
* @property {Boolean} show 是否显示(默认 true )
|
|
84
84
|
* @property {String | Number} text 显示的值
|
|
@@ -50,7 +50,7 @@ import { addStyle, addUnit, deepMerge, formValidate, os } from '../../libs/funct
|
|
|
50
50
|
/**
|
|
51
51
|
* Textarea 文本域
|
|
52
52
|
* @description 文本域此组件满足了可能出现的表单信息补充,编辑等实际逻辑的功能,内置了字数校验等
|
|
53
|
-
* @tutorial https://
|
|
53
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/textarea.html
|
|
54
54
|
*
|
|
55
55
|
* @property {String | Number} value 输入框的内容
|
|
56
56
|
* @property {String | Number} placeholder 输入框为空时占位符
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
/**
|
|
49
49
|
* toast 消息提示
|
|
50
50
|
* @description 此组件表现形式类似uni的uni.showToastAPI,但也有不同的地方。
|
|
51
|
-
* @tutorial https://
|
|
51
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/toast.html
|
|
52
52
|
* @property {String | Number} zIndex toast展示时的zIndex值 (默认 10090 )
|
|
53
53
|
* @property {Boolean} loading 是否加载中 (默认 false )
|
|
54
54
|
* @property {String | Number} message 显示的文字内容
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
/**
|
|
56
56
|
* Toolbar 工具条
|
|
57
57
|
* @description
|
|
58
|
-
* @tutorial https://
|
|
58
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/toolbar.html
|
|
59
59
|
* @property {Boolean} show 是否展示工具条(默认 true )
|
|
60
60
|
* @property {String} cancelText 取消按钮的文字(默认 '取消' )
|
|
61
61
|
* @property {String} confirmText 确认按钮的文字(默认 '确认' )
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
/**
|
|
111
111
|
* Tooltip
|
|
112
112
|
* @description
|
|
113
|
-
* @tutorial https://
|
|
113
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/tooltip.html
|
|
114
114
|
* @property {String | Number} text 需要显示的提示文字
|
|
115
115
|
* @property {String | Number} copyText 点击复制按钮时,复制的文本,为空则使用text值
|
|
116
116
|
* @property {String | Number} size 文本大小(默认 14 )
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
// 查询内容高度
|
|
268
268
|
queryRect(ref) {
|
|
269
269
|
// #ifndef APP-NVUE
|
|
270
|
-
// $uGetRect为uview-plus自带的节点查询简化方法,详见文档介绍:https://
|
|
270
|
+
// $uGetRect为uview-plus自带的节点查询简化方法,详见文档介绍:https://uview-plus.jiangruyi.com/js/getRect.html
|
|
271
271
|
// 组件内部一般用this.$uGetRect,对外的为uni.$u.getRect,二者功能一致,名称不同
|
|
272
272
|
return new Promise(resolve => {
|
|
273
273
|
this.$uGetRect(`#${ref}`).then(size => {
|
|
@@ -133,25 +133,21 @@ export function chooseFile({
|
|
|
133
133
|
// #ifdef MP-WEIXIN || H5
|
|
134
134
|
// 只有微信小程序才支持chooseMessageFile接口
|
|
135
135
|
case 'file':
|
|
136
|
-
// #ifdef MP-WEIXIN
|
|
137
|
-
wx.chooseMessageFile({
|
|
138
|
-
count: multiple ? maxCount : 1,
|
|
139
|
-
type: accept,
|
|
140
|
-
success: (res) => resolve(formatFile(res)),
|
|
141
|
-
fail: reject
|
|
142
|
-
})
|
|
143
|
-
// #endif
|
|
144
|
-
// #ifdef H5
|
|
145
|
-
// 需要hx2.9.9以上才支持uni.chooseFile
|
|
146
136
|
let params = {
|
|
147
137
|
count: multiple ? maxCount : 1,
|
|
148
138
|
type: accept,
|
|
149
139
|
success: (res) => resolve(formatFile(res)),
|
|
150
140
|
fail: reject
|
|
151
141
|
}
|
|
142
|
+
// Array<string>根据文件拓展名过滤,仅 type==file 时有效。每一项都不能是空字符串。默认不过滤。
|
|
152
143
|
if (extension.length && extension.length > 0) {
|
|
153
144
|
params.extension = extension
|
|
154
145
|
}
|
|
146
|
+
// #ifdef MP-WEIXIN
|
|
147
|
+
wx.chooseMessageFile(params)
|
|
148
|
+
// #endif
|
|
149
|
+
// #ifdef H5
|
|
150
|
+
// 需要hx2.9.9以上才支持uni.chooseFile
|
|
155
151
|
uni.chooseFile(params)
|
|
156
152
|
// #endif
|
|
157
153
|
break
|
|
@@ -23,7 +23,7 @@ import { addStyle, addUnit, deepMerge } from '../../libs/function/index';
|
|
|
23
23
|
/**
|
|
24
24
|
* View 视图
|
|
25
25
|
* @description 对View默认标签的封装
|
|
26
|
-
* @tutorial https://
|
|
26
|
+
* @tutorial https://uview-plus.jiangruyi.com/components/view.html
|
|
27
27
|
* @property {String} bgColor 背景颜色
|
|
28
28
|
* @event {Function} click 点击触发事件
|
|
29
29
|
* @example <up-view></up-view>
|
package/libs/config/config.js
CHANGED
|
@@ -2,7 +2,7 @@ const version = '3'
|
|
|
2
2
|
|
|
3
3
|
// 开发环境才提示,生产环境不会提示
|
|
4
4
|
if (process.env.NODE_ENV === 'development') {
|
|
5
|
-
console.log(`\n %c uview-plus V${version} %c https://
|
|
5
|
+
console.log(`\n %c uview-plus V${version} %c https://uview-plus.jiangruyi.com/ \n\n`, 'color: #ffffff; background: #3c9cff; padding:5px 0;', 'color: #3c9cff;background: #ffffff; padding:5px 0;');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
export default {
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"id": "uview-plus",
|
|
3
3
|
"name": "uview-plus",
|
|
4
4
|
"displayName": "零云®uview-plus3.0重磅发布,全面的Vue3鸿蒙跨端移动组件库,组件丰富维护更新稳定。",
|
|
5
|
-
"version": "3.6.
|
|
5
|
+
"version": "3.6.18",
|
|
6
6
|
"description": "零云®uview-plus已兼容vue3支持多语言,120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。",
|
|
7
7
|
"keywords": [
|
|
8
8
|
"uview",
|