@chewel611/naive-ui-plus 0.0.42 → 0.0.44

package/es/layout/store.js

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

package/es/modal/PModal.d.ts

@@ -6,9 +6,7 @@ declare function __VLS_template(): {
         'header-extra'?(_: {}): any;
         default?(_: {}): any;
         footer?(_: {}): any;
-        'action-extra'?(_: {
-            loading: boolean;
-        }): any;
+        'action-extra'?(_: {}): any;
     };
     refs: {
         $modal: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{

package/es/modal/PModal.vue.js

@@ -1,6 +1,6 @@
-import { useMessage as w, NModal as S, NSpace as C, NButton as b, NText as $ } from "naive-ui";
-import { defineComponent as x, openBlock as d, createBlock as r, unref as k, mergeProps as A, withCtx as o, createVNode as N, createTextVNode as i, toDisplayString as f, createCommentVNode as c, renderSlot as l, createElementVNode as T, normalizeStyle as E } from "vue";
-const j = /* @__PURE__ */ x({
+import { useMessage as w, NModal as x, NSpace as S, NButton as k, NText as A } from "naive-ui";
+import { defineComponent as N, ref as h, openBlock as i, createBlock as d, unref as V, mergeProps as _, withCtx as a, createVNode as L, createTextVNode as f, toDisplayString as c, createCommentVNode as u, renderSlot as n, createElementVNode as T, normalizeStyle as E } from "vue";
+const z = /* @__PURE__ */ N({
   __name: "PModal",
   props: {
     saveBtnText: { default: "保存" },
@@ -11,43 +11,41 @@ const j = /* @__PURE__ */ x({
     width: { default: 800 },
     height: { default: 500 },
     visible: { type: Boolean },
-    loading: { type: Boolean },
     onSave: {},
     onClose: {},
     onAfterEnter: {},
     onAfterLeave: {},
-    onUpdateShow: {}
+    onUpdateVisible: {}
   },
   emits: ["update:visible", "update:loading"],
-  setup(n, { expose: g, emit: h }) {
-    const u = w(), e = n, a = h, m = async () => {
-      a("update:loading", !0);
+  setup(r, { expose: y, emit: g }) {
+    const v = w(), o = h(!1), l = h(!1), p = g, e = r, b = async () => {
       try {
-        e.onSave && await e.onSave() && s();
+        o.value = !0, e.onSave && await e.onSave() && s();
       } catch (t) {
-        u.error(t.message);
+        v.error(t.message);
       } finally {
-        a("update:loading", !1);
+        o.value = !1;
       }
     }, s = () => {
-      a("update:visible", !1), a("update:loading", !1);
-    }, y = async () => {
+      o.value = !1, l.value = !1, p("update:visible", !1);
+    }, B = async () => {
       try {
-        e.onClose ? await e.onClose() && s() : s();
+        l.value = !0, e.onClose ? await e.onClose() && s() : s();
       } catch (t) {
-        u.error(t.message), a("update:loading", !1);
+        v.error(t.message);
+      } finally {
+        l.value = !1;
       }
     };
-    return g({
+    return y({
       open: () => {
-        a("update:visible", !0), a("update:loading", !1);
+        o.value = !1, l.value = !1, p("update:visible", !0);
       },
-      close: () => {
-        a("update:visible", !1), a("update:loading", !1);
-      }
-    }), (t, V) => {
-      const v = $, p = b, B = C;
-      return d(), r(k(S), A({
+      close: s
+    }), (t, M) => {
+      const C = A, m = k, $ = S;
+      return i(), d(V(x), _({
         ref: "$modal",
         preset: "card"
       }, t.$attrs, {
@@ -62,52 +60,52 @@ const j = /* @__PURE__ */ x({
         onClose: s,
         onAfterEnter: e.onAfterEnter,
         onAfterLeave: e.onAfterLeave,
-        onUpdateShow: e.onUpdateShow
+        onUpdateVisible: e.onUpdateVisible
       }), {
-        header: o(() => [
-          t.$slots.header ? l(t.$slots, "header", { key: 0 }) : e.title ? (d(), r(v, { key: 1 }, {
-            default: o(() => [
-              i(f(n.title), 1)
+        header: a(() => [
+          t.$slots.header ? n(t.$slots, "header", { key: 0 }) : e.title ? (i(), d(C, { key: 1 }, {
+            default: a(() => [
+              f(c(r.title), 1)
             ]),
             _: 1
-          })) : c("", !0)
+          })) : u("", !0)
         ]),
-        "header-extra": o(() => [
-          l(t.$slots, "header-extra")
+        "header-extra": a(() => [
+          n(t.$slots, "header-extra")
         ]),
-        default: o(() => [
+        default: a(() => [
           T("div", {
             class: "overflow-y-auto overflow-hidden mt-5",
             style: E({ maxHeight: `${e.height}px` })
           }, [
-            l(t.$slots, "default")
+            n(t.$slots, "default")
           ], 4)
         ]),
-        footer: o(() => [
-          l(t.$slots, "footer")
+        footer: a(() => [
+          n(t.$slots, "footer")
         ]),
-        action: o(() => [
-          N(B, { justify: "end" }, {
-            default: o(() => [
-              e.hideSaveBtn ? c("", !0) : (d(), r(p, {
+        action: a(() => [
+          L($, { justify: "end" }, {
+            default: a(() => [
+              e.hideSaveBtn ? u("", !0) : (i(), d(m, {
                 key: 0,
                 type: "primary",
-                loading: n.loading,
-                onClick: m
+                loading: o.value,
+                onClick: b
               }, {
-                default: o(() => [
-                  i(f(n.saveBtnText), 1)
+                default: a(() => [
+                  f(c(r.saveBtnText), 1)
                 ]),
                 _: 1
               }, 8, ["loading"])),
-              l(t.$slots, "action-extra", { loading: n.loading }),
-              e.hideCancelBtn ? c("", !0) : (d(), r(p, {
+              n(t.$slots, "action-extra"),
+              e.hideCancelBtn ? u("", !0) : (i(), d(m, {
                 key: 1,
-                onClick: y,
-                loading: n.loading
+                loading: l.value,
+                onClick: B
               }, {
-                default: o(() => [
-                  i(f(n.cancelBtnText), 1)
+                default: a(() => [
+                  f(c(r.cancelBtnText), 1)
                 ]),
                 _: 1
               }, 8, ["loading"]))
@@ -116,10 +114,10 @@ const j = /* @__PURE__ */ x({
           })
         ]),
         _: 3
-      }, 16, ["show", "style", "onAfterEnter", "onAfterLeave", "onUpdateShow"]);
+      }, 16, ["show", "style", "onAfterEnter", "onAfterLeave", "onUpdateVisible"]);
     };
   }
 });
 export {
-  j as default
+  z as default
 };

package/es/modal/index.d.ts

@@ -2149,8 +2149,6 @@ export declare const PModalPlugin: {
         'header-extra'?(_: {}): any;
         default?(_: {}): any;
         footer?(_: {}): any;
-        'action-extra'?(_: {
-            loading: boolean;
-        }): any;
+        'action-extra'?(_: {}): any;
     };
 }) & import('vue').Plugin;

package/es/modal/typing.d.ts

@@ -7,12 +7,11 @@ export type ModalProps = {
     width?: number;
     height?: number;
     visible: boolean;
-    loading: boolean;
     onSave?: () => Promise<boolean> | boolean;
     onClose?: () => Promise<boolean> | boolean;
     onAfterEnter?: () => void;
     onAfterLeave?: () => void;
-    onUpdateShow?: (value: boolean) => void;
+    onUpdateVisible?: (value: boolean) => void;
 };
 export type ModalMethods = {
     open: () => void;

package/lib/layout/content/PTabs.css

@@ -1 +1 @@
-.tabs-view[data-v-428fe23d]{width:100%;padding:6px 0;display:flex;transition:all .2s ease-in-out}.tabs-view-main[data-v-428fe23d]{height:32px;display:flex;max-width:100%;min-width:100%}.tabs-view-main .tabs-card[data-v-428fe23d]{-webkit-box-flex:1;flex-grow:1;flex-shrink:1;overflow:hidden;position:relative}.tabs-view-main .tabs-card .tabs-card-prev[data-v-428fe23d],.tabs-view-main .tabs-card .tabs-card-next[data-v-428fe23d]{width:32px;text-align:center;position:absolute;line-height:32px;cursor:pointer}.tabs-view-main .tabs-card .tabs-card-prev .n-icon[data-v-428fe23d],.tabs-view-main .tabs-card .tabs-card-next .n-icon[data-v-428fe23d]{display:flex;align-items:center;justify-content:center;height:32px;width:32px}.tabs-view-main .tabs-card .tabs-card-prev[data-v-428fe23d]{left:0}.tabs-view-main .tabs-card .tabs-card-next[data-v-428fe23d]{right:0}.tabs-view-main .tabs-card .tabs-card-next-hide[data-v-428fe23d],.tabs-view-main .tabs-card .tabs-card-prev-hide[data-v-428fe23d]{display:none}.tabs-view-main .tabs-card-scroll[data-v-428fe23d]{white-space:nowrap;overflow:hidden}.tabs-view-main .tabs-card-scroll-item[data-v-428fe23d]{background:var(--d48fbd46);color:var(--v380ec63c);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-428fe23d]{float:left;vertical-align:middle}.tabs-view-main .tabs-card-scroll-item[data-v-428fe23d]:hover{color:#515a6e}.tabs-view-main .tabs-card-scroll-item .n-icon[data-v-428fe23d]{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-428fe23d]:hover{color:#515a6e!important}.tabs-view-main .tabs-card-scroll-item .n-icon svg[data-v-428fe23d]{height:21px;display:inline-block}.tabs-view-main .tabs-card-scroll .active-item[data-v-428fe23d]{color:#2d8cf0}.tabs-view-main .tabs-card-scrollable[data-v-428fe23d]{padding:0 32px;overflow:hidden}.tabs-view .tabs-close[data-v-428fe23d]{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-428fe23d]{color:var(--color);height:100%;display:flex;align-items:center;justify-content:center}.tabs-view-default-background[data-v-428fe23d]{background:#f5f7f9}.tabs-view-dark-background[data-v-428fe23d]{background:#101014}.tabs-view-fix[data-v-428fe23d]{position:fixed;z-index:5;padding:6px 10px;left:200px}.tabs-view-fixed-header[data-v-428fe23d]{top:0}
+.tabs-view[data-v-50f5202c]{width:100%;padding:6px 0;display:flex;transition:all .2s ease-in-out}.tabs-view-main[data-v-50f5202c]{height:32px;display:flex;max-width:100%;min-width:100%}.tabs-view-main .tabs-card[data-v-50f5202c]{-webkit-box-flex:1;flex-grow:1;flex-shrink:1;overflow:hidden;position:relative}.tabs-view-main .tabs-card .tabs-card-prev[data-v-50f5202c],.tabs-view-main .tabs-card .tabs-card-next[data-v-50f5202c]{width:32px;text-align:center;position:absolute;line-height:32px;cursor:pointer}.tabs-view-main .tabs-card .tabs-card-prev .n-icon[data-v-50f5202c],.tabs-view-main .tabs-card .tabs-card-next .n-icon[data-v-50f5202c]{display:flex;align-items:center;justify-content:center;height:32px;width:32px}.tabs-view-main .tabs-card .tabs-card-prev[data-v-50f5202c]{left:0}.tabs-view-main .tabs-card .tabs-card-next[data-v-50f5202c]{right:0}.tabs-view-main .tabs-card .tabs-card-next-hide[data-v-50f5202c],.tabs-view-main .tabs-card .tabs-card-prev-hide[data-v-50f5202c]{display:none}.tabs-view-main .tabs-card-scroll[data-v-50f5202c]{white-space:nowrap;overflow:hidden}.tabs-view-main .tabs-card-scroll-item[data-v-50f5202c]{background:var(--v4f917f8c);color:var(--v1c2fb72a);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-50f5202c]{float:left;vertical-align:middle}.tabs-view-main .tabs-card-scroll-item[data-v-50f5202c]:hover{color:#515a6e}.tabs-view-main .tabs-card-scroll-item .n-icon[data-v-50f5202c]{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-50f5202c]:hover{color:#515a6e!important}.tabs-view-main .tabs-card-scroll-item .n-icon svg[data-v-50f5202c]{height:21px;display:inline-block}.tabs-view-main .tabs-card-scroll .active-item[data-v-50f5202c]{color:#2d8cf0}.tabs-view-main .tabs-card-scrollable[data-v-50f5202c]{padding:0 32px;overflow:hidden}.tabs-view .tabs-close[data-v-50f5202c]{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-50f5202c]{color:var(--color);height:100%;display:flex;align-items:center;justify-content:center}.tabs-view-default-background[data-v-50f5202c]{background:#f5f7f9}.tabs-view-dark-background[data-v-50f5202c]{background:#101014}.tabs-view-fix[data-v-50f5202c]{position:fixed;z-index:5;padding:6px 10px;left:200px}.tabs-view-fixed-header[data-v-50f5202c]{top:0}

package/lib/layout/content/PTabs.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PTabs.vue2.cjs");;/* empty css             */const t=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-428fe23d"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PTabs.vue2.cjs");;/* empty css             */const t=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-50f5202c"]]);exports.default=u;

package/lib/layout/content/PTabs.vue2.cjs

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

package/lib/layout/store.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("pinia"),n=require("vue"),i=["Redirect","RedirectSon","login"],f=o.defineStore("p-layout",()=>{const e=n.reactive({collapsed:!1,title:"输入项目名称",logo:"https://picsum.photos/id/1/100/100",avatar:"",uid:"",uname:"",tabs:[],cacheTabs:!1,enableLanguage:!1});return{state:e,initTabs:t=>{t.sort((s,a)=>s.meta.affix&&!a.meta.affix?-1:!s.meta.affix&&a.meta.affix?1:Number(a.meta.sort??0)-Number(s.meta.sort??0)),e.tabs=t},addTab:t=>i.includes(t.name)?!1:(e.tabs?.some(a=>a.fullPath==t.fullPath)||e.tabs?.push(t),!0),closeCurrentTab:t=>{const s=e.tabs.findIndex(a=>a.fullPath==t.fullPath);e.tabs.splice(s,1)},closeAllTabs:()=>{e.tabs=e.tabs.filter(t=>t?.meta?.affix??!1)},closeOtherTabs:t=>{e.tabs=e.tabs.filter(s=>s.fullPath==t.fullPath||(s?.meta?.affix??!1))},closeLeftTabs:t=>{const s=e.tabs.findIndex(a=>a.fullPath==t.fullPath);e.tabs=e.tabs.filter((a,l)=>l>=s||(a?.meta?.affix??!1))},closeRightTabs:t=>{const s=e.tabs.findIndex(a=>a.fullPath==t.fullPath);e.tabs=e.tabs.filter((a,l)=>l<=s||(a?.meta?.affix??!1))},collapse:()=>{e.collapsed=!e.collapsed},setTitle:t=>{e.title=t},setLogo:t=>{e.logo=t},setUser:(t,s)=>{e.uid=t,e.uname=s},setSettingPages:t=>{e.settingPages=t},setLogout:t=>{e.logout=t},enableLanguage:t=>{e.enableLanguage=t}}});exports.useLayoutStore=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("pinia"),n=require("vue"),i=require("vue-router"),u=["Redirect","RedirectSon","login"],f=o.defineStore("p-layout",()=>{const e=n.reactive({collapsed:!1,title:"输入项目名称",logo:"https://picsum.photos/id/1/100/100",avatar:"",uid:"",uname:"",tabs:[],cacheTabs:!1,enableLanguage:!1});return{state:e,initTabs:t=>{t.sort((s,a)=>s.meta.affix&&!a.meta.affix?-1:!s.meta.affix&&a.meta.affix?1:Number(a.meta.sort??0)-Number(s.meta.sort??0)),e.tabs=t},addTab:t=>u.includes(t.name)?!1:(e.tabs?.some(a=>a.fullPath==t.fullPath)||e.tabs?.push(t),!0),getCurrentTab:()=>{const t=i.useRoute();return e.tabs.find(s=>s.fullPath==t.fullPath)},closeCurrentTab:t=>{const s=e.tabs.findIndex(a=>a.fullPath==t.fullPath);e.tabs.splice(s,1)},closeAllTabs:()=>{e.tabs=e.tabs.filter(t=>t?.meta?.affix??!1)},closeOtherTabs:t=>{e.tabs=e.tabs.filter(s=>s.fullPath==t.fullPath||(s?.meta?.affix??!1))},closeLeftTabs:t=>{const s=e.tabs.findIndex(a=>a.fullPath==t.fullPath);e.tabs=e.tabs.filter((a,l)=>l>=s||(a?.meta?.affix??!1))},closeRightTabs:t=>{const s=e.tabs.findIndex(a=>a.fullPath==t.fullPath);e.tabs=e.tabs.filter((a,l)=>l<=s||(a?.meta?.affix??!1))},collapse:()=>{e.collapsed=!e.collapsed},setTitle:t=>{e.title=t},setLogo:t=>{e.logo=t},setUser:(t,s)=>{e.uid=t,e.uname=s},setSettingPages:t=>{e.settingPages=t},setLogout:t=>{e.logout=t},enableLanguage:t=>{e.enableLanguage=t}}});exports.useLayoutStore=f;