u-modal.js
4.3 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
112
113
114
"use strict";
const uni_modules_uviewPlus_components_uModal_props = require("./props.js");
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js");
const common_vendor = require("../../../../common/vendor.js");
const _sfc_main = {
name: "u-modal",
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uModal_props.props],
data() {
return {
loading: false
};
},
watch: {
show(n) {
if (n && this.loading)
this.loading = false;
}
},
emits: ["confirm", "cancel", "close"],
methods: {
addUnit: uni_modules_uviewPlus_libs_function_index.addUnit,
// 点击确定按钮
confirmHandler() {
if (this.asyncClose) {
this.loading = true;
}
this.$emit("confirm");
},
// 点击取消按钮
cancelHandler() {
this.$emit("cancel");
},
// 点击遮罩
// 从原理上来说，modal的遮罩点击，并不是真的点击到了遮罩
// 因为modal依赖于popup的中部弹窗类型，中部弹窗比较特殊，虽有然遮罩，但是为了让弹窗内容能flex居中
// 多了一个透明的遮罩，此透明的遮罩会覆盖在灰色的遮罩上，所以实际上是点击不到灰色遮罩的，popup内部在
// 透明遮罩的子元素做了.stop处理，所以点击内容区，也不会导致误触发
clickHandler() {
if (this.closeOnClickOverlay) {
this.$emit("close");
}
}
}
};
if (!Array) {
const _easycom_u_line2 = common_vendor.resolveComponent("u-line");
const _easycom_u_loading_icon2 = common_vendor.resolveComponent("u-loading-icon");
const _easycom_u_popup2 = common_vendor.resolveComponent("u-popup");
(_easycom_u_line2 + _easycom_u_loading_icon2 + _easycom_u_popup2)();
}
const _easycom_u_line = () => "../u-line/u-line.js";
const _easycom_u_loading_icon = () => "../u-loading-icon/u-loading-icon.js";
const _easycom_u_popup = () => "../u-popup/u-popup.js";
if (!Math) {
(_easycom_u_line + _easycom_u_loading_icon + _easycom_u_popup)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: _ctx.title
}, _ctx.title ? {
b: common_vendor.t(_ctx.title)
} : {}, {
c: common_vendor.t(_ctx.content),
d: _ctx.contentTextAlign,
e: `${_ctx.title ? 12 : 25}px`,
f: _ctx.$slots.confirmButton
}, _ctx.$slots.confirmButton ? {} : common_vendor.e({
g: _ctx.showCancelButton
}, _ctx.showCancelButton ? {
h: common_vendor.t(_ctx.cancelText),
i: _ctx.cancelColor,
j: common_vendor.n(_ctx.showCancelButton && !_ctx.showConfirmButton && "u-modal__button-group__wrapper--only-cancel"),
k: common_vendor.o((...args) => $options.cancelHandler && $options.cancelHandler(...args))
} : {}, {
l: _ctx.showConfirmButton && _ctx.showCancelButton
}, _ctx.showConfirmButton && _ctx.showCancelButton ? {
m: common_vendor.p({
direction: "column"
})
} : {}, {
n: _ctx.showConfirmButton
}, _ctx.showConfirmButton ? common_vendor.e({
o: $data.loading
}, $data.loading ? {} : {
p: common_vendor.t(_ctx.confirmText),
q: _ctx.confirmColor
}, {
r: common_vendor.n(!_ctx.showCancelButton && _ctx.showConfirmButton && "u-modal__button-group__wrapper--only-confirm"),
s: common_vendor.o((...args) => $options.confirmHandler && $options.confirmHandler(...args))
}) : {}, {
t: _ctx.buttonReverse ? "row-reverse" : "row"
}), {
v: $options.addUnit(_ctx.width),
w: common_vendor.n(_ctx.customClass),
x: common_vendor.o($options.clickHandler),
y: common_vendor.p({
mode: "center",
zoom: _ctx.zoom,
show: _ctx.show,
customStyle: {
borderRadius: "6px",
overflow: "hidden",
marginTop: `-${$options.addUnit(_ctx.negativeTop)}`
},
closeOnClickOverlay: _ctx.closeOnClickOverlay,
safeAreaInsetBottom: false,
duration: 400
})
});
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f667648f"]]);
wx.createComponent(Component);