hy-app 0.5.4 → 0.5.5
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/components/hy-action-sheet/typing.d.ts +1 -63
- package/components/hy-address-picker/hy-address-picker.vue +7 -6
- package/components/hy-address-picker/typing.d.ts +0 -84
- package/components/hy-avatar/typing.d.ts +0 -66
- package/components/hy-back-top/typing.d.ts +0 -47
- package/components/hy-badge/typing.d.ts +0 -62
- package/components/hy-button/typing.d.ts +28 -162
- package/components/hy-calendar/hy-calendar.vue +2 -2
- package/components/hy-calendar/typing.d.ts +0 -128
- package/components/hy-card/hy-card.vue +12 -12
- package/components/hy-card/index.scss +17 -5
- package/components/hy-card/props.ts +1 -2
- package/components/hy-card/typing.d.ts +1 -114
- package/components/hy-cell/props.ts +1 -1
- package/components/hy-cell/typing.d.ts +0 -55
- package/components/hy-check-button/typing.d.ts +0 -43
- package/components/hy-checkbox/typing.d.ts +1 -73
- package/components/hy-checkbox-group/typing.d.ts +0 -65
- package/components/hy-code-input/typing.d.ts +0 -70
- package/components/hy-count-down/typing.d.ts +1 -20
- package/components/hy-count-to/typing.d.ts +0 -47
- package/components/hy-coupon/typing.d.ts +0 -133
- package/components/hy-datetime-picker/typing.d.ts +0 -119
- package/components/hy-dropdown-item/typing.d.ts +12 -31
- package/components/hy-empty/typing.d.ts +1 -59
- package/components/hy-float-button/typing.d.ts +24 -113
- package/components/hy-form/typing.d.ts +0 -27
- package/components/hy-form-item/hy-form-item.vue +7 -5
- package/components/hy-form-item/typing.d.ts +0 -19
- package/components/hy-grid/typing.d.ts +0 -43
- package/components/hy-icon/typing.d.ts +0 -86
- package/components/hy-image/typing.d.ts +0 -80
- package/components/hy-input/typing.d.ts +0 -149
- package/components/hy-list/typing.d.ts +0 -51
- package/components/hy-menu/typing.d.ts +0 -35
- package/components/hy-modal/typing.d.ts +9 -84
- package/components/hy-navbar/typing.d.ts +0 -81
- package/components/hy-notice-bar/typing.d.ts +0 -65
- package/components/hy-number-step/typing.d.ts +0 -110
- package/components/hy-overlay/typing.d.ts +2 -27
- package/components/hy-pagination/typing.d.ts +6 -49
- package/components/hy-picker/typing.d.ts +27 -124
- package/components/hy-popover/typing.d.ts +25 -66
- package/components/hy-popup/typing.d.ts +8 -77
- package/components/hy-price/typing.d.ts +0 -41
- package/components/hy-qrcode/hy-qrcode.vue +3 -4
- package/components/hy-qrcode/index.scss +3 -3
- package/components/hy-qrcode/qrcode.js +0 -138
- package/components/hy-qrcode/typing.d.ts +0 -66
- package/components/hy-radio/typing.d.ts +1 -86
- package/components/hy-rate/typing.d.ts +0 -62
- package/components/hy-read-more/typing.d.ts +4 -49
- package/components/hy-scroll-list/typing.d.ts +4 -33
- package/components/hy-search/typing.d.ts +19 -120
- package/components/hy-signature/typing.d.ts +0 -101
- package/components/hy-slider/typing.d.ts +8 -77
- package/components/hy-steps/typing.d.ts +16 -60
- package/components/hy-submit-bar/typing.d.ts +0 -72
- package/components/hy-subsection/typing.d.ts +0 -49
- package/components/hy-swipe-action/index.ts +13 -22
- package/components/hy-swipe-action/typing.d.ts +1 -38
- package/components/hy-swiper/typing.d.ts +0 -101
- package/components/hy-switch/typing.d.ts +0 -62
- package/components/hy-tabbar/index.scss +1 -1
- package/components/hy-tabbar/typing.d.ts +0 -40
- package/components/hy-tabbar-item/typing.ts +0 -12
- package/components/hy-tabs/typing.d.ts +25 -92
- package/components/hy-tag/typing.d.ts +9 -78
- package/components/hy-text/typing.d.ts +3 -100
- package/components/hy-textarea/typing.d.ts +0 -27
- package/components/hy-tooltip/props.ts +0 -1
- package/components/hy-tooltip/typing.d.ts +2 -55
- package/components/hy-transition/typing.d.ts +14 -43
- package/components/hy-upload/typing.d.ts +56 -164
- package/components/hy-warn/typing.d.ts +4 -45
- package/package.json +2 -2
- package/web-types.json +1 -1
- package/components/hy-config-provider/typing.d.ts +0 -24
- package/components/hy-divider/typing.d.ts +0 -64
- package/components/hy-dropdown/typing.d.ts +0 -48
- package/components/hy-form-group/typing.d.ts +0 -0
- package/components/hy-line/typing.d.ts +0 -32
- package/components/hy-line-progress/typing.d.ts +0 -32
- package/components/hy-loading/typing.d.ts +0 -52
- package/components/hy-notify/typing.d.ts +0 -48
- package/components/hy-status-bar/typing.d.ts +0 -12
- package/components/hy-tabbar-group/README.md +0 -326
- package/components/hy-waterfall/typing.d.ts +0 -14
- package/components/hy-watermark/typing.d.ts +0 -76
|
@@ -1,84 +1,3 @@
|
|
|
1
|
-
import type { CSSProperties } from 'vue'
|
|
2
|
-
|
|
3
|
-
export default interface HyNavbarProps {
|
|
4
|
-
/**
|
|
5
|
-
* @description 是否开启顶部安全区适配 (默认 true )
|
|
6
|
-
* */
|
|
7
|
-
safeAreaInsetTop?: boolean
|
|
8
|
-
/**
|
|
9
|
-
* @description 固定在顶部时,是否生成一个等高元素,以防止塌陷 (默认 false )
|
|
10
|
-
* */
|
|
11
|
-
placeholder?: boolean
|
|
12
|
-
/**
|
|
13
|
-
* @description 导航栏是否固定在顶部 (默认 true )
|
|
14
|
-
* */
|
|
15
|
-
fixed?: boolean
|
|
16
|
-
/**
|
|
17
|
-
* @description 导航栏底部是否显示下边框 (默认 false )
|
|
18
|
-
* */
|
|
19
|
-
border?: boolean
|
|
20
|
-
/**
|
|
21
|
-
* @description 左边返回图标的名称,只能为uview-pls自带的图标 (默认 'left' )
|
|
22
|
-
* */
|
|
23
|
-
leftIcon?: string
|
|
24
|
-
/**
|
|
25
|
-
* @description 左边的提示文字
|
|
26
|
-
* */
|
|
27
|
-
leftText?: string
|
|
28
|
-
/**
|
|
29
|
-
* @description 右边的提示文字
|
|
30
|
-
* */
|
|
31
|
-
rightText?: string
|
|
32
|
-
/**
|
|
33
|
-
* @description 右边返回图标的名称,只能为uview-plus自带的图标
|
|
34
|
-
* */
|
|
35
|
-
rightIcon?: string
|
|
36
|
-
/**
|
|
37
|
-
* @description 导航栏标题,如设置为空字符,将会隐藏标题占位区域
|
|
38
|
-
* */
|
|
39
|
-
title?: string
|
|
40
|
-
/**
|
|
41
|
-
* @description 导航栏副标题
|
|
42
|
-
* */
|
|
43
|
-
sub?: string
|
|
44
|
-
/**
|
|
45
|
-
* @description 文字颜色 (默认 '' )
|
|
46
|
-
* */
|
|
47
|
-
titleColor?: string
|
|
48
|
-
/**
|
|
49
|
-
* @description 导航栏背景设置 (默认 '#ffffff' )
|
|
50
|
-
* */
|
|
51
|
-
bgColor?: string
|
|
52
|
-
/**
|
|
53
|
-
* @description 导航栏标题的最大宽度,内容超出会以省略号隐藏 (默认 '400rpx' )
|
|
54
|
-
* */
|
|
55
|
-
titleWidth?: string | number
|
|
56
|
-
/**
|
|
57
|
-
* @description 导航栏高度(不包括状态栏高度在内,内部自动加上)(默认 '44px' )
|
|
58
|
-
* */
|
|
59
|
-
height?: string | number
|
|
60
|
-
/**
|
|
61
|
-
* @description 左侧返回图标的大小(默认 20px )
|
|
62
|
-
* */
|
|
63
|
-
leftIconSize?: string | number
|
|
64
|
-
/**
|
|
65
|
-
* @description 左侧返回图标的颜色(默认 #303133 )
|
|
66
|
-
* */
|
|
67
|
-
leftIconColor?: string
|
|
68
|
-
/**
|
|
69
|
-
* @description 点击左侧区域(返回图标),是否自动返回上一页(默认 false )
|
|
70
|
-
* */
|
|
71
|
-
autoBack?: boolean
|
|
72
|
-
/**
|
|
73
|
-
* @description 标题的样式,对象或字符串
|
|
74
|
-
* */
|
|
75
|
-
titleStyle?: CSSProperties
|
|
76
|
-
/**
|
|
77
|
-
* @description 定义需要用到的外部样式
|
|
78
|
-
* */
|
|
79
|
-
customStyle?: CSSProperties
|
|
80
|
-
}
|
|
81
|
-
|
|
82
1
|
export interface INavbarEmits {
|
|
83
2
|
/** 点击导航栏左边 */
|
|
84
3
|
(e: 'leftClick'): void
|
|
@@ -1,70 +1,5 @@
|
|
|
1
|
-
import type { CSSProperties } from 'vue'
|
|
2
|
-
|
|
3
1
|
export type NoticeBarModeVo = 'closable' | 'link' | ''
|
|
4
2
|
|
|
5
|
-
export default interface HyNoticeBarProps {
|
|
6
|
-
/**
|
|
7
|
-
* @description 显示的内容,数组
|
|
8
|
-
* */
|
|
9
|
-
text: string[] | string
|
|
10
|
-
/**
|
|
11
|
-
* @description 通告滚动模式,row-横向滚动,column-竖向滚动 ( 默认 'row' )
|
|
12
|
-
* */
|
|
13
|
-
direction?: HyApp.DirectionType
|
|
14
|
-
/**
|
|
15
|
-
* @description direction = row时,是否使用步进形式滚动 ( 默认 false )
|
|
16
|
-
* */
|
|
17
|
-
step?: boolean
|
|
18
|
-
/**
|
|
19
|
-
* @description 是否显示左侧的音量图标 ( 默认 'volume' )
|
|
20
|
-
* */
|
|
21
|
-
icon?: string | HyIconConfig
|
|
22
|
-
/**
|
|
23
|
-
* @description 通告模式,link-显示右箭头,closable-显示右侧关闭图标
|
|
24
|
-
* */
|
|
25
|
-
mode?: NoticeBarModeVo
|
|
26
|
-
/**
|
|
27
|
-
* @description 文字颜色,各图标也会使用文字颜色 ( 默认 '#f9ae3d' )
|
|
28
|
-
* */
|
|
29
|
-
color?: string
|
|
30
|
-
/**
|
|
31
|
-
* @description 背景颜色 ( 默认 '#fdf6ec' )
|
|
32
|
-
* */
|
|
33
|
-
bgColor?: string
|
|
34
|
-
/**
|
|
35
|
-
* @description 水平滚动时的滚动速度,即每秒滚动多少px(px),这有利于控制文字无论多少时,都能有一个恒定的速度 ( 默认 80 )
|
|
36
|
-
* */
|
|
37
|
-
speed?: number
|
|
38
|
-
/**
|
|
39
|
-
* @description 字体大小 ( 默认 14 )
|
|
40
|
-
* */
|
|
41
|
-
fontSize?: number | string
|
|
42
|
-
/**
|
|
43
|
-
* @description 滚动一个周期的时间长,单位ms ( 默认 2000 )
|
|
44
|
-
* */
|
|
45
|
-
duration?: number
|
|
46
|
-
/**
|
|
47
|
-
* @description 是否禁止用手滑动切换 目前HX2.6.11,只支持App 2.5.5+、H5 2.5.5+、支付宝小程序、字节跳动小程序(默认34) ( 默认 true )
|
|
48
|
-
* */
|
|
49
|
-
disableTouch?: boolean
|
|
50
|
-
/**
|
|
51
|
-
* @description 分布
|
|
52
|
-
* */
|
|
53
|
-
justifyContent?: HyApp.JustifyContentType
|
|
54
|
-
/**
|
|
55
|
-
* @description 跳转类型
|
|
56
|
-
* */
|
|
57
|
-
linkType?: HyApp.NavigationType
|
|
58
|
-
/**
|
|
59
|
-
* @description 跳转地址
|
|
60
|
-
* */
|
|
61
|
-
url?: string
|
|
62
|
-
/**
|
|
63
|
-
* @description 定义需要用到的外部样式
|
|
64
|
-
* */
|
|
65
|
-
customStyle?: CSSProperties
|
|
66
|
-
}
|
|
67
|
-
|
|
68
3
|
export interface INoticeBarEmits {
|
|
69
4
|
/** 点击执行函数 */
|
|
70
5
|
(e: 'click', index: number): void
|
|
@@ -1,113 +1,3 @@
|
|
|
1
|
-
import type { CSSProperties } from 'vue'
|
|
2
|
-
import type HyIconProps from '../hy-icon/typing'
|
|
3
|
-
|
|
4
|
-
export default interface HyNumberStepProps {
|
|
5
|
-
/**
|
|
6
|
-
* @description 用于双向绑定的值,初始化时设置设为默认min值(最小值) (默认 0 )
|
|
7
|
-
* */
|
|
8
|
-
modelValue: number
|
|
9
|
-
/**
|
|
10
|
-
* @description 最小值 (默认 1 )
|
|
11
|
-
* */
|
|
12
|
-
min?: number
|
|
13
|
-
/**
|
|
14
|
-
* @description 最大值 (默认 Number.MAX_SAFE_INTEGER )
|
|
15
|
-
* */
|
|
16
|
-
max?: number
|
|
17
|
-
/**
|
|
18
|
-
* @description 加减的步长,可为小数 (默认 1 )
|
|
19
|
-
* */
|
|
20
|
-
step?: number
|
|
21
|
-
/**
|
|
22
|
-
* @description 是否只允许输入整数 (默认 false )
|
|
23
|
-
* */
|
|
24
|
-
integer?: boolean
|
|
25
|
-
/**
|
|
26
|
-
* @description 是否禁用,包括输入框,加减按钮 (默认 false )
|
|
27
|
-
* */
|
|
28
|
-
disabled?: boolean
|
|
29
|
-
/**
|
|
30
|
-
* @description 是否禁用输入框 (默认 false )
|
|
31
|
-
* */
|
|
32
|
-
disabledInput?: boolean
|
|
33
|
-
/**
|
|
34
|
-
* @description 是否开启异步变更,开启后需要手动控制输入值 (默认 false )
|
|
35
|
-
* */
|
|
36
|
-
asyncChange?: boolean
|
|
37
|
-
/**
|
|
38
|
-
* @description 输入框宽度,单位为px (默认 35 )
|
|
39
|
-
* */
|
|
40
|
-
inputWidth?: number
|
|
41
|
-
/**
|
|
42
|
-
* @description 是否显示减少按钮 (默认 true )
|
|
43
|
-
* */
|
|
44
|
-
showMinus?: boolean
|
|
45
|
-
/**
|
|
46
|
-
* @description 是否显示增加按钮 (默认 true )
|
|
47
|
-
* */
|
|
48
|
-
showPlus?: boolean
|
|
49
|
-
/**
|
|
50
|
-
* @description 显示的小数位数
|
|
51
|
-
* */
|
|
52
|
-
decimalLength?: number | null
|
|
53
|
-
/**
|
|
54
|
-
* @description 是否开启长按加减手势 (默认 true )
|
|
55
|
-
* */
|
|
56
|
-
longPress?: boolean
|
|
57
|
-
/**
|
|
58
|
-
* @description 输入框文字和加减按钮图标的颜色 (默认 '#323233' )
|
|
59
|
-
* */
|
|
60
|
-
color?: string
|
|
61
|
-
/**
|
|
62
|
-
* @description 按钮宽度(默认 '30' )
|
|
63
|
-
* */
|
|
64
|
-
buttonWidth?: number | string
|
|
65
|
-
/**
|
|
66
|
-
* @description 按钮大小,宽高等于此值,单位px,输入框高度和此值保持一致 (默认 30 )
|
|
67
|
-
* */
|
|
68
|
-
buttonSize?: number | string
|
|
69
|
-
/**
|
|
70
|
-
* @description 按钮圆角 (默认 '0px' )
|
|
71
|
-
* */
|
|
72
|
-
buttonRadius?: number | string
|
|
73
|
-
/**
|
|
74
|
-
* @description 输入框和按钮的背景颜色 (默认 '#EBECEE' )
|
|
75
|
-
* */
|
|
76
|
-
bgColor?: string
|
|
77
|
-
/**
|
|
78
|
-
* @description 输入框背景颜色 (默认 '#EBECEE' )
|
|
79
|
-
* */
|
|
80
|
-
inputBgColor?: string
|
|
81
|
-
/**
|
|
82
|
-
* @description 指定光标于键盘的距离,避免键盘遮挡输入框,单位px (默认 100 )
|
|
83
|
-
* */
|
|
84
|
-
cursorSpacing?: number
|
|
85
|
-
/**
|
|
86
|
-
* @description 是否禁用减少按钮 (默认 false )
|
|
87
|
-
* */
|
|
88
|
-
disableMinus?: boolean
|
|
89
|
-
/**
|
|
90
|
-
* @description 是否禁用增加按钮 (默认 false )
|
|
91
|
-
* */
|
|
92
|
-
disablePlus?: boolean
|
|
93
|
-
/**
|
|
94
|
-
* @description 减号按钮图标
|
|
95
|
-
* */
|
|
96
|
-
minusIcon?: Partial<HyIconProps>
|
|
97
|
-
/**
|
|
98
|
-
* @description 加号按钮图标
|
|
99
|
-
* */
|
|
100
|
-
plusIcon?: Partial<HyIconProps>
|
|
101
|
-
/**
|
|
102
|
-
* @description 迷你模式(默认 false )
|
|
103
|
-
* */
|
|
104
|
-
miniMode?: boolean
|
|
105
|
-
/**
|
|
106
|
-
* @description 定义需要用到的外部样式
|
|
107
|
-
* */
|
|
108
|
-
customStyle?: CSSProperties
|
|
109
|
-
}
|
|
110
|
-
|
|
111
1
|
export interface INumberStepEmits {
|
|
112
2
|
/** 输入框得到焦点触发 */
|
|
113
3
|
(e: 'focus', value: string): void
|
|
@@ -1,29 +1,4 @@
|
|
|
1
|
-
import type { CSSProperties } from 'vue'
|
|
2
|
-
|
|
3
|
-
export default interface HyOverlayProps {
|
|
4
|
-
/**
|
|
5
|
-
* @description 是否显示遮罩(默认 false )
|
|
6
|
-
* */
|
|
7
|
-
show: boolean
|
|
8
|
-
/**
|
|
9
|
-
* @description zIndex 层级(默认 10070 )
|
|
10
|
-
* */
|
|
11
|
-
zIndex?: number
|
|
12
|
-
/**
|
|
13
|
-
* @description 动画时长,单位毫秒(默认 300 )
|
|
14
|
-
* */
|
|
15
|
-
duration?: number
|
|
16
|
-
/**
|
|
17
|
-
* @description 不透明度值,当做rgba的第四个参数 (默认 0.5 )
|
|
18
|
-
* */
|
|
19
|
-
opacity?: number
|
|
20
|
-
/**
|
|
21
|
-
* @description 定义需要用到的外部样式
|
|
22
|
-
* */
|
|
23
|
-
customStyle?: CSSProperties
|
|
24
|
-
}
|
|
25
|
-
|
|
26
1
|
export interface IOverlayEmits {
|
|
27
|
-
|
|
28
|
-
|
|
2
|
+
/** 点击遮罩框触发 */
|
|
3
|
+
(e: 'click'): void
|
|
29
4
|
}
|
|
@@ -1,53 +1,10 @@
|
|
|
1
|
-
import type { CSSProperties } from 'vue'
|
|
2
|
-
|
|
3
|
-
export default interface HyPaginationProps {
|
|
4
|
-
/**
|
|
5
|
-
* @description 当前页
|
|
6
|
-
*/
|
|
7
|
-
modelValue: number
|
|
8
|
-
/**
|
|
9
|
-
* @description 总页数,如果有total,则优先使用total计算页数
|
|
10
|
-
*/
|
|
11
|
-
totalPage?: number
|
|
12
|
-
/**
|
|
13
|
-
* @description 是否展示分页为Icon图标
|
|
14
|
-
*/
|
|
15
|
-
showIcon?: boolean
|
|
16
|
-
/**
|
|
17
|
-
* @desc 是否展示总条数
|
|
18
|
-
*/
|
|
19
|
-
showMessage?: boolean
|
|
20
|
-
/**
|
|
21
|
-
* @description 总条数
|
|
22
|
-
*/
|
|
23
|
-
total?: number
|
|
24
|
-
/**
|
|
25
|
-
* @description 每页条数
|
|
26
|
-
*/
|
|
27
|
-
pageSize?: number
|
|
28
|
-
/**
|
|
29
|
-
* @description 上一页文本
|
|
30
|
-
*/
|
|
31
|
-
prevText?: string
|
|
32
|
-
/**
|
|
33
|
-
* @description 下一页文本
|
|
34
|
-
*/
|
|
35
|
-
nextText?: string
|
|
36
|
-
/**
|
|
37
|
-
* @description 总页数只有一页时是否隐藏
|
|
38
|
-
*/
|
|
39
|
-
hideIfOnePage?: boolean
|
|
40
|
-
/**
|
|
41
|
-
* @description 定义需要用到的外部样式
|
|
42
|
-
* */
|
|
43
|
-
customStyle?: CSSProperties
|
|
44
|
-
}
|
|
45
1
|
type PaginationVo = {
|
|
46
|
-
|
|
2
|
+
value: number
|
|
47
3
|
}
|
|
4
|
+
|
|
48
5
|
export interface IPaginationEmits {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
6
|
+
/** 改变值触发 */
|
|
7
|
+
(e: 'change', param: PaginationVo): void
|
|
8
|
+
/** 改变值触发 */
|
|
9
|
+
(e: 'update:modelValue', value: PaginationVo['value']): void
|
|
53
10
|
}
|
|
@@ -1,131 +1,34 @@
|
|
|
1
|
-
import type { CSSProperties } from "vue";
|
|
2
|
-
import type HyInputProps from "../hy-input/typing";
|
|
3
|
-
|
|
4
1
|
export interface PickerColumnVo extends AnyObject {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
/**
|
|
3
|
+
* @description id必填
|
|
4
|
+
* */
|
|
5
|
+
id: string
|
|
6
|
+
/**
|
|
7
|
+
* @description 显示文本
|
|
8
|
+
* */
|
|
9
|
+
text?: string
|
|
13
10
|
}
|
|
14
11
|
|
|
15
|
-
export
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
* */
|
|
23
|
-
columns: (string | PickerColumnVo)[][];
|
|
24
|
-
/**
|
|
25
|
-
* @description 是否显示弹窗(默认 false )
|
|
26
|
-
* */
|
|
27
|
-
show?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* @description 弹窗弹出模式
|
|
30
|
-
* */
|
|
31
|
-
popupMode?: HyApp.LayoutType;
|
|
32
|
-
/**
|
|
33
|
-
* @description 分割数组条件
|
|
34
|
-
* */
|
|
35
|
-
separator?: string;
|
|
36
|
-
/**
|
|
37
|
-
* @description 是否显示顶部的操作栏(默认 true )
|
|
38
|
-
* */
|
|
39
|
-
showToolbar?: boolean;
|
|
40
|
-
/**
|
|
41
|
-
* @description 顶部标题
|
|
42
|
-
* */
|
|
43
|
-
title?: string;
|
|
44
|
-
/**
|
|
45
|
-
* @description 是否显示加载中状态(默认 false )
|
|
46
|
-
* */
|
|
47
|
-
loading?: boolean;
|
|
48
|
-
/**
|
|
49
|
-
* @description 各列中,单个选项的高度(默认 44 )
|
|
50
|
-
* */
|
|
51
|
-
itemHeight?: number;
|
|
52
|
-
/**
|
|
53
|
-
* @description 取消按钮的文字(默认 '取消' )
|
|
54
|
-
* */
|
|
55
|
-
cancelText?: string;
|
|
56
|
-
/**
|
|
57
|
-
* @description 确认按钮的文字(默认 '确定' )
|
|
58
|
-
* */
|
|
59
|
-
confirmText?: string;
|
|
60
|
-
/**
|
|
61
|
-
* @description 取消按钮的颜色(默认 '#909193' )
|
|
62
|
-
* */
|
|
63
|
-
cancelColor?: string;
|
|
64
|
-
/**
|
|
65
|
-
* @description 确认按钮的颜色(默认 '#3c9cff' )
|
|
66
|
-
* */
|
|
67
|
-
confirmColor?: string;
|
|
68
|
-
/**
|
|
69
|
-
* @description 每列中可见选项的数量(默认 5 )
|
|
70
|
-
* */
|
|
71
|
-
visibleItemCount?: number;
|
|
72
|
-
/**
|
|
73
|
-
* @description 选项对象中,需要展示的属性键名(默认 'text' )
|
|
74
|
-
* */
|
|
75
|
-
keyName?: string;
|
|
76
|
-
/**
|
|
77
|
-
* @description 是否允许点击遮罩关闭选择器(默认 false )
|
|
78
|
-
* */
|
|
79
|
-
closeOnClickOverlay?: boolean;
|
|
80
|
-
/**
|
|
81
|
-
* @description 各列的默认索引
|
|
82
|
-
* */
|
|
83
|
-
defaultIndex?: number[];
|
|
84
|
-
/**
|
|
85
|
-
* @description 是否在手指松开时立即触发change事件(默认 true )
|
|
86
|
-
* */
|
|
87
|
-
immediateChange?: boolean;
|
|
88
|
-
/**
|
|
89
|
-
* @description 最高层级
|
|
90
|
-
* */
|
|
91
|
-
zIndex?: number;
|
|
92
|
-
/**
|
|
93
|
-
* @description 是否显示输入框(默认 false )
|
|
94
|
-
* */
|
|
95
|
-
hasInput?: boolean;
|
|
96
|
-
/**
|
|
97
|
-
* @description 输入框集合属性
|
|
98
|
-
* */
|
|
99
|
-
input?: Partial<HyInputProps>;
|
|
100
|
-
/**
|
|
101
|
-
* @description 是否自定义选择器nav左边内容
|
|
102
|
-
* */
|
|
103
|
-
toolbarRightSlot?: boolean;
|
|
104
|
-
/**
|
|
105
|
-
* @description 自定义输入框外部样式
|
|
106
|
-
* */
|
|
107
|
-
customStyle?: CSSProperties;
|
|
12
|
+
export type SelectValueVo = {
|
|
13
|
+
value: string[]
|
|
14
|
+
index?: number
|
|
15
|
+
indexs?: number[]
|
|
16
|
+
// values为当前变化列的数组内容
|
|
17
|
+
values?: Array<any>
|
|
18
|
+
columnIndex?: number
|
|
108
19
|
}
|
|
109
20
|
|
|
110
|
-
export type SelectValueVo = {
|
|
111
|
-
value: string[];
|
|
112
|
-
index?: number;
|
|
113
|
-
indexs?: number[];
|
|
114
|
-
// values为当前变化列的数组内容
|
|
115
|
-
values?: Array<any>;
|
|
116
|
-
columnIndex?: number;
|
|
117
|
-
};
|
|
118
21
|
export interface IPickerEmits {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
22
|
+
/** 关闭选择器时触发 */
|
|
23
|
+
(e: 'close'): void
|
|
24
|
+
/** 点击取消按钮 */
|
|
25
|
+
(e: 'cancel'): void
|
|
26
|
+
/** 点击确定按钮,返回当前选择的值 */
|
|
27
|
+
(e: 'confirm', params: SelectValueVo): void
|
|
28
|
+
/** 当选择值变化时触发 */
|
|
29
|
+
(e: 'change', params: SelectValueVo): void
|
|
30
|
+
/** 显示隐藏触发 */
|
|
31
|
+
(e: 'update:show', show: boolean): void
|
|
32
|
+
/** 选中值触发 */
|
|
33
|
+
(e: 'update:modelValue', value: any): void
|
|
131
34
|
}
|
|
@@ -1,80 +1,39 @@
|
|
|
1
|
-
import type { CSSProperties } from 'vue'
|
|
2
|
-
|
|
3
1
|
export type IPlacementVo =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
2
|
+
| 'top'
|
|
3
|
+
| 'top-start'
|
|
4
|
+
| 'top-end'
|
|
5
|
+
| 'bottom'
|
|
6
|
+
| 'bottom-start'
|
|
7
|
+
| 'bottom-end'
|
|
8
|
+
| 'left'
|
|
9
|
+
| 'left-start'
|
|
10
|
+
| 'left-end'
|
|
11
|
+
| 'right'
|
|
12
|
+
| 'right-start'
|
|
13
|
+
| 'right-end'
|
|
16
14
|
export type IOffset = number | number[] | Record<'x' | 'y', number>
|
|
17
15
|
|
|
18
16
|
export type PopoverExpose = {
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
open: () => void
|
|
18
|
+
close: () => void
|
|
21
19
|
}
|
|
22
20
|
export interface PopoverContentVo {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export default interface HyOverlayProps {
|
|
29
|
-
/**
|
|
30
|
-
* @description 控制 popover 的显示状态
|
|
31
|
-
* */
|
|
32
|
-
modelValue?: boolean
|
|
33
|
-
/**
|
|
34
|
-
* @description 显示的内容,也可以通过 slot#content 传入
|
|
35
|
-
*/
|
|
36
|
-
content?: string | (string | PopoverContentVo)[]
|
|
37
|
-
/**
|
|
38
|
-
* @description 指定 popover 的放置位置:top / top-start / top-end / bottom / bottom-start / bottom-end / left / left-start / left-end / right / right-start / right-end
|
|
39
|
-
*/
|
|
40
|
-
placement?: IPlacementVo
|
|
41
|
-
/**
|
|
42
|
-
* @description 控制 popover 的显示状态
|
|
43
|
-
*/
|
|
44
|
-
offset?: IOffset
|
|
45
|
-
/**
|
|
46
|
-
* @description 是否禁用 popover
|
|
47
|
-
*/
|
|
48
|
-
disabled?: boolean
|
|
49
|
-
/**
|
|
50
|
-
* @description 是否显示关闭按钮
|
|
51
|
-
*/
|
|
52
|
-
showClose?: boolean
|
|
53
|
-
/**
|
|
54
|
-
* 当前显示的模式,决定内容的展现形式,可选值:normal(普通模式)/ menu(菜单模式)
|
|
55
|
-
*/
|
|
56
|
-
mode?: 'normal' | 'menu'
|
|
57
|
-
/**
|
|
58
|
-
* @description 定义需要用到的外部样式
|
|
59
|
-
* */
|
|
60
|
-
customStyle?: CSSProperties
|
|
61
|
-
/**
|
|
62
|
-
* @description 定义需要用到的类名
|
|
63
|
-
* */
|
|
64
|
-
customClass?: string
|
|
21
|
+
iconClass: string
|
|
22
|
+
content: string
|
|
23
|
+
icon: string
|
|
65
24
|
}
|
|
66
25
|
|
|
67
26
|
export type PopoverParamsVo = {
|
|
68
|
-
|
|
27
|
+
show: boolean
|
|
69
28
|
}
|
|
70
29
|
export type PopoverItemParamsVo = {
|
|
71
|
-
|
|
72
|
-
|
|
30
|
+
item: Record<string, any>
|
|
31
|
+
index: number
|
|
73
32
|
}
|
|
74
33
|
export interface IPopoverEmits {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
34
|
+
(e: 'menuClick', params: PopoverItemParamsVo): void
|
|
35
|
+
(e: 'change', params: PopoverParamsVo): void
|
|
36
|
+
(e: 'open'): void
|
|
37
|
+
(e: 'close'): void
|
|
38
|
+
(e: 'update:modelValue', value: boolean): void
|
|
80
39
|
}
|