@chewel611/naive-ui-plus 0.0.1

package/es/layout/layout.js

@@ -0,0 +1,74 @@
+import { defineStore as o } from "pinia";
+import { reactive as i } from "vue";
+const n = ["Redirect", "RedirectSon", "login"], R = o("p-layout", () => {
+  const s = i({
+    collapsed: !1,
+    title: "输入项目名称",
+    logo: "https://picsum.photos/id/1/100/100",
+    avatar: "",
+    uid: "",
+    uname: "",
+    tabs: [],
+    cacheTabs: !1
+  });
+  return {
+    state: s,
+    initTabs: (t) => {
+      t.sort((e, a) => (a.meta.affix ? 1 : 0) - (e.meta.affix ? 1 : 0)), s.tabs = t;
+    },
+    addTab: (t) => n.includes(t.name) ? !1 : (s.tabs?.some(
+      (a) => a.fullPath == t.fullPath
+    ) || s.tabs?.push(t), !0),
+    closeCurrentTab: (t) => {
+      const e = s.tabs.findIndex(
+        (a) => a.fullPath == t.fullPath
+      );
+      s.tabs.splice(e, 1);
+    },
+    closeAllTabs: () => {
+      s.tabs = s.tabs.filter((t) => t?.meta?.affix ?? !1);
+    },
+    closeOtherTabs: (t) => {
+      s.tabs = s.tabs.filter(
+        (e) => e.fullPath == t.fullPath || (e?.meta?.affix ?? !1)
+      );
+    },
+    closeLeftTabs: (t) => {
+      const e = s.tabs.findIndex(
+        (a) => a.fullPath == t.fullPath
+      );
+      s.tabs = s.tabs.filter(
+        (a, l) => l >= e || (a?.meta?.affix ?? !1)
+      );
+    },
+    closeRightTabs: (t) => {
+      const e = s.tabs.findIndex(
+        (a) => a.fullPath == t.fullPath
+      );
+      s.tabs = s.tabs.filter(
+        (a, l) => l <= e || (a?.meta?.affix ?? !1)
+      );
+    },
+    collapse: () => {
+      s.collapsed = !s.collapsed;
+    },
+    setTitle: (t) => {
+      s.title = t;
+    },
+    setLogo: (t) => {
+      s.logo = t;
+    },
+    setUser: (t, e) => {
+      s.uid = t, s.uname = e;
+    },
+    setSettingPages: (t) => {
+      s.settingPages = t;
+    },
+    setLogout: (t) => {
+      s.logout = t;
+    }
+  };
+});
+export {
+  R as usePLayoutStore
+};

package/es/layout/sider/PLogo.css

@@ -0,0 +1 @@
+.logo[data-v-c9496d2e]{display:flex;align-items:center;justify-content:start;padding-left:16px;height:64px;line-height:64px;overflow:hidden;white-space:nowrap}.logo-size[data-v-c9496d2e]{font-size:20px}

package/es/layout/sider/PLogo.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/sider/PLogo.vue.js

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

package/es/layout/sider/PLogo.vue2.js

@@ -0,0 +1,23 @@
+import { defineComponent as t, createElementBlock as s, openBlock as r, createVNode as l, withDirectives as a, unref as o, normalizeClass as c, createElementVNode as n, toDisplayString as i, vShow as m } from "vue";
+import { usePLayoutStore as p } from "../layout.js";
+import { NAvatar as _ } from "naive-ui";
+const d = { class: "logo" }, N = /* @__PURE__ */ t({
+  __name: "PLogo",
+  setup(u) {
+    const e = p();
+    return (f, g) => (r(), s("div", d, [
+      l(o(_), {
+        color: "var(--color-logo)",
+        size: 32,
+        src: o(e).state.logo,
+        class: c({ "mr-2": !o(e).state.collapsed })
+      }, null, 8, ["src", "class"]),
+      a(n("h1", { class: "font-bold ease-in-out ml-2 logo-size" }, i(o(e).state.title), 513), [
+        [m, !o(e).state.collapsed]
+      ])
+    ]));
+  }
+});
+export {
+  N as default
+};

package/es/layout/sider/PMenus.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, {}, any>;
+export default _default;

package/es/layout/sider/PMenus.vue.js

@@ -0,0 +1,90 @@
+import { defineComponent as k, ref as d, watch as B, onMounted as P, createBlock as S, openBlock as y, unref as v } from "vue";
+import { NMenu as O } from "naive-ui";
+import { useRoute as U, useRouter as b } from "vue-router";
+import { usePLayoutStore as z } from "../layout.js";
+const j = /* @__PURE__ */ k({
+  __name: "PMenus",
+  setup(C) {
+    const a = U(), u = b(), g = z(), m = d(a.name), r = d(
+      a.matched && a.matched.length ? a.matched.map((t) => t.name) : []
+    ), h = d([]), M = (t) => {
+      /http(s)?:/.test(t) ? window.open(t) : u.push({ name: t });
+    }, _ = (t) => {
+      if (!t) return;
+      const n = t.find((c) => r.value.indexOf(c) === -1);
+      r.value = n ? [n] : [];
+    }, p = () => {
+      const t = a.matched;
+      r.value = t.map((c) => c.name);
+      const n = a.meta?.activeMenu || "";
+      m.value = n || a.name;
+    }, s = (t, n = [], c = !1) => {
+      const i = [], R = [
+        "/:path(.*)*",
+        "/redirect",
+        "/redirect/:path(.*)",
+        "/login",
+        "/oidc-callback"
+      ];
+      if (!t || t.length === 0)
+        return i;
+      t = t.sort((e, l) => {
+        let o = (l.children?.length ? 1 : 0) - (e.children?.length ? 1 : 0);
+        return o === 0 && (o = (e.meta?.sort ?? 0) - (l.meta?.sort ?? 0)), o;
+      });
+      for (const e of t) {
+        if (c || (e.meta?.hidden || !1) == !0 || R.includes(e.path)) {
+          n.push(e.name), e.children && e.children.length > 0 && s(e.children, n, !0);
+          continue;
+        }
+        const l = e.meta?.alwaysShow != !0 && e?.children?.filter((x) => !x?.meta?.hidden)?.length === 1, o = l ? e.children[0] : e, f = {
+          key: o.name,
+          label: o.meta?.title,
+          affix: o.meta?.affix,
+          sort: o.meta?.sort,
+          path: o.path,
+          redirect: o.redirect,
+          icon: l ? e.meta?.icon : o.meta?.icon,
+          permissions: o.meta?.permissions,
+          meta: o.meta,
+          children: void 0
+        };
+        if (!n.includes(e.name)) {
+          if (i.push(f), n.push(e.name), l) {
+            s(e.children, n, c);
+            continue;
+          }
+          e.children && e.children.length > 0 && (f.children = s(e.children, n, c));
+        }
+      }
+      return i;
+    }, w = () => {
+      const t = u.getRoutes();
+      h.value = s(t);
+    };
+    return B(
+      () => a.fullPath,
+      () => {
+        p();
+      }
+    ), P(() => {
+      w(), p();
+    }), (t, n) => (y(), S(v(O), {
+      class: "h-full",
+      inverted: "",
+      mode: "vertical",
+      options: h.value,
+      collapsed: v(g).state.collapsed,
+      "collapsed-width": 64,
+      "collapsed-icon-size": 20,
+      indent: 24,
+      "expanded-keys": r.value,
+      value: m.value,
+      "onUpdate:value": M,
+      "onUpdate:expandedKeys": _
+    }, null, 8, ["options", "collapsed", "expanded-keys", "value"]));
+  }
+});
+export {
+  j as default
+};

package/es/layout/sider/PMenus.vue2.js

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