@chewel611/naive-ui-plus 0.0.1

package/dist/index.js

@@ -0,0 +1,1377 @@
+import { useDialog as xe, useMessage as ne, NCard as Ue, NDataTable as qe, NModal as $e, NSpace as Oe, NButton as V, NTooltip as Me, NIcon as D, NDropdown as X, NAvatar as Ne, NBreadcrumb as Ve, NBreadcrumbItem as je, NDivider as Ke, useThemeVars as Ye, NMenu as Xe, NLayout as Pe, NLayoutSider as Ge, NFlex as Je, NLayoutHeader as Ze, NLayoutContent as Qe, NBackTop as et, NConfigProvider as tt, dateZhCN as ot, zhCN as at, NDialogProvider as lt, NNotificationProvider as nt, NMessageProvider as st } from "naive-ui";
+import { defineComponent as F, ref as M, computed as H, unref as t, onMounted as ee, createBlock as N, openBlock as y, withCtx as l, createElementVNode as b, createElementBlock as I, createCommentVNode as W, createVNode as n, renderSlot as Y, normalizeStyle as he, createTextVNode as K, h as B, toRaw as Se, reactive as Ee, withDirectives as rt, normalizeClass as Q, toDisplayString as q, vShow as it, inject as Re, Fragment as Le, renderList as ct, resolveDynamicComponent as me, withModifiers as ve, resolveComponent as dt, KeepAlive as ut, useCssVars as ft, watch as De, nextTick as _e, provide as pt, mergeProps as gt, createSlots as ht } from "vue";
+import { PlusSquareOutlined as mt, DeleteOutlined as vt, ReloadOutlined as be, MoreOutlined as _t, MenuUnfoldOutlined as bt, MenuFoldOutlined as yt, FullscreenOutlined as wt, FullscreenExitOutlined as kt, CloseOutlined as Te, ColumnWidthOutlined as Ct, MinusOutlined as Pt, LeftOutlined as St, RightOutlined as Lt, DownOutlined as Tt } from "@vicons/antd";
+import { defineStore as ze } from "pinia";
+import { useRouter as ye, useRoute as we } from "vue-router";
+import xt from "element-resize-detector";
+import $t from "vuedraggable";
+const Ot = { id: "data-content" }, Mt = {
+  key: 0,
+  class: "rounded-lg bg-gray-50 flex flex-row gap-2 items-center justify-end p-5 mb-5"
+}, Nt = { key: 1 }, Et = { key: 2 }, Rt = /* @__PURE__ */ F({
+  __name: "PTable",
+  props: {
+    idField: { default: "id" },
+    item: {},
+    columns: {},
+    modalWidth: { default: 800 },
+    hiddenAdd: { type: Boolean, default: !1 },
+    hiddenEdit: { type: Boolean, default: !1 },
+    hiddenDelete: { type: Boolean, default: !1 },
+    onLoad: {},
+    onGet: {},
+    onOpenModal: {},
+    onCloseModal: {},
+    onSave: {},
+    onDelete: {}
+  },
+  setup(a, { expose: d }) {
+    const w = M(null), v = xe(), T = ne(), h = M(!1), k = M([]), C = M([]), $ = M(null), O = M(!1), f = M(!1), P = M(!1), o = M({
+      page: 1,
+      itemCount: 0,
+      pageSize: 10,
+      pageSizes: [10, 20, 30, 50],
+      showSizePicker: !0,
+      onChange: async (s) => {
+        o.value.page = s, await U();
+      },
+      onUpdatePageSize: async (s) => {
+        o.value.pageSize = s, await U();
+      }
+    }), i = a, p = (s) => {
+      const u = (L) => {
+        const R = [];
+        return s && s.forEach((e) => {
+          e.key !== "edit" && e.key !== "delete" && R.push({
+            label: e.name,
+            key: e.key,
+            props: { onClick: () => e.action(L) }
+          });
+        }), R;
+      };
+      return {
+        title: "操作",
+        key: "actions",
+        width: 100,
+        fixed: "left",
+        render: (L) => {
+          let R = [];
+          if (i.hiddenEdit || R.push({
+            label: "编辑",
+            key: "edit",
+            props: { onClick: () => G(L) }
+          }), i.hiddenDelete || R.push({
+            label: "删除",
+            key: "delete",
+            props: { onClick: () => _(L) }
+          }), R = [...R, ...u(L)], !(R.length <= 0))
+            return B(
+              X,
+              {
+                options: R,
+                placement: "bottom-start"
+              },
+              {
+                default: () => B(
+                  V,
+                  { size: "small", type: "primary" },
+                  { default: () => ["操作", B(D, () => B(_t))] }
+                )
+              }
+            );
+        }
+      };
+    }, m = H(() => {
+      const s = i.columns.filter((L) => L.key != "action").map((L) => ({
+        title: L.title,
+        key: L.key,
+        width: L.width,
+        render: L.render,
+        ellipsis: L.ellipsis ? { tooltip: !0 } : !1
+      })), u = i.columns.reduce(
+        (L, R) => R.key === "action" ? R : L,
+        void 0
+      )?.action;
+      return u && u?.length > 0 || !i.hiddenDelete || !i.hiddenEdit ? [
+        { type: "selection", fixed: "left" },
+        ...s,
+        p(u)
+      ] : [{ type: "selection", fixed: "left" }, ...s];
+    }), g = async () => {
+      await U();
+    }, _ = (s) => {
+      E([s]);
+    }, z = () => {
+      const s = J();
+      E(s);
+    }, E = (s) => {
+      s && s.length > 0 && v.warning({
+        title: "警告",
+        content: "删除数据不可恢复, 确认删除吗?",
+        positiveText: "确定",
+        negativeText: "取消",
+        onPositiveClick: async () => {
+          if (i.onDelete)
+            try {
+              await i.onDelete(s) ? (U(), T.success("删除成功")) : T.error("删除失败");
+            } catch (u) {
+              console.error(u), T.error("删除异常,详情F12请查看控制台日志");
+            }
+        }
+      });
+    }, S = () => {
+      if (i.onOpenModal) {
+        i.onOpenModal();
+        return;
+      }
+      f.value = !1, O.value = !0;
+    }, G = async (s) => {
+      if (i.onOpenModal) {
+        i.onOpenModal(s);
+        return;
+      }
+      i.onGet && (s = await i.onGet(s[i.idField])), $.value = s, Object.assign(i.item, s), O.value = !1, f.value = !0;
+    }, ae = async () => {
+      if (i.onSave)
+        try {
+          P.value = !0, (O.value ? await i.onSave() : await i.onSave($.value[i.idField])) && (j(), await U());
+        } catch (s) {
+          console.error(s), T.error("操作失败, 详情F12请查看控制台日志");
+        } finally {
+          P.value = !1;
+        }
+    }, j = () => {
+      i.onCloseModal && i.onCloseModal(), Object.keys(i.item).forEach((s) => i.item[s] = void 0), $.value = null, O.value = !1, f.value = !1;
+    }, J = () => k.value ? C.value.filter((u) => k.value.includes(u.id)).map((u) => Se(u)) : [], re = () => J()[0], le = () => Se(C.value), U = async () => {
+      if (!h.value) {
+        h.value = !0;
+        try {
+          if (i.onLoad) {
+            var { data: s, total: u } = await i.onLoad(
+              o.value.page,
+              o.value.pageSize
+            );
+            C.value = s, o.value.itemCount = u;
+          }
+        } catch (L) {
+          console.error(L), T.error("获取数据失败, 详情F12请查看控制台日志");
+        } finally {
+          h.value = !1;
+        }
+      }
+    }, ie = H(() => {
+      const s = t(w);
+      if (!s) return;
+      const u = s?.$el, L = u.querySelector(".n-data-table-thead "), { bottomIncludeBody: R } = de(L), e = 64;
+      let c = 2, r = 24;
+      const x = u.querySelector(
+        ".n-data-table__pagination"
+      );
+      if (x) {
+        const Z = x.offsetHeight;
+        c += Z || 0;
+      } else
+        c += 28;
+      let A = R - (e + c + r);
+      return console.log("height", A), A;
+    }), ce = (s) => !s || !s.getBoundingClientRect ? 0 : s.getBoundingClientRect(), de = (s) => {
+      const u = document.documentElement, L = u.scrollLeft, R = u.scrollTop, e = u.clientLeft, c = u.clientTop, r = window.pageXOffset, x = window.pageYOffset, A = ce(s), {
+        left: Z,
+        top: ue,
+        width: fe,
+        height: Be
+      } = A, We = (r || L) - (e || 0), Ie = (x || R) - (c || 0), Fe = Z + r, He = ue + x, pe = Fe - We, ge = He - Ie, ke = window.document.documentElement.clientWidth, Ce = window.document.documentElement.clientHeight;
+      return {
+        left: pe,
+        top: ge,
+        right: ke - fe - pe,
+        bottom: Ce - Be - ge,
+        rightIncludeBody: ke - pe,
+        bottomIncludeBody: Ce - ge
+      };
+    };
+    return ee(async () => await g()), d({
+      getData: le,
+      getSelectedRow: re,
+      getSelectedRows: J,
+      closeModal: j,
+      refreshData: U,
+      resetPage: () => {
+        o.value.page = 1;
+      }
+    }), (s, u) => {
+      const L = Me, R = qe, e = Oe, c = $e;
+      return y(), N(t(Ue), {
+        title: " ",
+        "header-class": "p-4",
+        "content-class": "pl-4 pr-4",
+        bordered: !1
+      }, {
+        "header-extra": l(() => [
+          s.hiddenAdd ? W("", !0) : (y(), N(L, {
+            key: 0,
+            trigger: "hover"
+          }, {
+            trigger: l(() => [
+              n(t(D), {
+                size: "18",
+                class: "mr-1 cursor-pointer hover:text-blue-600",
+                onClick: S
+              }, {
+                default: l(() => [
+                  n(t(mt))
+                ]),
+                _: 1
+              })
+            ]),
+            default: l(() => [
+              u[3] || (u[3] = b("span", null, "新增", -1))
+            ]),
+            _: 1,
+            __: [3]
+          })),
+          s.hiddenDelete ? W("", !0) : (y(), N(L, {
+            key: 1,
+            trigger: "hover"
+          }, {
+            trigger: l(() => [
+              n(t(D), {
+                size: "18",
+                class: "mr-1 cursor-pointer hover:text-blue-600",
+                onClick: z
+              }, {
+                default: l(() => [
+                  n(t(vt))
+                ]),
+                _: 1
+              })
+            ]),
+            default: l(() => [
+              u[4] || (u[4] = b("span", null, "删除", -1))
+            ]),
+            _: 1,
+            __: [4]
+          })),
+          n(L, { trigger: "hover" }, {
+            trigger: l(() => [
+              n(t(D), {
+                size: "18",
+                class: "cursor-pointer hover:text-blue-600",
+                onClick: g
+              }, {
+                default: l(() => [
+                  n(t(be))
+                ]),
+                _: 1
+              })
+            ]),
+            default: l(() => [
+              u[5] || (u[5] = b("span", null, "刷新", -1))
+            ]),
+            _: 1,
+            __: [5]
+          })
+        ]),
+        default: l(() => [
+          b("div", Ot, [
+            s.$slots.toolbar ? (y(), I("div", Mt, [
+              Y(s.$slots, "toolbar")
+            ])) : W("", !0),
+            n(R, {
+              remote: "",
+              ref_key: "$table",
+              ref: w,
+              "checked-row-keys": k.value,
+              "onUpdate:checkedRowKeys": u[0] || (u[0] = (r) => k.value = r),
+              "max-height": ie.value,
+              loading: h.value,
+              bordered: !1,
+              "single-line": !1,
+              columns: m.value,
+              data: C.value,
+              pagination: o.value,
+              "row-key": (r) => r[s.idField]
+            }, null, 8, ["checked-row-keys", "max-height", "loading", "columns", "data", "pagination", "row-key"]),
+            s.$slots.addModal ? (y(), I("div", Nt, [
+              n(c, {
+                title: "新增",
+                preset: "dialog",
+                show: O.value,
+                "onUpdate:show": u[1] || (u[1] = (r) => O.value = r),
+                closable: !1,
+                "close-on-esc": !1,
+                "mask-closable": !1,
+                style: he({ width: `${s.modalWidth}px` })
+              }, {
+                action: l(() => [
+                  n(e, null, {
+                    default: l(() => [
+                      n(t(V), {
+                        type: "primary",
+                        loading: P.value,
+                        onClick: ae
+                      }, {
+                        default: l(() => u[6] || (u[6] = [
+                          K("保存", -1)
+                        ])),
+                        _: 1,
+                        __: [6]
+                      }, 8, ["loading"]),
+                      n(t(V), { onClick: j }, {
+                        default: l(() => u[7] || (u[7] = [
+                          K("取消", -1)
+                        ])),
+                        _: 1,
+                        __: [7]
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: l(() => [
+                  Y(s.$slots, "addModal")
+                ]),
+                _: 3
+              }, 8, ["show", "style"])
+            ])) : W("", !0),
+            s.$slots.editModal ? (y(), I("div", Et, [
+              n(c, {
+                title: "编辑",
+                show: f.value,
+                "onUpdate:show": u[2] || (u[2] = (r) => f.value = r),
+                preset: "dialog",
+                closable: !1,
+                "close-on-esc": !1,
+                "mask-closable": !1,
+                style: he({ width: `${s.modalWidth}px` })
+              }, {
+                action: l(() => [
+                  n(e, null, {
+                    default: l(() => [
+                      n(t(V), {
+                        type: "primary",
+                        loading: P.value,
+                        onClick: ae
+                      }, {
+                        default: l(() => u[8] || (u[8] = [
+                          K("保存", -1)
+                        ])),
+                        _: 1,
+                        __: [8]
+                      }, 8, ["loading"]),
+                      n(t(V), { onClick: j }, {
+                        default: l(() => u[9] || (u[9] = [
+                          K("取消", -1)
+                        ])),
+                        _: 1,
+                        __: [9]
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: l(() => [
+                  Y(s.$slots, "editModal")
+                ]),
+                _: 3
+              }, 8, ["show", "style"])
+            ])) : W("", !0)
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+}), te = (a) => {
+  const d = a;
+  return d.install = function(w) {
+    w.component(d.__name, a);
+  }, a;
+}, Dt = te(Rt), zt = ["Redirect", "RedirectSon", "login"], oe = ze("p-layout", () => {
+  const a = Ee({
+    collapsed: !1,
+    title: "输入项目名称",
+    logo: "https://picsum.photos/id/1/100/100",
+    avatar: "",
+    uid: "",
+    uname: "",
+    tabs: [],
+    cacheTabs: !1
+  });
+  return {
+    state: a,
+    initTabs: (p) => {
+      p.sort((m, g) => (g.meta.affix ? 1 : 0) - (m.meta.affix ? 1 : 0)), a.tabs = p;
+    },
+    addTab: (p) => zt.includes(p.name) ? !1 : (a.tabs?.some(
+      (g) => g.fullPath == p.fullPath
+    ) || a.tabs?.push(p), !0),
+    closeCurrentTab: (p) => {
+      const m = a.tabs.findIndex(
+        (g) => g.fullPath == p.fullPath
+      );
+      a.tabs.splice(m, 1);
+    },
+    closeAllTabs: () => {
+      a.tabs = a.tabs.filter((p) => p?.meta?.affix ?? !1);
+    },
+    closeOtherTabs: (p) => {
+      a.tabs = a.tabs.filter(
+        (m) => m.fullPath == p.fullPath || (m?.meta?.affix ?? !1)
+      );
+    },
+    closeLeftTabs: (p) => {
+      const m = a.tabs.findIndex(
+        (g) => g.fullPath == p.fullPath
+      );
+      a.tabs = a.tabs.filter(
+        (g, _) => _ >= m || (g?.meta?.affix ?? !1)
+      );
+    },
+    closeRightTabs: (p) => {
+      const m = a.tabs.findIndex(
+        (g) => g.fullPath == p.fullPath
+      );
+      a.tabs = a.tabs.filter(
+        (g, _) => _ <= m || (g?.meta?.affix ?? !1)
+      );
+    },
+    collapse: () => {
+      a.collapsed = !a.collapsed;
+    },
+    setTitle: (p) => {
+      a.title = p;
+    },
+    setLogo: (p) => {
+      a.logo = p;
+    },
+    setUser: (p, m) => {
+      a.uid = p, a.uname = m;
+    },
+    setSettingPages: (p) => {
+      a.settingPages = p;
+    },
+    setLogout: (p) => {
+      a.logout = p;
+    }
+  };
+}), At = { class: "logo" }, Bt = /* @__PURE__ */ F({
+  __name: "PLogo",
+  setup(a) {
+    const d = oe();
+    return (w, v) => (y(), I("div", At, [
+      n(t(Ne), {
+        color: "var(--color-logo)",
+        size: 32,
+        src: t(d).state.logo,
+        class: Q({ "mr-2": !t(d).state.collapsed })
+      }, null, 8, ["src", "class"]),
+      rt(b("h1", { class: "font-bold ease-in-out ml-2 logo-size" }, q(t(d).state.title), 513), [
+        [it, !t(d).state.collapsed]
+      ])
+    ]));
+  }
+}), se = (a, d) => {
+  const w = a.__vccOpts || a;
+  for (const [v, T] of d)
+    w[v] = T;
+  return w;
+}, Wt = /* @__PURE__ */ se(Bt, [["__scopeId", "data-v-c9496d2e"]]), It = {
+  translationApiUrl: "https://translate.zvo.cn/api",
+  defaultLanguage: "chinese",
+  currentLanguage: "",
+  options: [],
+  selectCallback: (a) => {
+  },
+  initLanguage: (a) => {
+  }
+}, Ft = ze("language", () => {
+  const a = M(It), d = (f) => {
+    f.forEach((P) => {
+      (P.key === "Chinese" || P.key === "chinese") && (P.key = "chinese_simplified");
+    }), a.value.options = [...f];
+  }, w = () => a.value.options, v = (f) => {
+    if (a.value.currentLanguage === f)
+      return;
+    const P = a.value.options.find(
+      (o) => o.key === f
+    );
+    P && (a.value.currentLanguage = P.key, a.value.selectCallback(P));
+  }, T = () => {
+    if (a.value.currentLanguage)
+      return a.value.options.find(
+        (f) => f.key === a.value.currentLanguage
+      );
+  }, h = (f) => {
+    a.value.selectCallback = f;
+  }, k = () => a.value.translationApiUrl, C = (f) => {
+    a.value.translationApiUrl = f;
+  }, $ = (f) => {
+    (f === "Chinese" || f === "chinese") && (f = "chinese_simplified"), a.value.defaultLanguage = f;
+  }, O = () => a.value.defaultLanguage ? a.value.defaultLanguage : "chinese_simplified";
+  return ee(() => {
+    a.value.initLanguage(a.value);
+  }), {
+    state: a,
+    select: v,
+    setLanguages: d,
+    getLanguages: w,
+    getCurrentLanguage: T,
+    setSelectCallback: h,
+    setTranslationApiUrl: C,
+    getTranslationApiUrl: k,
+    setDefaultLanguage: $,
+    getDefaultLanguage: O
+  };
+}), Ht = { key: 1 }, Ae = /* @__PURE__ */ F({
+  __name: "PLanguage",
+  setup(a) {
+    const {
+      select: d,
+      getLanguages: w,
+      getCurrentLanguage: v,
+      getDefaultLanguage: T,
+      getTranslationApiUrl: h
+    } = Ft(), k = ($) => d($), C = () => {
+      window.translate.selectLanguageTag.show = !1, window.translate.selectLanguageTag.languages = w().map(($) => $.key).join(","), window.translate.ignore.class.push("ignore-translate-flag"), window.translate.ignore.id.push("ignore-translation"), window.translate.language.setLocal(T()), window.translate.request.api.translate = "api/v1/translation", window.translate.request.api.connectTest = "api/v1/translation/connect-test", window.translate.request.api.init = "api/v1/translation/init", window.translate.request.api.language = "api/v1/translation/language", window.translate.request.setHost(h()), window.translate.request.listener.start(), window.translate.listener.start(), window.translate.whole.enableAll(), window.translate.execute();
+    };
+    return ee(async () => {
+      C();
+    }), ($, O) => {
+      const f = D, P = V;
+      return t(w)().length > 0 ? (y(), N(t(X), {
+        key: 0,
+        id: "ignore-translation",
+        placement: "bottom-start",
+        trigger: "hover",
+        class: "flex flex-col justify-center h-full ignore",
+        onSelect: k,
+        options: t(w)()
+      }, {
+        default: l(() => [
+          n(P, {
+            quaternary: "",
+            type: "info"
+          }, {
+            default: l(() => [
+              t(v)() ? (y(), I("label", Ht, q(t(v)()?.label), 1)) : (y(), N(f, {
+                key: 0,
+                size: "18"
+              }, {
+                default: l(() => O[0] || (O[0] = [
+                  b("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "xmlns:xlink": "http://www.w3.org/1999/xlink",
+                    viewBox: "0 0 512 512"
+                  }, [
+                    b("path", {
+                      d: "M478.33 433.6l-90-218a22 22 0 0 0-40.67 0l-90 218a22 22 0 1 0 40.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 0 0 458 464a22 22 0 0 0 20.32-30.4zM334.83 362L368 281.65L401.17 362z",
+                      fill: "currentColor"
+                    }),
+                    b("path", {
+                      d: "M267.84 342.92a22 22 0 0 0-4.89-30.7c-.2-.15-15-11.13-36.49-34.73c39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 0 0 0-44H214V70a22 22 0 0 0-44 0v20H54a22 22 0 0 0 0 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36c-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 0 0-40.58 17c.58 1.38 14.55 34.23 52.86 83.93c.92 1.19 1.83 2.35 2.74 3.51c-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1 0 21.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59c22.52 24.08 38 35.44 38.93 36.1a22 22 0 0 0 30.75-4.9z",
+                      fill: "currentColor"
+                    })
+                  ], -1)
+                ])),
+                _: 1,
+                __: [0]
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["options"])) : W("", !0);
+    };
+  }
+}), Ut = { class: "layout-header" }, qt = { class: "layout-header-left" }, Vt = { class: "link-text" }, jt = {
+  key: 1,
+  class: "link-text"
+}, Kt = { class: "layout-header-right" }, Yt = { class: "layout-header-trigger-min" }, Xt = { class: "layout-header-trigger layout-header-trigger-min" }, Gt = { class: "layout-header-trigger layout-header-trigger-min" }, Jt = { class: "avatar" }, Zt = /* @__PURE__ */ F({
+  __name: "PHeader",
+  setup(a) {
+    const d = ne(), w = xe(), v = oe(), T = ye(), h = we(), k = Re("reloadPage"), C = (m) => T.push({ name: m }), $ = H(() => O(h.matched)), O = (m) => m.map((g) => {
+      const _ = {
+        key: g.name,
+        label: g.meta.title,
+        icon: g.meta.icon,
+        meta: g.meta,
+        disabled: g.path === "/",
+        children: void 0
+      };
+      return g.children && g.children.length > 0 && (_.children = O(
+        g.children
+      )), _;
+    }), f = M(!1), P = () => {
+      document.fullscreenElement ? document.exitFullscreen && (document.exitFullscreen(), f.value = !1) : (document.documentElement.requestFullscreen(), f.value = !0);
+    }, o = H(() => {
+      const m = [];
+      return m.push({
+        label: "退出登录",
+        key: "logout"
+      }), v.state.settingPages && v.state.settingPages.length > 0 && v.state.settingPages.forEach((g) => {
+        m.push({
+          label: g.title,
+          key: g.route
+        });
+      }), m;
+    }), i = (m) => {
+      switch (m) {
+        case "logout":
+          p();
+          break;
+        default:
+          T.push({ name: m });
+      }
+    }, p = () => {
+      w.info({
+        title: "提示",
+        content: "您确定要退出登录吗",
+        positiveText: "确定",
+        negativeText: "取消",
+        onPositiveClick: async () => {
+          if (v.state.logout)
+            try {
+              await v.state.logout(), localStorage.removeItem("TABS-ROUTES"), d.error("退出成功");
+            } catch (m) {
+              console.error(m), d.error("退出登录失败");
+            } finally {
+              location.reload();
+            }
+          else
+            d.error("没有配置登出接口, 请配置[usePLayoutStore.logout]方法");
+        },
+        onNegativeClick: () => {
+        }
+      });
+    };
+    return (m, g) => {
+      const _ = Me, z = Ke, E = Ne;
+      return y(), I("div", Ut, [
+        b("div", qt, [
+          b("div", {
+            class: "ml-1 layout-header-trigger layout-header-trigger-min",
+            onClick: g[0] || (g[0] = //@ts-ignore
+            (...S) => t(v).collapse && t(v).collapse(...S))
+          }, [
+            t(v).state.collapsed ? (y(), N(t(D), {
+              key: 0,
+              size: "18"
+            }, {
+              default: l(() => [
+                n(t(bt))
+              ]),
+              _: 1
+            })) : (y(), N(t(D), {
+              key: 1,
+              size: "18"
+            }, {
+              default: l(() => [
+                n(t(yt))
+              ]),
+              _: 1
+            }))
+          ]),
+          b("div", {
+            class: "mr-1 layout-header-trigger layout-header-trigger-min",
+            onClick: g[1] || (g[1] = //@ts-ignore
+            (...S) => t(k) && t(k)(...S))
+          }, [
+            n(t(D), { size: "18" }, {
+              default: l(() => [
+                n(t(be))
+              ]),
+              _: 1
+            })
+          ]),
+          n(t(Ve), null, {
+            default: l(() => [
+              (y(!0), I(Le, null, ct($.value, (S) => (y(), I(Le, {
+                key: S.label
+              }, [
+                S.label ? (y(), N(t(je), { key: 0 }, {
+                  default: l(() => [
+                    S.children && S.children.length ? (y(), N(t(X), {
+                      key: 0,
+                      options: S.children,
+                      onSelect: C
+                    }, {
+                      default: l(() => [
+                        b("span", Vt, [
+                          S.icon ? (y(), N(me(S.icon), { key: 0 })) : W("", !0),
+                          b("span", null, q(S.label), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["options"])) : (y(), I("span", jt, [
+                      S.icon ? (y(), N(me(S.icon), { key: 0 })) : W("", !0),
+                      b("span", null, q(S.label), 1)
+                    ]))
+                  ]),
+                  _: 2
+                }, 1024)) : W("", !0)
+              ], 64))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        b("div", Kt, [
+          b("div", Yt, [
+            n(Ae)
+          ]),
+          b("div", Xt, [
+            n(_, { placement: "bottom" }, {
+              trigger: l(() => [
+                n(t(D), {
+                  size: "18",
+                  onClick: ve(P, ["stop"])
+                }, {
+                  default: l(() => [
+                    f.value ? (y(), N(t(kt), { key: 1 })) : (y(), N(t(wt), { key: 0 }))
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: l(() => [
+                g[2] || (g[2] = b("span", null, "全屏", -1))
+              ]),
+              _: 1,
+              __: [2]
+            })
+          ]),
+          b("div", Gt, [
+            n(t(X), {
+              trigger: "hover",
+              onSelect: i,
+              options: o.value
+            }, {
+              default: l(() => [
+                b("div", Jt, [
+                  b("span", null, q(t(v).state.uname), 1),
+                  n(z, { vertical: "" }),
+                  n(E, {
+                    round: "",
+                    src: t(v).state.avatar
+                  }, null, 8, ["src"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["options"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), Qt = /* @__PURE__ */ se(Zt, [["__scopeId", "data-v-93589779"]]), eo = { class: "mt-1" }, to = /* @__PURE__ */ F({
+  __name: "PContent",
+  props: {
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    return (d, w) => {
+      const v = dt("RouterView");
+      return y(), I("div", eo, [
+        d.loading ? W("", !0) : (y(), N(v, { key: 0 }, {
+          default: l(({ Component: T, route: h }) => [
+            (y(), N(ut, null, [
+              (y(), N(me(T), {
+                key: h.fullPath
+              }))
+            ], 1024))
+          ]),
+          _: 1
+        }))
+      ]);
+    };
+  }
+}), oo = { class: "tabs-view-main" }, ao = ["id", "onClick", "onContextmenu"], lo = { class: "tabs-close" }, no = { class: "tabs-close-btn" }, so = /* @__PURE__ */ F({
+  __name: "PTabs",
+  setup(a) {
+    ft((e) => ({
+      "4cb4fdc8": w.value,
+      "21e8bab2": v.value
+    }));
+    const d = Ye(), w = H(() => d.value.cardColor), v = H(() => d.value.textColor1), T = ne(), h = we(), k = ye(), C = M(null), $ = M(null), O = M(!1), f = oe(), P = H(() => f.state.tabs), o = Ee({
+      activeKey: h.fullPath,
+      scrollable: !0,
+      dropdownX: 0,
+      dropdownY: 0,
+      showDropdown: !1,
+      isMultiHeaderFixed: !0,
+      multiTabsSetting: !0
+    }), i = ["Login", "Redirect", "ErrorPage"], p = (e) => {
+      const { fullPath: c, hash: r, meta: x, name: A, params: Z, path: ue, query: fe } = e;
+      return { fullPath: c, hash: r, meta: x, name: A, params: Z, path: ue, query: fe };
+    }, m = H(() => {
+      const r = f.state.collapsed ? "64px" : "272px";
+      return {
+        left: r,
+        width: `calc(100% - ${r})`
+      };
+    }), g = H(() => {
+      const e = P.value.length <= 1;
+      return [
+        {
+          label: "刷新当前",
+          key: "1",
+          icon: () => B(D, null, { default: () => B(be) })
+        },
+        {
+          label: "关闭当前",
+          key: "2",
+          disabled: O.value || e,
+          icon: () => B(D, null, { default: () => B(Te) })
+        },
+        {
+          label: "关闭其他",
+          key: "3",
+          disabled: e,
+          icon: () => B(D, null, { default: () => B(Ct) })
+        },
+        {
+          label: "关闭全部",
+          key: "4",
+          disabled: e,
+          icon: () => B(D, null, { default: () => B(Pt) })
+        }
+      ];
+    }), _ = () => {
+      let e = [];
+      const c = p(h);
+      try {
+        if (f.state.cacheTabs) {
+          const r = localStorage.getItem("TABS_ROUTES");
+          e = r ? JSON.parse(r) : [c];
+        }
+      } catch {
+        e = [c];
+      } finally {
+        return e;
+      }
+    }, z = (e) => {
+      const c = k.getRoutes();
+      e.forEach((r) => {
+        const x = c.find((A) => A.path === r.path);
+        x && (r.meta = x.meta || r.meta, r.name = x.name || r.name);
+      }), f.state.cacheTabs && localStorage.setItem("TABS_ROUTES", JSON.stringify(e));
+    }, E = () => {
+      const e = _();
+      z(e), f.initTabs(e);
+    }, S = async (e) => {
+      if (await _e(), !C.value) return;
+      const c = C.value.offsetWidth, r = C.value.scrollWidth;
+      c < r ? (o.scrollable = !0, e && [...C.value.querySelectorAll(".tabs-card-scroll-item") || []].forEach((A) => {
+        A.id === `tag${o.activeKey.split("/").join("/")}` && A.scrollIntoView && A.scrollIntoView();
+      })) : o.scrollable = !1;
+    }, G = (e) => !(e.draggedContext.element.meta.affix || e.relatedContext.element.meta.affix), ae = () => {
+      let e;
+      e = xt(), e.listenTo($.value, () => S(!0));
+    }, j = (e) => {
+      const { fullPath: c } = e;
+      if (c === h.fullPath || (o.activeKey = c, !e))
+        return;
+      const { replace: r } = k;
+      toString.call(e), r(e).catch(console.error);
+    }, J = (e, c) => {
+      e.preventDefault(), O.value = c.path === "/home", o.showDropdown = !1, _e().then(() => {
+        o.showDropdown = !0, o.dropdownX = e.clientX, o.dropdownY = e.clientY;
+      });
+    }, re = () => {
+      h.meta.keepAlive && k.currentRoute.value.matched.find(
+        (e) => e.name == h.name
+      )?.components?.default.name;
+    }, le = (e) => {
+      if (P.value.length === 1)
+        return T.warning("这已经是最后一页，不能再关闭了！");
+      if (re(), f.closeCurrentTab(e), o.activeKey === e.fullPath) {
+        const c = P.value[Math.max(0, P.value.length - 1)];
+        o.activeKey = c.fullPath, k.push(c);
+      }
+      S();
+    }, U = (e) => {
+      const { fullPath: c } = e, r = P.value.find((x) => x.fullPath == c);
+      le(r);
+    }, ie = (e) => {
+      f.closeOtherTabs(e), o.activeKey = e.fullPath, k.replace(e.fullPath), S();
+    }, ce = () => {
+      f.closeAllTabs(), S();
+    }, de = Re("reloadPage"), s = (e) => {
+      switch (e) {
+        //刷新
+        case "1":
+          de();
+          break;
+        //关闭
+        case "2":
+          le(h);
+          break;
+        //关闭其他
+        case "3":
+          ie(h);
+          break;
+        //关闭所有
+        case "4":
+          ce();
+          break;
+      }
+      S(), o.showDropdown = !1;
+    }, u = (e, c) => {
+      const r = C.value.scrollLeft, x = c > 0 && r + c >= e || c < 0 && r + c <= e ? e : r + c;
+      if (C.value && C.value.scrollTo(x, 0), x !== e)
+        return window.requestAnimationFrame(() => u(e, c));
+    }, L = () => {
+      const e = C.value.offsetWidth, c = C.value.scrollLeft;
+      if (!c) return;
+      const r = c > e ? c - e : 0;
+      u(r, (r - c) / 20);
+    }, R = () => {
+      const e = C.value.offsetWidth, c = C.value.scrollWidth, r = C.value.scrollLeft;
+      if (c - r <= e) return;
+      const x = c - r > e * 2 ? r + e : c - e;
+      u(x, (x - r) / 20);
+    };
+    return window.addEventListener("beforeunload", () => {
+      localStorage.setItem("TABS_ROUTES", JSON.stringify(P.value));
+    }), window.addEventListener(
+      "scroll",
+      (e) => {
+        let c = e.target.scrollTop || document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
+        o.isMultiHeaderFixed = c >= 64;
+      },
+      !0
+    ), De(
+      () => h.fullPath,
+      (e) => {
+        i.includes(h.name) || (o.activeKey = e, f.addTab(p(h)), S(!0));
+      },
+      { immediate: !0 }
+    ), E(), ee(() => ae()), (e, c) => (y(), I("div", {
+      class: "box-border tabs-view tabs-view-fix tabs-view-default-background",
+      style: he(m.value)
+    }, [
+      b("div", oo, [
+        b("div", {
+          ref_key: "navWrap",
+          ref: $,
+          class: Q(["tabs-card", { "tabs-card-scrollable": o.scrollable }])
+        }, [
+          b("span", {
+            class: Q(["tabs-card-prev", { "tabs-card-prev-hide": !o.scrollable }]),
+            onClick: L
+          }, [
+            n(t(D), {
+              size: "16",
+              color: "#515a6e"
+            }, {
+              default: l(() => [
+                n(t(St))
+              ]),
+              _: 1
+            })
+          ], 2),
+          b("span", {
+            class: Q(["tabs-card-next", { "tabs-card-next-hide": !o.scrollable }]),
+            onClick: R
+          }, [
+            n(t(D), {
+              size: "16",
+              color: "#515a6e"
+            }, {
+              default: l(() => [
+                n(t(Lt))
+              ]),
+              _: 1
+            })
+          ], 2),
+          b("div", {
+            ref_key: "navScroll",
+            ref: C,
+            class: "tabs-card-scroll"
+          }, [
+            n(t($t), {
+              list: P.value,
+              animation: "300",
+              "item-key": "fullPath",
+              class: "flex",
+              move: G
+            }, {
+              item: l(({ element: r }) => [
+                b("div", {
+                  id: `tag${r.fullPath.split("/").join("/")}`,
+                  class: Q(["tabs-card-scroll-item", { "active-item": o.activeKey === r.fullPath }]),
+                  onClick: ve((x) => j(r), ["stop"]),
+                  onContextmenu: (x) => J(x, r)
+                }, [
+                  b("span", null, q(r.meta.title), 1),
+                  r.meta.affix ? W("", !0) : (y(), N(t(D), {
+                    key: 0,
+                    size: "14",
+                    onClick: ve((x) => U(r), ["stop"])
+                  }, {
+                    default: l(() => [
+                      n(t(Te))
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]))
+                ], 42, ao)
+              ]),
+              _: 1
+            }, 8, ["list"])
+          ], 512)
+        ], 2),
+        b("div", lo, [
+          n(t(X), {
+            trigger: "hover",
+            onSelect: s,
+            placement: "bottom-end",
+            options: g.value
+          }, {
+            default: l(() => [
+              b("div", no, [
+                n(t(D), {
+                  size: "16",
+                  color: "#515a6e"
+                }, {
+                  default: l(() => [
+                    n(t(Tt))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["options"])
+        ]),
+        n(t(X), {
+          show: o.showDropdown,
+          x: o.dropdownX,
+          y: o.dropdownY,
+          onClickoutside: c[0] || (c[0] = (r) => o.showDropdown = !1),
+          placement: "bottom-start",
+          onSelect: s,
+          options: g.value
+        }, null, 8, ["show", "x", "y", "options"])
+      ])
+    ], 4));
+  }
+}), ro = /* @__PURE__ */ se(so, [["__scopeId", "data-v-f0706f46"]]), io = /* @__PURE__ */ F({
+  __name: "PMenus",
+  setup(a) {
+    const d = we(), w = ye(), v = oe(), T = M(d.name), h = M(
+      d.matched && d.matched.length ? d.matched.map((o) => o.name) : []
+    ), k = M([]), C = (o) => {
+      /http(s)?:/.test(o) ? window.open(o) : w.push({ name: o });
+    }, $ = (o) => {
+      if (!o) return;
+      const i = o.find((p) => h.value.indexOf(p) === -1);
+      h.value = i ? [i] : [];
+    }, O = () => {
+      const o = d.matched;
+      h.value = o.map((p) => p.name);
+      const i = d.meta?.activeMenu || "";
+      T.value = i || d.name;
+    }, f = (o, i = [], p = !1) => {
+      const m = [], g = [
+        "/:path(.*)*",
+        "/redirect",
+        "/redirect/:path(.*)",
+        "/login",
+        "/oidc-callback"
+      ];
+      if (!o || o.length === 0)
+        return m;
+      o = o.sort((_, z) => {
+        let E = (z.children?.length ? 1 : 0) - (_.children?.length ? 1 : 0);
+        return E === 0 && (E = (_.meta?.sort ?? 0) - (z.meta?.sort ?? 0)), E;
+      });
+      for (const _ of o) {
+        if (p || (_.meta?.hidden || !1) == !0 || g.includes(_.path)) {
+          i.push(_.name), _.children && _.children.length > 0 && f(_.children, i, !0);
+          continue;
+        }
+        const z = _.meta?.alwaysShow != !0 && _?.children?.filter((G) => !G?.meta?.hidden)?.length === 1, E = z ? _.children[0] : _, S = {
+          key: E.name,
+          label: E.meta?.title,
+          affix: E.meta?.affix,
+          sort: E.meta?.sort,
+          path: E.path,
+          redirect: E.redirect,
+          icon: z ? _.meta?.icon : E.meta?.icon,
+          permissions: E.meta?.permissions,
+          meta: E.meta,
+          children: void 0
+        };
+        if (!i.includes(_.name)) {
+          if (m.push(S), i.push(_.name), z) {
+            f(_.children, i, p);
+            continue;
+          }
+          _.children && _.children.length > 0 && (S.children = f(_.children, i, p));
+        }
+      }
+      return m;
+    }, P = () => {
+      const o = w.getRoutes();
+      k.value = f(o);
+    };
+    return De(
+      () => d.fullPath,
+      () => {
+        O();
+      }
+    ), ee(() => {
+      P(), O();
+    }), (o, i) => (y(), N(t(Xe), {
+      class: "h-full",
+      inverted: "",
+      mode: "vertical",
+      options: k.value,
+      collapsed: t(v).state.collapsed,
+      "collapsed-width": 64,
+      "collapsed-icon-size": 20,
+      indent: 24,
+      "expanded-keys": h.value,
+      value: T.value,
+      "onUpdate:value": C,
+      "onUpdate:expandedKeys": $
+    }, null, 8, ["options", "collapsed", "expanded-keys", "value"]));
+  }
+}), co = { class: "layout-content-main layout-content-main-fix" }, uo = { class: "main-view main-view-fix" }, fo = /* @__PURE__ */ F({
+  __name: "PLayout",
+  setup(a) {
+    const d = oe(), w = M(!1);
+    return pt("reloadPage", () => {
+      w.value = !0, _e(() => w.value = !1);
+    }), (T, h) => {
+      const k = et;
+      return y(), N(t(Pe), {
+        "has-sider": "",
+        class: "layout",
+        position: "absolute"
+      }, {
+        default: l(() => [
+          n(t(Ge), {
+            class: "layout-sider",
+            inverted: "",
+            "show-trigger": "bar",
+            position: "absolute",
+            "collapse-mode": "width",
+            collapsed: t(d).state.collapsed,
+            "native-scrollbar": !1,
+            "collapsed-width": 64,
+            onCollapse: t(d).collapse,
+            onExpand: t(d).collapse
+          }, {
+            default: l(() => [
+              n(t(Je), { vertical: "" }, {
+                default: l(() => [
+                  n(Wt),
+                  n(io)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["collapsed", "onCollapse", "onExpand"]),
+          n(t(Pe), null, {
+            default: l(() => [
+              n(t(Ze), { position: "absolute" }, {
+                default: l(() => [
+                  n(Qt)
+                ]),
+                _: 1
+              }),
+              n(t(Qe), { class: "layout-content layout-default-background" }, {
+                default: l(() => [
+                  b("div", co, [
+                    n(ro),
+                    b("div", uo, [
+                      n(to, { loading: w.value }, null, 8, ["loading"])
+                    ])
+                  ])
+                ]),
+                _: 1
+              }),
+              n(k, {
+                right: 20,
+                class: "z-50"
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), po = /* @__PURE__ */ se(fo, [["__scopeId", "data-v-87dcb433"]]), go = te(po), ho = /* @__PURE__ */ F({
+  __name: "PApplication",
+  props: {
+    theme: {},
+    themeOverrides: { default: {
+      common: {
+        primaryColor: "#2d8cf0",
+        primaryColorHover: "#3c9bff",
+        primaryColorPressed: "#3c9bff",
+        primaryColorSuppl: "#2d8cf0"
+      },
+      LoadingBar: {
+        colorLoading: "#2d8cf0"
+      }
+    } }
+  },
+  setup(a) {
+    return (d, w) => {
+      const v = tt;
+      return y(), N(v, {
+        locale: t(at),
+        theme: d.theme,
+        "theme-overrides": d.themeOverrides,
+        "date-locale": t(ot)
+      }, {
+        default: l(() => [
+          n(t(lt), null, {
+            default: l(() => [
+              n(t(nt), null, {
+                default: l(() => [
+                  n(t(st), null, {
+                    default: l(() => [
+                      Y(d.$slots, "default")
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["locale", "theme", "theme-overrides", "date-locale"]);
+    };
+  }
+}), mo = te(ho), vo = {
+  class: "w-full cursor-move",
+  id: "basic-modal-bar"
+}, _o = /* @__PURE__ */ F({
+  __name: "PModal",
+  props: {
+    saveBtnText: { default: "保 存" },
+    closable: { type: Boolean, default: !1 },
+    preset: { default: "dialog" },
+    title: { default: "操作" },
+    onSave: {},
+    onClose: {}
+  },
+  setup(a, { expose: d }) {
+    const w = ne(), v = a, T = M(null), h = M(!1), k = M(!1), C = async () => {
+      h.value = !0;
+      try {
+        v.onSave && await v.onSave() && $();
+      } catch (o) {
+        console.error(o), w.error("操作失败, 详情F12请查看控制台日志");
+      } finally {
+        h.value = !1;
+      }
+    }, $ = () => {
+      k.value = !1, h.value = !1;
+    }, O = async () => {
+      try {
+        v.onClose ? await v.onClose() && $() : $();
+      } catch (o) {
+        console.error(o), w.error("取消失败, 详情F12请查看控制台日志");
+      }
+    };
+    return d({
+      open: () => {
+        h.value = !1, k.value = !0;
+      },
+      close: () => {
+        k.value = !1, h.value = !1;
+      }
+    }), (o, i) => {
+      const p = V, m = Oe;
+      return y(), N(t($e), gt({
+        ref_key: "$modal",
+        ref: T,
+        preset: "dialog",
+        show: k.value,
+        "onUpdate:show": i[0] || (i[0] = (g) => k.value = g)
+      }, o.$attrs, {
+        draggable: !0,
+        closable: !1,
+        "close-on-esc": !1,
+        "mask-closable": !1,
+        style: { width: "800px" },
+        onClose: $
+      }), ht({
+        header: l(() => [
+          b("div", vo, q(o.title), 1)
+        ]),
+        default: l(() => [
+          Y(o.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        o.$slots.action ? {
+          name: "action",
+          fn: l(() => [
+            Y(o.$slots, "action")
+          ]),
+          key: "1"
+        } : {
+          name: "action",
+          fn: l(() => [
+            n(m, null, {
+              default: l(() => [
+                n(p, {
+                  type: "primary",
+                  loading: h.value,
+                  onClick: C
+                }, {
+                  default: l(() => [
+                    K(q(o.saveBtnText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["loading"]),
+                n(p, { onClick: O }, {
+                  default: l(() => i[1] || (i[1] = [
+                    K("取 消", -1)
+                  ])),
+                  _: 1,
+                  __: [1]
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        }
+      ]), 1040, ["show"]);
+    };
+  }
+}), bo = te(_o), yo = te(Ae), wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  PApplication: mo,
+  PLanguage: yo,
+  PLayout: go,
+  PModal: bo,
+  PTable: Dt
+}, Symbol.toStringTag, { value: "Module" })), ko = (a) => (Object.values(wo).forEach((d) => {
+  d.install && a.use(d);
+}), a), Oo = {
+  install: ko
+};
+export {
+  mo as PApplication,
+  yo as PLanguage,
+  go as PLayout,
+  bo as PModal,
+  Dt as PTable,
+  Oo as default,
+  ko as install,
+  Ft as usePLanguageStore,
+  oe as usePLayoutStore
+};