@ditari/bsui 1.0.4 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/layout/NavTabs.vue.cjs.js +1 -1
- package/dist/cjs/components/table/Table.vue.cjs.js +1 -1
- package/dist/cjs/components/table/Table.vue.d.ts +11 -0
- package/dist/cjs/components/table/index.d.ts +11 -0
- package/dist/css/index.css +1 -1
- package/dist/css/layout/style/index.css +1 -1
- package/dist/css/layout/style/navtab.css +1 -1
- package/dist/css/layout/style/show.css +1 -1
- package/dist/esm/components/layout/NavTabs.vue.esm.js +33 -31
- package/dist/esm/components/table/Table.vue.d.ts +11 -0
- package/dist/esm/components/table/Table.vue.esm.js +43 -42
- package/dist/esm/components/table/index.d.ts +11 -0
- package/dist/style/layout/style/navtab.scss +14 -4
- package/dist/style/layout/style/show.scss +1 -1
- package/package.json +1 -1
- package/src/components/layout/NavTabs.vue +6 -4
- package/src/components/layout/style/navtab.scss +14 -4
- package/src/components/layout/style/show.scss +1 -1
- package/src/components/table/Table.vue +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("vue-router"),b=require("@ant-design/icons-vue");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");const k=require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");const q=require("../../store/modules/NavTab.cjs.js");require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const C=require("pinia"),y={class:"ditari-nav"},
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("vue-router"),b=require("@ant-design/icons-vue");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");const k=require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");const q=require("../../store/modules/NavTab.cjs.js");require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const C=require("pinia"),y={class:"ditari-nav"},N=e.createElementVNode("div",{class:"tab-dividers"},null,-1),T={class:"tab-close"},B={name:"DNavTabs"},K=e.defineComponent({...B,setup(g){const n=_.useRoute(),i=_.useRouter(),r=q.useNavTabsStore(),p=k.useKeepAliveStore(),s=e.computed(()=>r.getList),{activeKey:c}=C.storeToRefs(r);v(),e.watch(()=>n.path,()=>{v()});function v(){r.save(n),r.setActiveKey(n.path),p.save(n)}const m=l=>{if(l!==n.path){const t=s.value.filter(o=>o.path===l)[0];i.push({path:t.path,query:t.query,params:t.params})}},f=(l,t)=>{const o=s.value.filter(u=>u.path===t)[0];l.stopPropagation(),r.deleteTabs(t),i.push(s.value[s.value.length-1].fullPath),o.name&&p.deleteKeepAlive(o.name)};return(l,t)=>{const o=e.resolveComponent("a-tab-pane"),u=e.resolveComponent("a-tabs");return e.openBlock(),e.createElementBlock("div",y,[e.createVNode(u,{activeKey:e.unref(c),"onUpdate:activeKey":t[0]||(t[0]=a=>e.isRef(c)?c.value=a:null),type:"card",onTabClick:m},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),a=>(e.openBlock(),e.createBlock(o,{key:a.path},{tab:e.withCtx(()=>{var d;return[N,e.createElementVNode("div",{class:e.normalizeClass(["tab-item",{active:e.unref(c)===a.path}])},e.toDisplayString(a.meta.title),3),e.createElementVNode("div",T,[(d=a.meta)!=null&&d.keepOpen?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(b.CloseOutlined),{key:0,onClick:h=>f(h,a.fullPath)},null,8,["onClick"]))])]}),_:2},1024))),128))]),_:1},8,["activeKey"])])}}});exports.default=K;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("./Field.vue.cjs.js"),K={name:"DTable"},V=e.defineComponent({...K,props:{bordered:{type:Boolean,default:!1},keys:{default:void 0},size:{default:"small"},columns:{default:[]},data:{default:[]},rowKey:{default:"id"},loading:{type:Boolean,default:!1},height:{default:0},pagination:{default:!1},selection:{default:"N"},config:{default:{}},keepSelected:{type:Boolean,default:!1}},emits:["update:keys"],setup(g,{emit:d}){const u=g,z=e.inject("configProvider"),y=e.ref(),v=e.ref(0),l=e.ref(u.keys),w=e.ref(),p=e.computed(()=>u.pagination),m={defaultPageSize:20,hideOnSinglePage:!1,pageSizeOptions:["10","20","30","40"],responsive:!0,showQuickJumper:!0,showLessItems:!0,showTotal:t=>`总共 ${t} 条`},{onPageChange:T}=B();function B(){const{keepSelected:t,selection:o,config:{pagingChange:a}}=u;return{onPageChange:(s,n)=>{(o==="S"||!t)&&(l.value=[],d("update:keys",l.value)),a({page:s,size:n}),w.value.scrollTop=0}}}const{customRow:P,rowSelection:N}=O();function O(){const t=R(),o=$();return{customRow:t,rowSelection:o}}function R(){const{rowKey:t}=u;return o=>{const a=o[t],{$OnClick:i,$OnDblclick:s}=x(a);try{t||console.warn("未指定rowKey")}catch{console.warn()}return{onClick:()=>{i(o)},onDblclick:()=>{s(o)}}}}function $(){const{selection:t,rowKey:o,config:{disabledData:a}}=u;return t==="N"?void 0:{selectedRowKeys:l,onSelect:(n,c)=>{t==="S"?(l.value=[],l.value=c?[n[o]]:[]):l.value=c?l.value.concat(n[o]):l.value.filter(f=>f!==n[o]),d("update:keys",l.value)},onSelectAll:(n,c,f)=>{const r=f.map(h=>h[o]);l.value=n?l.value.concat(r):l.value.filter(h=>!r.includes(h)),d("update:keys",l.value)},fixed:!0,columnTitle:t==="S"?"选择":null,columnWidth:t==="S"?60:40,getCheckboxProps:n=>{var c;return{disabled:(c=a==null?void 0:a.value)==null?void 0:c.includes(n[a==null?void 0:a.key]),name:a==null?void 0:a.key}}}}function x(t){const{selection:o,config:{click:a,dbClick:i,disabledData:s}}=u;let n=null;return{$OnClick:r=>{clearTimeout(n),n=setTimeout(()=>{var b;if(a&&a(r),o==="N"||(b=s==null?void 0:s.value)!=null&&b.includes(r[s==null?void 0:s.key]))return;l.value.some(k=>k===t)?l.value=l.value.filter(k=>k!==t):(o==="S"&&(l.value=[]),l.value.push(t)),d("update:keys",l.value)},200)},$OnDblclick:r=>{clearTimeout(n),i&&i(r)}}}e.watch(()=>u.height,t=>{t!==0&&setTimeout(()=>{S()},100)}),e.watch(()=>u.loading,t=>{t&&u.selection==="S"&&(l.value=[],d("update:keys",l.value)),t&&u.selection==="M"&&!u.keepSelected&&(l.value=[],d("update:keys",l.value))}),u.height>0&&setTimeout(()=>{S()},100);function S(){const{height:t}=u,o=y.value.$el,a=C(o.getElementsByClassName("ant-table-header")[0]);let i=0;u.pagination&&(i=C(document.getElementsByClassName("xi-pagination")[0])),v.value=t-(a+i),o.getElementsByClassName("ant-table-body")[0].style.height=v.value-10+"px",w.value=o.getElementsByClassName("ant-table-body")[0]}function C(t){const o=["margin-top","margin-bottom","border-top","border-bottom","padding-top","padding-bottom","height"],a=getComputedStyle(t);return o.map(i=>parseInt(a.getPropertyValue(i),10)).reduce((i,s)=>i+s)}return(t,o)=>{const a=e.resolveComponent("a-space"),i=e.resolveComponent("a-table"),s=e.resolveComponent("a-pagination");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(i,{ref_key:"tableRef",ref:y,bordered:g.bordered,columns:g.columns,"data-source":g.data,"row-key":g.rowKey,pagination:!1,"custom-row":e.unref(P),loading:g.loading,"row-selection":e.unref(N),size:g.size??"small",scroll:{scrollToFirstRowOnChange:!0,x:"100%",y:v.value+"px"}},{bodyCell:e.withCtx(({column:n,text:c,record:f,index:r})=>[n.config?(e.openBlock(),e.createBlock(E.default,{key:0,text:c,config:n.config},null,8,["text","config"])):e.createCommentVNode("",!0),n.slot==="action"?(e.openBlock(),e.createBlock(a,{key:1,onClick:o[0]||(o[0]=e.withModifiers(()=>{},["stop"])),onDblclick:o[1]||(o[1]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"action",{index:r,record:f})]),_:2},1024)):e.createCommentVNode("",!0),n.slot&&n.slot!=="action"?e.renderSlot(t.$slots,n.slot,{key:2,index:r,record:f}):e.createCommentVNode("",!0)]),_:3},8,["bordered","columns","data-source","row-key","custom-row","loading","row-selection","size","scroll"]),e.withDirectives(e.createVNode(s,{current:e.unref(p).current,"onUpdate:current":o[2]||(o[2]=n=>e.unref(p).current=n),pageSize:e.unref(p).pageSize,"onUpdate:pageSize":o[3]||(o[3]=n=>e.unref(p).pageSize=n),class:"xi-pagination",disabled:g.loading,"show-size-changer":"",size:e.unref(z).componentSize??"middle ","hide-on-single-page":m.hideOnSinglePage,"show-quick-jumper":m.showQuickJumper,"default-page-size":m.defaultPageSize,"page-size-options":m.pageSizeOptions,"show-total":m.showTotal,total:e.unref(p).total,onChange:e.unref(T)},null,8,["current","pageSize","disabled","size","hide-on-single-page","show-quick-jumper","default-page-size","page-size-options","show-total","total","onChange"]),[[e.vShow,g.pagination]])],64)}}});exports.default=V;
|
|
@@ -12,6 +12,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
12
12
|
required: false;
|
|
13
13
|
default: undefined;
|
|
14
14
|
};
|
|
15
|
+
size: {
|
|
16
|
+
type: __PropType<string | undefined>;
|
|
17
|
+
required: false;
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
15
20
|
columns: {
|
|
16
21
|
type: __PropType<any>;
|
|
17
22
|
required: true;
|
|
@@ -68,6 +73,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
68
73
|
required: false;
|
|
69
74
|
default: undefined;
|
|
70
75
|
};
|
|
76
|
+
size: {
|
|
77
|
+
type: __PropType<string | undefined>;
|
|
78
|
+
required: false;
|
|
79
|
+
default: string;
|
|
80
|
+
};
|
|
71
81
|
columns: {
|
|
72
82
|
type: __PropType<any>;
|
|
73
83
|
required: true;
|
|
@@ -120,6 +130,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
120
130
|
data: any;
|
|
121
131
|
loading: false | undefined;
|
|
122
132
|
config: any;
|
|
133
|
+
size: string | undefined;
|
|
123
134
|
bordered: boolean | undefined;
|
|
124
135
|
columns: any;
|
|
125
136
|
rowKey: string | undefined;
|
|
@@ -9,6 +9,11 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
|
|
|
9
9
|
required: false;
|
|
10
10
|
default: undefined;
|
|
11
11
|
};
|
|
12
|
+
size: {
|
|
13
|
+
type: import("vue").PropType<string | undefined>;
|
|
14
|
+
required: false;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
12
17
|
columns: {
|
|
13
18
|
type: import("vue").PropType<any>;
|
|
14
19
|
required: true;
|
|
@@ -65,6 +70,11 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
|
|
|
65
70
|
required: false;
|
|
66
71
|
default: undefined;
|
|
67
72
|
};
|
|
73
|
+
size: {
|
|
74
|
+
type: import("vue").PropType<string | undefined>;
|
|
75
|
+
required: false;
|
|
76
|
+
default: string;
|
|
77
|
+
};
|
|
68
78
|
columns: {
|
|
69
79
|
type: import("vue").PropType<any>;
|
|
70
80
|
required: true;
|
|
@@ -117,6 +127,7 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
|
|
|
117
127
|
data: any;
|
|
118
128
|
loading: false | undefined;
|
|
119
129
|
config: any;
|
|
130
|
+
size: string | undefined;
|
|
120
131
|
bordered: boolean | undefined;
|
|
121
132
|
columns: any;
|
|
122
133
|
rowKey: string | undefined;
|
package/dist/css/index.css
CHANGED
|
@@ -1 +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-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 .
|
|
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-sider{background-color:#162157}.ditari-layout-sider .ant-menu-dark{background-color:#162157}.ditari-layout-sider .ant-menu-dark .ant-menu-inline.ant-menu-sub{background-color:#101847}.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:1;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;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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .
|
|
1
|
+
.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:1;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;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .
|
|
1
|
+
.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}
|
|
@@ -1 +1 @@
|
|
|
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:
|
|
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:7px 12px 20px 0 #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}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as T, computed as N, watch as g, resolveComponent as f, openBlock as i, createElementBlock as
|
|
1
|
+
import { defineComponent as T, computed as N, watch as g, resolveComponent as f, openBlock as i, createElementBlock as h, createVNode as S, unref as c, isRef as A, withCtx as b, Fragment as R, renderList as x, createBlock as C, createElementVNode as u, normalizeClass as B, toDisplayString as P, createCommentVNode as V } from "vue";
|
|
2
2
|
import { useRoute as q, useRouter as w } from "vue-router";
|
|
3
3
|
import { CloseOutlined as D } from "@ant-design/icons-vue";
|
|
4
4
|
import "../../store/modules/Breadcrumb.esm.js";
|
|
@@ -9,58 +9,60 @@ import { useNavTabsStore as L } from "../../store/modules/NavTab.esm.js";
|
|
|
9
9
|
import "../../store/modules/Settings.esm.js";
|
|
10
10
|
import "../../store/modules/User.esm.js";
|
|
11
11
|
import { storeToRefs as O } from "pinia";
|
|
12
|
-
const z = { class: "ditari-nav" }, F = /* @__PURE__ */
|
|
12
|
+
const z = { class: "ditari-nav" }, F = /* @__PURE__ */ u("div", { class: "tab-dividers" }, null, -1), U = { class: "tab-close" }, j = {
|
|
13
13
|
name: "DNavTabs"
|
|
14
|
-
},
|
|
15
|
-
...
|
|
16
|
-
setup(
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
() =>
|
|
14
|
+
}, te = /* @__PURE__ */ T({
|
|
15
|
+
...j,
|
|
16
|
+
setup(G) {
|
|
17
|
+
const a = q(), m = w(), s = L(), v = E(), n = N(() => s.getList), { activeKey: l } = O(s);
|
|
18
|
+
d(), g(
|
|
19
|
+
() => a.path,
|
|
20
20
|
() => {
|
|
21
|
-
|
|
21
|
+
d();
|
|
22
22
|
}
|
|
23
23
|
);
|
|
24
|
-
function
|
|
25
|
-
|
|
24
|
+
function d() {
|
|
25
|
+
s.save(a), s.setActiveKey(a.path), v.save(a);
|
|
26
26
|
}
|
|
27
27
|
const k = (r) => {
|
|
28
|
-
if (r !==
|
|
29
|
-
const e =
|
|
30
|
-
|
|
28
|
+
if (r !== a.path) {
|
|
29
|
+
const e = n.value.filter((o) => o.path === r)[0];
|
|
30
|
+
m.push({
|
|
31
31
|
path: e.path,
|
|
32
32
|
query: e.query,
|
|
33
33
|
params: e.params
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
36
|
}, y = (r, e) => {
|
|
37
|
-
const
|
|
38
|
-
r.stopPropagation(),
|
|
37
|
+
const o = n.value.filter((p) => p.path === e)[0];
|
|
38
|
+
r.stopPropagation(), s.deleteTabs(e), m.push(n.value[n.value.length - 1].fullPath), o.name && v.deleteKeepAlive(o.name);
|
|
39
39
|
};
|
|
40
40
|
return (r, e) => {
|
|
41
|
-
const
|
|
42
|
-
return i(),
|
|
43
|
-
S(
|
|
44
|
-
activeKey:
|
|
41
|
+
const o = f("a-tab-pane"), p = f("a-tabs");
|
|
42
|
+
return i(), h("div", z, [
|
|
43
|
+
S(p, {
|
|
44
|
+
activeKey: c(l),
|
|
45
45
|
"onUpdate:activeKey": e[0] || (e[0] = (t) => A(l) ? l.value = t : null),
|
|
46
46
|
type: "card",
|
|
47
47
|
onTabClick: k
|
|
48
48
|
}, {
|
|
49
|
-
default:
|
|
50
|
-
(i(!0),
|
|
49
|
+
default: b(() => [
|
|
50
|
+
(i(!0), h(R, null, x(c(n), (t) => (i(), C(o, {
|
|
51
51
|
key: t.path
|
|
52
52
|
}, {
|
|
53
|
-
tab:
|
|
54
|
-
var
|
|
53
|
+
tab: b(() => {
|
|
54
|
+
var _;
|
|
55
55
|
return [
|
|
56
56
|
F,
|
|
57
|
-
|
|
58
|
-
class: B(["tab-item", { active:
|
|
57
|
+
u("div", {
|
|
58
|
+
class: B(["tab-item", { active: c(l) === t.path }])
|
|
59
59
|
}, P(t.meta.title), 3),
|
|
60
|
-
(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
60
|
+
u("div", U, [
|
|
61
|
+
(_ = t.meta) != null && _.keepOpen ? V("", !0) : (i(), C(c(D), {
|
|
62
|
+
key: 0,
|
|
63
|
+
onClick: (K) => y(K, t.fullPath)
|
|
64
|
+
}, null, 8, ["onClick"]))
|
|
65
|
+
])
|
|
64
66
|
];
|
|
65
67
|
}),
|
|
66
68
|
_: 2
|
|
@@ -73,5 +75,5 @@ const z = { class: "ditari-nav" }, F = /* @__PURE__ */ C("div", { class: "tab-di
|
|
|
73
75
|
}
|
|
74
76
|
});
|
|
75
77
|
export {
|
|
76
|
-
|
|
78
|
+
te as default
|
|
77
79
|
};
|
|
@@ -12,6 +12,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
12
12
|
required: false;
|
|
13
13
|
default: undefined;
|
|
14
14
|
};
|
|
15
|
+
size: {
|
|
16
|
+
type: __PropType<string | undefined>;
|
|
17
|
+
required: false;
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
15
20
|
columns: {
|
|
16
21
|
type: __PropType<any>;
|
|
17
22
|
required: true;
|
|
@@ -68,6 +73,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
68
73
|
required: false;
|
|
69
74
|
default: undefined;
|
|
70
75
|
};
|
|
76
|
+
size: {
|
|
77
|
+
type: __PropType<string | undefined>;
|
|
78
|
+
required: false;
|
|
79
|
+
default: string;
|
|
80
|
+
};
|
|
71
81
|
columns: {
|
|
72
82
|
type: __PropType<any>;
|
|
73
83
|
required: true;
|
|
@@ -120,6 +130,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
120
130
|
data: any;
|
|
121
131
|
loading: false | undefined;
|
|
122
132
|
config: any;
|
|
133
|
+
size: string | undefined;
|
|
123
134
|
bordered: boolean | undefined;
|
|
124
135
|
columns: any;
|
|
125
136
|
rowKey: string | undefined;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as M, inject as Q, ref as k, computed as U, watch as O, resolveComponent as w, openBlock as S, createElementBlock as D, Fragment as L, createVNode as $, unref as g, withCtx as R, createBlock as N, createCommentVNode as C, withModifiers as x, renderSlot as E, withDirectives as W, vShow as G } from "vue";
|
|
2
|
+
import X from "./Field.vue.esm.js";
|
|
3
|
+
const Y = {
|
|
4
4
|
name: "DTable"
|
|
5
|
-
},
|
|
6
|
-
...
|
|
5
|
+
}, ee = /* @__PURE__ */ M({
|
|
6
|
+
...Y,
|
|
7
7
|
props: {
|
|
8
8
|
bordered: { type: Boolean, default: !1 },
|
|
9
9
|
keys: { default: void 0 },
|
|
10
|
+
size: { default: "small" },
|
|
10
11
|
columns: { default: [] },
|
|
11
12
|
data: { default: [] },
|
|
12
13
|
rowKey: { default: "id" },
|
|
@@ -19,9 +20,7 @@ const X = {
|
|
|
19
20
|
},
|
|
20
21
|
emits: ["update:keys"],
|
|
21
22
|
setup(r, { emit: f }) {
|
|
22
|
-
const s = r
|
|
23
|
-
M("configProvider");
|
|
24
|
-
const b = k(), y = k(0), n = k(s.keys), z = k(), d = Q(() => s.pagination), m = {
|
|
23
|
+
const s = r, K = Q("configProvider"), b = k(), v = k(0), n = k(s.keys), z = k(), p = U(() => s.pagination), m = {
|
|
25
24
|
defaultPageSize: 20,
|
|
26
25
|
hideOnSinglePage: !1,
|
|
27
26
|
pageSizeOptions: ["10", "20", "30", "40"],
|
|
@@ -29,8 +28,8 @@ const X = {
|
|
|
29
28
|
showQuickJumper: !0,
|
|
30
29
|
showLessItems: !0,
|
|
31
30
|
showTotal: (e) => `总共 ${e} 条`
|
|
32
|
-
}, { onPageChange:
|
|
33
|
-
function
|
|
31
|
+
}, { onPageChange: H } = j();
|
|
32
|
+
function j() {
|
|
34
33
|
const {
|
|
35
34
|
keepSelected: e,
|
|
36
35
|
selection: t,
|
|
@@ -42,18 +41,18 @@ const X = {
|
|
|
42
41
|
}
|
|
43
42
|
};
|
|
44
43
|
}
|
|
45
|
-
const { customRow:
|
|
46
|
-
function
|
|
47
|
-
const e =
|
|
44
|
+
const { customRow: I, rowSelection: V } = q();
|
|
45
|
+
function q() {
|
|
46
|
+
const e = A(), t = F();
|
|
48
47
|
return {
|
|
49
48
|
customRow: e,
|
|
50
49
|
rowSelection: t
|
|
51
50
|
};
|
|
52
51
|
}
|
|
53
|
-
function
|
|
52
|
+
function A() {
|
|
54
53
|
const { rowKey: e } = s;
|
|
55
54
|
return (t) => {
|
|
56
|
-
const l = t[e], { $OnClick: a, $OnDblclick: i } =
|
|
55
|
+
const l = t[e], { $OnClick: a, $OnDblclick: i } = J(l);
|
|
57
56
|
try {
|
|
58
57
|
e || console.warn("未指定rowKey");
|
|
59
58
|
} catch {
|
|
@@ -69,7 +68,7 @@ const X = {
|
|
|
69
68
|
};
|
|
70
69
|
};
|
|
71
70
|
}
|
|
72
|
-
function
|
|
71
|
+
function F() {
|
|
73
72
|
const {
|
|
74
73
|
selection: e,
|
|
75
74
|
rowKey: t,
|
|
@@ -78,10 +77,10 @@ const X = {
|
|
|
78
77
|
return e === "N" ? void 0 : {
|
|
79
78
|
selectedRowKeys: n,
|
|
80
79
|
onSelect: (o, u) => {
|
|
81
|
-
e === "S" ? (n.value = [], n.value = u ? [o[t]] : []) : n.value = u ? n.value.concat(o[t]) : n.value.filter((
|
|
80
|
+
e === "S" ? (n.value = [], n.value = u ? [o[t]] : []) : n.value = u ? n.value.concat(o[t]) : n.value.filter((d) => d !== o[t]), f("update:keys", n.value);
|
|
82
81
|
},
|
|
83
|
-
onSelectAll: (o, u,
|
|
84
|
-
const c =
|
|
82
|
+
onSelectAll: (o, u, d) => {
|
|
83
|
+
const c = d.map((h) => h[t]);
|
|
85
84
|
n.value = o ? n.value.concat(c) : n.value.filter((h) => !c.includes(h)), f("update:keys", n.value);
|
|
86
85
|
},
|
|
87
86
|
fixed: !0,
|
|
@@ -96,7 +95,7 @@ const X = {
|
|
|
96
95
|
}
|
|
97
96
|
};
|
|
98
97
|
}
|
|
99
|
-
function
|
|
98
|
+
function J(e) {
|
|
100
99
|
const {
|
|
101
100
|
selection: t,
|
|
102
101
|
config: {
|
|
@@ -115,8 +114,8 @@ const X = {
|
|
|
115
114
|
var B;
|
|
116
115
|
if (l && l(c), t === "N" || (B = i == null ? void 0 : i.value) != null && B.includes(c[i == null ? void 0 : i.key]))
|
|
117
116
|
return;
|
|
118
|
-
n.value.some((
|
|
119
|
-
(
|
|
117
|
+
n.value.some((y) => y === e) ? n.value = n.value.filter(
|
|
118
|
+
(y) => y !== e
|
|
120
119
|
) : (t === "S" && (n.value = []), n.value.push(e)), f("update:keys", n.value);
|
|
121
120
|
}, 200);
|
|
122
121
|
},
|
|
@@ -147,7 +146,7 @@ const X = {
|
|
|
147
146
|
let a = 0;
|
|
148
147
|
s.pagination && (a = P(
|
|
149
148
|
document.getElementsByClassName("xi-pagination")[0]
|
|
150
|
-
)),
|
|
149
|
+
)), v.value = e - (l + a), t.getElementsByClassName("ant-table-body")[0].style.height = v.value - 10 + "px", z.value = t.getElementsByClassName("ant-table-body")[0];
|
|
151
150
|
}
|
|
152
151
|
function P(e) {
|
|
153
152
|
const t = [
|
|
@@ -163,7 +162,7 @@ const X = {
|
|
|
163
162
|
}
|
|
164
163
|
return (e, t) => {
|
|
165
164
|
const l = w("a-space"), a = w("a-table"), i = w("a-pagination");
|
|
166
|
-
return S(),
|
|
165
|
+
return S(), D(L, null, [
|
|
167
166
|
$(a, {
|
|
168
167
|
ref_key: "tableRef",
|
|
169
168
|
ref: b,
|
|
@@ -172,17 +171,18 @@ const X = {
|
|
|
172
171
|
"data-source": r.data,
|
|
173
172
|
"row-key": r.rowKey,
|
|
174
173
|
pagination: !1,
|
|
175
|
-
"custom-row":
|
|
174
|
+
"custom-row": g(I),
|
|
176
175
|
loading: r.loading,
|
|
177
|
-
"row-selection":
|
|
176
|
+
"row-selection": g(V),
|
|
177
|
+
size: r.size ?? "small",
|
|
178
178
|
scroll: {
|
|
179
179
|
scrollToFirstRowOnChange: !0,
|
|
180
180
|
x: "100%",
|
|
181
|
-
y:
|
|
181
|
+
y: v.value + "px"
|
|
182
182
|
}
|
|
183
183
|
}, {
|
|
184
|
-
bodyCell: R(({ column: o, text: u, record:
|
|
185
|
-
o.config ? (S(), N(
|
|
184
|
+
bodyCell: R(({ column: o, text: u, record: d, index: c }) => [
|
|
185
|
+
o.config ? (S(), N(X, {
|
|
186
186
|
key: 0,
|
|
187
187
|
text: u,
|
|
188
188
|
config: o.config
|
|
@@ -197,7 +197,7 @@ const X = {
|
|
|
197
197
|
default: R(() => [
|
|
198
198
|
E(e.$slots, "action", {
|
|
199
199
|
index: c,
|
|
200
|
-
record:
|
|
200
|
+
record: d
|
|
201
201
|
})
|
|
202
202
|
]),
|
|
203
203
|
_: 2
|
|
@@ -205,33 +205,34 @@ const X = {
|
|
|
205
205
|
o.slot && o.slot !== "action" ? E(e.$slots, o.slot, {
|
|
206
206
|
key: 2,
|
|
207
207
|
index: c,
|
|
208
|
-
record:
|
|
208
|
+
record: d
|
|
209
209
|
}) : C("", !0)
|
|
210
210
|
]),
|
|
211
211
|
_: 3
|
|
212
|
-
}, 8, ["bordered", "columns", "data-source", "row-key", "custom-row", "loading", "row-selection", "scroll"]),
|
|
213
|
-
|
|
214
|
-
current: p
|
|
215
|
-
"onUpdate:current": t[2] || (t[2] = (o) => p
|
|
216
|
-
pageSize: p
|
|
217
|
-
"onUpdate:pageSize": t[3] || (t[3] = (o) => p
|
|
212
|
+
}, 8, ["bordered", "columns", "data-source", "row-key", "custom-row", "loading", "row-selection", "size", "scroll"]),
|
|
213
|
+
W($(i, {
|
|
214
|
+
current: g(p).current,
|
|
215
|
+
"onUpdate:current": t[2] || (t[2] = (o) => g(p).current = o),
|
|
216
|
+
pageSize: g(p).pageSize,
|
|
217
|
+
"onUpdate:pageSize": t[3] || (t[3] = (o) => g(p).pageSize = o),
|
|
218
218
|
class: "xi-pagination",
|
|
219
219
|
disabled: r.loading,
|
|
220
220
|
"show-size-changer": "",
|
|
221
|
+
size: g(K).componentSize ?? "middle ",
|
|
221
222
|
"hide-on-single-page": m.hideOnSinglePage,
|
|
222
223
|
"show-quick-jumper": m.showQuickJumper,
|
|
223
224
|
"default-page-size": m.defaultPageSize,
|
|
224
225
|
"page-size-options": m.pageSizeOptions,
|
|
225
226
|
"show-total": m.showTotal,
|
|
226
|
-
total: p
|
|
227
|
-
onChange:
|
|
228
|
-
}, null, 8, ["current", "pageSize", "disabled", "hide-on-single-page", "show-quick-jumper", "default-page-size", "page-size-options", "show-total", "total", "onChange"]), [
|
|
229
|
-
[
|
|
227
|
+
total: g(p).total,
|
|
228
|
+
onChange: g(H)
|
|
229
|
+
}, null, 8, ["current", "pageSize", "disabled", "size", "hide-on-single-page", "show-quick-jumper", "default-page-size", "page-size-options", "show-total", "total", "onChange"]), [
|
|
230
|
+
[G, r.pagination]
|
|
230
231
|
])
|
|
231
232
|
], 64);
|
|
232
233
|
};
|
|
233
234
|
}
|
|
234
235
|
});
|
|
235
236
|
export {
|
|
236
|
-
|
|
237
|
+
ee as default
|
|
237
238
|
};
|
|
@@ -9,6 +9,11 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
|
|
|
9
9
|
required: false;
|
|
10
10
|
default: undefined;
|
|
11
11
|
};
|
|
12
|
+
size: {
|
|
13
|
+
type: import("vue").PropType<string | undefined>;
|
|
14
|
+
required: false;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
12
17
|
columns: {
|
|
13
18
|
type: import("vue").PropType<any>;
|
|
14
19
|
required: true;
|
|
@@ -65,6 +70,11 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
|
|
|
65
70
|
required: false;
|
|
66
71
|
default: undefined;
|
|
67
72
|
};
|
|
73
|
+
size: {
|
|
74
|
+
type: import("vue").PropType<string | undefined>;
|
|
75
|
+
required: false;
|
|
76
|
+
default: string;
|
|
77
|
+
};
|
|
68
78
|
columns: {
|
|
69
79
|
type: import("vue").PropType<any>;
|
|
70
80
|
required: true;
|
|
@@ -117,6 +127,7 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
|
|
|
117
127
|
data: any;
|
|
118
128
|
loading: false | undefined;
|
|
119
129
|
config: any;
|
|
130
|
+
size: string | undefined;
|
|
120
131
|
bordered: boolean | undefined;
|
|
121
132
|
columns: any;
|
|
122
133
|
rowKey: string | undefined;
|
|
@@ -49,11 +49,21 @@
|
|
|
49
49
|
display: flex;
|
|
50
50
|
align-items: center;
|
|
51
51
|
}
|
|
52
|
-
.
|
|
53
|
-
margin-right:
|
|
54
|
-
|
|
52
|
+
.tab-item {
|
|
53
|
+
margin-right: 10px;
|
|
54
|
+
}
|
|
55
|
+
.tab-close {
|
|
56
|
+
padding: 4px;
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
justify-content: center;
|
|
60
|
+
border-radius: 50%;
|
|
55
61
|
&:hover {
|
|
56
|
-
|
|
62
|
+
background-color: #63aeff;
|
|
63
|
+
color: #fff;
|
|
64
|
+
}
|
|
65
|
+
.anticon {
|
|
66
|
+
margin: 0;
|
|
57
67
|
}
|
|
58
68
|
}
|
|
59
69
|
}
|
package/package.json
CHANGED
|
@@ -91,10 +91,12 @@ export default {
|
|
|
91
91
|
<div class="tab-item" :class="{ active: activeKey === item.path }">
|
|
92
92
|
{{ item.meta.title }}
|
|
93
93
|
</div>
|
|
94
|
-
<
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
94
|
+
<div class="tab-close">
|
|
95
|
+
<CloseOutlined
|
|
96
|
+
v-if="!item.meta?.keepOpen"
|
|
97
|
+
@click="onClose($event, item.fullPath)"
|
|
98
|
+
/>
|
|
99
|
+
</div>
|
|
98
100
|
</template>
|
|
99
101
|
</a-tab-pane>
|
|
100
102
|
</a-tabs>
|
|
@@ -49,11 +49,21 @@
|
|
|
49
49
|
display: flex;
|
|
50
50
|
align-items: center;
|
|
51
51
|
}
|
|
52
|
-
.
|
|
53
|
-
margin-right:
|
|
54
|
-
|
|
52
|
+
.tab-item {
|
|
53
|
+
margin-right: 10px;
|
|
54
|
+
}
|
|
55
|
+
.tab-close {
|
|
56
|
+
padding: 4px;
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
justify-content: center;
|
|
60
|
+
border-radius: 50%;
|
|
55
61
|
&:hover {
|
|
56
|
-
|
|
62
|
+
background-color: #63aeff;
|
|
63
|
+
color: #fff;
|
|
64
|
+
}
|
|
65
|
+
.anticon {
|
|
66
|
+
margin: 0;
|
|
57
67
|
}
|
|
58
68
|
}
|
|
59
69
|
}
|
|
@@ -11,6 +11,7 @@ type Key = string | number;
|
|
|
11
11
|
interface Props {
|
|
12
12
|
bordered?: boolean;
|
|
13
13
|
keys?: Ref<Key[]>;
|
|
14
|
+
size?: string;
|
|
14
15
|
columns: any; //表格配置
|
|
15
16
|
data: any; //数据源
|
|
16
17
|
rowKey?: string; //主键id
|
|
@@ -25,6 +26,7 @@ interface Props {
|
|
|
25
26
|
const props = withDefaults(defineProps<Props>(), {
|
|
26
27
|
bordered: false,
|
|
27
28
|
keys: undefined,
|
|
29
|
+
size: "small",
|
|
28
30
|
columns: [],
|
|
29
31
|
data: [],
|
|
30
32
|
rowKey: "id",
|
|
@@ -345,6 +347,7 @@ export default {
|
|
|
345
347
|
:custom-row="customRow"
|
|
346
348
|
:loading="loading"
|
|
347
349
|
:row-selection="rowSelection"
|
|
350
|
+
:size="size ?? 'small'"
|
|
348
351
|
:scroll="{
|
|
349
352
|
scrollToFirstRowOnChange: true,
|
|
350
353
|
x: '100%',
|
|
@@ -374,6 +377,7 @@ export default {
|
|
|
374
377
|
class="xi-pagination"
|
|
375
378
|
:disabled="loading"
|
|
376
379
|
show-size-changer
|
|
380
|
+
:size="configProvider.componentSize ?? 'middle '"
|
|
377
381
|
:hide-on-single-page="paginationConfig.hideOnSinglePage"
|
|
378
382
|
:show-quick-jumper="paginationConfig.showQuickJumper"
|
|
379
383
|
:default-page-size="paginationConfig.defaultPageSize"
|