Blame view

uni_modules/uview-plus/components/u-modal/props.js 3.42 KB
a2702f6d   刘淇   巡查计划
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
          }
      }
  })