@ditari/bsui 1.0.3 → 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/index.cjs.js +1 -1
- package/dist/cjs/components/index.d.ts +10 -2
- package/dist/cjs/components/layout/Breadcrumb.vue.cjs2.js +1 -1
- package/dist/cjs/components/layout/List.vue.cjs2.js +1 -1
- package/dist/cjs/components/layout/Main.vue.cjs.js +1 -1
- package/dist/cjs/components/layout/Main.vue.cjs2.js +1 -1
- package/dist/cjs/components/layout/NavTabs.vue.cjs.js +1 -1
- package/dist/cjs/components/layout/NavTabs.vue.cjs2.js +1 -1
- package/dist/cjs/components/layout/Show.vue.cjs2.js +1 -1
- package/dist/cjs/components/layout/index.cjs.js +1 -1
- package/dist/cjs/components/menu/Menu.cjs.js +1 -0
- 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/breadcrumb.css +1 -0
- package/dist/css/layout/style/index.css +1 -0
- package/dist/css/layout/style/list.css +1 -0
- package/dist/css/layout/style/main.css +1 -0
- package/dist/css/layout/style/navtab.css +1 -0
- package/dist/css/layout/style/show.css +1 -0
- package/dist/css/menu/style/index.css +1 -1
- package/dist/esm/components/index.d.ts +10 -2
- package/dist/esm/components/index.esm.js +17 -17
- package/dist/esm/components/layout/Breadcrumb.vue.esm2.js +2 -2
- package/dist/esm/components/layout/List.vue.esm2.js +2 -2
- package/dist/esm/components/layout/Main.vue.esm.js +20 -22
- package/dist/esm/components/layout/Main.vue.esm2.js +2 -2
- package/dist/esm/components/layout/NavTabs.vue.esm.js +52 -45
- package/dist/esm/components/layout/NavTabs.vue.esm2.js +2 -2
- package/dist/esm/components/layout/Show.vue.esm2.js +2 -2
- package/dist/esm/components/layout/index.esm.js +5 -9
- package/dist/esm/components/menu/Menu.esm.js +71 -0
- 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/esm/style.css +1 -1
- package/dist/style/index.scss +2 -1
- package/dist/style/layout/style/breadcrumb.scss +57 -0
- package/dist/style/layout/style/index.scss +6 -0
- package/dist/style/layout/style/list.scss +26 -0
- package/dist/style/layout/style/main.scss +100 -0
- package/dist/style/layout/style/navtab.scss +128 -0
- package/dist/style/layout/style/show.scss +37 -0
- package/dist/style/menu/style/index.scss +12 -4
- package/dist/style/theme/variable.scss +23 -6
- package/package.json +5 -1
- package/src/components/index.scss +2 -1
- package/src/components/index.ts +10 -2
- package/src/components/layout/Breadcrumb.vue +0 -76
- package/src/components/layout/List.vue +1 -27
- package/src/components/layout/Main.vue +2 -102
- package/src/components/layout/NavTabs.vue +8 -95
- package/src/components/layout/Show.vue +1 -39
- package/src/components/layout/style/breadcrumb.scss +57 -0
- package/src/components/layout/style/index.scss +6 -0
- package/src/components/layout/style/list.scss +26 -0
- package/src/components/layout/style/main.scss +100 -0
- package/src/components/layout/style/navtab.scss +128 -0
- package/src/components/layout/style/show.scss +37 -0
- package/src/components/{layout/Menu.jsx → menu/Menu-bak.jsx} +36 -34
- package/src/components/menu/Menu.jsx +88 -47
- package/src/components/menu/style/index.scss +12 -4
- package/src/components/table/Table.vue +4 -0
- package/src/components/theme/variable.scss +23 -6
- package/dist/cjs/components/layout/Breadcrumb.vue.cjs3.js +0 -1
- package/dist/cjs/components/layout/List.vue.cjs3.js +0 -1
- package/dist/cjs/components/layout/Main.vue.cjs3.js +0 -1
- package/dist/cjs/components/layout/Menu.cjs.js +0 -1
- package/dist/cjs/components/layout/NavTabs.vue.cjs3.js +0 -1
- package/dist/cjs/components/layout/Show.vue.cjs3.js +0 -1
- package/dist/esm/components/layout/Breadcrumb.vue.esm3.js +0 -5
- package/dist/esm/components/layout/List.vue.esm3.js +0 -5
- package/dist/esm/components/layout/Main.vue.esm3.js +0 -5
- package/dist/esm/components/layout/Menu.esm.js +0 -52
- package/dist/esm/components/layout/NavTabs.vue.esm3.js +0 -5
- package/dist/esm/components/layout/Show.vue.esm3.js +0 -5
- /package/dist/cjs/components/{layout → menu}/Menu.d.ts +0 -0
- /package/dist/esm/components/{layout → menu}/Menu.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),l=require("pinia-plugin-persistedstate"),d=require("./components.cjs.js"),D=require("./table/index.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),l=require("pinia-plugin-persistedstate"),d=require("./components.cjs.js"),D=require("./table/index.cjs.js"),m=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),e=require("./layout/index.cjs.js"),o=d,a=function(i,n){Object.keys(o).forEach(c=>{const s=o[c];s.install&&i.use(s)});const t=u.createPinia();t.use(l.createPersistedState({storage:sessionStorage})),i.use(t),i.provide("menuIcon",n.menuIcon),console.log("options",n)},b={install:a};exports.DTable=D.DTable;exports.DForm=m.default;exports.DGrid=r.DGrid;exports.DGridItem=r.DGridItem;exports.DList=e.DList;exports.DMain=e.DMain;exports.DNavTabs=e.DNavTabs;exports.DShow=e.DShow;exports.default=b;exports.install=a;
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
import type { App } from "vue";
|
|
2
2
|
export * from "./components";
|
|
3
|
-
export
|
|
3
|
+
export interface MenuIcon {
|
|
4
|
+
componentName: string | "nativeHtml";
|
|
5
|
+
type: string;
|
|
6
|
+
}
|
|
7
|
+
export interface Options {
|
|
8
|
+
menuIcon: MenuIcon;
|
|
9
|
+
prop: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const install: (app: App, opts: Options) => void;
|
|
4
12
|
declare const _default: {
|
|
5
|
-
install: (app: App<any>, opts:
|
|
13
|
+
install: (app: App<any>, opts: Options) => void;
|
|
6
14
|
};
|
|
7
15
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Breadcrumb.vue.cjs.js");exports.default=e.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./List.vue.cjs.js");exports.default=e.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@ant-design/icons-vue");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");const f=require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");require("../../store/modules/NavTab.cjs.js");const v=require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const y=require("./NavTabs.vue.cjs.js")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@ant-design/icons-vue");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");const f=require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");require("../../store/modules/NavTab.cjs.js");const v=require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const y=require("./NavTabs.vue.cjs.js"),g=require("./Breadcrumb.vue.cjs.js"),k=require("../menu/Menu.cjs.js"),N={class:"ditari-logo"},V={class:"ditari-menu"},C={class:"ditari-layout-header"},h={class:"ditari-layout-header-left"},q={class:"ditari-user-menu"},S={name:"DMainLayout"},b=e.defineComponent({...S,setup(w){const c=f.useKeepAliveStore(),u=e.computed(()=>c.get),r=v.useSettingsStore(),{switchCollapsed:a}=r,t=e.computed(()=>r.getCollapsed);return(l,n)=>{const d=e.resolveComponent("a-layout-sider"),p=e.resolveComponent("router-view"),_=e.resolveComponent("a-layout-content"),s=e.resolveComponent("a-layout"),m=e.resolveComponent("a-back-top");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(s,{class:"ditari-layout"},{default:e.withCtx(()=>[e.createVNode(d,{collapsed:e.unref(t),"onUpdate:collapsed":n[0]||(n[0]=o=>e.isRef(t)?t.value=o:null),trigger:null,collapsible:"",class:"ditari-layout-sider"},{default:e.withCtx(()=>[e.createElementVNode("div",N,[e.renderSlot(l.$slots,"logo")]),e.createElementVNode("div",V,[e.createVNode(e.unref(k.default))])]),_:3},8,["collapsed"]),e.createVNode(s,null,{default:e.withCtx(()=>[e.createElementVNode("div",{class:"ditari-top-layout",style:e.normalizeStyle({left:e.unref(t)?"80px":"200px"})},[e.createVNode(y.default),e.createElementVNode("div",C,[e.createElementVNode("div",h,[e.createElementVNode("div",{class:"ditari-side-collapsed",onClick:n[1]||(n[1]=(...o)=>e.unref(a)&&e.unref(a)(...o))},[e.unref(t)?(e.openBlock(),e.createBlock(e.unref(i.MenuUnfoldOutlined),{key:0,class:"trigger",style:{"font-size":"16px","font-weight":"bold",cursor:"pointer"}})):(e.openBlock(),e.createBlock(e.unref(i.MenuFoldOutlined),{key:1,style:{"font-size":"16px","font-weight":"bold",cursor:"pointer"}}))]),e.createVNode(g.default)]),e.createElementVNode("div",q,[e.renderSlot(l.$slots,"operation")])])],4),e.createVNode(_,{class:"ditari-layout-content",style:e.normalizeStyle({marginLeft:e.unref(t)?"80px":"200px"})},{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(({Component:o})=>[e.createVNode(e.Transition,{name:"main",mode:"out-in",appear:""},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{ref:"keepAliveRef",include:e.unref(u)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),{key:l.$route.path}))],1032,["include"]))]),_:2},1024)]),_:1})]),_:1},8,["style"])]),_:3})]),_:3}),e.createVNode(m,{class:"ditari-ant-back-top",visibilityHeight:50})],64)}}});exports.default=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Main.vue.cjs.js");exports.default=e.default;
|
|
@@ -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"),_=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="";exports.default=e;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./NavTabs.vue.cjs.js");exports.default=e.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Show.vue.cjs.js");exports.default=e.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/install.cjs.js"),t=require("./List.vue.cjs.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/install.cjs.js"),t=require("./List.vue.cjs.js"),u=require("./Main.vue.cjs.js"),_=require("./NavTabs.vue.cjs.js"),s=require("./Show.vue.cjs.js"),a=e.default(t.default),r=e.default(u.default),i=e.default(_.default),n=e.default(s.default);exports.DList=a;exports.DMain=r;exports.DNavTabs=i;exports.DShow=n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("pinia");require("@ant-design/icons-vue");const S=require("../../store/modules/Menu.cjs.js"),b=require("../../store/modules/Settings.cjs.js");function h(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const V=e.defineComponent({name:"DMenu",setup(){const{componentName:o,prop:y}=e.inject("menuIcon"),{list:i}=S.useMenuStore(),a=b.useSettingsStore(),{getCollapsed:d}=N.storeToRefs(a),l=e.ref(["/labelList","/label"]),c=e.ref(["/label"]),p=({item:t,key:n,keyPath:r})=>{console.log(t,n,r),l.value=r,c.value=[n]},v=t=>e.createVNode(e.Fragment,null,[e.createVNode(e.resolveComponent("a-menu-item"),{key:t.url},{icon:()=>s(t),default:()=>t.title})]),m=["anticon","anticon-menu","ant-menu-item-icon"],s=t=>e.createVNode(e.Fragment,null,[t.icon?f(t.icon):e.withDirectives(e.createVNode("div",{className:m},[t.title.substring(0,1)]),[[e.vShow,d.value]])]),f=t=>o==="nativeHtml"?e.createVNode("span",{innerHTML:t},null):e.h(e.resolveComponent(o),{prop:t}),u=t=>e.createVNode(e.Fragment,null,[e.createVNode(e.resolveComponent("a-sub-menu"),{key:t.url},{title:()=>t.title,icon:()=>s(t),default:()=>t.children.map(n=>!n.children||n.children.length===0?g(n):u(n))})]),g=t=>e.createVNode(e.Fragment,null,[e.createVNode(e.resolveComponent("a-menu-item"),{key:t.url},{default:()=>t.title})]);return()=>{let t;return e.createVNode(e.resolveComponent("a-menu"),{mode:"inline",theme:"dark",openKeys:l.value,"onUpdate:openKeys":n=>l.value=n,selectedKeys:c.value,"onUpdate:selectedKeys":n=>c.value=n,onClick:p},h(t=i.map(n=>{var r;return!n.children||((r=n.children)==null?void 0:r.length)===0?v(n):u(n)}))?t:{default:()=>[t]})}}});exports.default=V;
|
|
@@ -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{background-color:
|
|
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}
|
|
@@ -0,0 +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)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index: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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}
|
|
@@ -0,0 +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: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-menu{height:calc(100vh - 240px);overflow:scroll}.ditari-menu::-webkit-scrollbar{width:0 !important;display:none}.ditari-layout{background-color
|
|
1
|
+
.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}
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
import type { App } from "vue";
|
|
2
2
|
export * from "./components";
|
|
3
|
-
export
|
|
3
|
+
export interface MenuIcon {
|
|
4
|
+
componentName: string | "nativeHtml";
|
|
5
|
+
type: string;
|
|
6
|
+
}
|
|
7
|
+
export interface Options {
|
|
8
|
+
menuIcon: MenuIcon;
|
|
9
|
+
prop: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const install: (app: App, opts: Options) => void;
|
|
4
12
|
declare const _default: {
|
|
5
|
-
install: (app: App<any>, opts:
|
|
13
|
+
install: (app: App<any>, opts: Options) => void;
|
|
6
14
|
};
|
|
7
15
|
export default _default;
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { createPinia as i } from "pinia";
|
|
2
2
|
import { createPersistedState as a } from "pinia-plugin-persistedstate";
|
|
3
3
|
import * as c from "./components.esm.js";
|
|
4
|
-
import { DTable as
|
|
4
|
+
import { DTable as d } from "./table/index.esm.js";
|
|
5
5
|
import { default as b } from "./form/index.esm.js";
|
|
6
|
-
import { DGrid as
|
|
7
|
-
import { DList as
|
|
8
|
-
const
|
|
9
|
-
Object.keys(
|
|
10
|
-
const
|
|
11
|
-
|
|
6
|
+
import { DGrid as I, DGridItem as S } from "./grid/index.esm.js";
|
|
7
|
+
import { DList as v, DMain as G, DNavTabs as P, DShow as T } from "./layout/index.esm.js";
|
|
8
|
+
const n = c, m = function(o, e) {
|
|
9
|
+
Object.keys(n).forEach((s) => {
|
|
10
|
+
const r = n[s];
|
|
11
|
+
r.install && o.use(r);
|
|
12
12
|
});
|
|
13
13
|
const t = i();
|
|
14
14
|
t.use(
|
|
15
15
|
a({
|
|
16
16
|
storage: sessionStorage
|
|
17
17
|
})
|
|
18
|
-
), o.use(t), console.log("options",
|
|
19
|
-
},
|
|
18
|
+
), o.use(t), o.provide("menuIcon", e.menuIcon), console.log("options", e);
|
|
19
|
+
}, p = {
|
|
20
20
|
install: m
|
|
21
21
|
};
|
|
22
22
|
export {
|
|
23
23
|
b as DForm,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
I as DGrid,
|
|
25
|
+
S as DGridItem,
|
|
26
|
+
v as DList,
|
|
27
|
+
G as DMain,
|
|
28
|
+
P as DNavTabs,
|
|
29
|
+
T as DShow,
|
|
30
|
+
d as DTable,
|
|
31
|
+
p as default,
|
|
32
32
|
m as install
|
|
33
33
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as S, computed as _, resolveComponent as a, openBlock as n, createElementBlock as w, Fragment as x, createVNode as t, withCtx as
|
|
1
|
+
import { defineComponent as S, computed as _, resolveComponent as a, openBlock as n, createElementBlock as w, Fragment as x, createVNode as t, withCtx as i, unref as e, isRef as $, createElementVNode as o, renderSlot as f, normalizeStyle as y, createBlock as d, Transition as A, KeepAlive as M, resolveDynamicComponent as z } from "vue";
|
|
2
2
|
import { MenuUnfoldOutlined as B, MenuFoldOutlined as N } from "@ant-design/icons-vue";
|
|
3
3
|
import "../../store/modules/Breadcrumb.esm.js";
|
|
4
4
|
import "../../store/modules/DataDictionary.esm.js";
|
|
@@ -8,31 +8,29 @@ import "../../store/modules/NavTab.esm.js";
|
|
|
8
8
|
import { useSettingsStore as E } from "../../store/modules/Settings.esm.js";
|
|
9
9
|
import "../../store/modules/User.esm.js";
|
|
10
10
|
import F from "./NavTabs.vue.esm.js";
|
|
11
|
-
import "./NavTabs.vue.esm2.js";
|
|
12
11
|
import K from "./Breadcrumb.vue.esm.js";
|
|
13
|
-
import "
|
|
14
|
-
import L from "./Menu.esm.js";
|
|
12
|
+
import L from "../menu/Menu.esm.js";
|
|
15
13
|
const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "ditari-layout-header" }, V = { class: "ditari-layout-header-left" }, H = { class: "ditari-user-menu" }, T = {
|
|
16
14
|
name: "DMainLayout"
|
|
17
|
-
},
|
|
15
|
+
}, ot = /* @__PURE__ */ S({
|
|
18
16
|
...T,
|
|
19
17
|
setup(j) {
|
|
20
|
-
const v = D(), g = _(() => v.get),
|
|
21
|
-
return (
|
|
18
|
+
const v = D(), g = _(() => v.get), p = E(), { switchCollapsed: u } = p, l = _(() => p.getCollapsed);
|
|
19
|
+
return (c, r) => {
|
|
22
20
|
const k = a("a-layout-sider"), h = a("router-view"), b = a("a-layout-content"), m = a("a-layout"), C = a("a-back-top");
|
|
23
21
|
return n(), w(x, null, [
|
|
24
22
|
t(m, { class: "ditari-layout" }, {
|
|
25
|
-
default:
|
|
23
|
+
default: i(() => [
|
|
26
24
|
t(k, {
|
|
27
|
-
collapsed: e(
|
|
28
|
-
"onUpdate:collapsed": r[0] || (r[0] = (s) => $(
|
|
25
|
+
collapsed: e(l),
|
|
26
|
+
"onUpdate:collapsed": r[0] || (r[0] = (s) => $(l) ? l.value = s : null),
|
|
29
27
|
trigger: null,
|
|
30
28
|
collapsible: "",
|
|
31
29
|
class: "ditari-layout-sider"
|
|
32
30
|
}, {
|
|
33
|
-
default:
|
|
31
|
+
default: i(() => [
|
|
34
32
|
o("div", O, [
|
|
35
|
-
f(
|
|
33
|
+
f(c.$slots, "logo")
|
|
36
34
|
]),
|
|
37
35
|
o("div", R, [
|
|
38
36
|
t(e(L))
|
|
@@ -41,10 +39,10 @@ const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "
|
|
|
41
39
|
_: 3
|
|
42
40
|
}, 8, ["collapsed"]),
|
|
43
41
|
t(m, null, {
|
|
44
|
-
default:
|
|
42
|
+
default: i(() => [
|
|
45
43
|
o("div", {
|
|
46
44
|
class: "ditari-top-layout",
|
|
47
|
-
style: y({ left: e(
|
|
45
|
+
style: y({ left: e(l) ? "80px" : "200px" })
|
|
48
46
|
}, [
|
|
49
47
|
t(F),
|
|
50
48
|
o("div", U, [
|
|
@@ -54,7 +52,7 @@ const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "
|
|
|
54
52
|
onClick: r[1] || (r[1] = //@ts-ignore
|
|
55
53
|
(...s) => e(u) && e(u)(...s))
|
|
56
54
|
}, [
|
|
57
|
-
e(
|
|
55
|
+
e(l) ? (n(), d(e(B), {
|
|
58
56
|
key: 0,
|
|
59
57
|
class: "trigger",
|
|
60
58
|
style: { "font-size": "16px", "font-weight": "bold", cursor: "pointer" }
|
|
@@ -66,29 +64,29 @@ const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "
|
|
|
66
64
|
t(K)
|
|
67
65
|
]),
|
|
68
66
|
o("div", H, [
|
|
69
|
-
f(
|
|
67
|
+
f(c.$slots, "operation")
|
|
70
68
|
])
|
|
71
69
|
])
|
|
72
70
|
], 4),
|
|
73
71
|
t(b, {
|
|
74
72
|
class: "ditari-layout-content",
|
|
75
|
-
style: y({ marginLeft: e(
|
|
73
|
+
style: y({ marginLeft: e(l) ? "80px" : "200px" })
|
|
76
74
|
}, {
|
|
77
|
-
default:
|
|
75
|
+
default: i(() => [
|
|
78
76
|
t(h, null, {
|
|
79
|
-
default:
|
|
77
|
+
default: i(({ Component: s }) => [
|
|
80
78
|
t(A, {
|
|
81
79
|
name: "main",
|
|
82
80
|
mode: "out-in",
|
|
83
81
|
appear: ""
|
|
84
82
|
}, {
|
|
85
|
-
default:
|
|
83
|
+
default: i(() => [
|
|
86
84
|
(n(), d(M, {
|
|
87
85
|
ref: "keepAliveRef",
|
|
88
86
|
include: e(g)
|
|
89
87
|
}, [
|
|
90
88
|
(n(), d(z(s), {
|
|
91
|
-
key:
|
|
89
|
+
key: c.$route.path
|
|
92
90
|
}))
|
|
93
91
|
], 1032, ["include"]))
|
|
94
92
|
]),
|
|
@@ -115,5 +113,5 @@ const O = { class: "ditari-logo" }, R = { class: "ditari-menu" }, U = { class: "
|
|
|
115
113
|
}
|
|
116
114
|
});
|
|
117
115
|
export {
|
|
118
|
-
|
|
116
|
+
ot as default
|
|
119
117
|
};
|
|
@@ -1,63 +1,70 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useRoute as
|
|
3
|
-
import { CloseOutlined 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
|
+
import { useRoute as q, useRouter as w } from "vue-router";
|
|
3
|
+
import { CloseOutlined as D } from "@ant-design/icons-vue";
|
|
4
4
|
import "../../store/modules/Breadcrumb.esm.js";
|
|
5
5
|
import "../../store/modules/DataDictionary.esm.js";
|
|
6
|
-
import { useKeepAliveStore as
|
|
6
|
+
import { useKeepAliveStore as E } from "../../store/modules/KeepAlive.esm.js";
|
|
7
7
|
import "../../store/modules/Menu.esm.js";
|
|
8
|
-
import { useNavTabsStore as
|
|
8
|
+
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
|
-
import { storeToRefs as
|
|
12
|
-
const
|
|
11
|
+
import { storeToRefs as O } from "pinia";
|
|
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
|
-
const
|
|
28
|
-
if (
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
path:
|
|
32
|
-
query:
|
|
33
|
-
params:
|
|
27
|
+
const k = (r) => {
|
|
28
|
+
if (r !== a.path) {
|
|
29
|
+
const e = n.value.filter((o) => o.path === r)[0];
|
|
30
|
+
m.push({
|
|
31
|
+
path: e.path,
|
|
32
|
+
query: e.query,
|
|
33
|
+
params: e.params
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
|
-
},
|
|
37
|
-
const
|
|
38
|
-
|
|
36
|
+
}, y = (r, e) => {
|
|
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
|
-
return (
|
|
41
|
-
const
|
|
42
|
-
return
|
|
43
|
-
|
|
44
|
-
activeKey:
|
|
45
|
-
"onUpdate:activeKey":
|
|
40
|
+
return (r, e) => {
|
|
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
|
+
"onUpdate:activeKey": e[0] || (e[0] = (t) => A(l) ? l.value = t : null),
|
|
46
46
|
type: "card",
|
|
47
|
-
onTabClick:
|
|
47
|
+
onTabClick: k
|
|
48
48
|
}, {
|
|
49
|
-
default:
|
|
50
|
-
(
|
|
51
|
-
key:
|
|
49
|
+
default: b(() => [
|
|
50
|
+
(i(!0), h(R, null, x(c(n), (t) => (i(), C(o, {
|
|
51
|
+
key: t.path
|
|
52
52
|
}, {
|
|
53
|
-
tab:
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
53
|
+
tab: b(() => {
|
|
54
|
+
var _;
|
|
55
|
+
return [
|
|
56
|
+
F,
|
|
57
|
+
u("div", {
|
|
58
|
+
class: B(["tab-item", { active: c(l) === t.path }])
|
|
59
|
+
}, P(t.meta.title), 3),
|
|
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
|
+
])
|
|
66
|
+
];
|
|
67
|
+
}),
|
|
61
68
|
_: 2
|
|
62
69
|
}, 1024))), 128))
|
|
63
70
|
]),
|
|
@@ -68,5 +75,5 @@ const V = { class: "ditari-nav" }, z = {
|
|
|
68
75
|
}
|
|
69
76
|
});
|
|
70
77
|
export {
|
|
71
|
-
|
|
78
|
+
te as default
|
|
72
79
|
};
|