@ditari/bsui 1.0.41 → 1.0.43

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.filter(i=>i.fullPath===t)[0];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"),_=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;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("vue-router"),b=require("@ant-design/icons-vue"),i=require("@vueuse/core"),w=require("../../store/modules/NavTab.cjs.js"),T=require("../../store/modules/Settings.cjs.js"),C=require("pinia"),k={class:"ditari-show-layout"},x={key:0,class:"ditari-show-footer"},N={name:"DShowLayout"},q=e.defineComponent({...N,props:{close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},setup(s,{expose:c}){const n=s,o=l.useRouter(),r=l.useRoute(),u=e.useSlots(),a=w.useNavTabsStore(),d=T.useSettingsStore(),{refresh:p}=C.storeToRefs(d),f={padding:`10px 10px ${u.footer?"70px":"10px"} 10px`},h=()=>{n.close&&a.deleteTabs(r.path),o.go(-1)},g=()=>{p.value=!0,a.deleteTabs(r.path),o.go(-1)},{y:S}=i.useWindowScroll(),m=i.useScrollLock(document.body);e.watch(()=>n.loading,t=>{m.value=t});const v=200;return c({refresh:g}),(t,B)=>{const _=e.resolveComponent("a-page-header"),y=e.resolveComponent("a-spin");return e.openBlock(),e.createElementBlock("div",k,[e.createVNode(y,{tip:"正在处理...",spinning:s.loading,delay:v,size:"large"},{default:e.withCtx(()=>[e.createVNode(_,{class:e.normalizeClass(["ditari-page-header",{active:e.unref(S)>0}]),ghost:!1,onBack:h},{backIcon:e.withCtx(()=>[e.createVNode(e.unref(b.LeftOutlined))]),title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.$route.meta.title),1)]),subTitle:e.withCtx(()=>[e.renderSlot(t.$slots,"subTitle")]),extra:e.withCtx(()=>[e.renderSlot(t.$slots,"extra")]),_:3},8,["class"]),e.createElementVNode("div",{class:"ditari-show-content",style:f},[e.renderSlot(t.$slots,"default")]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)]),_:3},8,["spinning"])])}}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("vue-router"),b=require("@ant-design/icons-vue"),l=require("@vueuse/core"),T=require("../../store/modules/NavTab.cjs.js"),C=require("../../store/modules/Settings.cjs.js"),k=require("pinia"),x={class:"ditari-show-layout"},N={key:0,class:"ditari-show-footer"},q={name:"DShowLayout"},B=e.defineComponent({...q,props:{close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},setup(c,{expose:i}){const o=c,s=a.useRouter(),n=a.useRoute(),u=e.useSlots(),r=T.useNavTabsStore(),d=C.useSettingsStore(),{refresh:p}=k.storeToRefs(d),f=e.computed(()=>o.loading),g={padding:`10px 10px ${u.footer?"70px":"10px"} 10px`},h=()=>{o.close&&r.deleteTabs(n.path),s.go(-1)},m=()=>{p.value=!0,r.deleteTabs(n.path),s.go(-1)},{y:S}=l.useWindowScroll(),_=l.useScrollLock(document.body);e.watch(()=>o.loading,t=>{_.value=t});const v=200;return i({closePage:m}),(t,V)=>{const y=e.resolveComponent("a-page-header"),w=e.resolveComponent("a-spin");return e.openBlock(),e.createElementBlock("div",x,[e.createVNode(w,{tip:"正在处理...",spinning:e.unref(f),delay:v,size:"large"},{default:e.withCtx(()=>[e.createVNode(y,{class:e.normalizeClass(["ditari-page-header",{active:e.unref(S)>0}]),ghost:!1,onBack:h},{backIcon:e.withCtx(()=>[e.createVNode(e.unref(b.LeftOutlined))]),title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.$route.meta.title),1)]),subTitle:e.withCtx(()=>[e.renderSlot(t.$slots,"subTitle")]),extra:e.withCtx(()=>[e.renderSlot(t.$slots,"extra")]),_:3},8,["class"]),e.createElementVNode("div",{class:"ditari-show-content",style:g},[e.renderSlot(t.$slots,"default")]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",N,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)]),_:3},8,["spinning"])])}}});exports.default=B;

package/dist/cjs/components/layout/Show.vue.d.ts

@@ -11,7 +11,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    refresh: () => void;
+    closePage: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     close: {
         type: __PropType<boolean | undefined>;

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

@@ -15,7 +15,7 @@ export declare const DShow: import("../../utils/install").SFCWithInstall<import(
         default: boolean;
     };
 }, {
-    refresh: () => void;
+    closePage: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     close: {
         type: import("vue").PropType<boolean | undefined>;

package/dist/cjs/components/modal/Modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vueuse/core"),s=require("ant-design-vue"),v=require("../theme/index.cjs.js"),f=`${v.prefixName}-modal`,m=e.defineComponent({name:"DModal",props:{title:{type:String,default:""},visible:{type:Boolean,default:()=>!1},width:{type:Number,default:()=>800}},emits:["update:visible"],setup(u,{slots:t,emit:r}){const l=e.ref(!0),n=e.ref(0);e.watchEffect(()=>{l.value=u.visible,document.body.style.width=""});const i=e.ref(void 0);o.useResizeObserver(document.body,()=>{const{height:a}=o.useWindowSize();n.value=a.value<200?a.value:a.value-200,i.value={"max-height":n.value+"px"}});const d=()=>t.footer?t.footer&&(t==null?void 0:t.footer()):null,c=()=>{r("update:visible",l.value)};return()=>e.createVNode(e.Fragment,null,[e.createVNode(s.Modal,{visible:l.value,"onUpdate:visible":a=>l.value=a,title:u.title,centered:!0,"mask-closable":!1,wrapClassName:f,width:u.width,footer:d(),onCancel:c},{default:()=>e.createVNode("div",{class:["content"],style:i.value},[t.default&&t.default(n.value)])})])}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vueuse/core"),v=require("ant-design-vue"),f=require("../theme/index.cjs.js"),r=`${f.prefixName}-modal`,m=e.defineComponent({name:"DModal",props:{title:{type:String,default:""},visible:{type:Boolean,default:()=>!1},width:{type:Number,default:()=>800}},emits:["update:visible"],setup(u,{slots:t,emit:d}){const l=e.ref(!0),n=e.ref(0);e.watchEffect(()=>{l.value=u.visible,document.body.style.width=""});const i=e.ref(void 0);o.useResizeObserver(document.body,()=>{const{height:a}=o.useWindowSize();n.value=a.value<200?a.value:a.value-200,i.value={"max-height":n.value+"px"}});const c=()=>t.footer?t.footer&&(t==null?void 0:t.footer()):null,s=()=>{d("update:visible",l.value)};return()=>e.createVNode(e.Fragment,null,[e.createVNode(v.Modal,{visible:l.value,"onUpdate:visible":a=>l.value=a,title:u.title,centered:!0,"mask-closable":!1,wrapClassName:r,width:u.width,footer:c(),onCancel:s},{default:()=>e.createVNode("div",{class:[`${r}-content`],style:i.value},[t.default&&t.default(n.value)])})])}});exports.default=m;

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

@@ -1 +1 @@
-.ditari-bsui-modal .ant-modal-body{padding:0}.ditari-bsui-modal .content{max-height:200px;overflow-y:scroll}.ditari-bsui-modal .content::-webkit-scrollbar{width:0 !important;display:none}.ant-table.ant-table-bordered>.ant-table-container{border-bottom:1px solid #f0f0f0}@media screen and (min-width: 320px){.modal{font-size:12px}}@media screen and (min-width: 640px){.modal{font-size:14px}}@media screen and (min-width: 1024px){.modal{font-size:16px}}@media screen and (min-width: 1440px){.modal{font-size:18px}}@media screen and (max-width: 640px){.modal-sm{width:100%;height:100%;min-width:240px;min-height:160px}}@media screen and (min-width: 640px)and (max-width: 1024px){.modal-md{margin:100px auto;max-width:600px;max-height:480px}}@media screen and (min-width: 1024px)and (max-width: 1440px){.modal-lg{margin:100px auto;max-width:800px;max-height:600px}}@media screen and (min-width: 1440px){.modal-xl{margin:100px auto}}
+.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}}

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

@@ -35,7 +35,7 @@ const j = { class: "ditari-nav" }, G = /* @__PURE__ */ C("div", { class: "tab-di
         });
       }
     }, S = (t, e) => {
-      const s = o.value.filter((i) => i.fullPath === e)[0];
+      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) => {
       var e;

package/dist/esm/components/layout/Show.vue.d.ts

@@ -11,7 +11,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    refresh: () => void;
+    closePage: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     close: {
         type: __PropType<boolean | undefined>;

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

@@ -1,58 +1,58 @@
-import { defineComponent as $, useSlots as x, watch as B, resolveComponent as c, openBlock as d, createElementBlock as p, createVNode as a, withCtx as o, normalizeClass as C, unref as u, createTextVNode as N, toDisplayString as L, renderSlot as t, createElementVNode as R, createCommentVNode as V } from "vue";
-import { useRouter as z, useRoute as D } from "vue-router";
-import { LeftOutlined as E } from "@ant-design/icons-vue";
-import { useWindowScroll as I, useScrollLock as O } from "@vueuse/core";
-import { useNavTabsStore as W } from "../../store/modules/NavTab.esm.js";
-import { useSettingsStore as j } from "../../store/modules/Settings.esm.js";
-import { storeToRefs as q } from "pinia";
-const A = { class: "ditari-show-layout" }, F = {
+import { defineComponent as x, useSlots as B, computed as C, watch as L, resolveComponent as c, openBlock as d, createElementBlock as p, createVNode as n, unref as r, withCtx as o, normalizeClass as N, createTextVNode as R, toDisplayString as V, renderSlot as t, createElementVNode as z, createCommentVNode as D } from "vue";
+import { useRouter as E, useRoute as I } from "vue-router";
+import { LeftOutlined as O } from "@ant-design/icons-vue";
+import { useWindowScroll as P, useScrollLock as W } from "@vueuse/core";
+import { useNavTabsStore as j } from "../../store/modules/NavTab.esm.js";
+import { useSettingsStore as q } from "../../store/modules/Settings.esm.js";
+import { storeToRefs as A } from "pinia";
+const F = { class: "ditari-show-layout" }, G = {
   key: 0,
   class: "ditari-show-footer"
-}, G = {
+}, H = {
   name: "DShowLayout"
-}, Y = /* @__PURE__ */ $({
-  ...G,
+}, ee = /* @__PURE__ */ x({
+  ...H,
   props: {
     close: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 }
   },
-  setup(n, { expose: f }) {
-    const r = n, s = z(), l = D(), m = x(), i = W(), h = j(), { refresh: g } = q(h), _ = {
-      padding: `10px 10px ${m.footer ? "70px" : "10px"} 10px`
-    }, y = () => {
-      r.close && i.deleteTabs(l.path), s.go(-1);
+  setup(u, { expose: m }) {
+    const s = u, a = E(), l = I(), f = B(), i = j(), g = q(), { refresh: h } = A(g), _ = C(() => s.loading), y = {
+      padding: `10px 10px ${f.footer ? "70px" : "10px"} 10px`
     }, S = () => {
-      g.value = !0, i.deleteTabs(l.path), s.go(-1);
-    }, { y: v } = I(), T = O(document.body);
-    B(
-      () => r.loading,
+      s.close && i.deleteTabs(l.path), a.go(-1);
+    }, v = () => {
+      h.value = !0, i.deleteTabs(l.path), a.go(-1);
+    }, { y: T } = P(), b = W(document.body);
+    L(
+      () => s.loading,
       (e) => {
-        T.value = e;
+        b.value = e;
       }
     );
-    const b = 200;
-    return f({
-      refresh: S
-    }), (e, H) => {
-      const k = c("a-page-header"), w = c("a-spin");
-      return d(), p("div", A, [
-        a(w, {
+    const w = 200;
+    return m({
+      closePage: v
+    }), (e, J) => {
+      const k = c("a-page-header"), $ = c("a-spin");
+      return d(), p("div", F, [
+        n($, {
           tip: "正在处理...",
-          spinning: n.loading,
-          delay: b,
+          spinning: r(_),
+          delay: w,
           size: "large"
         }, {
           default: o(() => [
-            a(k, {
-              class: C(["ditari-page-header", { active: u(v) > 0 }]),
+            n(k, {
+              class: N(["ditari-page-header", { active: r(T) > 0 }]),
               ghost: !1,
-              onBack: y
+              onBack: S
             }, {
               backIcon: o(() => [
-                a(u(E))
+                n(r(O))
               ]),
               title: o(() => [
-                N(L(e.$route.meta.title), 1)
+                R(V(e.$route.meta.title), 1)
               ]),
               subTitle: o(() => [
                 t(e.$slots, "subTitle")
@@ -62,15 +62,15 @@ const A = { class: "ditari-show-layout" }, F = {
               ]),
               _: 3
             }, 8, ["class"]),
-            R("div", {
+            z("div", {
               class: "ditari-show-content",
-              style: _
+              style: y
             }, [
               t(e.$slots, "default")
             ]),
-            e.$slots.footer ? (d(), p("div", F, [
+            e.$slots.footer ? (d(), p("div", G, [
               t(e.$slots, "footer")
-            ])) : V("", !0)
+            ])) : D("", !0)
           ]),
           _: 3
         }, 8, ["spinning"])
@@ -79,5 +79,5 @@ const A = { class: "ditari-show-layout" }, F = {
   }
 });
 export {
-  Y as default
+  ee as default
 };

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

@@ -15,7 +15,7 @@ export declare const DShow: import("../../utils/install").SFCWithInstall<import(
         default: boolean;
     };
 }, {
-    refresh: () => void;
+    closePage: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     close: {
         type: import("vue").PropType<boolean | undefined>;

package/dist/esm/components/modal/Modal.esm.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, ref as i, watchEffect as c, createVNode as n, Fragment as v } from "vue";
-import { useResizeObserver as s, useWindowSize as p } from "@vueuse/core";
-import { Modal as b } from "ant-design-vue";
-import { prefixName as h } from "../theme/index.esm.js";
-const y = `${h}-modal`, N = /* @__PURE__ */ m({
+import { defineComponent as c, ref as i, watchEffect as v, createVNode as n, Fragment as s } from "vue";
+import { useResizeObserver as p, useWindowSize as b } from "@vueuse/core";
+import { Modal as h } from "ant-design-vue";
+import { prefixName as y } from "../theme/index.esm.js";
+const d = `${y}-modal`, N = /* @__PURE__ */ c({
   name: "DModal",
   props: {
     title: {
@@ -21,37 +21,37 @@ const y = `${h}-modal`, N = /* @__PURE__ */ m({
   emits: ["update:visible"],
   setup(l, {
     slots: e,
-    emit: d
+    emit: r
   }) {
     const a = i(!0), o = i(0);
-    c(() => {
+    v(() => {
       a.value = l.visible, document.body.style.width = "";
     });
     const u = i(void 0);
-    s(document.body, () => {
+    p(document.body, () => {
       const {
         height: t
-      } = p();
+      } = b();
       o.value = t.value < 200 ? t.value : t.value - 200, u.value = {
         "max-height": o.value + "px"
       };
     });
-    const r = () => e.footer ? e.footer && (e == null ? void 0 : e.footer()) : null, f = () => {
-      d("update:visible", a.value);
+    const f = () => e.footer ? e.footer && (e == null ? void 0 : e.footer()) : null, m = () => {
+      r("update:visible", a.value);
     };
-    return () => n(v, null, [n(b, {
+    return () => n(s, null, [n(h, {
       visible: a.value,
       "onUpdate:visible": (t) => a.value = t,
       title: l.title,
       centered: !0,
       "mask-closable": !1,
-      wrapClassName: y,
+      wrapClassName: d,
       width: l.width,
-      footer: r(),
-      onCancel: f
+      footer: f(),
+      onCancel: m
     }, {
       default: () => n("div", {
-        class: ["content"],
+        class: [`${d}-content`],
         style: u.value
       }, [e.default && e.default(o.value)])
     })]);

package/dist/style/layout/style/show.scss

@@ -15,7 +15,7 @@
   }
   .ditari-page-header {
     position: sticky;
-    top: 84px;
+    top: $show-header-top;
     z-index: 10;
     padding: 4px 24px;
     transition: all 0.3s;

package/dist/style/modal/style/index.scss

@@ -4,7 +4,7 @@
   .ant-modal-body {
     padding: 0;
   }
-  .content {
+  .#{$prefix-name}-modal-content {
     max-height: 200px;
     overflow-y: scroll;
     &::-webkit-scrollbar {

package/dist/style/theme/variable.scss

@@ -17,8 +17,7 @@ $grid-input-border-width: 2px !default;
 $gird-border-width: 1px !default;
 // 网格里的输入框校验结果是否显示
 $gird-error-display: block !default;
-// show头部阴影
-$box-shadow-color: #e0e0e0 !default;
+
 
 /******======左侧菜单======******/
 // 左侧菜单
@@ -37,3 +36,9 @@ $nav-tab-dividers-color: #fff !default;
 $nav-tab-text-color: #fff !default;
 // 悬浮的背景色
 $nav-tab-hover-bg-color: #065de1 !default;
+
+
+/******======详情页，返回导航距离======******/
+$show-header-top: 84px!default;
+// show头部阴影
+$box-shadow-color: #e0e0e0 !default;

package/package.json

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

package/src/components/layout/NavTabs.vue

@@ -21,6 +21,7 @@ const menuStore = useMenuStore();
 
 //标签列表
 const navTabs: Ref<INavTab[]> = computed(() => navStore.getList);
+// 被选中的菜单
 const { selectedMenuKeys } = storeToRefs(menuStore);
 //当前被激活的标签 通过选中的菜单得到
 const activeKey = ref("");
@@ -72,7 +73,7 @@ const onClick = (key: string) => {
  * @param targetKey
  */
 const onClose = ($event: any, key: string) => {
-  const rs = navTabs.value.filter((item) => item.fullPath === key)[0];
+  const rs = navTabs.value.find((item) => item.fullPath === key) as INavTab;
   //阻止冒泡
   $event.stopPropagation();
   // 删除标签
@@ -87,7 +88,7 @@ const onClose = ($event: any, key: string) => {
 };
 
 /**
- * 标签关闭 状态函数
+ * 是否显示标签关闭按钮函数
  * @param item
  * 根据item和当前 navTabs 长度来判断是否要隐藏关闭标签按钮
  */

package/src/components/layout/Show.vue

@@ -2,7 +2,7 @@
 /**
  * 详情/新增/编辑组件
  */
-import { useSlots, watch } from "vue";
+import { computed, useSlots, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { LeftOutlined } from "@ant-design/icons-vue";
 import { useScrollLock, useWindowScroll } from "@vueuse/core";
@@ -32,6 +32,8 @@ const settingsStore = useSettingsStore();
 
 const { refresh } = storeToRefs(settingsStore);
 
+const showLoading = computed(() => props.loading);
+
 const contentStyle = {
   padding: `10px 10px ${slots.footer ? "70px" : "10px"} 10px`
 };
@@ -74,7 +76,7 @@ watch(
 
 const delayTime = 200;
 defineExpose({
-  refresh: onRefresh
+  closePage: onRefresh
 });
 </script>
 <script lang="ts">
@@ -86,7 +88,7 @@ export default {
   <div class="ditari-show-layout">
     <a-spin
       tip="正在处理..."
-      :spinning="loading"
+      :spinning="showLoading"
       :delay="delayTime"
       size="large"
     >

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

@@ -15,7 +15,7 @@
   }
   .ditari-page-header {
     position: sticky;
-    top: 84px;
+    top: $show-header-top;
     z-index: 10;
     padding: 4px 24px;
     transition: all 0.3s;

package/src/components/modal/Modal.tsx

@@ -63,7 +63,10 @@ export default defineComponent({
         >
           {{
             default: () => (
-              <div class={["content"]} style={contentStyle.value}>
+              <div
+                class={[`${baseClassName}-content`]}
+                style={contentStyle.value}
+              >
                 {slots.default && slots.default(maxHeight.value)}
               </div>
             )

package/src/components/modal/style/index.scss

@@ -4,7 +4,7 @@
   .ant-modal-body {
     padding: 0;
   }
-  .content {
+  .#{$prefix-name}-modal-content {
     max-height: 200px;
     overflow-y: scroll;
     &::-webkit-scrollbar {

package/src/components/theme/variable.scss

@@ -17,8 +17,7 @@ $grid-input-border-width: 2px !default;
 $gird-border-width: 1px !default;
 // 网格里的输入框校验结果是否显示
 $gird-error-display: block !default;
-// show头部阴影
-$box-shadow-color: #e0e0e0 !default;
+
 
 /******======左侧菜单======******/
 // 左侧菜单
@@ -37,3 +36,9 @@ $nav-tab-dividers-color: #fff !default;
 $nav-tab-text-color: #fff !default;
 // 悬浮的背景色
 $nav-tab-hover-bg-color: #065de1 !default;
+
+
+/******======详情页，返回导航距离======******/
+$show-header-top: 84px!default;
+// show头部阴影
+$box-shadow-color: #e0e0e0 !default;