59 lines
1.9 KiB
JavaScript
59 lines
1.9 KiB
JavaScript
|
"use strict";
|
||
|
|
const common_vendor = require("../../../../common/vendor.js");
|
||
|
|
require("../../../adapter-vue.js");
|
||
|
|
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||
|
|
__name: "index",
|
||
|
|
props: {
|
||
|
|
visible: { type: Boolean, default: true },
|
||
|
|
zIndex: { default: 9999 },
|
||
|
|
useMask: { type: Boolean, default: true },
|
||
|
|
maskColor: { default: "rgba(0, 0, 0, 0.6)" },
|
||
|
|
isFullScreen: { type: Boolean, default: true },
|
||
|
|
width: { default: "auto" },
|
||
|
|
height: { default: "auto" }
|
||
|
|
},
|
||
|
|
emits: ["onOverlayClick"],
|
||
|
|
setup(__props, { expose: __expose, emit: __emit }) {
|
||
|
|
const emits = __emit;
|
||
|
|
const props = __props;
|
||
|
|
const overlayDomRef = common_vendor.ref();
|
||
|
|
const isOverlayShow = common_vendor.ref(props.visible);
|
||
|
|
common_vendor.watch(() => props.visible, (visible) => {
|
||
|
|
if (visible) {
|
||
|
|
isOverlayShow.value = true;
|
||
|
|
} else {
|
||
|
|
setTimeout(() => {
|
||
|
|
isOverlayShow.value = false;
|
||
|
|
}, 150);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
immediate: true
|
||
|
|
});
|
||
|
|
function onOverlayClick() {
|
||
|
|
emits("onOverlayClick");
|
||
|
|
}
|
||
|
|
__expose({
|
||
|
|
overlayDomRef
|
||
|
|
});
|
||
|
|
return (_ctx, _cache) => {
|
||
|
|
return common_vendor.e({
|
||
|
|
a: common_vendor.unref(isOverlayShow)
|
||
|
|
}, common_vendor.unref(isOverlayShow) ? common_vendor.e({
|
||
|
|
b: props.useMask
|
||
|
|
}, props.useMask ? {
|
||
|
|
c: props.visible ? 1 : "",
|
||
|
|
d: props.maskColor,
|
||
|
|
e: common_vendor.o$1(onOverlayClick),
|
||
|
|
f: common_vendor.o$1(onOverlayClick)
|
||
|
|
} : {}, {
|
||
|
|
g: props.isFullScreen ? 1 : "",
|
||
|
|
h: props.isFullScreen ? "fixed" : "absolute",
|
||
|
|
i: props.zIndex
|
||
|
|
}) : {});
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-fdff2bf0"]]);
|
||
|
|
wx.createComponent(Component);
|
||
|
|
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Overlay/index.js.map
|