@extclp/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, openBlock as t, createElementBlock 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 t(), i("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 ? (t(), i(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 }, () => [
(t(), i(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