@chewel/naive-ui-plus
Version:
## Document & Online preview
81 lines (80 loc) • 2.55 kB
JavaScript
import { NLayout as s, NLayoutSider as i, NFlex as c, NLayoutHeader as d, NLayoutContent as u, NBackTop as p } from "naive-ui";
import { defineComponent as m, ref as f, provide as _, createBlock as y, openBlock as g, unref as e, withCtx as a, createVNode as o, createElementVNode as n, nextTick as v } from "vue";
import h from "./sider/PLogo.vue.js";
import x from "./header/PHeader.vue.js";
import b from "./content/PContent.vue.js";
import N from "./content/PTabs.vue.js";
import P from "./sider/PMenus.vue.js";
import { usePLayoutStore as L } from "./layout.js";
const k = { class: "layout-content-main layout-content-main-fix" }, w = { class: "main-view main-view-fix" }, A = /* @__PURE__ */ m({
__name: "PLayout",
setup(C) {
const t = L(), l = f(!1);
return _("reloadPage", () => {
l.value = !0, v(() => l.value = !1);
}), (E, T) => {
const r = p;
return g(), y(e(s), {
"has-sider": "",
class: "layout",
position: "absolute"
}, {
default: a(() => [
o(e(i), {
class: "layout-sider",
inverted: "",
"show-trigger": "bar",
position: "absolute",
"collapse-mode": "width",
collapsed: e(t).state.collapsed,
"native-scrollbar": !1,
"collapsed-width": 64,
onCollapse: e(t).collapse,
onExpand: e(t).collapse
}, {
default: a(() => [
o(e(c), { vertical: "" }, {
default: a(() => [
o(h),
o(P)
]),
_: 1
})
]),
_: 1
}, 8, ["collapsed", "onCollapse", "onExpand"]),
o(e(s), null, {
default: a(() => [
o(e(d), { position: "absolute" }, {
default: a(() => [
o(x)
]),
_: 1
}),
o(e(u), { class: "layout-content layout-default-background" }, {
default: a(() => [
n("div", k, [
o(N),
n("div", w, [
o(b, { loading: l.value }, null, 8, ["loading"])
])
])
]),
_: 1
}),
o(r, {
right: 20,
class: "z-50"
})
]),
_: 1
})
]),
_: 1
});
};
}
});
export {
A as default
};