@extclp/vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
71 lines (70 loc) • 1.53 kB
JavaScript
import "../portal/index.mjs";
import { defineComponent as f, ref as s, watch as l } from "vue";
import { useNameHelper as b, useProps as d, useZIndex as v, emitEvent as r } from "@vexip-ui/config";
import { popperProps as k } from "./props.mjs";
import u from "../portal/portal.vue2.mjs";
const _ = f({
name: "Popper",
components: {
Portal: u
},
inheritAttrs: !1,
props: k,
emits: [],
setup(p) {
const t = b("popper"), e = d("popper", p, {
visible: !1,
alive: !1,
to: "",
transition: () => t.ns("drop"),
appear: !1,
role: "dialog"
}), i = v(), n = s(10), c = s();
l(
() => e.visible,
(a) => {
e.to && a && (n.value = i());
},
{ immediate: !0 }
);
function m(a, o) {
switch (a) {
case "be":
r(e.onBeforeEnter, o);
break;
case "e":
r(e.onEnter, o);
break;
case "ae":
r(e.onAfterEnter, o);
break;
case "ec":
r(e.onEnterCancelled, o);
break;
case "bl":
r(e.onBeforeLeave, o);
break;
case "l":
r(e.onLeave, o);
break;
case "al":
r(e.onAfterLeave, o);
break;
case "lc":
r(e.onLeaveCancelled, o);
break;
}
}
return {
nh: t,
props: e,
zIndex: n,
wrapper: c,
emitHookEvent: m
};
}
});
export {
_ as default
};
//# sourceMappingURL=popper.vue2.mjs.map