@chewel611/naive-ui-plus 0.0.1

package/es/layout/PLayout.vue2.js

@@ -0,0 +1,80 @@
+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
+};

package/es/layout/content/PContent.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    loading: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/layout/content/PContent.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as r, resolveComponent as c, createElementBlock as p, openBlock as e, createBlock as o, createCommentVNode as s, withCtx as m, KeepAlive as i, resolveDynamicComponent as _ } from "vue";
+const u = { class: "mt-1" }, k = /* @__PURE__ */ r({
+  __name: "PContent",
+  props: {
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(d) {
+    return (t, f) => {
+      const n = c("RouterView");
+      return e(), p("div", u, [
+        t.loading ? s("", !0) : (e(), o(n, { key: 0 }, {
+          default: m(({ Component: l, route: a }) => [
+            (e(), o(i, null, [
+              (e(), o(_(l), {
+                key: a.fullPath
+              }))
+            ], 1024))
+          ]),
+          _: 1
+        }))
+      ]);
+    };
+  }
+});
+export {
+  k as default
+};

package/es/layout/content/PContent.vue2.js

@@ -0,0 +1,4 @@
+import f from "./PContent.vue.js";
+export {
+  f as default
+};

package/es/layout/content/PTabs.css

@@ -0,0 +1 @@
+.tabs-view[data-v-f0706f46]{width:100%;padding:6px 0;display:flex;transition:all .2s ease-in-out}.tabs-view-main[data-v-f0706f46]{height:32px;display:flex;max-width:100%;min-width:100%}.tabs-view-main .tabs-card[data-v-f0706f46]{-webkit-box-flex:1;flex-grow:1;flex-shrink:1;overflow:hidden;position:relative}.tabs-view-main .tabs-card .tabs-card-prev[data-v-f0706f46],.tabs-view-main .tabs-card .tabs-card-next[data-v-f0706f46]{width:32px;text-align:center;position:absolute;line-height:32px;cursor:pointer}.tabs-view-main .tabs-card .tabs-card-prev .n-icon[data-v-f0706f46],.tabs-view-main .tabs-card .tabs-card-next .n-icon[data-v-f0706f46]{display:flex;align-items:center;justify-content:center;height:32px;width:32px}.tabs-view-main .tabs-card .tabs-card-prev[data-v-f0706f46]{left:0}.tabs-view-main .tabs-card .tabs-card-next[data-v-f0706f46]{right:0}.tabs-view-main .tabs-card .tabs-card-next-hide[data-v-f0706f46],.tabs-view-main .tabs-card .tabs-card-prev-hide[data-v-f0706f46]{display:none}.tabs-view-main .tabs-card-scroll[data-v-f0706f46]{white-space:nowrap;overflow:hidden}.tabs-view-main .tabs-card-scroll-item[data-v-f0706f46]{background:var(--4cb4fdc8);color:var(--21e8bab2);height:32px;padding:6px 16px 4px;border-radius:3px;margin-right:6px;cursor:pointer;display:inline-block;position:relative;flex:0 0 auto}.tabs-view-main .tabs-card-scroll-item span[data-v-f0706f46]{float:left;vertical-align:middle}.tabs-view-main .tabs-card-scroll-item[data-v-f0706f46]:hover{color:#515a6e}.tabs-view-main .tabs-card-scroll-item .n-icon[data-v-f0706f46]{height:22px;width:21px;margin-right:-6px;position:relative;vertical-align:middle;text-align:center;color:#808695}.tabs-view-main .tabs-card-scroll-item .n-icon[data-v-f0706f46]:hover{color:#515a6e!important}.tabs-view-main .tabs-card-scroll-item .n-icon svg[data-v-f0706f46]{height:21px;display:inline-block}.tabs-view-main .tabs-card-scroll .active-item[data-v-f0706f46]{color:#2d8cf0}.tabs-view-main .tabs-card-scrollable[data-v-f0706f46]{padding:0 32px;overflow:hidden}.tabs-view .tabs-close[data-v-f0706f46]{min-width:32px;width:32px;height:32px;line-height:32px;text-align:center;background:var(--color);border-radius:2px;cursor:pointer}.tabs-view .tabs-close-btn[data-v-f0706f46]{color:var(--color);height:100%;display:flex;align-items:center;justify-content:center}.tabs-view-default-background[data-v-f0706f46]{background:#f5f7f9}.tabs-view-dark-background[data-v-f0706f46]{background:#101014}.tabs-view-fix[data-v-f0706f46]{position:fixed;z-index:5;padding:6px 10px;left:200px}.tabs-view-fixed-header[data-v-f0706f46]{top:0}

package/es/layout/content/PTabs.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    navWrap: HTMLDivElement;
+    navScroll: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/layout/content/PTabs.vue.js

@@ -0,0 +1,7 @@
+import o from "./PTabs.vue2.js";
+/* empty css           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f0706f46"]]);
+export {
+  m as default
+};

package/es/layout/content/PTabs.vue2.js

@@ -0,0 +1,281 @@
+import { defineComponent as oe, useCssVars as le, computed as w, ref as y, reactive as ae, h as d, inject as se, watch as ne, onMounted as re, createElementBlock as ce, openBlock as O, normalizeStyle as ie, createElementVNode as u, createVNode as c, normalizeClass as g, unref as n, withCtx as p, withModifiers as L, createBlock as ue, createCommentVNode as de, toDisplayString as fe, nextTick as R } from "vue";
+import me from "element-resize-detector";
+import he from "vuedraggable";
+import { ReloadOutlined as ve, CloseOutlined as D, ColumnWidthOutlined as pe, MinusOutlined as be, LeftOutlined as we, RightOutlined as ge, DownOutlined as Se } from "@vicons/antd";
+import { useRoute as ye, useRouter as Ce } from "vue-router";
+import { useThemeVars as Te, useMessage as ke, NIcon as f, NDropdown as M } from "naive-ui";
+import { usePLayoutStore as xe } from "../layout.js";
+const _e = { class: "tabs-view-main" }, Pe = ["id", "onClick", "onContextmenu"], We = { class: "tabs-close" }, Oe = { class: "tabs-close-btn" }, ze = /* @__PURE__ */ oe({
+  __name: "PTabs",
+  setup(Le) {
+    le((e) => ({
+      "4cb4fdc8": E.value,
+      "21e8bab2": N.value
+    }));
+    const C = Te(), E = w(() => C.value.cardColor), N = w(() => C.value.textColor1), A = ke(), r = ye(), b = Ce(), s = y(null), T = y(null), k = y(!1), i = xe(), m = w(() => i.state.tabs), l = ae({
+      activeKey: r.fullPath,
+      scrollable: !0,
+      dropdownX: 0,
+      dropdownY: 0,
+      showDropdown: !1,
+      isMultiHeaderFixed: !0,
+      multiTabsSetting: !0
+    }), K = ["Login", "Redirect", "ErrorPage"], x = (e) => {
+      const { fullPath: o, hash: t, meta: a, name: h, params: Z, path: ee, query: te } = e;
+      return { fullPath: o, hash: t, meta: a, name: h, params: Z, path: ee, query: te };
+    }, z = w(() => {
+      const t = i.state.collapsed ? "64px" : "272px";
+      return {
+        left: t,
+        width: `calc(100% - ${t})`
+      };
+    }), _ = w(() => {
+      const e = m.value.length <= 1;
+      return [
+        {
+          label: "刷新当前",
+          key: "1",
+          icon: () => d(f, null, { default: () => d(ve) })
+        },
+        {
+          label: "关闭当前",
+          key: "2",
+          disabled: k.value || e,
+          icon: () => d(f, null, { default: () => d(D) })
+        },
+        {
+          label: "关闭其他",
+          key: "3",
+          disabled: e,
+          icon: () => d(f, null, { default: () => d(pe) })
+        },
+        {
+          label: "关闭全部",
+          key: "4",
+          disabled: e,
+          icon: () => d(f, null, { default: () => d(be) })
+        }
+      ];
+    }), I = () => {
+      let e = [];
+      const o = x(r);
+      try {
+        if (i.state.cacheTabs) {
+          const t = localStorage.getItem("TABS_ROUTES");
+          e = t ? JSON.parse(t) : [o];
+        }
+      } catch {
+        e = [o];
+      } finally {
+        return e;
+      }
+    }, V = (e) => {
+      const o = b.getRoutes();
+      e.forEach((t) => {
+        const a = o.find((h) => h.path === t.path);
+        a && (t.meta = a.meta || t.meta, t.name = a.name || t.name);
+      }), i.state.cacheTabs && localStorage.setItem("TABS_ROUTES", JSON.stringify(e));
+    }, $ = () => {
+      const e = I();
+      V(e), i.initTabs(e);
+    }, v = async (e) => {
+      if (await R(), !s.value) return;
+      const o = s.value.offsetWidth, t = s.value.scrollWidth;
+      o < t ? (l.scrollable = !0, e && [...s.value.querySelectorAll(".tabs-card-scroll-item") || []].forEach((h) => {
+        h.id === `tag${l.activeKey.split("/").join("/")}` && h.scrollIntoView && h.scrollIntoView();
+      })) : l.scrollable = !1;
+    }, B = (e) => !(e.draggedContext.element.meta.affix || e.relatedContext.element.meta.affix), Y = () => {
+      let e;
+      e = me(), e.listenTo(T.value, () => v(!0));
+    }, j = (e) => {
+      const { fullPath: o } = e;
+      if (o === r.fullPath || (l.activeKey = o, !e))
+        return;
+      const { replace: t } = b;
+      toString.call(e), t(e).catch(console.error);
+    }, F = (e, o) => {
+      e.preventDefault(), k.value = o.path === "/home", l.showDropdown = !1, R().then(() => {
+        l.showDropdown = !0, l.dropdownX = e.clientX, l.dropdownY = e.clientY;
+      });
+    }, X = () => {
+      r.meta.keepAlive && b.currentRoute.value.matched.find(
+        (e) => e.name == r.name
+      )?.components?.default.name;
+    }, P = (e) => {
+      if (m.value.length === 1)
+        return A.warning("这已经是最后一页，不能再关闭了！");
+      if (X(), i.closeCurrentTab(e), l.activeKey === e.fullPath) {
+        const o = m.value[Math.max(0, m.value.length - 1)];
+        l.activeKey = o.fullPath, b.push(o);
+      }
+      v();
+    }, q = (e) => {
+      const { fullPath: o } = e, t = m.value.find((a) => a.fullPath == o);
+      P(t);
+    }, H = (e) => {
+      i.closeOtherTabs(e), l.activeKey = e.fullPath, b.replace(e.fullPath), v();
+    }, J = () => {
+      i.closeAllTabs(), v();
+    }, U = se("reloadPage"), W = (e) => {
+      switch (e) {
+        //刷新
+        case "1":
+          U();
+          break;
+        //关闭
+        case "2":
+          P(r);
+          break;
+        //关闭其他
+        case "3":
+          H(r);
+          break;
+        //关闭所有
+        case "4":
+          J();
+          break;
+      }
+      v(), l.showDropdown = !1;
+    }, S = (e, o) => {
+      const t = s.value.scrollLeft, a = o > 0 && t + o >= e || o < 0 && t + o <= e ? e : t + o;
+      if (s.value && s.value.scrollTo(a, 0), a !== e)
+        return window.requestAnimationFrame(() => S(e, o));
+    }, G = () => {
+      const e = s.value.offsetWidth, o = s.value.scrollLeft;
+      if (!o) return;
+      const t = o > e ? o - e : 0;
+      S(t, (t - o) / 20);
+    }, Q = () => {
+      const e = s.value.offsetWidth, o = s.value.scrollWidth, t = s.value.scrollLeft;
+      if (o - t <= e) return;
+      const a = o - t > e * 2 ? t + e : o - e;
+      S(a, (a - t) / 20);
+    };
+    return window.addEventListener("beforeunload", () => {
+      localStorage.setItem("TABS_ROUTES", JSON.stringify(m.value));
+    }), window.addEventListener(
+      "scroll",
+      (e) => {
+        let o = e.target.scrollTop || document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
+        l.isMultiHeaderFixed = o >= 64;
+      },
+      !0
+    ), ne(
+      () => r.fullPath,
+      (e) => {
+        K.includes(r.name) || (l.activeKey = e, i.addTab(x(r)), v(!0));
+      },
+      { immediate: !0 }
+    ), $(), re(() => Y()), (e, o) => (O(), ce("div", {
+      class: "box-border tabs-view tabs-view-fix tabs-view-default-background",
+      style: ie(z.value)
+    }, [
+      u("div", _e, [
+        u("div", {
+          ref_key: "navWrap",
+          ref: T,
+          class: g(["tabs-card", { "tabs-card-scrollable": l.scrollable }])
+        }, [
+          u("span", {
+            class: g(["tabs-card-prev", { "tabs-card-prev-hide": !l.scrollable }]),
+            onClick: G
+          }, [
+            c(n(f), {
+              size: "16",
+              color: "#515a6e"
+            }, {
+              default: p(() => [
+                c(n(we))
+              ]),
+              _: 1
+            })
+          ], 2),
+          u("span", {
+            class: g(["tabs-card-next", { "tabs-card-next-hide": !l.scrollable }]),
+            onClick: Q
+          }, [
+            c(n(f), {
+              size: "16",
+              color: "#515a6e"
+            }, {
+              default: p(() => [
+                c(n(ge))
+              ]),
+              _: 1
+            })
+          ], 2),
+          u("div", {
+            ref_key: "navScroll",
+            ref: s,
+            class: "tabs-card-scroll"
+          }, [
+            c(n(he), {
+              list: m.value,
+              animation: "300",
+              "item-key": "fullPath",
+              class: "flex",
+              move: B
+            }, {
+              item: p(({ element: t }) => [
+                u("div", {
+                  id: `tag${t.fullPath.split("/").join("/")}`,
+                  class: g(["tabs-card-scroll-item", { "active-item": l.activeKey === t.fullPath }]),
+                  onClick: L((a) => j(t), ["stop"]),
+                  onContextmenu: (a) => F(a, t)
+                }, [
+                  u("span", null, fe(t.meta.title), 1),
+                  t.meta.affix ? de("", !0) : (O(), ue(n(f), {
+                    key: 0,
+                    size: "14",
+                    onClick: L((a) => q(t), ["stop"])
+                  }, {
+                    default: p(() => [
+                      c(n(D))
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]))
+                ], 42, Pe)
+              ]),
+              _: 1
+            }, 8, ["list"])
+          ], 512)
+        ], 2),
+        u("div", We, [
+          c(n(M), {
+            trigger: "hover",
+            onSelect: W,
+            placement: "bottom-end",
+            options: _.value
+          }, {
+            default: p(() => [
+              u("div", Oe, [
+                c(n(f), {
+                  size: "16",
+                  color: "#515a6e"
+                }, {
+                  default: p(() => [
+                    c(n(Se))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["options"])
+        ]),
+        c(n(M), {
+          show: l.showDropdown,
+          x: l.dropdownX,
+          y: l.dropdownY,
+          onClickoutside: o[0] || (o[0] = (t) => l.showDropdown = !1),
+          placement: "bottom-start",
+          onSelect: W,
+          options: _.value
+        }, null, 8, ["show", "x", "y", "options"])
+      ])
+    ], 4));
+  }
+});
+export {
+  ze as default
+};

package/es/layout/header/PHeader.css

@@ -0,0 +1 @@
+.layout-header[data-v-93589779]{display:flex;justify-content:space-between;align-items:center;padding:0;height:64px;box-shadow:0 1px 4px #00152914;transition:all .2s ease-in-out;width:100%;z-index:11}.layout-header-left[data-v-93589779]{display:flex;align-items:center}.layout-header-left .logo[data-v-93589779]{display:flex;align-items:center;justify-content:center;height:64px;line-height:64px;overflow:hidden;white-space:nowrap;padding-left:10px}.layout-header-left .logo img[data-v-93589779]{width:auto;height:32px;margin-right:10px}.layout-header-left .logo .title[data-v-93589779]{margin-bottom:0}.layout-header-left[data-v-93589779] .ant-breadcrumb span:last-child .link-text{color:#515a6e}.layout-header-left .n-breadcrumb[data-v-93589779]{display:inline-block}.layout-header-left-menu[data-v-93589779]{color:var(--text-color)}.layout-header-right[data-v-93589779]{display:flex;align-items:center;margin-right:5px}.layout-header-right .avatar[data-v-93589779]{display:flex;align-items:center;height:64px}.layout-header-right[data-v-93589779]>*{cursor:pointer}.layout-header-trigger[data-v-93589779]{display:inline-block;width:64px;height:64px;text-align:center;cursor:pointer;transition:all .2s ease-in-out}.layout-header-trigger .n-icon[data-v-93589779]{display:flex;align-items:center;height:64px;line-height:64px}.layout-header-trigger[data-v-93589779]:hover{background:#ffffff14}.layout-header-trigger .anticon[data-v-93589779]{font-size:16px;color:#515a6e}.layout-header-trigger-min[data-v-93589779]{width:auto;padding:0 10px}.layout-header-light[data-v-93589779]{background:#fff;color:#515a6e}.layout-header-light .n-icon[data-v-93589779]{color:#515a6e}.layout-header-light .layout-header-left[data-v-93589779] .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#515a6e}.layout-header-light .layout-header-trigger[data-v-93589779]:hover{background:#f8f8f9}.layout-header-fix[data-v-93589779]{position:fixed;top:0;right:0;left:200px;z-index:11}[data-v-93589779] .menu-router-link{color:#515a6e}[data-v-93589779] .menu-router-link:hover{color:#1890ff}

package/es/layout/header/PHeader.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/layout/header/PHeader.vue.js

@@ -0,0 +1,7 @@
+import o from "./PHeader.vue2.js";
+/* empty css             */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-93589779"]]);
+export {
+  m as default
+};

package/es/layout/header/PHeader.vue2.js

@@ -0,0 +1,188 @@
+import { useMessage as z, useDialog as L, NIcon as d, NBreadcrumb as M, NBreadcrumbItem as x, NDropdown as k, NTooltip as I, NDivider as V, NAvatar as A } from "naive-ui";
+import { defineComponent as U, inject as j, computed as b, ref as q, createElementBlock as g, openBlock as a, createElementVNode as n, createVNode as r, unref as e, createBlock as c, withCtx as i, Fragment as N, renderList as H, createCommentVNode as _, resolveDynamicComponent as S, toDisplayString as h, withModifiers as $ } from "vue";
+import G from "../../languages/PLanguage.vue.js";
+import { MenuUnfoldOutlined as J, MenuFoldOutlined as K, ReloadOutlined as Q, FullscreenOutlined as W, FullscreenExitOutlined as X } from "@vicons/antd";
+import { useRouter as Y, useRoute as Z } from "vue-router";
+import { usePLayoutStore as ee } from "../layout.js";
+const te = { class: "layout-header" }, oe = { class: "layout-header-left" }, le = { class: "link-text" }, ne = {
+  key: 1,
+  class: "link-text"
+}, ae = { class: "layout-header-right" }, re = { class: "layout-header-trigger-min" }, se = { class: "layout-header-trigger layout-header-trigger-min" }, ie = { class: "layout-header-trigger layout-header-trigger-min" }, ce = { class: "avatar" }, fe = /* @__PURE__ */ U({
+  __name: "PHeader",
+  setup(ue) {
+    const m = z(), C = L(), s = ee(), f = Y(), P = Z(), y = j("reloadPage"), F = (l) => f.push({ name: l }), B = b(() => v(P.matched)), v = (l) => l.map((t) => {
+      const u = {
+        key: t.name,
+        label: t.meta.title,
+        icon: t.meta.icon,
+        meta: t.meta,
+        disabled: t.path === "/",
+        children: void 0
+      };
+      return t.children && t.children.length > 0 && (u.children = v(
+        t.children
+      )), u;
+    }), p = q(!1), E = () => {
+      document.fullscreenElement ? document.exitFullscreen && (document.exitFullscreen(), p.value = !1) : (document.documentElement.requestFullscreen(), p.value = !0);
+    }, O = b(() => {
+      const l = [];
+      return l.push({
+        label: "退出登录",
+        key: "logout"
+      }), s.state.settingPages && s.state.settingPages.length > 0 && s.state.settingPages.forEach((t) => {
+        l.push({
+          label: t.title,
+          key: t.route
+        });
+      }), l;
+    }), w = (l) => {
+      switch (l) {
+        case "logout":
+          T();
+          break;
+        default:
+          f.push({ name: l });
+      }
+    }, T = () => {
+      C.info({
+        title: "提示",
+        content: "您确定要退出登录吗",
+        positiveText: "确定",
+        negativeText: "取消",
+        onPositiveClick: async () => {
+          if (s.state.logout)
+            try {
+              await s.state.logout(), localStorage.removeItem("TABS-ROUTES"), m.error("退出成功");
+            } catch (l) {
+              console.error(l), m.error("退出登录失败");
+            } finally {
+              location.reload();
+            }
+          else
+            m.error("没有配置登出接口, 请配置[usePLayoutStore.logout]方法");
+        },
+        onNegativeClick: () => {
+        }
+      });
+    };
+    return (l, t) => {
+      const u = I, D = V, R = A;
+      return a(), g("div", te, [
+        n("div", oe, [
+          n("div", {
+            class: "ml-1 layout-header-trigger layout-header-trigger-min",
+            onClick: t[0] || (t[0] = //@ts-ignore
+            (...o) => e(s).collapse && e(s).collapse(...o))
+          }, [
+            e(s).state.collapsed ? (a(), c(e(d), {
+              key: 0,
+              size: "18"
+            }, {
+              default: i(() => [
+                r(e(J))
+              ]),
+              _: 1
+            })) : (a(), c(e(d), {
+              key: 1,
+              size: "18"
+            }, {
+              default: i(() => [
+                r(e(K))
+              ]),
+              _: 1
+            }))
+          ]),
+          n("div", {
+            class: "mr-1 layout-header-trigger layout-header-trigger-min",
+            onClick: t[1] || (t[1] = //@ts-ignore
+            (...o) => e(y) && e(y)(...o))
+          }, [
+            r(e(d), { size: "18" }, {
+              default: i(() => [
+                r(e(Q))
+              ]),
+              _: 1
+            })
+          ]),
+          r(e(M), null, {
+            default: i(() => [
+              (a(!0), g(N, null, H(B.value, (o) => (a(), g(N, {
+                key: o.label
+              }, [
+                o.label ? (a(), c(e(x), { key: 0 }, {
+                  default: i(() => [
+                    o.children && o.children.length ? (a(), c(e(k), {
+                      key: 0,
+                      options: o.children,
+                      onSelect: F
+                    }, {
+                      default: i(() => [
+                        n("span", le, [
+                          o.icon ? (a(), c(S(o.icon), { key: 0 })) : _("", !0),
+                          n("span", null, h(o.label), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["options"])) : (a(), g("span", ne, [
+                      o.icon ? (a(), c(S(o.icon), { key: 0 })) : _("", !0),
+                      n("span", null, h(o.label), 1)
+                    ]))
+                  ]),
+                  _: 2
+                }, 1024)) : _("", !0)
+              ], 64))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        n("div", ae, [
+          n("div", re, [
+            r(G)
+          ]),
+          n("div", se, [
+            r(u, { placement: "bottom" }, {
+              trigger: i(() => [
+                r(e(d), {
+                  size: "18",
+                  onClick: $(E, ["stop"])
+                }, {
+                  default: i(() => [
+                    p.value ? (a(), c(e(X), { key: 1 })) : (a(), c(e(W), { key: 0 }))
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: i(() => [
+                t[2] || (t[2] = n("span", null, "全屏", -1))
+              ]),
+              _: 1,
+              __: [2]
+            })
+          ]),
+          n("div", ie, [
+            r(e(k), {
+              trigger: "hover",
+              onSelect: w,
+              options: O.value
+            }, {
+              default: i(() => [
+                n("div", ce, [
+                  n("span", null, h(e(s).state.uname), 1),
+                  r(D, { vertical: "" }),
+                  r(R, {
+                    round: "",
+                    src: e(s).state.avatar
+                  }, null, 8, ["src"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["options"])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  fe as default
+};

package/es/layout/index.d.ts

@@ -0,0 +1,15 @@
+export { usePLayoutStore } from './layout';
+declare const _default: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export default _default;

package/es/layout/index.js

@@ -0,0 +1,6 @@
+import t from "./PLayout.vue.js";
+import { withInstall as o } from "../utils/install.js";
+const i = o(t);
+export {
+  i as default
+};