@ditari/bsui 1.0.37 → 1.0.38

package/dist/cjs/components/layout/NavTabs.vue.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("vue-router"),b=require("@ant-design/icons-vue");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");const k=require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");const q=require("../../store/modules/NavTab.cjs.js");require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const C=require("pinia"),y={class:"ditari-nav"},N=e.createElementVNode("div",{class:"tab-dividers"},null,-1),T={class:"tab-close"},B={name:"DNavTabs"},K=e.defineComponent({...B,setup(g){const n=_.useRoute(),i=_.useRouter(),r=q.useNavTabsStore(),p=k.useKeepAliveStore(),s=e.computed(()=>r.getList),{activeKey:c}=C.storeToRefs(r);v(),e.watch(()=>n.path,()=>{v()});function v(){r.save(n),r.setActiveKey(n.path),p.save(n)}const m=l=>{if(l!==n.path){const t=s.value.filter(o=>o.path===l)[0];i.push({path:t.path,query:t.query,params:t.params})}},f=(l,t)=>{const o=s.value.filter(u=>u.path===t)[0];l.stopPropagation(),r.deleteTabs(t),i.push(s.value[s.value.length-1].fullPath),o.name&&p.deleteKeepAlive(o.name)};return(l,t)=>{const o=e.resolveComponent("a-tab-pane"),u=e.resolveComponent("a-tabs");return e.openBlock(),e.createElementBlock("div",y,[e.createVNode(u,{activeKey:e.unref(c),"onUpdate:activeKey":t[0]||(t[0]=a=>e.isRef(c)?c.value=a:null),type:"card",onTabClick:m},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),a=>(e.openBlock(),e.createBlock(o,{key:a.path},{tab:e.withCtx(()=>{var d;return[N,e.createElementVNode("div",{class:e.normalizeClass(["tab-item",{active:e.unref(c)===a.path}])},e.toDisplayString(a.meta.title),3),e.createElementVNode("div",T,[(d=a.meta)!=null&&d.keepOpen?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(b.CloseOutlined),{key:0,onClick:h=>f(h,a.fullPath)},null,8,["onClick"]))])]}),_:2},1024))),128))]),_:1},8,["activeKey"])])}}});exports.default=K;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("vue-router"),C=require("@ant-design/icons-vue"),y=require("pinia"),S=require("../../store/modules/NavTab.cjs.js"),g=require("../../store/modules/KeepAlive.cjs.js"),q=require("../../store/modules/Menu.cjs.js"),N={class:"ditari-nav"},T=e.createElementVNode("div",{class:"tab-dividers"},null,-1),B={key:0,class:"tab-close"},K={name:"DNavTabs"},E=e.defineComponent({...K,setup(V){const l=_.useRoute(),p=_.useRouter(),c=S.useNavTabsStore(),v=g.useKeepAliveStore(),h=q.useMenuStore(),n=e.computed(()=>c.getList),{selectedMenuKeys:u}=y.storeToRefs(h),r=e.ref("");e.watchEffect(()=>{r.value=u.value.length>0?u.value[0]:""}),d(),e.watch(()=>l.path,()=>{d()});function d(){c.save(l),u.value=[l.path],v.save(l)}const m=a=>{if(a!==l.path){const t=n.value.filter(s=>s.path===a)[0];p.push({path:t.path,query:t.query,params:t.params})}},f=(a,t)=>{const s=n.value.filter(i=>i.path===t)[0];a.stopPropagation(),c.deleteTabs(t),p.push(n.value[n.value.length-1].fullPath),s.name&&v.deleteKeepAlive(s.name)},b=a=>{var t;return!((t=a.meta)!=null&&t.keepOpen)||n.value.length===0};return(a,t)=>{const s=e.resolveComponent("a-tab-pane"),i=e.resolveComponent("a-tabs");return e.openBlock(),e.createElementBlock("div",N,[e.createVNode(i,{activeKey:r.value,"onUpdate:activeKey":t[0]||(t[0]=o=>r.value=o),type:"card",onTabClick:m},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n),o=>(e.openBlock(),e.createBlock(s,{key:o.path},{tab:e.withCtx(()=>[T,e.createElementVNode("div",{class:e.normalizeClass(["tab-item",{active:r.value===o.path}])},e.toDisplayString(o.meta.title),3),b(o)?(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.unref(C.CloseOutlined),{onClick:k=>f(k,o.fullPath)},null,8,["onClick"])])):e.createCommentVNode("",!0)]),_:2},1024))),128))]),_:1},8,["activeKey"])])}}});exports.default=E;

package/dist/cjs/components/menu/Menu.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("vue-router"),V=require("pinia"),C=require("../../store/modules/Menu.cjs.js"),b=require("../../store/modules/Settings.cjs.js");function y(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const M=e.defineComponent({name:"DMenu",setup(){const o=S.useRouter(),{componentName:s,prop:K}=e.inject("menuIcon"),{list:d}=C.useMenuStore(),p=b.useSettingsStore(),{getCollapsed:v}=V.storeToRefs(p),l=e.ref([]),c=e.ref([]),m=({item:t,key:n,keyPath:r})=>{console.log(t,n,r),l.value=r,c.value=[n],o.push(n).then(a=>a?console.warn(a):null)},f=t=>e.createVNode(e.Fragment,null,[e.createVNode(e.resolveComponent("a-menu-item"),{key:t.url},{icon:()=>u(t),default:()=>t.title})]),g=["anticon","anticon-menu","ant-menu-item-icon"],u=t=>e.createVNode(e.Fragment,null,[t.icon?h(t.icon):e.withDirectives(e.createVNode("div",{className:g},[t.title.substring(0,1)]),[[e.vShow,v.value]])]),h=t=>s==="nativeHtml"?e.createVNode("span",{innerHTML:t},null):e.h(e.resolveComponent(s),{prop:t}),i=t=>e.createVNode(e.Fragment,null,[e.createVNode(e.resolveComponent("a-sub-menu"),{key:t.url},{title:()=>t.title,icon:()=>u(t),default:()=>t.children.map(n=>!n.children||n.children.length===0?N(n):i(n))})]),N=t=>e.createVNode(e.Fragment,null,[e.createVNode(e.resolveComponent("a-menu-item"),{key:t.url},{default:()=>t.title})]);return()=>{let t;return e.createVNode(e.resolveComponent("a-menu"),{mode:"inline",theme:"dark",openKeys:l.value,"onUpdate:openKeys":n=>l.value=n,selectedKeys:c.value,"onUpdate:selectedKeys":n=>c.value=n,onClick:m},y(t=d.map(n=>{var r;return!n.children||((r=n.children)==null?void 0:r.length)===0?f(n):i(n)}))?t:{default:()=>[t]})}}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),v=require("vue-router"),h=require("pinia"),b=require("../../store/modules/Menu.cjs.js"),K=require("../../store/modules/Settings.cjs.js");function U(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!t.isVNode(o)}const j=t.defineComponent({name:"DMenu",setup(){const o=v.useRouter(),f=v.useRoute(),{componentName:s,prop:q}=t.inject("menuIcon"),g=b.useMenuStore(),{list:a,openMenusKeys:l,selectedMenuKeys:u}=h.storeToRefs(g),N=K.useSettingsStore(),{getCollapsed:S}=h.storeToRefs(N);t.watchEffect(()=>{const e=u.value.length>0?u.value[0]:"",n=i(a.value,e);l.value=n||[]});function i(e,n){for(let r=0;r<e.length;r++){if(e[r].url===n||n.startsWith(e[r].url))return[e[r].url];if(e[r].children&&e[r].children.length>0){const c=i(e[r].children,n);if(c)return[e[r].url,...c]}}return null}const m=({item:e,key:n,keyPath:r})=>{l.value=r,u.value=[n],f.path!==n&&o.push(n).then(c=>c?console.warn(c):null)},V=e=>t.createVNode(t.Fragment,null,[t.createVNode(t.resolveComponent("a-menu-item"),{key:e.url},{icon:()=>d(e),default:()=>e.title})]),M=["anticon","anticon-menu","ant-menu-item-icon"],d=e=>t.createVNode(t.Fragment,null,[e.icon?y(e.icon):t.withDirectives(t.createVNode("div",{className:M},[e.title.substring(0,1)]),[[t.vShow,S.value]])]),y=e=>s==="nativeHtml"?t.createVNode("span",{innerHTML:e},null):t.h(t.resolveComponent(s),{prop:e}),p=e=>t.createVNode(t.Fragment,null,[t.createVNode(t.resolveComponent("a-sub-menu"),{key:e.url},{title:()=>e.title,icon:()=>d(e),default:()=>e.children.map(n=>!n.children||n.children.length===0?C(n):p(n))})]),C=e=>t.createVNode(t.Fragment,null,[t.createVNode(t.resolveComponent("a-menu-item"),{key:e.url},{default:()=>e.title})]);return()=>{let e;return t.createVNode(t.Fragment,null,[l.value,t.createVNode(t.resolveComponent("a-menu"),{mode:"inline",theme:"dark",openKeys:l.value,"onUpdate:openKeys":n=>l.value=n,selectedKeys:u.value,"onUpdate:selectedKeys":n=>u.value=n,onClick:m},U(e=a.value.map(n=>{var r;return!n.children||((r=n.children)==null?void 0:r.length)===0?V(n):p(n)}))?e:{default:()=>[e]})])}}});exports.default=j;

package/dist/cjs/store/modules/Menu.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("pinia"),r=require("../types.cjs.js"),s=t.defineStore(r.MENU_ID,{state:()=>({list:[]}),getters:{getMenu:e=>e.list},actions:{save(e){this.list=e}},persist:!0});exports.useMenuStore=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("pinia"),s=require("../types.cjs.js"),r=t.defineStore(s.MENU_ID,{state:()=>({list:[],openMenusKeys:[],selectedMenuKeys:[]}),getters:{getMenu:e=>e.list},actions:{save(e){this.list=e}},persist:!0});exports.useMenuStore=r;

package/dist/cjs/store/modules/Menu.d.ts

@@ -1,10 +1,16 @@
 export declare const useMenuStore: import("pinia").StoreDefinition<string, {
     list: never[];
+    openMenusKeys: any;
+    selectedMenuKeys: any;
 }, {
     getMenu: (state: {
         list: never[];
+        openMenusKeys: any;
+        selectedMenuKeys: any;
     } & import("pinia").PiniaCustomStateProperties<{
         list: never[];
+        openMenusKeys: any;
+        selectedMenuKeys: any;
     }>) => never[];
 }, {
     save(data: any): void;

package/dist/cjs/store/modules/NavTab.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("pinia"),r=require("../types.cjs.js"),l=i.defineStore(r.NAV_TAB_ID,{state:()=>({list:[],activeKey:""}),getters:{getList:t=>t.list,getActiveKey:t=>t.activeKey},actions:{setActiveKey(t){this.activeKey=t},save(t){if(this.list.some(a=>a.path===t.path))return;const s={path:t.path,fullPath:t.fullPath,query:t.query,params:t.params,meta:t.meta,name:t.name||""};this.list.push(s)},deleteTabs(t){this.list.splice(this.list.findIndex(e=>e.fullPath===t),1)}},persist:!0});exports.useNavTabsStore=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("pinia"),l=require("../types.cjs.js"),r=a.defineStore(l.NAV_TAB_ID,{state:()=>({list:[],activeKey:""}),getters:{getList:t=>t.list,getActiveKey:t=>t.activeKey},actions:{setActiveKey(t){this.activeKey=t},save(t){if(this.list.some(i=>i.path===t.path))return;const e={path:t.path,fullPath:t.fullPath,query:t.query,params:t.params,meta:t.meta,name:t.name||""};this.list.push(e)},deleteTabs(t){this.list.splice(this.list.findIndex(s=>s.fullPath===t),1)},setNavTitle(t,s){for(let e=0;e<this.list.length;e++)if(this.list[e].fullPath===s){this.list[e].meta.title=t;break}}},persist:!0});exports.useNavTabsStore=r;

package/dist/cjs/store/modules/NavTab.d.ts

@@ -55,4 +55,10 @@ export declare const useNavTabsStore: import("pinia").StoreDefinition<string, {
      * @param key url路径
      */
     deleteTabs(key: string): void;
+    /**
+     * 设置标题
+     * @param title 标题
+     * @param path url
+     */
+    setNavTitle(title: string, path: string): void;
 }>;

package/dist/css/index.css

@@ -1 +1 @@
-.ditari-bsui-grid{position:relative;display:grid}.ditari-bsui-grid .ditari-bsui-grid--item{border:1px solid #4e4e4e;margin-left:-1px;margin-top:-1px}.ditari-bsui-grid-form .ant-form-item{margin-bottom:0;height:100%}.ditari-bsui-grid-form .ant-form-item .ant-form-item-label{border-right:1px solid #4e4e4e}.ditari-bsui-grid-form .ant-form-item .ant-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector,.ditari-bsui-grid-form .ant-form-item .ant-input-number{border:0;border-radius:0}.ditari-bsui-grid-form .ant-form-item .ant-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-select-selector:focus,.ditari-bsui-grid-form .ant-form-item .ant-input-number:focus{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item .ant-input .ant-input-number-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector .ant-input-number-input,.ditari-bsui-grid-form .ant-form-item .ant-input-number .ant-input-number-input{border:0;border-radius:0}.ditari-bsui-grid-form .ant-form-item .ant-input .ant-input-number-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-select-selector .ant-input-number-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-input-number .ant-input-number-input:focus{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item .ant-input[disabled]{color:#525252}.ditari-bsui-grid-form .ant-form-item-has-error .ant-form-item-explain{display:block}.ditari-bsui-grid-form .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus{box-shadow:0 0 0px 2px red;border-radius:0}.ditari-bsui-grid-form .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input{box-shadow:0 0 0px 2px #ff4d4f}.ditari-menu{height:calc(100vh - 240px);overflow:scroll}.ditari-menu::-webkit-scrollbar{width:0 !important;display:none}.ditari-layout-sider{background-color:#162157}.ditari-layout-sider .ant-menu-dark{background-color:#162157}.ditari-layout-sider .ant-menu-dark .ant-menu-inline.ant-menu-sub{background-color:#101847}.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;z-index:10;padding:10px;background:#fff;box-shadow:4px -2px 5px 3px #e0e0e0}.ditari-bsui-pagination{margin-top:24px;text-align:center}.ant-table.ant-table-bordered>.ant-table-container{border-bottom:1px solid #f0f0f0}.ditari-bsui-desensitize .value{padding:0 4px}.ditari-bsui-modal .ant-modal-body{padding:0}.ditari-bsui-modal .content{max-height:200px;overflow-y:scroll}.ditari-bsui-modal .content::-webkit-scrollbar{width:0 !important;display:none}.ant-table.ant-table-bordered>.ant-table-container{border-bottom:1px solid #f0f0f0}@media screen and (min-width: 320px){.modal{font-size:12px}}@media screen and (min-width: 640px){.modal{font-size:14px}}@media screen and (min-width: 1024px){.modal{font-size:16px}}@media screen and (min-width: 1440px){.modal{font-size:18px}}@media screen and (max-width: 640px){.modal-sm{width:100%;height:100%;min-width:240px;min-height:160px}}@media screen and (min-width: 640px)and (max-width: 1024px){.modal-md{margin:100px auto;max-width:600px;max-height:480px}}@media screen and (min-width: 1024px)and (max-width: 1440px){.modal-lg{margin:100px auto;max-width:800px;max-height:600px}}@media screen and (min-width: 1440px){.modal-xl{margin:100px auto}}html,body,#app{height:100%;background:#f0f2f5}html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar{width:0 !important;display:none}
+.ditari-bsui-grid{position:relative;display:grid}.ditari-bsui-grid .ditari-bsui-grid--item{border:1px solid #4e4e4e;margin-left:-1px;margin-top:-1px}.ditari-bsui-grid-form .ant-form-item{margin-bottom:0;height:100%}.ditari-bsui-grid-form .ant-form-item .ant-form-item-label{border-right:1px solid #4e4e4e}.ditari-bsui-grid-form .ant-form-item .ant-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector,.ditari-bsui-grid-form .ant-form-item .ant-input-number{border:0;border-radius:0}.ditari-bsui-grid-form .ant-form-item .ant-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-select-selector:focus,.ditari-bsui-grid-form .ant-form-item .ant-input-number:focus{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item .ant-input .ant-input-number-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector .ant-input-number-input,.ditari-bsui-grid-form .ant-form-item .ant-input-number .ant-input-number-input{border:0;border-radius:0}.ditari-bsui-grid-form .ant-form-item .ant-input .ant-input-number-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-select-selector .ant-input-number-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-input-number .ant-input-number-input:focus{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item .ant-input[disabled]{color:#525252}.ditari-bsui-grid-form .ant-form-item-has-error .ant-form-item-explain{display:block}.ditari-bsui-grid-form .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus{box-shadow:0 0 0px 2px red;border-radius:0}.ditari-bsui-grid-form .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input{box-shadow:0 0 0px 2px #ff4d4f}.ditari-menu{height:calc(100vh - 240px);overflow:scroll}.ditari-menu::-webkit-scrollbar{width:0 !important;display:none}.ditari-layout-sider{background-color:#162157}.ditari-layout-sider .ant-menu-dark{background-color:#162157}.ditari-layout-sider .ant-menu-dark .ant-menu-inline.ant-menu-sub{background-color:#101847}.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;margin-left:10px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;z-index:10;padding:10px;background:#fff;box-shadow:4px -2px 5px 3px #e0e0e0}.ditari-bsui-pagination{margin-top:24px;text-align:center}.ant-table.ant-table-bordered>.ant-table-container{border-bottom:1px solid #f0f0f0}.ditari-bsui-desensitize .value{padding:0 4px}.ditari-bsui-modal .ant-modal-body{padding:0}.ditari-bsui-modal .content{max-height:200px;overflow-y:scroll}.ditari-bsui-modal .content::-webkit-scrollbar{width:0 !important;display:none}.ant-table.ant-table-bordered>.ant-table-container{border-bottom:1px solid #f0f0f0}@media screen and (min-width: 320px){.modal{font-size:12px}}@media screen and (min-width: 640px){.modal{font-size:14px}}@media screen and (min-width: 1024px){.modal{font-size:16px}}@media screen and (min-width: 1440px){.modal{font-size:18px}}@media screen and (max-width: 640px){.modal-sm{width:100%;height:100%;min-width:240px;min-height:160px}}@media screen and (min-width: 640px)and (max-width: 1024px){.modal-md{margin:100px auto;max-width:600px;max-height:480px}}@media screen and (min-width: 1024px)and (max-width: 1440px){.modal-lg{margin:100px auto;max-width:800px;max-height:600px}}@media screen and (min-width: 1440px){.modal-xl{margin:100px auto}}html,body,#app{height:100%;background:#f0f2f5}html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar{width:0 !important;display:none}

package/dist/css/layout/style/index.css

@@ -1 +1 @@
-.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;z-index:10;padding:10px;background:#fff;box-shadow:4px -2px 5px 3px #e0e0e0}
+.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;margin-left:10px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;z-index:10;padding:10px;background:#fff;box-shadow:4px -2px 5px 3px #e0e0e0}

package/dist/css/layout/style/navtab.css

@@ -1 +1 @@
-.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}
+.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;margin-left:10px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}

package/dist/esm/components/layout/NavTabs.vue.esm.js

@@ -1,70 +1,70 @@
-import { defineComponent as T, computed as N, watch as g, resolveComponent as f, openBlock as i, createElementBlock as h, createVNode as S, unref as c, isRef as A, withCtx as b, Fragment as R, renderList as x, createBlock as C, createElementVNode as u, normalizeClass as B, toDisplayString as P, createCommentVNode as V } from "vue";
-import { useRoute as q, useRouter as w } from "vue-router";
-import { CloseOutlined as D } from "@ant-design/icons-vue";
-import "../../store/modules/Breadcrumb.esm.js";
-import "../../store/modules/DataDictionary.esm.js";
-import { useKeepAliveStore as E } from "../../store/modules/KeepAlive.esm.js";
-import "../../store/modules/Menu.esm.js";
-import { useNavTabsStore as L } from "../../store/modules/NavTab.esm.js";
-import "../../store/modules/Settings.esm.js";
-import "../../store/modules/User.esm.js";
+import { defineComponent as T, computed as N, ref as w, watchEffect as x, watch as A, resolveComponent as f, openBlock as l, createElementBlock as p, createVNode as _, withCtx as h, Fragment as B, renderList as E, unref as b, createBlock as P, createElementVNode as C, normalizeClass as R, toDisplayString as V, createCommentVNode as q } from "vue";
+import { useRoute as D, useRouter as L } from "vue-router";
+import { CloseOutlined as M } from "@ant-design/icons-vue";
 import { storeToRefs as O } from "pinia";
-const z = { class: "ditari-nav" }, F = /* @__PURE__ */ u("div", { class: "tab-dividers" }, null, -1), U = { class: "tab-close" }, j = {
+import { useNavTabsStore as z } from "../../store/modules/NavTab.esm.js";
+import { useKeepAliveStore as F } from "../../store/modules/KeepAlive.esm.js";
+import { useMenuStore as U } from "../../store/modules/Menu.esm.js";
+const j = { class: "ditari-nav" }, G = /* @__PURE__ */ C("div", { class: "tab-dividers" }, null, -1), H = {
+  key: 0,
+  class: "tab-close"
+}, I = {
   name: "DNavTabs"
 }, te = /* @__PURE__ */ T({
-  ...j,
-  setup(G) {
-    const a = q(), m = w(), s = L(), v = E(), n = N(() => s.getList), { activeKey: l } = O(s);
-    d(), g(
-      () => a.path,
+  ...I,
+  setup(J) {
+    const n = D(), v = L(), c = z(), m = F(), k = U(), o = N(() => c.getList), { selectedMenuKeys: u } = O(k), r = w("");
+    x(() => {
+      r.value = u.value.length > 0 ? u.value[0] : "";
+    }), d(), A(
+      () => n.path,
       () => {
         d();
       }
     );
     function d() {
-      s.save(a), s.setActiveKey(a.path), v.save(a);
+      c.save(n), u.value = [n.path], m.save(n);
     }
-    const k = (r) => {
-      if (r !== a.path) {
-        const e = n.value.filter((o) => o.path === r)[0];
-        m.push({
+    const y = (t) => {
+      if (t !== n.path) {
+        const e = o.value.filter((s) => s.path === t)[0];
+        v.push({
           path: e.path,
           query: e.query,
           params: e.params
         });
       }
-    }, y = (r, e) => {
-      const o = n.value.filter((p) => p.path === e)[0];
-      r.stopPropagation(), s.deleteTabs(e), m.push(n.value[n.value.length - 1].fullPath), o.name && v.deleteKeepAlive(o.name);
+    }, S = (t, e) => {
+      const s = o.value.filter((i) => i.path === e)[0];
+      t.stopPropagation(), c.deleteTabs(e), v.push(o.value[o.value.length - 1].fullPath), s.name && m.deleteKeepAlive(s.name);
+    }, g = (t) => {
+      var e;
+      return !((e = t.meta) != null && e.keepOpen) || o.value.length === 0;
     };
-    return (r, e) => {
-      const o = f("a-tab-pane"), p = f("a-tabs");
-      return i(), h("div", z, [
-        S(p, {
-          activeKey: c(l),
-          "onUpdate:activeKey": e[0] || (e[0] = (t) => A(l) ? l.value = t : null),
+    return (t, e) => {
+      const s = f("a-tab-pane"), i = f("a-tabs");
+      return l(), p("div", j, [
+        _(i, {
+          activeKey: r.value,
+          "onUpdate:activeKey": e[0] || (e[0] = (a) => r.value = a),
           type: "card",
-          onTabClick: k
+          onTabClick: y
         }, {
-          default: b(() => [
-            (i(!0), h(R, null, x(c(n), (t) => (i(), C(o, {
-              key: t.path
+          default: h(() => [
+            (l(!0), p(B, null, E(b(o), (a) => (l(), P(s, {
+              key: a.path
             }, {
-              tab: b(() => {
-                var _;
-                return [
-                  F,
-                  u("div", {
-                    class: B(["tab-item", { active: c(l) === t.path }])
-                  }, P(t.meta.title), 3),
-                  u("div", U, [
-                    (_ = t.meta) != null && _.keepOpen ? V("", !0) : (i(), C(c(D), {
-                      key: 0,
-                      onClick: (K) => y(K, t.fullPath)
-                    }, null, 8, ["onClick"]))
-                  ])
-                ];
-              }),
+              tab: h(() => [
+                G,
+                C("div", {
+                  class: R(["tab-item", { active: r.value === a.path }])
+                }, V(a.meta.title), 3),
+                g(a) ? (l(), p("div", H, [
+                  _(b(M), {
+                    onClick: (K) => S(K, a.fullPath)
+                  }, null, 8, ["onClick"])
+                ])) : q("", !0)
+              ]),
               _: 2
             }, 1024))), 128))
           ]),

package/dist/esm/components/menu/Menu.esm.js

@@ -1,71 +1,90 @@
-import { defineComponent as K, inject as M, ref as f, createVNode as n, resolveComponent as l, isVNode as j, Fragment as s, withDirectives as w, vShow as N, h as k } from "vue";
-import { useRouter as I } from "vue-router";
-import { storeToRefs as D } from "pinia";
-import { useMenuStore as H } from "../../store/modules/Menu.esm.js";
-import { useSettingsStore as O } from "../../store/modules/Settings.esm.js";
-function R(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !j(o);
+import { defineComponent as w, inject as j, watchEffect as k, createVNode as r, Fragment as i, resolveComponent as s, isVNode as N, withDirectives as I, vShow as R, h as D } from "vue";
+import { useRouter as H, useRoute as O } from "vue-router";
+import { storeToRefs as v } from "pinia";
+import { useMenuStore as T } from "../../store/modules/Menu.esm.js";
+import { useSettingsStore as V } from "../../store/modules/Settings.esm.js";
+function _(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !N(l);
 }
-const L = /* @__PURE__ */ K({
+const q = /* @__PURE__ */ w({
   name: "DMenu",
   setup() {
-    const o = I(), {
-      componentName: i,
-      prop: T
-    } = M("menuIcon"), {
-      list: m
-    } = H(), h = O(), {
-      getCollapsed: v
-    } = D(h), c = f([]), u = f([]), S = ({
+    const l = H(), m = O(), {
+      componentName: a,
+      prop: x
+    } = j("menuIcon"), g = T(), {
+      list: d,
+      openMenusKeys: o,
+      selectedMenuKeys: u
+    } = v(g), S = V(), {
+      getCollapsed: y
+    } = v(S);
+    k(() => {
+      const e = u.value.length > 0 ? u.value[0] : "", t = p(d.value, e);
+      o.value = t || [];
+    });
+    function p(e, t) {
+      for (let n = 0; n < e.length; n++) {
+        if (e[n].url === t || t.startsWith(e[n].url))
+          return [e[n].url];
+        if (e[n].children && e[n].children.length > 0) {
+          const c = p(e[n].children, t);
+          if (c)
+            return [e[n].url, ...c];
+        }
+      }
+      return null;
+    }
+    const M = ({
       item: e,
       key: t,
-      keyPath: r
+      keyPath: n
     }) => {
-      console.log(e, t, r), c.value = r, u.value = [t], o.push(t).then((p) => p ? console.warn(p) : null);
-    }, g = (e) => n(s, null, [n(l("a-menu-item"), {
+      o.value = n, u.value = [t], m.path !== t && l.push(t).then((c) => c ? console.warn(c) : null);
+    }, b = (e) => r(i, null, [r(s("a-menu-item"), {
       key: e.url
     }, {
-      icon: () => a(e),
+      icon: () => f(e),
       default: () => e.title
-    })]), y = ["anticon", "anticon-menu", "ant-menu-item-icon"], a = (e) => n(s, null, [e.icon ? b(e.icon) : w(n("div", {
-      className: y
-    }, [e.title.substring(0, 1)]), [[N, v.value]])]), b = (e) => i === "nativeHtml" ? n("span", {
+    })]), C = ["anticon", "anticon-menu", "ant-menu-item-icon"], f = (e) => r(i, null, [e.icon ? K(e.icon) : I(r("div", {
+      className: C
+    }, [e.title.substring(0, 1)]), [[R, y.value]])]), K = (e) => a === "nativeHtml" ? r("span", {
       innerHTML: e
-    }, null) : k(l(i), {
+    }, null) : D(s(a), {
       prop: e
-    }), d = (e) => n(s, null, [n(l("a-sub-menu"), {
+    }), h = (e) => r(i, null, [r(s("a-sub-menu"), {
       key: e.url
     }, {
       title: () => e.title,
-      icon: () => a(e),
+      icon: () => f(e),
       default: () => e.children.map(
-        (t) => !t.children || t.children.length === 0 ? C(t) : d(t)
+        (t) => !t.children || t.children.length === 0 ? U(t) : h(t)
         // 递归调用
       )
-    })]), C = (e) => n(s, null, [n(l("a-menu-item"), {
+    })]), U = (e) => r(i, null, [r(s("a-menu-item"), {
       key: e.url
     }, {
       default: () => e.title
     })]);
     return () => {
       let e;
-      return n(l("a-menu"), {
+      return r(i, null, [o.value, r(s("a-menu"), {
         mode: "inline",
         theme: "dark",
-        openKeys: c.value,
-        "onUpdate:openKeys": (t) => c.value = t,
+        openKeys: o.value,
+        "onUpdate:openKeys": (t) => o.value = t,
         selectedKeys: u.value,
         "onUpdate:selectedKeys": (t) => u.value = t,
-        onClick: S
-      }, R(e = m.map((t) => {
-        var r;
-        return !t.children || ((r = t.children) == null ? void 0 : r.length) === 0 ? g(t) : d(t);
+        onClick: M
+      }, _(e = d.value.map((t) => {
+        var n;
+        return !t.children || ((n = t.children) == null ? void 0 : n.length) === 0 ? b(t) : h(t);
       })) ? e : {
         default: () => [e]
-      });
+      })]);
     };
   }
 });
 export {
-  L as default
+  q as default
 };

package/dist/esm/store/modules/Menu.d.ts

@@ -1,10 +1,16 @@
 export declare const useMenuStore: import("pinia").StoreDefinition<string, {
     list: never[];
+    openMenusKeys: any;
+    selectedMenuKeys: any;
 }, {
     getMenu: (state: {
         list: never[];
+        openMenusKeys: any;
+        selectedMenuKeys: any;
     } & import("pinia").PiniaCustomStateProperties<{
         list: never[];
+        openMenusKeys: any;
+        selectedMenuKeys: any;
     }>) => never[];
 }, {
     save(data: any): void;

package/dist/esm/store/modules/Menu.esm.js

@@ -1,15 +1,20 @@
-import { defineStore as e } from "pinia";
-import { MENU_ID as r } from "../types.esm.js";
-const o = e(r, {
+import { defineStore as t } from "pinia";
+import { MENU_ID as s } from "../types.esm.js";
+const o = t(s, {
   state: () => ({
-    list: []
+    // 菜单数据
+    list: [],
+    // 展开的菜单数据
+    openMenusKeys: [],
+    // 当前激活的菜单
+    selectedMenuKeys: []
   }),
   getters: {
-    getMenu: (t) => t.list
+    getMenu: (e) => e.list
   },
   actions: {
-    save(t) {
-      this.list = t;
+    save(e) {
+      this.list = e;
     }
   },
   persist: !0

package/dist/esm/store/modules/NavTab.d.ts

@@ -55,4 +55,10 @@ export declare const useNavTabsStore: import("pinia").StoreDefinition<string, {
      * @param key url路径
      */
     deleteTabs(key: string): void;
+    /**
+     * 设置标题
+     * @param title 标题
+     * @param path url
+     */
+    setNavTitle(title: string, path: string): void;
 }>;

package/dist/esm/store/modules/NavTab.esm.js

@@ -1,6 +1,6 @@
-import { defineStore as i } from "pinia";
+import { defineStore as a } from "pinia";
 import { NAV_TAB_ID as l } from "../types.esm.js";
-const n = i(l, {
+const n = a(l, {
   state: () => ({
     // 多标签列表
     list: [],
@@ -24,9 +24,9 @@ const n = i(l, {
      * @param route
      */
     save(t) {
-      if (this.list.some((a) => a.path === t.path))
+      if (this.list.some((i) => i.path === t.path))
         return;
-      const s = {
+      const e = {
         path: t.path,
         fullPath: t.fullPath,
         query: t.query,
@@ -34,7 +34,7 @@ const n = i(l, {
         meta: t.meta,
         name: t.name || ""
       };
-      this.list.push(s);
+      this.list.push(e);
     },
     /**
      * 删除标签
@@ -42,9 +42,21 @@ const n = i(l, {
      */
     deleteTabs(t) {
       this.list.splice(
-        this.list.findIndex((e) => e.fullPath === t),
+        this.list.findIndex((s) => s.fullPath === t),
         1
       );
+    },
+    /**
+     * 设置标题
+     * @param title 标题
+     * @param path url
+     */
+    setNavTitle(t, s) {
+      for (let e = 0; e < this.list.length; e++)
+        if (this.list[e].fullPath === s) {
+          this.list[e].meta.title = t;
+          break;
+        }
     }
   },
   persist: !0

package/dist/style/layout/style/navtab.scss

@@ -49,11 +49,9 @@
       display: flex;
       align-items: center;
     }
-    .tab-item {
-      margin-right: 10px;
-    }
     .tab-close {
       padding: 4px;
+      margin-left: 10px;
       display: flex;
       align-items: center;
       justify-content: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "files": [
     "dist/**",
     "src"

package/src/components/layout/NavTabs.vue

@@ -2,27 +2,35 @@
 /**
  * 标签组件
  */
-import { computed, Ref, watch } from "vue";
+import { computed, Ref, watch, watchEffect, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { CloseOutlined } from "@ant-design/icons-vue";
-import { useNavTabsStore, useKeepAliveStore } from "../../store";
-import { INavTab } from "../../store/modules/NavTab";
 import { storeToRefs } from "pinia";
 
+import { useNavTabsStore } from "../../store/modules/NavTab";
+import { useKeepAliveStore } from "../../store/modules/KeepAlive";
+import { useMenuStore } from "../../store/modules/Menu";
+import type { INavTab } from "../../store/modules/NavTab";
+
 const route = useRoute();
 const router = useRouter();
 
 const navStore = useNavTabsStore();
 const keepAliveStore = useKeepAliveStore();
+const menuStore = useMenuStore();
 
 //标签列表
 const navTabs: Ref<INavTab[]> = computed(() => navStore.getList);
-//激活的标签 转化成Ref对象 不然v-model无法操作更新
-const { activeKey } = storeToRefs(navStore);
-
+const { selectedMenuKeys } = storeToRefs(menuStore);
+//当前被激活的标签 通过选中的菜单得到
+const activeKey = ref("");
+watchEffect(() => {
+  activeKey.value =
+    selectedMenuKeys.value.length > 0 ? selectedMenuKeys.value[0] : "";
+});
 //首次进入页面或者刷新的时候执行
 setNavTabs();
-
+// 监听路由变化
 watch(
   () => route.path,
   () => {
@@ -36,7 +44,8 @@ function setNavTabs() {
   // 保存标签
   navStore.save(route);
   // 设置激活的标签
-  navStore.setActiveKey(route.path);
+  //navStore.setActiveKey(route.path);
+  selectedMenuKeys.value = [route.path];
   keepAliveStore.save(route);
 }
 
@@ -52,7 +61,7 @@ const onClick = (key: string) => {
     router.push({
       path: rs.path,
       query: rs.query,
-      params: rs.params,
+      params: rs.params
     });
   }
 };
@@ -76,6 +85,15 @@ const onClose = ($event: any, key: string) => {
     keepAliveStore.deleteKeepAlive(rs.name);
   }
 };
+
+/**
+ * 标签关闭 状态函数
+ * @param item
+ * 根据item和当前 navTabs 长度来判断是否要隐藏关闭标签按钮
+ */
+const closeStatus = (item: INavTab) => {
+  return !item.meta?.keepOpen || navTabs.value.length === 0;
+};
 </script>
 <script lang="ts">
 export default {
@@ -91,11 +109,8 @@ export default {
           <div class="tab-item" :class="{ active: activeKey === item.path }">
             {{ item.meta.title }}
           </div>
-          <div class="tab-close">
-            <CloseOutlined
-              v-if="!item.meta?.keepOpen"
-              @click="onClose($event, item.fullPath)"
-            />
+          <div class="tab-close" v-if="closeStatus(item)">
+            <CloseOutlined @click="onClose($event, item.fullPath)" />
           </div>
         </template>
       </a-tab-pane>

package/src/components/layout/style/navtab.scss

@@ -49,11 +49,9 @@
       display: flex;
       align-items: center;
     }
-    .tab-item {
-      margin-right: 10px;
-    }
     .tab-close {
       padding: 4px;
+      margin-left: 10px;
       display: flex;
       align-items: center;
       justify-content: center;

package/src/components/menu/Menu.jsx

@@ -1,5 +1,12 @@
-import { defineComponent, h, inject, ref, resolveComponent } from "vue";
-import { useRouter } from "vue-router";
+import {
+  defineComponent,
+  h,
+  inject,
+  ref,
+  resolveComponent,
+  watchEffect
+} from "vue";
+import { useRouter, useRoute } from "vue-router";
 
 import { storeToRefs } from "pinia";
 
@@ -10,15 +17,40 @@ export default defineComponent({
   name: "DMenu",
   setup() {
     const router = useRouter();
+    const route = useRoute();
     const { componentName, prop } = inject("menuIcon");
-    const { list } = useMenuStore();
+    // 菜单store
+    const menuStore = useMenuStore();
+    const { list, openMenusKeys, selectedMenuKeys } = storeToRefs(menuStore);
+    // 设置store
     const settingsStore = useSettingsStore();
-
     const { getCollapsed } = storeToRefs(settingsStore);
-    // 当前展开的菜单
-    const openKeys = ref([]);
-    // 当前选中的菜单
-    const selectedKeys = ref([]);
+
+    watchEffect(() => {
+      // 会被触发两次
+      // 当前激活的url
+      const activatedUrl =
+        selectedMenuKeys.value.length > 0 ? selectedMenuKeys.value[0] : "";
+      const parentUrls = getParentUrls(list.value, activatedUrl);
+      openMenusKeys.value = parentUrls || [];
+    });
+
+    function getParentUrls(menus, url) {
+      for (let i = 0; i < menus.length; i++) {
+        if (menus[i].url === url || url.startsWith(menus[i].url)) {
+          // 如果当前菜单项的url与传入的url相等，说明找到了当前菜单项
+          return [menus[i].url];
+        } else if (menus[i].children && menus[i].children.length > 0) {
+          // 如果当前菜单项有子菜单，则递归查找子菜单
+          const parentUrls = getParentUrls(menus[i].children, url);
+          if (parentUrls) {
+            // 如果子菜单中存在当前url，则将当前菜单项的url添加到返回结果中
+            return [menus[i].url, ...parentUrls];
+          }
+        }
+      }
+      return null;
+    }
 
     /**
      * 监听菜单点击事件
@@ -27,10 +59,14 @@ export default defineComponent({
      * @param keyPath
      */
     const onClick = ({ item, key, keyPath }) => {
-      console.log(item, key, keyPath);
-      openKeys.value = keyPath;
-      selectedKeys.value = [key];
-      router.push(key).then((r) => (r ? console.warn(r) : null));
+      openMenusKeys.value = keyPath;
+
+      selectedMenuKeys.value = [key];
+      // 判断目标路由和当前路由是否相等
+      // 不相等的时候再跳转
+      route.path !== key
+        ? router.push(key).then((r) => (r ? console.warn(r) : null))
+        : null;
     };
     /**
      * 监听菜单展开事件
@@ -117,22 +153,25 @@ export default defineComponent({
     };
 
     return () => (
-      <a-menu
-        mode="inline"
-        theme="dark"
-        v-model:openKeys={openKeys.value}
-        v-model:selectedKeys={selectedKeys.value}
-        onClick={onClick}
-      >
-        {list.map((menu) => {
-          if (!menu.children || menu.children?.length === 0) {
-            // 没有children属性或者children的长度等于0
-            return renderMenu(menu);
-          } else {
-            return renderSub(menu);
-          }
-        })}
-      </a-menu>
+      <>
+        {openMenusKeys.value}
+        <a-menu
+          mode="inline"
+          theme="dark"
+          v-model:openKeys={openMenusKeys.value}
+          v-model:selectedKeys={selectedMenuKeys.value}
+          onClick={onClick}
+        >
+          {list.value.map((menu) => {
+            if (!menu.children || menu.children?.length === 0) {
+              // 没有children属性或者children的长度等于0
+              return renderMenu(menu);
+            } else {
+              return renderSub(menu);
+            }
+          })}
+        </a-menu>
+      </>
     );
   }
 });

package/src/store/modules/Menu.ts

@@ -7,7 +7,12 @@ import { MENU_ID } from "../types";
 export const useMenuStore = defineStore(MENU_ID, {
   state: () => {
     return {
-      list: []
+      // 菜单数据
+      list: [],
+      // 展开的菜单数据
+      openMenusKeys: [] as any,
+      // 当前激活的菜单
+      selectedMenuKeys: [] as any
     };
   },
   getters: {

package/src/store/modules/NavTab.ts

@@ -73,6 +73,19 @@ export const useNavTabsStore = defineStore(NAV_TAB_ID, {
         this.list.findIndex((v) => v.fullPath === key),
         1
       );
+    },
+    /**
+     * 设置标题
+     * @param title 标题
+     * @param path url
+     */
+    setNavTitle(title: string, path: string) {
+      for (let i = 0; i < this.list.length; i++) {
+        if (this.list[i].fullPath === path) {
+          this.list[i].meta.title = title;
+          break;
+        }
+      }
     }
   },
   persist: true

package/src/store/modules/test/index.ts

@@ -1,3 +0,0 @@
-import { defineStore } from "pinia";
-
-export const useTestStore = defineStore("testid", {});