@10yun/cv-mobile-ui 0.5.30 → 0.5.31
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/package.json +5 -1
- package/ui-cv/components/cv-btn-base/cv-btn-base.vue +1 -1
- package/uview-plus/README.md +1 -1
- package/uview-plus/components/u-action-sheet/u-action-sheet.vue +8 -8
- package/uview-plus/components/u-album/u-album.vue +1 -1
- package/uview-plus/components/u-alert/u-alert.vue +5 -5
- package/uview-plus/components/u-app-update/u-app-update.vue +2 -2
- package/uview-plus/components/u-avatar/u-avatar.vue +2 -2
- package/uview-plus/components/u-avatar-group/u-avatar-group.vue +79 -3
- package/uview-plus/components/u-back-top/u-back-top.vue +4 -4
- package/uview-plus/components/u-badge/u-badge.vue +1 -1
- package/uview-plus/components/u-button/u-button.vue +8 -8
- package/uview-plus/components/u-button-wu/u-button-wu.vue +9 -9
- package/uview-plus/components/u-calendar/u-calendar.vue +5 -6
- package/uview-plus/components/u-car-keyboard/u-car-keyboard.vue +2 -2
- package/uview-plus/components/u-card/u-card.vue +139 -3
- package/uview-plus/components/u-cell/u-cell.vue +4 -4
- package/uview-plus/components/u-cell-group/u-cell-group.vue +2 -2
- package/uview-plus/components/u-checkbox/u-checkbox.vue +4 -4
- package/uview-plus/components/u-checkbox-group/u-checkbox-group.vue +1 -1
- package/uview-plus/components/u-code/u-code.vue +1 -1
- package/uview-plus/components/u-code-input/u-code-input.vue +1 -1
- package/uview-plus/components/u-col/u-col.vue +1 -1
- package/uview-plus/components/u-collapse/u-collapse.vue +2 -2
- package/uview-plus/components/u-collapse-item/u-collapse-item.vue +218 -3
- package/uview-plus/components/u-column-notice/u-column-notice.vue +3 -3
- package/uview-plus/components/u-count-down/u-count-down.vue +1 -1
- package/uview-plus/components/u-count-to/u-count-to.vue +1 -1
- package/uview-plus/components/u-datetime-picker/u-datetime-picker.vue +3 -3
- package/uview-plus/components/u-divider/u-divider.vue +3 -3
- package/uview-plus/components/u-dropdown/u-dropdown.vue +3 -3
- package/uview-plus/components/u-dropdown-item/u-dropdown-item.vue +1 -1
- package/uview-plus/components/u-empty/u-empty.vue +3 -3
- package/uview-plus/components/u-form-item/u-form-item.vue +4 -4
- package/uview-plus/components/u-gap/u-gap.vue +1 -1
- package/uview-plus/components/u-grid/u-grid.vue +1 -1
- package/uview-plus/components/u-grid-item/u-grid-item.vue +1 -1
- package/uview-plus/components/u-icon/u-icon.vue +1 -1
- package/uview-plus/components/u-icon/u-icon2.vue +1 -1
- package/uview-plus/components/u-image/u-image.vue +5 -5
- package/uview-plus/components/u-image-wu/u-image-wu.vue +5 -5
- package/uview-plus/components/u-index-anchor/u-index-anchor.vue +1 -1
- package/uview-plus/components/u-index-list/u-index-list.vue +2 -2
- package/uview-plus/components/u-input/u-input.vue +4 -4
- package/uview-plus/components/u-keyboard/u-keyboard.vue +6 -6
- package/uview-plus/components/u-lazy-load/u-lazy-load.vue +257 -3
- package/uview-plus/components/u-line/u-line.vue +1 -1
- package/uview-plus/components/u-line-progress/u-line-progress.vue +1 -1
- package/uview-plus/components/u-link/u-link.vue +1 -1
- package/uview-plus/components/u-list/u-list.vue +1 -1
- package/uview-plus/components/u-list-item/u-list-item.vue +1 -1
- package/uview-plus/components/u-loading-icon/u-loading-icon.vue +191 -3
- package/uview-plus/components/u-loading-page/u-loading-page.vue +4 -4
- package/uview-plus/components/u-loadmore/u-loadmore.vue +4 -4
- package/uview-plus/components/u-mask/u-mask.vue +120 -113
- package/uview-plus/components/u-message-input/u-message-input.vue +1 -1
- package/uview-plus/components/u-modal/u-modal.vue +6 -6
- package/uview-plus/components/u-navbar/u-navbar.vue +4 -4
- package/uview-plus/components/u-navbar-mini/u-navbar-mini.vue +2 -2
- package/uview-plus/components/u-navbar-wu/u-navbar-wu.vue +4 -4
- package/uview-plus/components/u-no-network/u-no-network.vue +5 -5
- package/uview-plus/components/u-notice-bar/u-notice-bar.vue +5 -5
- package/uview-plus/components/u-notify/u-notify.vue +6 -6
- package/uview-plus/components/u-number-box/u-number-box.vue +9 -3
- package/uview-plus/components/u-number-keyboard/u-number-keyboard.vue +1 -1
- package/uview-plus/components/u-overlay/u-overlay.vue +3 -3
- package/uview-plus/components/u-picker/u-picker.vue +5 -5
- package/uview-plus/components/u-popup/u-popup.vue +8 -8
- package/uview-plus/components/u-popup-wu/u-popup-wu.vue +7 -7
- package/uview-plus/components/u-radio/u-radio.vue +4 -4
- package/uview-plus/components/u-radio-group/u-radio-group.vue +1 -1
- package/uview-plus/components/u-rate/u-rate.vue +5 -5
- package/uview-plus/components/u-read-more/u-read-more.vue +126 -3
- package/uview-plus/components/u-row/u-row.vue +1 -1
- package/uview-plus/components/u-row-notice/u-row-notice.vue +3 -3
- package/uview-plus/components/u-safe-bottom/u-safe-bottom.vue +48 -3
- package/uview-plus/components/u-search/u-search.vue +4 -4
- package/uview-plus/components/u-select/u-select.vue +175 -3
- package/uview-plus/components/u-skeleton/u-skeleton.vue +3 -3
- package/uview-plus/components/u-sku-wu/u-sku-wu.vue +4 -4
- package/uview-plus/components/u-status-bar/u-status-bar.vue +1 -1
- package/uview-plus/components/u-steps/u-steps.vue +1 -1
- package/uview-plus/components/u-steps-item/u-steps-item.vue +7 -7
- package/uview-plus/components/u-sticky/u-sticky.vue +1 -1
- package/uview-plus/components/u-subsection/u-subsection.vue +1 -1
- package/uview-plus/components/u-swipe-action/u-swipe-action.vue +1 -1
- package/uview-plus/components/u-swipe-action-item/u-swipe-action-item.vue +3 -3
- package/uview-plus/components/u-swiper/u-swiper.vue +1 -1
- package/uview-plus/components/u-swiper-indicator/u-swiper-indicator.vue +1 -1
- package/uview-plus/components/u-switch/u-switch.vue +2 -2
- package/uview-plus/components/u-tabbar/u-tabbar.vue +2 -2
- package/uview-plus/components/u-tabbar-item/u-tabbar-item.vue +9 -4
- package/uview-plus/components/u-table/u-table.vue +1 -1
- package/uview-plus/components/u-tabs/u-tabs.vue +3 -3
- package/uview-plus/components/u-tag/u-tag.vue +5 -5
- package/uview-plus/components/u-text/u-text.vue +159 -3
- package/uview-plus/components/u-toast/u-toast.vue +8 -8
- package/uview-plus/components/u-tooltip/u-tooltip.vue +6 -6
- package/uview-plus/components/u-upload/u-upload.vue +10 -10
- package/uview-plus/components/u-waterfall/u-waterfall.vue +221 -3
- package/uview-plus/index.js +4 -2
- package/uview-plus/libs/ctocode/index.js +120 -0
- package/uview-plus/libs/function/index-wu.js +1 -34
- package/uview-plus/package.json +3 -3
- package/uview-plus/readme-wu.md +1 -1
- package/uview-plus/libs/function/cc.js +0 -66
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
* @property {Boolean} disabled-keyboard 禁止点击输入框唤起系统键盘(默认false)
|
|
76
76
|
* @event {Function} change 输入内容发生改变时触发,具体见官网说明
|
|
77
77
|
* @event {Function} finish 输入字符个数达maxlength值时触发,见官网说明
|
|
78
|
-
* @example <
|
|
78
|
+
* @example <up-message-input mode="bottomLine"></up-message-input>
|
|
79
79
|
*/
|
|
80
80
|
export default {
|
|
81
81
|
name: 'u-message-input',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<up-popup
|
|
3
3
|
mode="center"
|
|
4
4
|
:zoom="zoom"
|
|
5
5
|
:show="show"
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
<slot name="confirmButton"></slot>
|
|
33
33
|
</view>
|
|
34
34
|
<template v-else>
|
|
35
|
-
<
|
|
35
|
+
<up-line></up-line>
|
|
36
36
|
<view
|
|
37
37
|
class="u-modal__button-group"
|
|
38
38
|
:style="{
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
{{ cancelText }}
|
|
57
57
|
</text>
|
|
58
58
|
</view>
|
|
59
|
-
<
|
|
59
|
+
<up-line direction="column" v-if="showConfirmButton && showCancelButton"></up-line>
|
|
60
60
|
<view
|
|
61
61
|
class="u-modal__button-group__wrapper u-modal__button-group__wrapper--confirm"
|
|
62
62
|
:hover-stay-time="150"
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
v-if="showConfirmButton"
|
|
66
66
|
@tap="confirmHandler"
|
|
67
67
|
>
|
|
68
|
-
<
|
|
68
|
+
<up-loading-icon v-if="loading"></up-loading-icon>
|
|
69
69
|
<text
|
|
70
70
|
v-else
|
|
71
71
|
class="u-modal__button-group__wrapper__text"
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
</view>
|
|
80
80
|
</template>
|
|
81
81
|
</view>
|
|
82
|
-
</
|
|
82
|
+
</up-popup>
|
|
83
83
|
</template>
|
|
84
84
|
<script>
|
|
85
85
|
import { props } from './props';
|
|
@@ -109,7 +109,7 @@ import { addUnit } from '../../libs/function/index';
|
|
|
109
109
|
* @event {Function} confirm 点击确认按钮时触发
|
|
110
110
|
* @event {Function} cancel 点击取消按钮时触发
|
|
111
111
|
* @event {Function} close 点击遮罩关闭出发,closeOnClickOverlay为true有效
|
|
112
|
-
* @example <
|
|
112
|
+
* @example <up-modal :show="show" />
|
|
113
113
|
*/
|
|
114
114
|
export default {
|
|
115
115
|
name: 'u-modal',
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
}"
|
|
9
9
|
></view>
|
|
10
10
|
<view :class="[fixed && 'u-navbar--fixed']">
|
|
11
|
-
<
|
|
11
|
+
<up-status-bar v-if="safeAreaInsetTop" :bgColor="bgColor"></up-status-bar>
|
|
12
12
|
<view
|
|
13
13
|
class="u-navbar__content"
|
|
14
14
|
:class="[border && 'u-border-bottom']"
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
@tap="leftClick"
|
|
25
25
|
>
|
|
26
26
|
<slot name="left">
|
|
27
|
-
<
|
|
27
|
+
<up-icon v-if="leftIcon" :name="leftIcon" :size="leftIconSize" :color="leftIconColor"></up-icon>
|
|
28
28
|
<text
|
|
29
29
|
v-if="leftText"
|
|
30
30
|
:style="{
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
</slot>
|
|
53
53
|
<view class="u-navbar__content__right" v-if="$slots.right || rightIcon || rightText" @tap="rightClick">
|
|
54
54
|
<slot name="right">
|
|
55
|
-
<
|
|
55
|
+
<up-icon v-if="rightIcon" :name="rightIcon" size="20"></up-icon>
|
|
56
56
|
<text v-if="rightText" class="u-navbar__content__right__text">{{ rightText }}</text>
|
|
57
57
|
</slot>
|
|
58
58
|
</view>
|
|
@@ -89,7 +89,7 @@ import { addUnit, addStyle, getPx, getWindowInfo } from '../../libs/function/ind
|
|
|
89
89
|
* @property {Object | String} titleStyle 标题的样式,对象或字符串
|
|
90
90
|
* @event {Function} leftClick 点击左侧区域
|
|
91
91
|
* @event {Function} rightClick 点击右侧区域
|
|
92
|
-
* @example <
|
|
92
|
+
* @example <up-navbar title="剑未配妥,出门已是江湖" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></up-navbar>
|
|
93
93
|
*/
|
|
94
94
|
export default {
|
|
95
95
|
name: 'u-navbar',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view class="u-navbar-mini" :class="[customClass]">
|
|
3
3
|
<view class="u-navbar-mini__inner" :class="[fixed && 'u-navbar-mini--fixed']">
|
|
4
|
-
<
|
|
4
|
+
<up-status-bar v-if="safeAreaInsetTop"></up-status-bar>
|
|
5
5
|
<view
|
|
6
6
|
class="u-navbar-mini__content"
|
|
7
7
|
:style="{
|
|
@@ -53,7 +53,7 @@ import { addUnit, addStyle, getPx, sys } from '../../libs/function/index';
|
|
|
53
53
|
* @property {Object | String} titleStyle 标题的样式,对象或字符串
|
|
54
54
|
* @event {Function} leftClick 点击左侧区域
|
|
55
55
|
* @event {Function} rightClick 点击右侧区域
|
|
56
|
-
* @example <
|
|
56
|
+
* @example <up-navbar-mini @click-left="onClickBack"></up-navbar-mini>
|
|
57
57
|
*/
|
|
58
58
|
export default {
|
|
59
59
|
name: 'u-navbar-mini',
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
}"
|
|
9
9
|
></view>
|
|
10
10
|
<view :class="[fixed && 'u-navbar--fixed']" :style="fixed && `top: ${keyboardHeight || '0rpx'}`">
|
|
11
|
-
<
|
|
11
|
+
<up-status-bar v-if="safeAreaInsetTop" :bgColor="bgColor"></up-status-bar>
|
|
12
12
|
<view
|
|
13
13
|
class="u-navbar__content"
|
|
14
14
|
:class="[border && 'u-border-bottom']"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
@tap="leftClick"
|
|
26
26
|
>
|
|
27
27
|
<slot name="left">
|
|
28
|
-
<
|
|
28
|
+
<up-icon v-if="leftIcon" :name="leftIcon" :size="leftIconSize" :color="leftIconColor"></up-icon>
|
|
29
29
|
<text
|
|
30
30
|
v-if="leftText"
|
|
31
31
|
:style="{
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
</slot>
|
|
53
53
|
<view class="u-navbar__content__right" :style="{ right: mpCapsuleRightPosition }" @tap="rightClick">
|
|
54
54
|
<slot name="right">
|
|
55
|
-
<
|
|
55
|
+
<up-icon v-if="rightIcon" :name="rightIcon" size="20"></up-icon>
|
|
56
56
|
<text v-if="rightText" class="u-navbar__content__right__text">{{ rightText }}</text>
|
|
57
57
|
</slot>
|
|
58
58
|
</view>
|
|
@@ -90,7 +90,7 @@ import props from './props.js';
|
|
|
90
90
|
* @property {Boolean} keyboardHeight 键盘高度,请在input、textarea等输入框定期页面时通过聚焦、失焦事件的e.detail.height并传给keyboardHeight即可,避免因页面顶起导致的导航栏消失
|
|
91
91
|
* @event {Function} leftClick 点击左侧区域
|
|
92
92
|
* @event {Function} rightClick 点击右侧区域
|
|
93
|
-
* @example <
|
|
93
|
+
* @example <up-navbar title="酒尚余温,入口不识乾坤" left-text="返回" right-text="帮助" @click-left="onClickBack" @click-right="onClickRight"></up-navbar>
|
|
94
94
|
*/
|
|
95
95
|
export default {
|
|
96
96
|
name: 'u-navbar',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<up-overlay
|
|
3
3
|
:show="!isConnected"
|
|
4
4
|
:zIndex="zIndex"
|
|
5
5
|
@touchmove.stop.prevent="noop"
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
}"
|
|
11
11
|
>
|
|
12
12
|
<view class="u-no-network">
|
|
13
|
-
<
|
|
13
|
+
<up-icon :name="image" size="150" imgMode="widthFit" class="u-no-network__error-icon"></up-icon>
|
|
14
14
|
<text class="u-no-network__tips">{{ tips }}</text>
|
|
15
15
|
<!-- 只有APP平台,才能跳转设置页,因为需要调用plus环境 -->
|
|
16
16
|
<!-- #ifdef APP-PLUS -->
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
</view>
|
|
21
21
|
<!-- #endif -->
|
|
22
22
|
<view class="u-no-network__retry">
|
|
23
|
-
<
|
|
23
|
+
<up-button size="mini" text="重试" type="primary" plain @click="retry"></up-button>
|
|
24
24
|
</view>
|
|
25
25
|
</view>
|
|
26
|
-
</
|
|
26
|
+
</up-overlay>
|
|
27
27
|
</template>
|
|
28
28
|
<script>
|
|
29
29
|
import { props } from './props';
|
|
@@ -38,7 +38,7 @@ import { toast, getDeviceInfo } from '../../libs/function/index';
|
|
|
38
38
|
* @property {String | Number} zIndex 组件的z-index值
|
|
39
39
|
* @property {String} image 无网络的图片提示,可用的src地址或base64图片
|
|
40
40
|
* @event {Function} retry 用户点击页面的"重试"按钮时触发
|
|
41
|
-
* @example <
|
|
41
|
+
* @example <up-no-network></up-no-network>
|
|
42
42
|
*/
|
|
43
43
|
export default {
|
|
44
44
|
name: 'u-no-network',
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
]"
|
|
11
11
|
>
|
|
12
12
|
<template v-if="direction === 'column' || (direction === 'row' && step)">
|
|
13
|
-
<
|
|
13
|
+
<up-column-notice
|
|
14
14
|
:color="color"
|
|
15
15
|
:bgColor="bgColor"
|
|
16
16
|
:text="text"
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
:justifyContent="justifyContent"
|
|
24
24
|
@close="close"
|
|
25
25
|
@click="click"
|
|
26
|
-
></
|
|
26
|
+
></up-column-notice>
|
|
27
27
|
</template>
|
|
28
28
|
<template v-else>
|
|
29
|
-
<
|
|
29
|
+
<up-row-notice
|
|
30
30
|
:color="color"
|
|
31
31
|
:bgColor="bgColor"
|
|
32
32
|
:text="text"
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
:icon="icon"
|
|
39
39
|
@close="close"
|
|
40
40
|
@click="click"
|
|
41
|
-
></
|
|
41
|
+
></up-row-notice>
|
|
42
42
|
</template>
|
|
43
43
|
</view>
|
|
44
44
|
</template>
|
|
@@ -69,7 +69,7 @@ import uColumnNotice from '../u-column-notice/u-column-notice.vue';
|
|
|
69
69
|
*
|
|
70
70
|
* @event {Function} click 点击通告文字触发
|
|
71
71
|
* @event {Function} close 点击右侧关闭图标触发
|
|
72
|
-
* @example <
|
|
72
|
+
* @example <up-notice-bar :more-icon="true" :list="list"></up-notice-bar>
|
|
73
73
|
*/
|
|
74
74
|
export default {
|
|
75
75
|
name: 'u-notice-bar',
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<up-transition mode="slide-down" :customStyle="containerStyle" :show="open">
|
|
3
3
|
<view class="u-notify" :class="[`u-notify--${tmpConfig.type}`]" :style="[backgroundColor, addStyle(customStyle)]">
|
|
4
|
-
<
|
|
4
|
+
<up-status-bar v-if="tmpConfig.safeAreaInsetTop"></up-status-bar>
|
|
5
5
|
<view class="u-notify__warpper">
|
|
6
6
|
<slot name="icon">
|
|
7
|
-
<
|
|
7
|
+
<up-icon
|
|
8
8
|
v-if="['success', 'warning', 'error'].includes(tmpConfig.type)"
|
|
9
9
|
:name="tmpConfig.icon"
|
|
10
10
|
:color="tmpConfig.color"
|
|
11
11
|
:size="1.3 * tmpConfig.fontSize"
|
|
12
12
|
:customStyle="{ marginRight: '4px' }"
|
|
13
|
-
></
|
|
13
|
+
></up-icon>
|
|
14
14
|
</slot>
|
|
15
15
|
<text
|
|
16
16
|
class="u-notify__warpper__text"
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
</text>
|
|
24
24
|
</view>
|
|
25
25
|
</view>
|
|
26
|
-
</
|
|
26
|
+
</up-transition>
|
|
27
27
|
</template>
|
|
28
28
|
<script>
|
|
29
29
|
import { props } from './props';
|
|
@@ -46,7 +46,7 @@ import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
|
|
|
46
46
|
* @property {Object} customStyle 组件的样式,对象形式
|
|
47
47
|
* @event {Function} open 开启组件时调用的函数
|
|
48
48
|
* @event {Function} close 关闭组件式调用的函数
|
|
49
|
-
* @example <
|
|
49
|
+
* @example <up-notify message="Hi uView"></up-notify>
|
|
50
50
|
*/
|
|
51
51
|
export default {
|
|
52
52
|
name: 'u-notify',
|
|
@@ -20,7 +20,13 @@
|
|
|
20
20
|
:class="{ 'u-number-box__minus--disabled': isDisabled('minus') }"
|
|
21
21
|
:style="[buttonStyle('minus')]"
|
|
22
22
|
>
|
|
23
|
-
<
|
|
23
|
+
<up-icon
|
|
24
|
+
name="minus"
|
|
25
|
+
:color="isDisabled('minus') ? '#c8c9cc' : '#323233'"
|
|
26
|
+
size="15"
|
|
27
|
+
bold
|
|
28
|
+
:customStyle="iconStyle"
|
|
29
|
+
></up-icon>
|
|
24
30
|
</view>
|
|
25
31
|
<template v-if="!hideMinus">
|
|
26
32
|
<slot name="input">
|
|
@@ -74,7 +80,7 @@
|
|
|
74
80
|
:class="{ 'u-number-box__minus--disabled': isDisabled('plus') }"
|
|
75
81
|
:style="[buttonStyle('plus')]"
|
|
76
82
|
>
|
|
77
|
-
<
|
|
83
|
+
<up-icon name="plus" :color="isDisabled('plus') ? '#c8c9cc' : '#323233'" size="15" bold :customStyle="iconStyle"></up-icon>
|
|
78
84
|
</view>
|
|
79
85
|
</view>
|
|
80
86
|
</template>
|
|
@@ -113,7 +119,7 @@ import { getPx, addUnit } from '../../libs/function/index';
|
|
|
113
119
|
* @event {Function} onBlur 输入框失去焦点
|
|
114
120
|
* @event {Function} onInput 输入框值发生变化
|
|
115
121
|
* @event {Function} onChange
|
|
116
|
-
* @example <
|
|
122
|
+
* @example <up-number-box v-model="value" @change="valChange"></up-number-box>
|
|
117
123
|
*/
|
|
118
124
|
export default {
|
|
119
125
|
name: 'u-number-box',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
2
|
+
<up-transition
|
|
3
3
|
:show="show"
|
|
4
4
|
custom-class="u-overlay"
|
|
5
5
|
:duration="duration"
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@touchmove.stop.prevent="noop"
|
|
9
9
|
>
|
|
10
10
|
<slot />
|
|
11
|
-
</
|
|
11
|
+
</up-transition>
|
|
12
12
|
</template>
|
|
13
13
|
<script>
|
|
14
14
|
import { props } from './props';
|
|
@@ -25,7 +25,7 @@ import { addStyle, deepMerge } from '../../libs/function/index';
|
|
|
25
25
|
* @property {String | Number} opacity 不透明度值,当做rgba的第四个参数 (默认 0.5 )
|
|
26
26
|
* @property {Object} customStyle 定义需要用到的外部样式
|
|
27
27
|
* @event {Function} click 点击遮罩发送事件
|
|
28
|
-
* @example <
|
|
28
|
+
* @example <up-overlay :show="show" @click="show = false"></up-overlay>
|
|
29
29
|
*/
|
|
30
30
|
export default {
|
|
31
31
|
name: 'u-overlay',
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
></up-input>
|
|
12
12
|
<div class="input-cover"></div>
|
|
13
13
|
</view>
|
|
14
|
-
<
|
|
14
|
+
<up-popup :show="show || (hasInput && showByClickInput)" :mode="popupMode" :zIndex="zIndex" @close="closeHandler">
|
|
15
15
|
<view class="u-picker">
|
|
16
|
-
<
|
|
16
|
+
<up-toolbar
|
|
17
17
|
v-if="showToolbar"
|
|
18
18
|
:cancelColor="cancelColor"
|
|
19
19
|
:confirmColor="confirmColor"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
<template #right>
|
|
28
28
|
<slot name="toolbar-right"></slot>
|
|
29
29
|
</template>
|
|
30
|
-
</
|
|
30
|
+
</up-toolbar>
|
|
31
31
|
<slot name="toolbar-bottom"></slot>
|
|
32
32
|
<picker-view
|
|
33
33
|
class="u-picker__view"
|
|
@@ -58,10 +58,10 @@
|
|
|
58
58
|
</picker-view-column>
|
|
59
59
|
</picker-view>
|
|
60
60
|
<view v-if="loading" class="u-picker--loading">
|
|
61
|
-
<
|
|
61
|
+
<up-loading-icon mode="circle"></up-loading-icon>
|
|
62
62
|
</view>
|
|
63
63
|
</view>
|
|
64
|
-
</
|
|
64
|
+
</up-popup>
|
|
65
65
|
</view>
|
|
66
66
|
</template>
|
|
67
67
|
<script>
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<slot name="trigger"></slot>
|
|
5
5
|
<view @click="open" class="u-popup__trigger__cover"></view>
|
|
6
6
|
</view>
|
|
7
|
-
<
|
|
7
|
+
<up-overlay
|
|
8
8
|
:show="show"
|
|
9
9
|
@click="overlayClick"
|
|
10
10
|
v-if="overlay"
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
:duration="overlayDuration"
|
|
13
13
|
:customStyle="overlayStyle"
|
|
14
14
|
:opacity="overlayOpacity"
|
|
15
|
-
></
|
|
16
|
-
<
|
|
15
|
+
></up-overlay>
|
|
16
|
+
<up-transition
|
|
17
17
|
:show="show"
|
|
18
18
|
:customStyle="transitionStyle"
|
|
19
19
|
:mode="position"
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
>
|
|
24
24
|
<!-- @click.stop不能去除,去除会导致居中模式下点击内容区域触发关闭弹窗 -->
|
|
25
25
|
<view class="u-popup__content" :style="[contentStyle]" @click.stop="noop" @touchmove.stop.prevent="noop">
|
|
26
|
-
<
|
|
26
|
+
<up-status-bar v-if="safeAreaInsetTop"></up-status-bar>
|
|
27
27
|
<slot></slot>
|
|
28
28
|
<view
|
|
29
29
|
v-if="closeable"
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
hover-class="u-popup__content__close--hover"
|
|
34
34
|
hover-stay-time="150"
|
|
35
35
|
>
|
|
36
|
-
<
|
|
36
|
+
<up-icon name="close" color="#909399" size="18" bold></up-icon>
|
|
37
37
|
</view>
|
|
38
|
-
<
|
|
38
|
+
<up-safe-bottom v-if="safeAreaInsetBottom"></up-safe-bottom>
|
|
39
39
|
</view>
|
|
40
|
-
</
|
|
40
|
+
</up-transition>
|
|
41
41
|
</view>
|
|
42
42
|
</template>
|
|
43
43
|
<script>
|
|
@@ -67,7 +67,7 @@ import { addUnit, addStyle, deepMerge, sleep, getWindowInfo } from '../../libs/f
|
|
|
67
67
|
* @property {Object} customStyle 组件的样式,对象形式
|
|
68
68
|
* @event {Function} open 弹出层打开
|
|
69
69
|
* @event {Function} close 弹出层收起
|
|
70
|
-
* @example <
|
|
70
|
+
* @example <up-popup v-model:show="show"><text>出淤泥而不染,濯清涟而不妖</text></up-popup>
|
|
71
71
|
*/
|
|
72
72
|
export default {
|
|
73
73
|
name: 'u-popup',
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<view v-if="showPopup" class="u-popup" :class="[popupClass, isDesktop ? 'fixforpc-z-index' : '']" :style="[{ zIndex: zIndex }]">
|
|
3
3
|
<view @touchstart="touchstart">
|
|
4
4
|
<!-- 遮罩层 -->
|
|
5
|
-
<
|
|
5
|
+
<up-overlay
|
|
6
6
|
key="1"
|
|
7
7
|
v-if="maskShow && overlay"
|
|
8
8
|
:show="showTrans"
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
:opacity="overlayOpacity"
|
|
12
12
|
:zIndex="zIndex"
|
|
13
13
|
@click="onTap"
|
|
14
|
-
></
|
|
15
|
-
<
|
|
14
|
+
></up-overlay>
|
|
15
|
+
<up-transition
|
|
16
16
|
key="2"
|
|
17
17
|
:mode="ani"
|
|
18
18
|
name="content"
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
@click="onTap"
|
|
23
23
|
>
|
|
24
24
|
<view class="u-popup__content" :style="[contentStyle]" :class="[popupClass]" @click="clear">
|
|
25
|
-
<
|
|
25
|
+
<up-status-bar v-if="safeAreaInsetTop"></up-status-bar>
|
|
26
26
|
<slot />
|
|
27
|
-
<
|
|
27
|
+
<up-safe-bottom v-if="safeAreaInsetBottom"></up-safe-bottom>
|
|
28
28
|
<view
|
|
29
29
|
v-if="closeable"
|
|
30
30
|
@tap.stop="close"
|
|
@@ -33,10 +33,10 @@
|
|
|
33
33
|
hover-class="u-popup__content__close--hover"
|
|
34
34
|
hover-stay-time="150"
|
|
35
35
|
>
|
|
36
|
-
<
|
|
36
|
+
<up-icon name="close" color="#909399" size="18" bold></up-icon>
|
|
37
37
|
</view>
|
|
38
38
|
</view>
|
|
39
|
-
</
|
|
39
|
+
</up-transition>
|
|
40
40
|
</view>
|
|
41
41
|
<!-- #ifdef H5 -->
|
|
42
42
|
<keypress v-if="maskShow" @esc="onTap" />
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
>
|
|
11
11
|
<view class="u-radio__icon-wrap cursor-pointer" @tap.stop="iconClickHandler" :class="iconClasses" :style="[iconWrapStyle]">
|
|
12
12
|
<slot name="icon" :elIconSize="elIconSize" :elIconColor="elIconColor">
|
|
13
|
-
<
|
|
13
|
+
<up-icon class="u-radio__icon-wrap__icon" name="checkbox-mark" :size="elIconSize" :color="elIconColor" />
|
|
14
14
|
</slot>
|
|
15
15
|
</view>
|
|
16
16
|
<view class="u-radio__label-wrap cursor-pointer" @tap.stop="labelClickHandler">
|
|
@@ -53,7 +53,7 @@ import { addUnit, addStyle, os, deepMerge, formValidate, error } from '../../lib
|
|
|
53
53
|
* @property {Object} customStyle 组件的样式,对象形式
|
|
54
54
|
*
|
|
55
55
|
* @event {Function} change 某个radio状态发生变化时触发(选中状态)
|
|
56
|
-
* @example <
|
|
56
|
+
* @example <up-radio :labelDisabled="false">门掩黄昏,无计留春住</up-radio>
|
|
57
57
|
*/
|
|
58
58
|
export default {
|
|
59
59
|
name: 'u-radio',
|
|
@@ -91,8 +91,8 @@ export default {
|
|
|
91
91
|
return this.labelDisabled !== ''
|
|
92
92
|
? this.labelDisabled
|
|
93
93
|
: this.parentData.labelDisabled !== null
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
? this.parentData.labelDisabled
|
|
95
|
+
: false;
|
|
96
96
|
},
|
|
97
97
|
// 组件尺寸,对应size的值,默认值为21px
|
|
98
98
|
elSize() {
|
|
@@ -31,7 +31,7 @@ import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
|
|
|
31
31
|
* @property {Object} gap item 之间的间距
|
|
32
32
|
* @property {Object} customStyle 组件的样式,对象形式
|
|
33
33
|
* @event {Function} change 任一个radio状态发生变化时触发
|
|
34
|
-
* @example <
|
|
34
|
+
* @example <up-radio-group v-model="value"></up-radio-group>
|
|
35
35
|
*/
|
|
36
36
|
export default {
|
|
37
37
|
name: 'u-radio-group',
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
ref="u-rate__content__item__icon-wrap"
|
|
8
8
|
@tap.stop="clickHandler($event, index + 1)"
|
|
9
9
|
>
|
|
10
|
-
<
|
|
10
|
+
<up-icon
|
|
11
11
|
:name="Math.floor(activeIndex) > index ? activeIcon : inactiveIcon"
|
|
12
12
|
:color="disabled ? '#c8c9cc' : Math.floor(activeIndex) > index ? activeColor : inactiveColor"
|
|
13
13
|
:custom-style="{
|
|
14
14
|
padding: `0 ${addUnit(gutter / 2)}`
|
|
15
15
|
}"
|
|
16
16
|
:size="size"
|
|
17
|
-
></
|
|
17
|
+
></up-icon>
|
|
18
18
|
</view>
|
|
19
19
|
<view
|
|
20
20
|
v-if="allowHalf"
|
|
@@ -27,14 +27,14 @@
|
|
|
27
27
|
]"
|
|
28
28
|
ref="u-rate__content__item__icon-wrap"
|
|
29
29
|
>
|
|
30
|
-
<
|
|
30
|
+
<up-icon
|
|
31
31
|
:name="Math.ceil(activeIndex) > index ? activeIcon : inactiveIcon"
|
|
32
32
|
:color="disabled ? '#c8c9cc' : Math.ceil(activeIndex) > index ? activeColor : inactiveColor"
|
|
33
33
|
:custom-style="{
|
|
34
34
|
padding: `0 ${addUnit(gutter / 2)}`
|
|
35
35
|
}"
|
|
36
36
|
:size="size"
|
|
37
|
-
></
|
|
37
|
+
></up-icon>
|
|
38
38
|
</view>
|
|
39
39
|
</view>
|
|
40
40
|
</view>
|
|
@@ -67,7 +67,7 @@ const dom = weex.requireModule('dom');
|
|
|
67
67
|
* @property {Boolean} touchable 是否可以通过滑动手势选择评分 (默认 'true' )
|
|
68
68
|
* @property {Object} customStyle 组件的样式,对象形式
|
|
69
69
|
* @event {Function} change 选中的星星发生变化时触发
|
|
70
|
-
* @example <
|
|
70
|
+
* @example <up-rate :count="count" :value="2"></up-rate>
|
|
71
71
|
*/
|
|
72
72
|
export default {
|
|
73
73
|
name: 'u-rate',
|