You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.7 KiB
65 lines
1.7 KiB
import { defineComponent, createVNode, renderSlot, h } from 'vue';
|
|
import { PatchFlags } from '../../../utils/vnode.mjs';
|
|
import '../../../hooks/index.mjs';
|
|
import { buildProps, definePropType } from '../../../utils/props.mjs';
|
|
import { useSameTarget } from '../../../hooks/use-same-target/index.mjs';
|
|
|
|
const overlayProps = buildProps({
|
|
mask: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
customMaskEvent: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
overlayClass: {
|
|
type: definePropType([
|
|
String,
|
|
Array,
|
|
Object
|
|
])
|
|
},
|
|
zIndex: {
|
|
type: definePropType([String, Number])
|
|
}
|
|
});
|
|
const overlayEmits = {
|
|
click: (evt) => evt instanceof MouseEvent
|
|
};
|
|
var Overlay = defineComponent({
|
|
name: "ElOverlay",
|
|
props: overlayProps,
|
|
emits: overlayEmits,
|
|
setup(props, { slots, emit }) {
|
|
const onMaskClick = (e) => {
|
|
emit("click", e);
|
|
};
|
|
const { onClick, onMousedown, onMouseup } = useSameTarget(props.customMaskEvent ? void 0 : onMaskClick);
|
|
return () => {
|
|
return props.mask ? createVNode("div", {
|
|
class: ["el-overlay", props.overlayClass],
|
|
style: {
|
|
zIndex: props.zIndex
|
|
},
|
|
onClick,
|
|
onMousedown,
|
|
onMouseup
|
|
}, [renderSlot(slots, "default")], PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS, ["onClick", "onMouseup", "onMousedown"]) : h("div", {
|
|
class: props.overlayClass,
|
|
style: {
|
|
zIndex: props.zIndex,
|
|
position: "fixed",
|
|
top: "0px",
|
|
right: "0px",
|
|
bottom: "0px",
|
|
left: "0px"
|
|
}
|
|
}, [renderSlot(slots, "default")]);
|
|
};
|
|
}
|
|
});
|
|
|
|
export { Overlay as default, overlayEmits, overlayProps };
|
|
//# sourceMappingURL=overlay.mjs.map
|