props.js
3.42 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
import { defineMixin } from '../../libs/vue'
import defProps from '../../libs/config/props.js'
export const props = defineMixin({
props: {
// 是否展示modal
show: {
type: Boolean,
default: () => defProps.modal.show
},
// 标题
title: {
type: [String],
default: () => defProps.modal.title
},
// 弹窗内容
content: {
type: String,
default: () => defProps.modal.content
},
// 确认文案
confirmText: {
type: String,
default: () => defProps.modal.confirmText
},
// 取消文案
cancelText: {
type: String,
default: () => defProps.modal.cancelText
},
// 是否显示确认按钮
showConfirmButton: {
type: Boolean,
default: () => defProps.modal.showConfirmButton
},
// 是否显示取消按钮
showCancelButton: {
type: Boolean,
default: () => defProps.modal.showCancelButton
},
// 确认按钮颜色
confirmColor: {
type: String,
default: () => defProps.modal.confirmColor
},
// 取消文字颜色
cancelColor: {
type: String,
default: () => defProps.modal.cancelColor
},
// 对调确认和取消的位置
buttonReverse: {
type: Boolean,
default: () => defProps.modal.buttonReverse
},
// 是否开启缩放效果
zoom: {
type: Boolean,
default: () => defProps.modal.zoom
},
// 是否异步关闭，只对确定按钮有效
asyncClose: {
type: Boolean,
default: () => defProps.modal.asyncClose
},
// 是否允许点击遮罩关闭modal
closeOnClickOverlay: {
type: Boolean,
default: () => defProps.modal.closeOnClickOverlay
},
// 给一个负的margin-top，往上偏移，避免和键盘重合的情况
negativeTop: {
type: [String, Number],
default: () => defProps.modal.negativeTop
},
// modal宽度，不支持百分比，可以数值，px，rpx单位
width: {
type: [String, Number],
default: () => defProps.modal.width
},
// 确认按钮的样式，circle-圆形，square-方形，如设置，将不会显示取消按钮
confirmButtonShape: {
type: String,
default: () => defProps.modal.confirmButtonShape
},
// 弹窗动画过度时间
duration: {
type: [Number],
default: defProps.modal.duration
},
// 文案对齐方式
contentTextAlign: {
type: String,
default: () => defProps.modal.contentTextAlign
},
// 异步确定时如果点击了取消时候的提示文案
asyncCloseTip: {
type: String,
default: () => defProps.modal.asyncCloseTip
},
// 是否异步关闭，只对取消按钮有效
asyncCancelClose: {
type: Boolean,
default: () => defProps.modal.asyncCancelClose
},
// 内容样式
contentStyle: {
type: Object,
default: () => defProps.modal.contentStyle
}
}
})