@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, openBlock as n, createBlock as l, withCtx as t, createVNode as m, Transition as a, withDirectives as v, createElementBlock as d, mergeProps as f, renderSlot as E, vShow as k, createCommentVNode 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(), d("div", f({
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 }
}), [
E(e.$slots, "default")
], 16, H)), [
[k, !e.props.alive || e.props.visible]
]) : b("", !0)
]),
_: 3
}, 8, ["name", "appear"])
]),
_: 3
}, 8, ["to"]);
}
const A = /* @__PURE__ */ u(s, [["render", $]]);
export {
A as default
};
//# sourceMappingURL=popper.vue.mjs.map