@ditari/bsui 1.0.3 → 1.0.4

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"),l=require("pinia-plugin-persistedstate"),d=require("./components.cjs.js"),D=require("./table/index.cjs.js"),b=require("./form/index.cjs.js"),o=require("./grid/index.cjs.js"),e=require("./layout/index.cjs.js"),n=d,r=function(t,a){Object.keys(n).forEach(c=>{const s=n[c];s.install&&t.use(s)});const i=u.createPinia();i.use(l.createPersistedState({storage:sessionStorage})),t.use(i),console.log("options",a)},q={install:r};exports.DTable=D.DTable;exports.DForm=b.default;exports.DGrid=o.DGrid;exports.DGridItem=o.DGridItem;exports.DList=e.DList;exports.DMain=e.DMain;exports.DNavTabs=e.DNavTabs;exports.DShow=e.DShow;exports.default=q;exports.install=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),l=require("pinia-plugin-persistedstate"),d=require("./components.cjs.js"),D=require("./table/index.cjs.js"),m=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),e=require("./layout/index.cjs.js"),o=d,a=function(i,n){Object.keys(o).forEach(c=>{const s=o[c];s.install&&i.use(s)});const t=u.createPinia();t.use(l.createPersistedState({storage:sessionStorage})),i.use(t),i.provide("menuIcon",n.menuIcon),console.log("options",n)},b={install:a};exports.DTable=D.DTable;exports.DForm=m.default;exports.DGrid=r.DGrid;exports.DGridItem=r.DGridItem;exports.DList=e.DList;exports.DMain=e.DMain;exports.DNavTabs=e.DNavTabs;exports.DShow=e.DShow;exports.default=b;exports.install=a;

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

@@ -1,7 +1,15 @@
 import type { App } from "vue";
 export * from "./components";
-export declare const install: (app: App, opts: any) => void;
+export interface MenuIcon {
+    componentName: string | "nativeHtml";
+    type: string;
+}
+export interface Options {
+    menuIcon: MenuIcon;
+    prop: string;
+}
+export declare const install: (app: App, opts: Options) => void;
 declare const _default: {
-    install: (app: App<any>, opts: any) => void;
+    install: (app: App<any>, opts: Options) => void;
 };
 export default _default;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Breadcrumb.vue.cjs.js");exports.default=e.default;

package/dist/cjs/components/layout/List.vue.cjs2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./List.vue.cjs.js");exports.default=e.default;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@ant-design/icons-vue");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");const f=require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");require("../../store/modules/NavTab.cjs.js");const v=require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const y=require("./NavTabs.vue.cjs.js");require("./NavTabs.vue.cjs2.js");const g=require("./Breadcrumb.vue.cjs.js");require("./Breadcrumb.vue.cjs2.js");const k=require("./Menu.cjs.js"),N={class:"ditari-logo"},V={class:"ditari-menu"},C={class:"ditari-layout-header"},h={class:"ditari-layout-header-left"},q={class:"ditari-user-menu"},S={name:"DMainLayout"},b=e.defineComponent({...S,setup(w){const u=f.useKeepAliveStore(),c=e.computed(()=>u.get),l=v.useSettingsStore(),{switchCollapsed:a}=l,t=e.computed(()=>l.getCollapsed);return(n,r)=>{const d=e.resolveComponent("a-layout-sider"),p=e.resolveComponent("router-view"),_=e.resolveComponent("a-layout-content"),s=e.resolveComponent("a-layout"),m=e.resolveComponent("a-back-top");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(s,{class:"ditari-layout"},{default:e.withCtx(()=>[e.createVNode(d,{collapsed:e.unref(t),"onUpdate:collapsed":r[0]||(r[0]=o=>e.isRef(t)?t.value=o:null),trigger:null,collapsible:"",class:"ditari-layout-sider"},{default:e.withCtx(()=>[e.createElementVNode("div",N,[e.renderSlot(n.$slots,"logo")]),e.createElementVNode("div",V,[e.createVNode(e.unref(k.default))])]),_:3},8,["collapsed"]),e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("div",{class:"ditari-top-layout",style:e.normalizeStyle({left:e.unref(t)?"80px":"200px"})},[e.createVNode(y.default),e.createElementVNode("div",C,[e.createElementVNode("div",h,[e.createElementVNode("div",{class:"ditari-side-collapsed",onClick:r[1]||(r[1]=(...o)=>e.unref(a)&&e.unref(a)(...o))},[e.unref(t)?(e.openBlock(),e.createBlock(e.unref(i.MenuUnfoldOutlined),{key:0,class:"trigger",style:{"font-size":"16px","font-weight":"bold",cursor:"pointer"}})):(e.openBlock(),e.createBlock(e.unref(i.MenuFoldOutlined),{key:1,style:{"font-size":"16px","font-weight":"bold",cursor:"pointer"}}))]),e.createVNode(g.default)]),e.createElementVNode("div",q,[e.renderSlot(n.$slots,"operation")])])],4),e.createVNode(_,{class:"ditari-layout-content",style:e.normalizeStyle({marginLeft:e.unref(t)?"80px":"200px"})},{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(({Component:o})=>[e.createVNode(e.Transition,{name:"main",mode:"out-in",appear:""},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{ref:"keepAliveRef",include:e.unref(c)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:n.$route.path}))],1032,["include"]))]),_:2},1024)]),_:1})]),_:1},8,["style"])]),_:3})]),_:3}),e.createVNode(m,{class:"ditari-ant-back-top",visibilityHeight:50})],64)}}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@ant-design/icons-vue");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");const f=require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");require("../../store/modules/NavTab.cjs.js");const v=require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const y=require("./NavTabs.vue.cjs.js"),g=require("./Breadcrumb.vue.cjs.js"),k=require("../menu/Menu.cjs.js"),N={class:"ditari-logo"},V={class:"ditari-menu"},C={class:"ditari-layout-header"},h={class:"ditari-layout-header-left"},q={class:"ditari-user-menu"},S={name:"DMainLayout"},b=e.defineComponent({...S,setup(w){const c=f.useKeepAliveStore(),u=e.computed(()=>c.get),r=v.useSettingsStore(),{switchCollapsed:a}=r,t=e.computed(()=>r.getCollapsed);return(l,n)=>{const d=e.resolveComponent("a-layout-sider"),p=e.resolveComponent("router-view"),_=e.resolveComponent("a-layout-content"),s=e.resolveComponent("a-layout"),m=e.resolveComponent("a-back-top");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(s,{class:"ditari-layout"},{default:e.withCtx(()=>[e.createVNode(d,{collapsed:e.unref(t),"onUpdate:collapsed":n[0]||(n[0]=o=>e.isRef(t)?t.value=o:null),trigger:null,collapsible:"",class:"ditari-layout-sider"},{default:e.withCtx(()=>[e.createElementVNode("div",N,[e.renderSlot(l.$slots,"logo")]),e.createElementVNode("div",V,[e.createVNode(e.unref(k.default))])]),_:3},8,["collapsed"]),e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("div",{class:"ditari-top-layout",style:e.normalizeStyle({left:e.unref(t)?"80px":"200px"})},[e.createVNode(y.default),e.createElementVNode("div",C,[e.createElementVNode("div",h,[e.createElementVNode("div",{class:"ditari-side-collapsed",onClick:n[1]||(n[1]=(...o)=>e.unref(a)&&e.unref(a)(...o))},[e.unref(t)?(e.openBlock(),e.createBlock(e.unref(i.MenuUnfoldOutlined),{key:0,class:"trigger",style:{"font-size":"16px","font-weight":"bold",cursor:"pointer"}})):(e.openBlock(),e.createBlock(e.unref(i.MenuFoldOutlined),{key:1,style:{"font-size":"16px","font-weight":"bold",cursor:"pointer"}}))]),e.createVNode(g.default)]),e.createElementVNode("div",q,[e.renderSlot(l.$slots,"operation")])])],4),e.createVNode(_,{class:"ditari-layout-content",style:e.normalizeStyle({marginLeft:e.unref(t)?"80px":"200px"})},{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(({Component:o})=>[e.createVNode(e.Transition,{name:"main",mode:"out-in",appear:""},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{ref:"keepAliveRef",include:e.unref(u)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:l.$route.path}))],1032,["include"]))]),_:2},1024)]),_:1})]),_:1},8,["style"])]),_:3})]),_:3}),e.createVNode(m,{class:"ditari-ant-back-top",visibilityHeight:50})],64)}}});exports.default=b;

package/dist/cjs/components/layout/Main.vue.cjs2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Main.vue.cjs.js");exports.default=e.default;

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./NavTabs.vue.cjs.js");exports.default=e.default;

package/dist/cjs/components/layout/Show.vue.cjs2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Show.vue.cjs.js");exports.default=e.default;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/install.cjs.js"),t=require("./List.vue.cjs.js");require("./List.vue.cjs2.js");const u=require("./Main.vue.cjs.js");require("./Main.vue.cjs2.js");const r=require("./NavTabs.vue.cjs.js");require("./NavTabs.vue.cjs2.js");const _=require("./Show.vue.cjs.js");require("./Show.vue.cjs2.js");const s=e.default(t.default),a=e.default(u.default),i=e.default(r.default),n=e.default(_.default);exports.DList=s;exports.DMain=a;exports.DNavTabs=i;exports.DShow=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/install.cjs.js"),t=require("./List.vue.cjs.js"),u=require("./Main.vue.cjs.js"),_=require("./NavTabs.vue.cjs.js"),s=require("./Show.vue.cjs.js"),a=e.default(t.default),r=e.default(u.default),i=e.default(_.default),n=e.default(s.default);exports.DList=a;exports.DMain=r;exports.DNavTabs=i;exports.DShow=n;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("pinia");require("@ant-design/icons-vue");const S=require("../../store/modules/Menu.cjs.js"),b=require("../../store/modules/Settings.cjs.js");function h(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const V=e.defineComponent({name:"DMenu",setup(){const{componentName:o,prop:y}=e.inject("menuIcon"),{list:i}=S.useMenuStore(),a=b.useSettingsStore(),{getCollapsed:d}=N.storeToRefs(a),l=e.ref(["/labelList","/label"]),c=e.ref(["/label"]),p=({item:t,key:n,keyPath:r})=>{console.log(t,n,r),l.value=r,c.value=[n]},v=t=>e.createVNode(e.Fragment,null,[e.createVNode(e.resolveComponent("a-menu-item"),{key:t.url},{icon:()=>s(t),default:()=>t.title})]),m=["anticon","anticon-menu","ant-menu-item-icon"],s=t=>e.createVNode(e.Fragment,null,[t.icon?f(t.icon):e.withDirectives(e.createVNode("div",{className:m},[t.title.substring(0,1)]),[[e.vShow,d.value]])]),f=t=>o==="nativeHtml"?e.createVNode("span",{innerHTML:t},null):e.h(e.resolveComponent(o),{prop:t}),u=t=>e.createVNode(e.Fragment,null,[e.createVNode(e.resolveComponent("a-sub-menu"),{key:t.url},{title:()=>t.title,icon:()=>s(t),default:()=>t.children.map(n=>!n.children||n.children.length===0?g(n):u(n))})]),g=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:p},h(t=i.map(n=>{var r;return!n.children||((r=n.children)==null?void 0:r.length)===0?v(n):u(n)}))?t:{default:()=>[t]})}}});exports.default=V;

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{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{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:none}.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{background-color:red}.ditari-layout .ditari-layout-sider{background-color:red}html,body,#app{height:100vh;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{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{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:none}.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 .anticon{margin-right:0;margin-left:10px}.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:1;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:1px 5px 20px 2px #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}html,body,#app{height:100vh;background:#f0f2f5}html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar{width:0 !important;display:none}

package/dist/css/layout/style/breadcrumb.css

@@ -0,0 +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)}

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

@@ -0,0 +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 .anticon{margin-right:0;margin-left:10px}.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:1;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:1px 5px 20px 2px #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}

package/dist/css/layout/style/list.css

@@ -0,0 +1 @@
+.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%}

package/dist/css/layout/style/main.css

@@ -0,0 +1 @@
+.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)}

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

@@ -0,0 +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 .anticon{margin-right:0;margin-left:10px}.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/css/layout/style/show.css

@@ -0,0 +1 @@
+.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:1;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:1px 5px 20px 2px #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}

package/dist/css/menu/style/index.css

@@ -1 +1 @@
-.ditari-menu{height:calc(100vh - 240px);overflow:scroll}.ditari-menu::-webkit-scrollbar{width:0 !important;display:none}.ditari-layout{background-color:red}.ditari-layout .ditari-layout-sider{background-color:red}
+.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}

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

@@ -1,7 +1,15 @@
 import type { App } from "vue";
 export * from "./components";
-export declare const install: (app: App, opts: any) => void;
+export interface MenuIcon {
+    componentName: string | "nativeHtml";
+    type: string;
+}
+export interface Options {
+    menuIcon: MenuIcon;
+    prop: string;
+}
+export declare const install: (app: App, opts: Options) => void;
 declare const _default: {
-    install: (app: App<any>, opts: any) => void;
+    install: (app: App<any>, opts: Options) => void;
 };
 export default _default;

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

@@ -1,33 +1,33 @@
 import { createPinia as i } from "pinia";
 import { createPersistedState as a } from "pinia-plugin-persistedstate";
 import * as c from "./components.esm.js";
-import { DTable as u } from "./table/index.esm.js";
+import { DTable as d } from "./table/index.esm.js";
 import { default as b } from "./form/index.esm.js";
-import { DGrid as S, DGridItem as h } from "./grid/index.esm.js";
-import { DList as P, DMain as T, DNavTabs as j, DShow as k } from "./layout/index.esm.js";
-const s = c, m = function(o, r) {
-  Object.keys(s).forEach((n) => {
-    const e = s[n];
-    e.install && o.use(e);
+import { DGrid as I, DGridItem as S } from "./grid/index.esm.js";
+import { DList as v, DMain as G, DNavTabs as P, DShow as T } from "./layout/index.esm.js";
+const n = c, m = function(o, e) {
+  Object.keys(n).forEach((s) => {
+    const r = n[s];
+    r.install && o.use(r);
   });
   const t = i();
   t.use(
     a({
       storage: sessionStorage
     })
-  ), o.use(t), console.log("options", r);
-}, l = {
+  ), o.use(t), o.provide("menuIcon", e.menuIcon), console.log("options", e);
+}, p = {
   install: m
 };
 export {
   b as DForm,
-  S as DGrid,
-  h as DGridItem,
-  P as DList,
-  T as DMain,
-  j as DNavTabs,
-  k as DShow,
-  u as DTable,
-  l as default,
+  I as DGrid,
+  S as DGridItem,
+  v as DList,
+  G as DMain,
+  P as DNavTabs,
+  T as DShow,
+  d as DTable,
+  p as default,
   m as install
 };

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

@@ -1,4 +1,4 @@
-const e = "";
+import f from "./Breadcrumb.vue.esm.js";
 export {
-  e as default
+  f as default
 };

package/dist/esm/components/layout/List.vue.esm2.js

@@ -1,4 +1,4 @@
-const e = "";
+import f from "./List.vue.esm.js";
 export {
-  e as default
+  f as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as _, resolveComponent as a, openBlock as n, createElementBlock as w, Fragment as x, createVNode as t, withCtx as l, unref as e, isRef as $, createElementVNode as o, renderSlot as f, normalizeStyle as y, createBlock as d, Transition as A, KeepAlive as M, resolveDynamicComponent as z } from "vue";
+import { defineComponent as S, computed as _, resolveComponent as a, openBlock as n, createElementBlock as w, Fragment as x, createVNode as t, withCtx as i, unref as e, isRef as $, createElementVNode as o, renderSlot as f, normalizeStyle as y, createBlock as d, Transition as A, KeepAlive as M, resolveDynamicComponent as z } from "vue";
 import { MenuUnfoldOutlined as B, MenuFoldOutlined as N } from "@ant-design/icons-vue";
 import "../../store/modules/Breadcrumb.esm.js";
 import "../../store/modules/DataDictionary.esm.js";
@@ -8,31 +8,29 @@ import "../../store/modules/NavTab.esm.js";
 import { useSettingsStore as E } from "../../store/modules/Settings.esm.js";
 import "../../store/modules/User.esm.js";
 import F from "./NavTabs.vue.esm.js";
-import "./NavTabs.vue.esm2.js";
 import K from "./Breadcrumb.vue.esm.js";
-import "./Breadcrumb.vue.esm2.js";
-import L from "./Menu.esm.js";
+import L from "../menu/Menu.esm.js";
 const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "ditari-layout-header" }, V = { class: "ditari-layout-header-left" }, H = { class: "ditari-user-menu" }, T = {
   name: "DMainLayout"
-}, lt = /* @__PURE__ */ S({
+}, ot = /* @__PURE__ */ S({
   ...T,
   setup(j) {
-    const v = D(), g = _(() => v.get), c = E(), { switchCollapsed: u } = c, i = _(() => c.getCollapsed);
-    return (p, r) => {
+    const v = D(), g = _(() => v.get), p = E(), { switchCollapsed: u } = p, l = _(() => p.getCollapsed);
+    return (c, r) => {
       const k = a("a-layout-sider"), h = a("router-view"), b = a("a-layout-content"), m = a("a-layout"), C = a("a-back-top");
       return n(), w(x, null, [
         t(m, { class: "ditari-layout" }, {
-          default: l(() => [
+          default: i(() => [
             t(k, {
-              collapsed: e(i),
-              "onUpdate:collapsed": r[0] || (r[0] = (s) => $(i) ? i.value = s : null),
+              collapsed: e(l),
+              "onUpdate:collapsed": r[0] || (r[0] = (s) => $(l) ? l.value = s : null),
               trigger: null,
               collapsible: "",
               class: "ditari-layout-sider"
             }, {
-              default: l(() => [
+              default: i(() => [
                 o("div", O, [
-                  f(p.$slots, "logo")
+                  f(c.$slots, "logo")
                 ]),
                 o("div", R, [
                   t(e(L))
@@ -41,10 +39,10 @@ const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "
               _: 3
             }, 8, ["collapsed"]),
             t(m, null, {
-              default: l(() => [
+              default: i(() => [
                 o("div", {
                   class: "ditari-top-layout",
-                  style: y({ left: e(i) ? "80px" : "200px" })
+                  style: y({ left: e(l) ? "80px" : "200px" })
                 }, [
                   t(F),
                   o("div", U, [
@@ -54,7 +52,7 @@ const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "
                         onClick: r[1] || (r[1] = //@ts-ignore
                         (...s) => e(u) && e(u)(...s))
                       }, [
-                        e(i) ? (n(), d(e(B), {
+                        e(l) ? (n(), d(e(B), {
                           key: 0,
                           class: "trigger",
                           style: { "font-size": "16px", "font-weight": "bold", cursor: "pointer" }
@@ -66,29 +64,29 @@ const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "
                       t(K)
                     ]),
                     o("div", H, [
-                      f(p.$slots, "operation")
+                      f(c.$slots, "operation")
                     ])
                   ])
                 ], 4),
                 t(b, {
                   class: "ditari-layout-content",
-                  style: y({ marginLeft: e(i) ? "80px" : "200px" })
+                  style: y({ marginLeft: e(l) ? "80px" : "200px" })
                 }, {
-                  default: l(() => [
+                  default: i(() => [
                     t(h, null, {
-                      default: l(({ Component: s }) => [
+                      default: i(({ Component: s }) => [
                         t(A, {
                           name: "main",
                           mode: "out-in",
                           appear: ""
                         }, {
-                          default: l(() => [
+                          default: i(() => [
                             (n(), d(M, {
                               ref: "keepAliveRef",
                               include: e(g)
                             }, [
                               (n(), d(z(s), {
-                                key: p.$route.path
+                                key: c.$route.path
                               }))
                             ], 1032, ["include"]))
                           ]),
@@ -115,5 +113,5 @@ const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "
   }
 });
 export {
-  lt as default
+  ot as default
 };

package/dist/esm/components/layout/Main.vue.esm2.js

@@ -1,4 +1,4 @@
-const e = "";
+import f from "./Main.vue.esm.js";
 export {
-  e as default
+  f as default
 };

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

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

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

@@ -1,4 +1,4 @@
-const e = "";
+import f from "./NavTabs.vue.esm.js";
 export {
-  e as default
+  f as default
 };

package/dist/esm/components/layout/Show.vue.esm2.js

@@ -1,4 +1,4 @@
-const e = "";
+import f from "./Show.vue.esm.js";
 export {
-  e as default
+  f as default
 };

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

@@ -1,16 +1,12 @@
 import o from "../../utils/install.esm.js";
 import m from "./List.vue.esm.js";
-import "./List.vue.esm2.js";
 import t from "./Main.vue.esm.js";
-import "./Main.vue.esm2.js";
 import i from "./NavTabs.vue.esm.js";
-import "./NavTabs.vue.esm2.js";
 import r from "./Show.vue.esm.js";
-import "./Show.vue.esm2.js";
-const h = o(m), l = o(t), w = o(i), b = o(r);
+const _ = o(m), p = o(t), D = o(i), $ = o(r);
 export {
-  h as DList,
-  l as DMain,
-  w as DNavTabs,
-  b as DShow
+  _ as DList,
+  p as DMain,
+  D as DNavTabs,
+  $ as DShow
 };

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

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

package/dist/esm/style.css

@@ -1 +1 @@
-.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-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:1;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:1px 5px 20px 2px #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;padding:10px;background:#fff;box-shadow:0 0 5px 3px #e0e0e0}.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)}.xi-pagination{margin-top:24px;text-align:center}.ditari-nav{background:#f0f2f5}.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}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:transparent}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#e9e9e9}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .anticon{margin-right:0;margin-left:20px}.ditari-nav .ant-tabs-tab .anticon:hover{font-weight:700}.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 transparent}.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 #e9e9e9}.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-item-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;right:0;margin-top:-7px}.ditari-nav .tab-item-dividers:before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:red;transition:opacity .2s ease,background-color .3s;z-index:2}.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:translate(30px) skew(-50deg)}
+.xi-pagination{margin-top:24px;text-align:center}