vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
76 lines (75 loc) • 2.63 kB
JavaScript
import b from "./split.vue2.mjs";
import { resolveComponent as v, createElementBlock as t, openBlock as i, normalizeClass as n, createElementVNode as o, normalizeStyle as a, renderSlot as p, Fragment as d, withModifiers as r, createVNode as f, mergeProps as m, renderList as h } from "vue";
import g from "../../_virtual/_plugin-vue_export-helper.mjs";
function y(e, l, $, k, I, S) {
const u = v("Icon");
return i(), t("div", {
ref: "wrapper",
class: n(e.className),
onTransitionend: l[4] || (l[4] = (...s) => e.removeTransition && e.removeTransition(...s))
}, [
o("div", {
class: n([e.nh.be("panel"), e.nh.bem("panel", e.props.vertical ? "top" : "left")]),
style: a(e.leftPaneStyle)
}, [
p(e.$slots, "left")
], 6),
o("div", {
class: n([e.nh.be("panel"), e.nh.bem("panel", e.props.vertical ? "bottom" : "right")]),
style: a(e.rightPaneStyle)
}, [
p(e.$slots, "right")
], 6),
o("div", {
class: n(e.nh.be("trigger")),
style: a(e.triggerStyle)
}, [
o("div", {
ref: "handler",
class: n(e.nh.be("handler"))
}, [
e.props.canFull ? (i(), t(d, { key: 0 }, [
o("button", {
type: "button",
class: n([e.nh.be("button"), e.nh.bem("button", `${e.props.vertical ? "top" : "left"}-full`)]),
onPointerdown: l[0] || (l[0] = r(() => {
}, ["stop"])),
onClick: l[1] || (l[1] = r((s) => e.handleFull(-1), ["left"]))
}, [
f(u, m(e.fullIcons[0], {
scale: +(e.fullIcons[0].scale || 1) * 0.6
}), null, 16, ["scale"])
], 34),
o("button", {
type: "button",
class: n([
e.nh.be("button"),
e.nh.bem("button", `${e.props.vertical ? "bottom" : "right"}-full`)
]),
onPointerdown: l[2] || (l[2] = r(() => {
}, ["stop"])),
onClick: l[3] || (l[3] = r((s) => e.handleFull(1), ["left"]))
}, [
f(u, m(e.fullIcons[1], {
scale: +(e.fullIcons[1].scale || 1) * 0.6
}), null, 16, ["scale"])
], 34)
], 64)) : p(e.$slots, "handler", { key: 1 }, () => [
(i(), t(d, null, h(6, (s) => o("span", {
key: s,
class: n(e.nh.be("pointer"))
}, null, 2)), 64))
])
], 2)
], 6),
o("div", {
ref: "guide",
class: n(e.nh.be("guide"))
}, null, 2)
], 34);
}
const F = /* @__PURE__ */ g(b, [["render", y]]);
export {
F as default
};
//# sourceMappingURL=split.vue.mjs.map