@extclp/vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
48 lines (47 loc) • 1.86 kB
JavaScript
import s from "./popper.vue2.mjs";
import { resolveComponent as i, createBlock as l, openBlock as n, withCtx as t, createVNode as m, Transition as a, withDirectives as v, createCommentVNode as d, createElementBlock as f, mergeProps as E, renderSlot as k, vShow as b } from "vue";
import u from "../../_virtual/_plugin-vue_export-helper.mjs";
const H = ["role"];
function $(e, o, B, C, w, L) {
const p = i("Portal");
return n(), l(p, {
to: e.props.to
}, {
default: t(() => [
m(a, {
name: e.props.transition,
appear: e.props.appear,
onBeforeEnter: o[0] || (o[0] = (r) => e.emitHookEvent("be", r)),
onEnter: o[1] || (o[1] = (r) => e.emitHookEvent("e", r)),
onAfterEnter: o[2] || (o[2] = (r) => e.emitHookEvent("ae", r)),
onEnterCancelled: o[3] || (o[3] = (r) => e.emitHookEvent("ec", r)),
onBeforeLeave: o[4] || (o[4] = (r) => e.emitHookEvent("bl", r)),
onLeave: o[5] || (o[5] = (r) => e.emitHookEvent("l", r)),
onAfterLeave: o[6] || (o[6] = (r) => e.emitHookEvent("al", r)),
onLeaveCancelled: o[7] || (o[7] = (r) => e.emitHookEvent("lc", r))
}, {
default: t(() => [
e.props.alive || e.props.visible ? v((n(), f("div", E({
key: 0,
ref: "wrapper"
}, e.$attrs, {
class: [e.nh.b(), e.props.to !== "body" && e.nh.bm("inherit")],
role: e.props.role,
style: { zIndex: e.props.to && e.props.visible ? e.zIndex : void 0 }
}), [
k(e.$slots, "default")
], 16, H)), [
[b, !e.props.alive || e.props.visible]
]) : d("", !0)
]),
_: 3
}, 8, ["name", "appear"])
]),
_: 3
}, 8, ["to"]);
}
const A = /* @__PURE__ */ u(s, [["render", $]]);
export {
A as default
};
//# sourceMappingURL=popper.vue.mjs.map