@ditari/bsui 1.0.45 → 1.0.47

package/dist/cjs/components/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),D=require("pinia-plugin-persistedstate"),d=require("./components.cjs.js"),l=require("../directive/trim.cjs.js"),q=require("./table/index.cjs.js"),m=require("./select/index.cjs.js"),x=require("./desensitize/index.cjs.js"),$=require("./dic/index.cjs.js"),S=require("./modal/index.cjs.js"),b=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),i=require("./layout/index.cjs.js"),s=d,o=function(e,c){Object.keys(s).forEach(a=>{const n=s[a];n.install&&e.use(n)});const t=u.createPinia();t.use(D.createPersistedState({storage:sessionStorage})),e.use(t),e.directive("trim",l.default),e.provide("menuIcon",c.menuIcon)},f={install:o};exports.DTable=q.DTable;exports.DSelect=m.DSelect;exports.DDesensitize=x.DDesensitize;exports.DicReplace=$.DDicReplace;exports.DModal=S.DModal;exports.DForm=b.default;exports.DGrid=r.DGrid;exports.DGridItem=r.DGridItem;exports.DList=i.DList;exports.DMain=i.DMain;exports.DNavTabs=i.DNavTabs;exports.DShow=i.DShow;exports.default=f;exports.install=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),D=require("pinia-plugin-persistedstate"),d=require("./components.cjs.js"),l=require("../directive/trim.cjs.js"),q=require("./table/index.cjs.js"),m=require("./select/index.cjs.js"),x=require("./desensitize/index.cjs.js"),$=require("./dic/index.cjs.js"),S=require("./modal/index.cjs.js"),b=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),i=require("./layout/index.cjs.js"),s=d,o=function(e,c){Object.keys(s).forEach(a=>{const n=s[a];n.install&&e.use(n)});const t=u.createPinia();t.use(D.createPersistedState({storage:sessionStorage})),e.use(t),e.directive("trim",l.default),e.provide("menuIcon",c.menuIcon||{})},f={install:o};exports.DTable=q.DTable;exports.DSelect=m.DSelect;exports.DDesensitize=x.DDesensitize;exports.DicReplace=$.DDicReplace;exports.DModal=S.DModal;exports.DForm=b.default;exports.DGrid=r.DGrid;exports.DGridItem=r.DGridItem;exports.DList=i.DList;exports.DMain=i.DMain;exports.DNavTabs=i.DNavTabs;exports.DShow=i.DShow;exports.default=f;exports.install=o;

package/dist/cjs/components/index.d.ts

@@ -6,7 +6,7 @@ export interface MenuIcon {
 }
 export interface Options {
     menuIcon: MenuIcon;
-    prop: string;
+    prop?: string;
 }
 export declare const install: (app: App, opts: Options) => void;
 declare const _default: {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../store/modules/Breadcrumb.cjs.js"),l={class:"ditari-breadcrumb"},s={class:"breadcrumb"},u={key:1,class:"breadcrumb-link"},d={name:"DBreadcrumb"},i=e.defineComponent({...d,setup(m){const o=a.useBreadcrumbStore(),r=e.computed(()=>o.getBreadcrumb);return(_,b)=>{const c=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",s,[e.createVNode(e.TransitionGroup,{name:"breadcrumb"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"breadcrumb-item",key:t.path},[n+1!==e.unref(r).length?(e.openBlock(),e.createBlock(c,{key:0,class:"breadcrumb-link",to:{path:t.path}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(t.title),1))]))),128))]),_:1})])])}}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../store/modules/Breadcrumb.cjs.js"),s=require("../theme/index.cjs.js"),u={class:"breadcrumb"},d={key:1,class:"breadcrumb-link"},i={name:"DBreadcrumb"},m=e.defineComponent({...i,setup(b){const o=l.useBreadcrumbStore(),r=e.computed(()=>o.getBreadcrumb),n=`${s.prefixName}-breadcrumb`;return(p,_)=>{const c=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n)},[e.createElementVNode("div",u,[e.createVNode(e.TransitionGroup,{name:"breadcrumb"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:"breadcrumb-item",key:t.path},[a+1!==e.unref(r).length?(e.openBlock(),e.createBlock(c,{key:0,class:"breadcrumb-link",to:{path:t.path}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("span",d,e.toDisplayString(t.title),1))]))),128))]),_:1})])])}}});exports.default=m;

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

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

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

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

@@ -1 +1 @@
-"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;
+"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(!t.meta.title||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/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-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 .ditari-bsui-modal-content{max-height:200px;overflow-y:scroll}.ditari-bsui-modal .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-bsui-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-bsui-breadcrumb .breadcrumb{display:flex}.ditari-bsui-breadcrumb .breadcrumb .breadcrumb-item{color:#333}.ditari-bsui-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-bsui-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:first-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-bsui-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%)}.ditari-bsui-breadcrumb a.breadcrumb-link{color:#2589ff}.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-bsui-nav{display:flex;background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-bsui-nav .ant-tabs-nav{margin:0}.ditari-bsui-nav .ant-tabs-content-holder{display:none}.ditari-bsui-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-bsui-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-item{color:#0065b3}.ditari-bsui-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-bsui-nav .ant-tabs-tab .tab-close{padding:4px;margin-left:10px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-bsui-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-bsui-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-bsui-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-bsui-nav .ant-tabs-nav::before{border-bottom-width:0}.ditari-bsui-nav .ant-tabs-tab::before,.ditari-bsui-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-bsui-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-bsui-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-bsui-nav .ant-tabs-tab:hover::before,.ditari-bsui-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-bsui-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-bsui-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 .ditari-bsui-modal-content{max-height:200px;overflow-y:scroll}.ditari-bsui-modal .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/breadcrumb.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-bsui-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-bsui-breadcrumb .breadcrumb{display:flex}.ditari-bsui-breadcrumb .breadcrumb .breadcrumb-item{color:#333}.ditari-bsui-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-bsui-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:first-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-bsui-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%)}.ditari-bsui-breadcrumb a.breadcrumb-link{color:#2589ff}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}

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-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-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-bsui-breadcrumb .breadcrumb{display:flex}.ditari-bsui-breadcrumb .breadcrumb .breadcrumb-item{color:#333}.ditari-bsui-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-bsui-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:first-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-bsui-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%)}.ditari-bsui-breadcrumb a.breadcrumb-link{color:#2589ff}.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-bsui-nav{display:flex;background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-bsui-nav .ant-tabs-nav{margin:0}.ditari-bsui-nav .ant-tabs-content-holder{display:none}.ditari-bsui-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-bsui-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-item{color:#0065b3}.ditari-bsui-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-bsui-nav .ant-tabs-tab .tab-close{padding:4px;margin-left:10px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-bsui-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-bsui-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-bsui-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-bsui-nav .ant-tabs-nav::before{border-bottom-width:0}.ditari-bsui-nav .ant-tabs-tab::before,.ditari-bsui-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-bsui-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-bsui-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-bsui-nav .ant-tabs-tab:hover::before,.ditari-bsui-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-bsui-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-bsui-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-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-bsui-nav{display:flex;background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-bsui-nav .ant-tabs-nav{margin:0}.ditari-bsui-nav .ant-tabs-content-holder{display:none}.ditari-bsui-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-bsui-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-item{color:#0065b3}.ditari-bsui-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-bsui-nav .ant-tabs-tab .tab-close{padding:4px;margin-left:10px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-bsui-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-bsui-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-bsui-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-bsui-nav .ant-tabs-nav::before{border-bottom-width:0}.ditari-bsui-nav .ant-tabs-tab::before,.ditari-bsui-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-bsui-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-bsui-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-bsui-nav .ant-tabs-tab:hover::before,.ditari-bsui-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-bsui-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-bsui-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/index.d.ts

@@ -6,7 +6,7 @@ export interface MenuIcon {
 }
 export interface Options {
     menuIcon: MenuIcon;
-    prop: string;
+    prop?: string;
 }
 export declare const install: (app: App, opts: Options) => void;
 declare const _default: {

package/dist/esm/components/index.esm.js

@@ -20,7 +20,7 @@ const r = c, f = function(e, i) {
     n({
       storage: sessionStorage
     })
-  ), e.use(o), e.directive("trim", a), e.provide("menuIcon", i.menuIcon);
+  ), e.use(o), e.directive("trim", a), e.provide("menuIcon", i.menuIcon || {});
 }, x = {
   install: f
 };

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

@@ -1,34 +1,37 @@
-import { defineComponent as l, computed as i, resolveComponent as m, openBlock as e, createElementBlock as r, createElementVNode as _, createVNode as b, TransitionGroup as p, withCtx as a, Fragment as k, renderList as f, unref as n, createBlock as h, createTextVNode as B, toDisplayString as c } from "vue";
-import { useBreadcrumbStore as g } from "../../store/modules/Breadcrumb.esm.js";
-const v = { class: "ditari-breadcrumb" }, x = { class: "breadcrumb" }, y = {
+import { defineComponent as d, computed as i, resolveComponent as p, openBlock as e, createElementBlock as t, normalizeClass as _, createElementVNode as b, createVNode as f, TransitionGroup as k, withCtx as a, Fragment as h, renderList as B, unref as n, createBlock as C, createTextVNode as x, toDisplayString as s } from "vue";
+import { useBreadcrumbStore as N } from "../../store/modules/Breadcrumb.esm.js";
+import { prefixName as g } from "../theme/index.esm.js";
+const v = { class: "breadcrumb" }, y = {
   key: 1,
   class: "breadcrumb-link"
-}, C = {
+}, V = {
   name: "DBreadcrumb"
-}, T = /* @__PURE__ */ l({
-  ...C,
-  setup(N) {
-    const s = g(), o = i(() => s.getBreadcrumb);
-    return (V, D) => {
-      const d = m("router-link");
-      return e(), r("div", v, [
-        _("div", x, [
-          b(p, { name: "breadcrumb" }, {
+}, F = /* @__PURE__ */ d({
+  ...V,
+  setup(D) {
+    const c = N(), o = i(() => c.getBreadcrumb), l = `${g}-breadcrumb`;
+    return (E, S) => {
+      const m = p("router-link");
+      return e(), t("div", {
+        class: _(l)
+      }, [
+        b("div", v, [
+          f(k, { name: "breadcrumb" }, {
             default: a(() => [
-              (e(!0), r(k, null, f(n(o), (t, u) => (e(), r("div", {
+              (e(!0), t(h, null, B(n(o), (r, u) => (e(), t("div", {
                 class: "breadcrumb-item",
-                key: t.path
+                key: r.path
               }, [
-                u + 1 !== n(o).length ? (e(), h(d, {
+                u + 1 !== n(o).length ? (e(), C(m, {
                   key: 0,
                   class: "breadcrumb-link",
-                  to: { path: t.path }
+                  to: { path: r.path }
                 }, {
                   default: a(() => [
-                    B(c(t.title), 1)
+                    x(s(r.title), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (e(), r("span", y, c(t.title), 1))
+                }, 1032, ["to"])) : (e(), t("span", y, s(r.title), 1))
               ]))), 128))
             ]),
             _: 1
@@ -39,5 +42,5 @@ const v = { class: "ditari-breadcrumb" }, x = { class: "breadcrumb" }, y = {
   }
 });
 export {
-  T as default
+  F as default
 };

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

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

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

@@ -1,25 +1,25 @@
-import { defineComponent as w, inject as j, watchEffect as k, createVNode as r, Fragment as c, resolveComponent as i, 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 { defineComponent as j, inject as k, watchEffect as N, createVNode as r, Fragment as c, resolveComponent as i, isVNode as I, withDirectives as R, vShow as D, h as H } from "vue";
+import { useRouter as O, useRoute as P } 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);
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !I(l);
 }
-const q = /* @__PURE__ */ w({
+const $ = /* @__PURE__ */ j({
   name: "DMenu",
   setup() {
-    const l = H(), m = O(), {
+    const l = O(), m = P(), {
       componentName: a,
-      prop: x
-    } = j("menuIcon"), g = T(), {
+      prop: g
+    } = k("menuIcon"), S = T(), {
       list: d,
       openMenusKeys: s,
       selectedMenuKeys: o
-    } = v(g), S = V(), {
-      getCollapsed: y
-    } = v(S);
-    k(() => {
+    } = v(S), y = V(), {
+      getCollapsed: M
+    } = v(y);
+    N(() => {
       const e = o.value.length > 0 ? o.value[0] : "", t = p(d.value, e);
       s.value = t || [];
     });
@@ -35,33 +35,33 @@ const q = /* @__PURE__ */ w({
       }
       return null;
     }
-    const M = ({
+    const b = ({
       item: e,
       key: t,
       keyPath: n
     }) => {
       s.value = n, o.value = [t], m.path !== t && l.push(t).then((u) => u ? console.warn(u) : null);
-    }, b = (e) => r(c, null, [r(i("a-menu-item"), {
+    }, C = (e) => r(c, null, [r(i("a-menu-item"), {
       key: e.url
     }, {
       icon: () => f(e),
       default: () => e.title
-    })]), C = ["anticon", "anticon-menu", "ant-menu-item-icon"], f = (e) => r(c, 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", {
+    })]), K = ["anticon", "anticon-menu", "ant-menu-item-icon"], f = (e) => r(c, null, [e.icon ? U(e.icon) : R(r("div", {
+      className: K
+    }, [e.title.substring(0, 1)]), [[D, M.value]])]), U = (e) => a === "nativeHtml" ? r("span", {
       innerHTML: e
-    }, null) : D(i(a), {
-      prop: e
+    }, null) : H(i(a), {
+      [`${g}`]: e
     }), h = (e) => r(c, null, [r(i("a-sub-menu"), {
       key: e.url
     }, {
       title: () => e.title,
       icon: () => f(e),
       default: () => e.children.map(
-        (t) => !t.children || t.children.length === 0 ? U(t) : h(t)
+        (t) => !t.children || t.children.length === 0 ? w(t) : h(t)
         // 递归调用
       )
-    })]), U = (e) => r(c, null, [r(i("a-menu-item"), {
+    })]), w = (e) => r(c, null, [r(i("a-menu-item"), {
       key: e.url
     }, {
       default: () => e.title
@@ -75,10 +75,10 @@ const q = /* @__PURE__ */ w({
         "onUpdate:openKeys": (t) => s.value = t,
         selectedKeys: o.value,
         "onUpdate:selectedKeys": (t) => o.value = t,
-        onClick: M
+        onClick: b
       }, _(e = d.value.map((t) => {
         var n;
-        return !t.children || ((n = t.children) == null ? void 0 : n.length) === 0 ? b(t) : h(t);
+        return !t.children || ((n = t.children) == null ? void 0 : n.length) === 0 ? C(t) : h(t);
       })) ? e : {
         default: () => [e]
       })]);
@@ -86,5 +86,5 @@ const q = /* @__PURE__ */ w({
   }
 });
 export {
-  q as default
+  $ as default
 };

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

@@ -24,7 +24,7 @@ const n = a(l, {
      * @param route
      */
     save(t) {
-      if (this.list.some((i) => i.path === t.path))
+      if (!t.meta.title || this.list.some((s) => s.path === t.path))
         return;
       const e = {
         path: t.path,
@@ -42,7 +42,7 @@ const n = a(l, {
      */
     deleteTabs(t) {
       this.list.splice(
-        this.list.findIndex((s) => s.fullPath === t),
+        this.list.findIndex((i) => i.fullPath === t),
         1
       );
     },
@@ -51,9 +51,9 @@ const n = a(l, {
      * @param title 标题
      * @param path url
      */
-    setNavTitle(t, s) {
+    setNavTitle(t, i) {
       for (let e = 0; e < this.list.length; e++)
-        if (this.list[e].fullPath === s) {
+        if (this.list[e].fullPath === i) {
           this.list[e].meta.title = t;
           break;
         }

package/dist/style/layout/style/breadcrumb.scss

@@ -1,13 +1,12 @@
 @import "../../theme/variable.scss";
-.ditari-breadcrumb {
-
+.#{$prefix-name}-breadcrumb {
   .ant-breadcrumb-separator {
     display: none;
   }
   .breadcrumb {
     display: flex;
-
     .breadcrumb-item {
+      color: $bread-txt-color;
       &:first-child {
         .breadcrumb-link {
           border-radius: 6px 0 0 6px;
@@ -21,10 +20,10 @@
         }
       }
       &:last-child {
-        &:not(:last-child) {
+        &:not(:first-child) {
           .breadcrumb-link {
             border-radius: 0 6px 6px 0;
-            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%);
+            clip-path: polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);
           }
         }
       }
@@ -44,6 +43,11 @@
       8px 50%
     );
   }
+  a{
+    &.breadcrumb-link{
+      color:  $bread-link-txt-color;
+    }
+  }
 }
 
 .breadcrumb-enter-active {

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

@@ -9,7 +9,8 @@
   }
 }
 
-.ditari-nav {
+.#{$prefix-name}-nav {
+  display: flex;
   background: $nav-tab-bg-color;
   .ant-tabs-nav {
     margin: 0;
@@ -31,7 +32,15 @@
           opacity: 0;
         }
       }
+
+    }
+
+    &.ant-tabs-tab-active {
+      .tab-item{
+        color:  $nav-tab-active-txt-color;
+      }
     }
+
     &:not(.ant-tabs-tab-active) {
       background: transparent;
     }
@@ -44,7 +53,6 @@
         }
       }
     }
-
     .ant-tabs-tab-btn {
       display: flex;
       align-items: center;
@@ -56,9 +64,10 @@
       align-items: center;
       justify-content: center;
       border-radius: 50%;
+
       &:hover {
-        background-color: #63aeff;
-        color: #fff;
+        background-color: $nav-tab-close-hover-bg-color;
+        color: $nav-tab-close-hover-color;
       }
       .anticon {
         margin: 0;
@@ -73,6 +82,11 @@
     padding: 4px 8px 0;
   }
 
+  // 去除下边框
+  .ant-tabs-nav::before{
+    border-bottom-width: 0;
+  }
+
   .ant-tabs-tab::before,
   .ant-tabs-tab::after {
     position: absolute;

package/dist/style/theme/variable.scss

@@ -21,7 +21,6 @@ $gird-error-display: block !default;
 
 /******======左侧菜单======******/
 // 左侧菜单
-
 $logo-height: 40px !default;
 //左侧菜单北京颜色
 $side-bg-color: #162157 !default;
@@ -29,6 +28,7 @@ $side-bg-color: #162157 !default;
 $side-menu-sub-bg-color: #101847 !default;
 
 /******======多标签======******/
+// 背景色
 $nav-tab-bg-color: linear-gradient(270deg, #019cfe 0%, #0165fe 100%) !default;
 //分割符颜色
 $nav-tab-dividers-color: #fff !default;
@@ -36,9 +36,24 @@ $nav-tab-dividers-color: #fff !default;
 $nav-tab-text-color: #fff !default;
 // 悬浮的背景色
 $nav-tab-hover-bg-color: #065de1 !default;
-
+// 激活时的字体颜色
+$nav-tab-active-txt-color: #0065b3!default;
+// 关闭按钮悬浮背景色
+$nav-tab-close-hover-bg-color: #63aeff!default;
+// 关闭按钮悬浮时候的字体颜色
+$nav-tab-close-hover-color: #fff!default;
+// 关闭按钮颜色
+$nav-tab-close-color: #fff!default;;
 
 /******======详情页，返回导航距离======******/
 $show-header-top: 84px!default;
 // show头部阴影
-$box-shadow-color: #e0e0e0 !default;
+$box-shadow-color: #e0e0e0 !default;
+
+/******======面包屑======******/
+// 背景色
+$bread-bg-color: #f0f2f5!default;
+// 链接字体颜色
+$bread-link-txt-color: #2589ff!default;
+// 面包屑文本颜色
+$bread-txt-color: #333;

package/package.json

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

package/src/components/index.ts

@@ -13,7 +13,7 @@ export interface MenuIcon {
 }
 export interface Options {
   menuIcon: MenuIcon;
-  prop: string;
+  prop?: string;
 }
 const c: any = components;
 export const install = function (app: App, opts: Options) {
@@ -33,7 +33,7 @@ export const install = function (app: App, opts: Options) {
   );
   app.use(pinia);
   app.directive("trim", vTrim);
-  app.provide("menuIcon", opts.menuIcon);
+  app.provide("menuIcon", opts.menuIcon || {});
 };
 
 export default {

package/src/components/layout/Breadcrumb.vue

@@ -5,9 +5,12 @@
  */
 import { computed } from "vue";
 import { useBreadcrumbStore } from "../../store/modules/Breadcrumb";
+import { prefixName } from "../theme";
 
 const store = useBreadcrumbStore();
 const breadCrumbs = computed(() => store.getBreadcrumb);
+//class名称
+const baseClassName = `${prefixName}-breadcrumb`;
 </script>
 <script lang="ts">
 export default {
@@ -15,7 +18,7 @@ export default {
 };
 </script>
 <template>
-  <div class="ditari-breadcrumb">
+  <div :class="baseClassName">
     <div class="breadcrumb">
       <transition-group name="breadcrumb">
         <div

package/src/components/layout/NavTabs.vue

@@ -11,6 +11,7 @@ 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";
+import { prefixName } from "../theme";
 
 const route = useRoute();
 const router = useRouter();
@@ -19,6 +20,9 @@ const navStore = useNavTabsStore();
 const keepAliveStore = useKeepAliveStore();
 const menuStore = useMenuStore();
 
+//class名称
+const baseClassName = `${prefixName}-nav`;
+
 //标签列表
 const navTabs: Ref<INavTab[]> = computed(() => navStore.getList);
 // 被选中的菜单
@@ -94,7 +98,12 @@ const onClose = ($event: any, key: string) => {
  */
 const closeStatus = (item: INavTab) => {
   // 如果meta有设置keepOpen或者当前打开的标签只有一个的话不显示关闭按钮
-  return !item.meta?.keepOpen || navTabs.value.length === 1;
+  if (item.meta?.keepOpen) {
+    return false;
+  } else {
+    // 如果只有一个标签，则隐藏关闭按钮
+    return navTabs.value.length === 1 ? false : true;
+  }
 };
 </script>
 <script lang="ts">
@@ -103,7 +112,7 @@ export default {
 };
 </script>
 <template>
-  <div class="ditari-nav">
+  <div :class="baseClassName">
     <a-tabs v-model:activeKey="activeKey" type="card" @tabClick="onClick">
       <a-tab-pane v-for="item in navTabs" :key="item.path">
         <template #tab>
@@ -111,7 +120,7 @@ export default {
           <div class="tab-item" :class="{ active: activeKey === item.path }">
             {{ item.meta.title }}
           </div>
-          <div class="tab-close" v-if="closeStatus(item)">
+          <div v-if="closeStatus(item)" class="tab-close">
             <CloseOutlined @click="onClose($event, item.fullPath)" />
           </div>
         </template>

package/src/components/layout/Show.vue

@@ -37,6 +37,7 @@ const showLoading = computed(() => props.loading);
 const contentStyle = {
   padding: `10px 10px ${slots.footer ? "70px" : "10px"} 10px`
 };
+
 /**
  * 点击返回
  */

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

@@ -1,13 +1,12 @@
 @import "../../theme/variable.scss";
-.ditari-breadcrumb {
-
+.#{$prefix-name}-breadcrumb {
   .ant-breadcrumb-separator {
     display: none;
   }
   .breadcrumb {
     display: flex;
-
     .breadcrumb-item {
+      color: $bread-txt-color;
       &:first-child {
         .breadcrumb-link {
           border-radius: 6px 0 0 6px;
@@ -21,10 +20,10 @@
         }
       }
       &:last-child {
-        &:not(:last-child) {
+        &:not(:first-child) {
           .breadcrumb-link {
             border-radius: 0 6px 6px 0;
-            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%);
+            clip-path: polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);
           }
         }
       }
@@ -44,6 +43,11 @@
       8px 50%
     );
   }
+  a{
+    &.breadcrumb-link{
+      color:  $bread-link-txt-color;
+    }
+  }
 }
 
 .breadcrumb-enter-active {

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

@@ -9,7 +9,8 @@
   }
 }
 
-.ditari-nav {
+.#{$prefix-name}-nav {
+  display: flex;
   background: $nav-tab-bg-color;
   .ant-tabs-nav {
     margin: 0;
@@ -31,7 +32,15 @@
           opacity: 0;
         }
       }
+
+    }
+
+    &.ant-tabs-tab-active {
+      .tab-item{
+        color:  $nav-tab-active-txt-color;
+      }
     }
+
     &:not(.ant-tabs-tab-active) {
       background: transparent;
     }
@@ -44,7 +53,6 @@
         }
       }
     }
-
     .ant-tabs-tab-btn {
       display: flex;
       align-items: center;
@@ -56,9 +64,10 @@
       align-items: center;
       justify-content: center;
       border-radius: 50%;
+
       &:hover {
-        background-color: #63aeff;
-        color: #fff;
+        background-color: $nav-tab-close-hover-bg-color;
+        color: $nav-tab-close-hover-color;
       }
       .anticon {
         margin: 0;
@@ -73,6 +82,11 @@
     padding: 4px 8px 0;
   }
 
+  // 去除下边框
+  .ant-tabs-nav::before{
+    border-bottom-width: 0;
+  }
+
   .ant-tabs-tab::before,
   .ant-tabs-tab::after {
     position: absolute;

package/src/components/menu/Menu.jsx

@@ -2,7 +2,6 @@ import {
   defineComponent,
   h,
   inject,
-  ref,
   resolveComponent,
   watchEffect
 } from "vue";
@@ -18,7 +17,7 @@ export default defineComponent({
   setup() {
     const router = useRouter();
     const route = useRoute();
-    const { componentName, prop } = inject("menuIcon");
+    const { componentName, prop: menuProp } = inject("menuIcon");
     // 菜单store
     const menuStore = useMenuStore();
     const { list, openMenusKeys, selectedMenuKeys } = storeToRefs(menuStore);
@@ -112,7 +111,7 @@ export default defineComponent({
         return <span v-html={icon}></span>;
       } else {
         return h(resolveComponent(componentName), {
-          prop: icon
+          [`${menuProp}`]: icon
         });
       }
     };

package/src/components/theme/variable.scss

@@ -21,7 +21,6 @@ $gird-error-display: block !default;
 
 /******======左侧菜单======******/
 // 左侧菜单
-
 $logo-height: 40px !default;
 //左侧菜单北京颜色
 $side-bg-color: #162157 !default;
@@ -29,6 +28,7 @@ $side-bg-color: #162157 !default;
 $side-menu-sub-bg-color: #101847 !default;
 
 /******======多标签======******/
+// 背景色
 $nav-tab-bg-color: linear-gradient(270deg, #019cfe 0%, #0165fe 100%) !default;
 //分割符颜色
 $nav-tab-dividers-color: #fff !default;
@@ -36,9 +36,24 @@ $nav-tab-dividers-color: #fff !default;
 $nav-tab-text-color: #fff !default;
 // 悬浮的背景色
 $nav-tab-hover-bg-color: #065de1 !default;
-
+// 激活时的字体颜色
+$nav-tab-active-txt-color: #0065b3!default;
+// 关闭按钮悬浮背景色
+$nav-tab-close-hover-bg-color: #63aeff!default;
+// 关闭按钮悬浮时候的字体颜色
+$nav-tab-close-hover-color: #fff!default;
+// 关闭按钮颜色
+$nav-tab-close-color: #fff!default;;
 
 /******======详情页，返回导航距离======******/
 $show-header-top: 84px!default;
 // show头部阴影
-$box-shadow-color: #e0e0e0 !default;
+$box-shadow-color: #e0e0e0 !default;
+
+/******======面包屑======******/
+// 背景色
+$bread-bg-color: #f0f2f5!default;
+// 链接字体颜色
+$bread-link-txt-color: #2589ff!default;
+// 面包屑文本颜色
+$bread-txt-color: #333;

package/src/hooks/route/index.ts

@@ -70,76 +70,6 @@ export const useDitariRoute = () => {
   };
 };
 
-// export const useDitariRoute = (routes: RouteRecordRaw[]) => {
-//   const { saveBreadcrumb } = useBreadcrumbStore();
-//   // 路由匹配器
-//   const routerMatcher = ref<RouterMatcher | null>(null);
-//   // 匹配到的路由数据
-//   const matched = ref<RouteLocationMatched[]>([]);
-//   //创建匹配器
-//   routerMatcher.value = createRouterMatcher(routes, {});
-//   // 保存打平后的路由
-//   const flatRoutes = flattenRoutes(routes, null);
-//
-//   /**
-//    * 进行匹配
-//    * @param to
-//    * @param from
-//    */
-//   const setMatched = (
-//     to: RouteLocationNormalized,
-//     from: RouteLocationNormalized
-//   ) => {
-//     try {
-//       const rs = routerMatcher.value?.resolve(to, from).matched ?? [];
-//       matched.value = rs.reduce((preValue: any[], curValue) => {
-//         const flag = preValue.some(
-//           (item: RouteRecord) => item.path === curValue.path
-//         );
-//         if (!flag) {
-//           preValue.push({
-//             path: curValue.path,
-//             title: curValue.meta?.title ?? "未设置标题"
-//           });
-//         }
-//         return preValue;
-//       }, []);
-//     } catch (e) {
-//       console.log(e);
-//       matched.value = [];
-//     }
-//     // 匹配到的数据保存到route store
-//     saveBreadcrumb(matched.value);
-//   };
-//
-//   return {
-//     flatRoutes,
-//     setMatched
-//   };
-// };
-
-// function flattenRoutes(
-//   routes: RouteRecordRaw[],
-//   parentRoute: RouteRecordRaw | null
-// ) {
-//   return routes.reduce((acc: any[], route) => {
-//     if (route.children) {
-//       acc.push(...flattenRoutes(route.children, route));
-//     }
-//     // 只有有组件的route才加入数组
-//     if (route.component) {
-//       // 路径 如果当前路径为空，则说明是父组件重定向的地址 则追加为""空字符串
-//       const path =
-//         `${parentRoute?.path}` + (route.path ? "/" + route.path : "");
-//       acc.push({
-//         ...route,
-//         path: path
-//       });
-//     }
-//     return acc;
-//   }, []);
-// }
-
 function flattenRoutes(routes: any[], parentPath = ""): any {
   const result = [];
   for (const route of routes) {

package/src/store/modules/NavTab.ts

@@ -50,6 +50,10 @@ export const useNavTabsStore = defineStore(NAV_TAB_ID, {
      * @param route
      */
     save(route: RouteLocationNormalized) {
+      if (!route.meta.title) {
+        // 没有设置title，则不进入缓存
+        return;
+      }
       const flag = this.list.some((item: INavTab) => item.path === route.path);
       if (flag) {
         return;