@duxweb/dvha-pro 1.1.8 → 1.1.10

package/dist/cjs/components/layout/table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),q=require("@duxweb/dvha-core"),H=require("@vueuse/core"),a=require("naive-ui"),Q=require("../../hooks/action.cjs");require("@overlastic/vue");require("clsx");require("vue-echarts");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const X=require("./filter.cjs");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("vue-router");require("vue-command-palette");require("@duxweb/dvha-naiveui");const Y=require("../../pages/page.cjs");require("../../pages/page404.cjs");const k=require("../drawer/drawerPage.cjs"),Z=require("./tools.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css                        */require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");const _=require("../../hooks/table.cjs");require("pinia");const ee=e.defineComponent({name:"DuxTableLayout",props:{path:{type:String,required:!0},filter:{type:Object},filterSchema:{type:Array},filterReactive:{type:Object},filterNumber:{type:Number,default:1},sorter:{type:Object},columns:{type:Array},pagination:{type:[Boolean,Object],default:!0},tabs:{type:Array},actions:{type:Array,default:()=>[]},tools:{type:Object},sideLeftTitle:{type:String,default:""},sideRightTitle:{type:String,default:""},batchOptions:{type:Array},hookTableProps:{type:Object}},setup(r,{slots:o,expose:O}){const n=e.toRef(r,"filter",{}),S=e.toRef(r,"sorter",{}),p=e.computed(()=>r.filterReactive||{}),T=e.toRef(r,"columns",[]),{t:u}=q.useI18n(),{renderAction:R}=Q.useAction(),l=e.reactive({...n.value||{}}),c=_.useTable({...r.hookTableProps,path:r.path,filters:l,sorters:S.value,columns:T,pagination:r.pagination});O(c);const{columns:y,tablePagination:j,table:m,onUpdateColumnSelected:C,onUpdateChecked:P,columnSelected:B,autoRefetch:z,autoCountdown:x,onAutoRefetch:L,isExporting:D,isExportingRows:J,isImporting:U,onExport:E,onExportRows:A,onImport:F}=c,I=e.computed(()=>y.value.filter(t=>"title"in t&&"key"in t).map(t=>({label:t.title,value:t.key}))),{width:d}=H.useWindowSize(),W=e.computed(()=>y.value.reduce((i,s)=>i+(Number(s?.width)||Number(s?.minWidth)||110),0)),f=e.reactive({show:!1}),b=e.reactive({show:!1}),g=e.ref(!1),K=e.computed(()=>(r.filterSchema||[]).map(t=>{const{label:i,...s}=t;return{tag:X.DuxTableFilter,attrs:{label:i},children:s}})),{render:M}=q.useJsonSchema({data:e.computed(()=>K.value)}),h=e.computed(()=>({import:!1,export:!0,refresh:!0,...r.tools})),V=e.ref(0),v=e.ref(null);e.watch(()=>r.tabs?.map(t=>t.value),()=>{const t=r.tabs?.map(i=>i.value)||[];if(n.value?.tab===void 0){const i=t[0];i!==void 0&&(n.value.tab=i)}e.nextTick(()=>v.value?.syncBarPosition())},{deep:!0}),e.watch(()=>d.value,()=>{e.nextTick(()=>{v.value?.syncBarPosition()})});const w=q.useTabStore(),$=w.tabs.find(t=>t.path===w.current),G=e.computed(()=>{const t=r.tabs?.map(s=>s.value)||[],i=n.value?.tab;return t.includes(i)?i:t[0]});return e.onMounted(()=>{e.nextTick(()=>{v.value?.syncBarPosition()})}),e.watch(()=>p.value,t=>{const i=t||{};Object.keys(i).forEach(s=>{const N=i[s];N==null||N===""?delete l[s]:l[s]=N}),c.onUpdatePage?.(1)},{deep:!0}),()=>e.createVNode(Y.DuxPage,{actions:r.actions,scrollbar:!1},{sideLeft:()=>o?.sideLeft&&d.value>=1024?o?.sideLeft?.():void 0,sideRight:()=>o?.sideRight&&d.value>=1024?o?.sideRight?.():void 0,default:()=>e.createVNode("div",{class:"flex flex-col gap-3 h-full relative"},[e.createVNode("div",{class:"flex gap-2 justify-between flex-row border-b border-muted"},[e.createVNode("div",{class:"relative top-1.5px"},[!r.tabs&&e.createVNode("div",{class:"pt-1 text-base"},[$?.label]),r.tabs&&e.createVNode(a.NTabs,{ref:v,type:"bar",size:"small",style:{"--n-tab-padding":"5px 20px 15px 20px","--n-tab-gap":"20px"},"default-value":r.tabs?.[0]?.value||"",value:G.value,onUpdateValue:t=>{n.value.tab=t,l.tab=t,e.nextTick(()=>v.value?.syncBarPosition())}},{default:()=>[r.tabs?.map(t=>e.createVNode(a.NTab,{name:t.value,tab:t.label},null))]})]),e.createVNode("div",{class:"flex gap-2 justify-end pb-2"},[o.actions?.(),r.actions?.length>0&&R({type:d.value<1024?"dropdown":"button",items:r.actions})])]),e.createVNode("div",{class:"flex gap-2 justify-between flex-col-reverse lg:flex-row"},[(d.value>=1024||g.value)&&e.createVNode("div",{class:["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]},[e.createVNode("div",{key:V.value,class:"contents"},[e.h(M)])]),e.createVNode("div",{class:"flex justify-between gap-2"},[e.createVNode("div",{class:["flex gap-2"]},[o?.sideLeft&&d.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{f.show=!f.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-inactive size-4"},null)}),o?.sideRight&&d.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{b.show=!b.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-right-inactive size-4"},null)}),e.createVNode("div",{class:"flex-none lg:hidden"},[e.createVNode(a.NButton,{secondary:!0,onClick:()=>{g.value=!g.value}},{icon:()=>e.createVNode("div",{class:"i-tabler:filter size-4"},null)})])]),e.createVNode("div",{class:["flex gap-2 flex-row"]},[e.createVNode("div",{class:"flex lg:hidden"},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(l).forEach(t=>{delete l[t]}),Object.assign(l,JSON.parse(JSON.stringify(n.value||{}))),Object.assign(l,JSON.parse(JSON.stringify(p.value||{}))),c.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null)})]),e.createVNode("div",{class:["hidden lg:flex gap-2"]},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(l).forEach(t=>delete l[t]),Object.assign(l,JSON.parse(JSON.stringify(n.value||{}))),Object.assign(l,JSON.parse(JSON.stringify(p.value||{}))),c.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null),default:()=>u("components.button.search")}),e.createVNode(a.NButton,{secondary:!0,onClick:()=>{const t=n.value.tab;Object.keys(n.value||{}).forEach(i=>{i!=="tab"&&delete n.value[i]}),Object.keys(l).forEach(i=>{delete l[i]}),t!==void 0&&(l.tab=t),Object.assign(l,JSON.parse(JSON.stringify(p.value||{}))),c.onUpdatePage?.(1),V.value++}},{icon:()=>e.createVNode("div",{class:"i-tabler:arrow-back-up size-4"},null),default:()=>u("components.button.reset")})])])])]),o?.header?.(),e.createVNode("div",{class:"flex-1 min-h-0"},[o?.default?.({...c,width:W.value})]),e.createVNode("div",{class:"flex justify-between"},[e.createVNode("div",{class:"flex items-center gap-0.5"},[o?.bottom?.(),o?.tools?.(),e.createVNode(a.NPopselect,{options:I.value,value:B.value,onUpdateValue:t=>{C(t)},multiple:!0,placement:"bottom-start",trigger:"click"},{default:()=>[e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,"icon-placement":"right"},{icon:()=>e.createVNode("div",{class:"i-tabler:columns size-4"},null)}),default:()=>u("components.list.columnSetting")})]}),h.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:D.value,onClick:E},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>u("components.button.export")}),h.value.import&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:U.value,onClick:F},{icon:()=>e.createVNode("div",{class:"i-tabler:database-import size-4"},null)}),default:()=>u("components.button.import")}),h.value.refresh&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,onClick:L},{icon:()=>z.value?e.createVNode(a.NProgress,{class:"size-4",type:"circle",percentage:x.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[x.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>u("components.button.autoRefresh")})]),e.createVNode("div",null,[r.pagination&&e.createVNode(a.NPagination,e.mergeProps(j.value,{simple:d.value<768}),{prefix:()=>e.createVNode("div",null,[u("components.list.total",{total:c.total.value||0})])})])]),e.createVNode(Z.DuxTableTools,{isLoading:c.isBatching.value,onBatch:c.onBatch,selecteds:m.value.checkedRowKeys,number:m.value.checkedRowKeys?.length||0||0,group:[[{icon:"i-tabler:x",onClick:()=>{P?.([])}}],[{label:u("components.button.export"),icon:"i-tabler:file-export",loading:J.value,onClick:A},...r.batchOptions||[]]]},null),e.createVNode(a.NDrawer,{show:f.show,onUpdateShow:t=>f.show=t,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(k.DuxDrawerPage,{title:r.sideLeftTitle||u("components.button.sideLeft"),onClose:()=>f.show=!1,scrollbar:!1},{default:()=>[o?.sideLeft?.()]})]}),e.createVNode(a.NDrawer,{show:b.show,onUpdateShow:t=>b.show=t,autoFocus:!1,placement:"right"},{default:()=>[e.createVNode(k.DuxDrawerPage,{title:r.sideRightTitle||u("components.button.sideRight"),onClose:()=>b.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxTableLayout=ee;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),q=require("@duxweb/dvha-core"),H=require("@vueuse/core"),a=require("naive-ui"),Q=require("../../hooks/action.cjs");require("@overlastic/vue");require("clsx");require("vue-echarts");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const X=require("./filter.cjs");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("vue-router");require("vue-command-palette");require("@duxweb/dvha-naiveui");const Y=require("../../pages/page.cjs");require("../../pages/page404.cjs");const k=require("../drawer/drawerPage.cjs"),Z=require("./tools.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css                        */require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");const _=require("../../hooks/table.cjs");require("pinia");const ee=e.defineComponent({name:"DuxTableLayout",props:{path:{type:String,required:!0},filter:{type:Object},filterSchema:{type:Array},filterReactive:{type:Object},filterNumber:{type:Number,default:1},sorter:{type:Object},columns:{type:Array},pagination:{type:[Boolean,Object],default:!0},tabs:{type:Array},actions:{type:Array,default:()=>[]},tools:{type:Object},sideLeftTitle:{type:String,default:""},sideRightTitle:{type:String,default:""},batchOptions:{type:Array},hookTableProps:{type:Object}},setup(r,{slots:o,expose:O}){const n=e.toRef(r,"filter",{}),S=e.toRef(r,"sorter",{}),p=e.computed(()=>r.filterReactive||{}),T=e.toRef(r,"columns",[]),{t:u}=q.useI18n(),{renderAction:R}=Q.useAction(),l=e.reactive({...n.value||{}}),c=_.useTable({...r.hookTableProps,path:r.path,filters:l,sorters:S.value,columns:T,pagination:r.pagination});O(c);const{columns:y,tablePagination:j,table:m,onUpdateColumnSelected:C,onUpdateChecked:P,columnSelected:B,autoRefetch:z,autoCountdown:x,onAutoRefetch:L,isExporting:D,isExportingRows:J,isImporting:U,onExport:E,onExportRows:A,onImport:F}=c,I=e.computed(()=>y.value.filter(t=>"title"in t&&"key"in t).map(t=>({label:t.title,value:t.key}))),{width:d}=H.useWindowSize(),W=e.computed(()=>y.value.reduce((i,s)=>i+(Number(s?.width)||Number(s?.minWidth)||110),0)),f=e.reactive({show:!1}),b=e.reactive({show:!1}),g=e.ref(!1),K=e.computed(()=>(r.filterSchema||[]).map(t=>{const{label:i,...s}=t;return{tag:X.DuxTableFilter,attrs:{label:i},children:s}})),{render:M}=q.useJsonSchema({data:e.computed(()=>K.value)}),h=e.computed(()=>({import:!1,export:!0,refresh:!0,...r.tools})),V=e.ref(0),v=e.ref(null);e.watch(()=>r.tabs?.map(t=>t.value),()=>{const t=r.tabs?.map(i=>i.value)||[];if(n.value?.tab===void 0){const i=t[0];i!==void 0&&(n.value.tab=i)}e.nextTick(()=>v.value?.syncBarPosition())},{deep:!0}),e.watch(()=>d.value,()=>{e.nextTick(()=>{v.value?.syncBarPosition()})});const w=q.useTabStore(),$=w.tabs.find(t=>t.path===w.current),G=e.computed(()=>{const t=r.tabs?.map(s=>s.value)||[],i=n.value?.tab;return t.includes(i)?i:t[0]});return e.onMounted(()=>{e.nextTick(()=>{v.value?.syncBarPosition()})}),e.watch(()=>p.value,t=>{const i=t||{};Object.keys(i).forEach(s=>{const N=i[s];N==null||N===""?delete l[s]:l[s]=N}),c.onUpdatePage?.(1)},{deep:!0}),()=>e.createVNode(Y.DuxPage,{actions:r.actions,scrollbar:!1},{sideLeft:()=>o?.sideLeft&&d.value>=1024?o?.sideLeft?.():void 0,sideRight:()=>o?.sideRight&&d.value>=1024?o?.sideRight?.():void 0,default:()=>e.createVNode("div",{class:"flex flex-col gap-3 h-full relative"},[e.createVNode("div",{class:"flex gap-2 justify-between flex-row border-b border-muted"},[e.createVNode("div",{class:"relative top-1.5px"},[!r.tabs&&e.createVNode("div",{class:"pb-4 pt-2 text-base"},[$?.label]),r.tabs&&e.createVNode(a.NTabs,{ref:v,type:"bar",size:"small",style:{"--n-tab-padding":"5px 20px 15px 20px","--n-tab-gap":"20px"},"default-value":r.tabs?.[0]?.value||"",value:G.value,onUpdateValue:t=>{n.value.tab=t,l.tab=t,e.nextTick(()=>v.value?.syncBarPosition())}},{default:()=>[r.tabs?.map(t=>e.createVNode(a.NTab,{name:t.value,tab:t.label},null))]})]),e.createVNode("div",{class:"flex gap-2 justify-end pb-2"},[o.actions?.(),r.actions?.length>0&&R({type:d.value<1024?"dropdown":"button",items:r.actions})])]),e.createVNode("div",{class:"flex gap-2 justify-between flex-col-reverse lg:flex-row"},[(d.value>=1024||g.value)&&e.createVNode("div",{class:["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]},[e.createVNode("div",{key:V.value,class:"contents"},[e.h(M)])]),e.createVNode("div",{class:"flex justify-between gap-2"},[e.createVNode("div",{class:["flex gap-2"]},[o?.sideLeft&&d.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{f.show=!f.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-inactive size-4"},null)}),o?.sideRight&&d.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{b.show=!b.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-right-inactive size-4"},null)}),e.createVNode("div",{class:"flex-none lg:hidden"},[e.createVNode(a.NButton,{secondary:!0,onClick:()=>{g.value=!g.value}},{icon:()=>e.createVNode("div",{class:"i-tabler:filter size-4"},null)})])]),e.createVNode("div",{class:["flex gap-2 flex-row"]},[e.createVNode("div",{class:"flex lg:hidden"},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(l).forEach(t=>{delete l[t]}),Object.assign(l,JSON.parse(JSON.stringify(n.value||{}))),Object.assign(l,JSON.parse(JSON.stringify(p.value||{}))),c.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null)})]),e.createVNode("div",{class:["hidden lg:flex gap-2"]},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(l).forEach(t=>delete l[t]),Object.assign(l,JSON.parse(JSON.stringify(n.value||{}))),Object.assign(l,JSON.parse(JSON.stringify(p.value||{}))),c.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null),default:()=>u("components.button.search")}),e.createVNode(a.NButton,{secondary:!0,onClick:()=>{const t=n.value.tab;Object.keys(n.value||{}).forEach(i=>{i!=="tab"&&delete n.value[i]}),Object.keys(l).forEach(i=>{delete l[i]}),t!==void 0&&(l.tab=t),Object.assign(l,JSON.parse(JSON.stringify(p.value||{}))),c.onUpdatePage?.(1),V.value++}},{icon:()=>e.createVNode("div",{class:"i-tabler:arrow-back-up size-4"},null),default:()=>u("components.button.reset")})])])])]),o?.header?.(),e.createVNode("div",{class:"flex-1 min-h-0"},[o?.default?.({...c,width:W.value})]),e.createVNode("div",{class:"flex justify-between"},[e.createVNode("div",{class:"flex items-center gap-0.5"},[o?.bottom?.(),o?.tools?.(),e.createVNode(a.NPopselect,{options:I.value,value:B.value,onUpdateValue:t=>{C(t)},multiple:!0,placement:"bottom-start",trigger:"click"},{default:()=>[e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,"icon-placement":"right"},{icon:()=>e.createVNode("div",{class:"i-tabler:columns size-4"},null)}),default:()=>u("components.list.columnSetting")})]}),h.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:D.value,onClick:E},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>u("components.button.export")}),h.value.import&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:U.value,onClick:F},{icon:()=>e.createVNode("div",{class:"i-tabler:database-import size-4"},null)}),default:()=>u("components.button.import")}),h.value.refresh&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,onClick:L},{icon:()=>z.value?e.createVNode(a.NProgress,{class:"size-4",type:"circle",percentage:x.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[x.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>u("components.button.autoRefresh")})]),e.createVNode("div",null,[r.pagination&&e.createVNode(a.NPagination,e.mergeProps(j.value,{simple:d.value<768}),{prefix:()=>e.createVNode("div",null,[u("components.list.total",{total:c.total.value||0})])})])]),e.createVNode(Z.DuxTableTools,{isLoading:c.isBatching.value,onBatch:c.onBatch,selecteds:m.value.checkedRowKeys,number:m.value.checkedRowKeys?.length||0||0,group:[[{icon:"i-tabler:x",onClick:()=>{P?.([])}}],[{label:u("components.button.export"),icon:"i-tabler:file-export",loading:J.value,onClick:A},...r.batchOptions||[]]]},null),e.createVNode(a.NDrawer,{show:f.show,onUpdateShow:t=>f.show=t,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(k.DuxDrawerPage,{title:r.sideLeftTitle||u("components.button.sideLeft"),onClose:()=>f.show=!1,scrollbar:!1},{default:()=>[o?.sideLeft?.()]})]}),e.createVNode(a.NDrawer,{show:b.show,onUpdateShow:t=>b.show=t,autoFocus:!1,placement:"right"},{default:()=>[e.createVNode(k.DuxDrawerPage,{title:r.sideRightTitle||u("components.button.sideRight"),onClose:()=>b.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxTableLayout=ee;

package/dist/cjs/pages/menu/menuApp.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("@duxweb/dvha-core"),d=require("lodash-es"),t=require("naive-ui"),p=require("vue-router"),m=require("./avatar.cjs");require("@overlastic/vue");require("clsx");require("vue-echarts");require("@vueuse/core");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("vue-draggable-plus");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("@duxweb/dvha-naiveui");require("../page404.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css                                      */require("mime");require("@iconify-json/tabler/icons.json");require("../../components/posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");const y=require("../../hooks/ui.cjs");require("vue-command-palette");const M=require("./dark.cjs"),k=require("./notice.cjs"),C=e.defineComponent({name:"DuxMenuApp",props:{collapsed:{type:Boolean,default:!1}},setup(){const{setCmdVisible:q,setMenuCollapsed:f}=y.useUI(),{config:i}=u.useManage(),{t:v}=u.useI18n(),x=p.useRouter(),{mainMenu:h,subMenu:N,appActive:s,subActive:n,isSubMenu:V}=u.useMenu({doubleMenu:!0});e.onMounted(()=>{f(!1)});const o=r=>r.map(a=>{const l={...a,key:a.name,icon:a?.icon?()=>e.h("div",{class:`${a.icon} size-5`}):void 0,labelName:a.label,label:()=>a.path?e.h(p.RouterLink,{to:{path:a.path}},{default:()=>a.label}):a.label};return l.children&&l.children.length>0&&(l.children=o(l.children)),l}),g=e.computed(()=>o(d.cloneDeep(h.value))),b=e.computed(()=>o(d.cloneDeep(N.value)));return()=>e.createVNode("div",{class:"flex h-screen gap-2 pr-2"},[e.createVNode("div",{class:"bg-primary-950 dark:bg-gray-900 w-18 text-inverted z-1 border-r dark:border-muted"},[e.createVNode("div",{class:"h-full flex-none flex flex-col"},[e.createVNode("div",{class:"py-4 px-2 hidden lg:flex justify-center items-center"},[e.createVNode("div",{class:"bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg"},[i.theme?.appLogo?e.createVNode("img",{class:"size-4",src:i.theme?.appLogo},null):e.createVNode(u.DuxLogoIcon,{highlight:"fill-primary",class:"size-4"},null)])]),e.createVNode("div",{class:"flex-1 min-h-0"},[e.createVNode(t.NScrollbar,null,{default:()=>[e.createVNode("div",{class:"flex flex-col px-2 gap-2"},[g.value.map((r,c)=>e.createVNode("div",{key:c,class:["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all",r.key===s.value?"bg-primary/50 text-primary-200":"text-white/60 hover:text-white"],onClick:()=>{s.value=r.key,r?.path&&x.push(r.path)}},[e.createVNode("div",null,[r.icon?.()]),e.createVNode("div",{class:"text-xs"},[typeof r.label=="function"?r.label?.():r.label])]))])]})]),e.createVNode("div",{class:"flex-none hidden lg:flex flex-col items-center gap-2 p-2"},[i.notice?.status&&e.createVNode(k.default,{collapsed:!0},null),e.createVNode(M.default,null,null),e.createVNode(m.default,{collapsed:!0},null)])])]),e.createVNode(e.Transition,{name:"submenu-slide",enterActiveClass:"transition-all duration-150 ease-out",enterFromClass:"opacity-0 translate-x-[-50%]",enterToClass:"opacity-100 translate-x-0",leaveActiveClass:"transition-all duration-150 ease-in",leaveFromClass:"opacity-100 translate-x-0",leaveToClass:"opacity-0 translate-x-[-50%]"},{default:()=>[V.value&&e.createVNode("div",null,[e.createVNode("div",{class:"w-160px overflow-hidden flex flex-col h-full"},[e.createVNode("div",{class:"py-2 flex-none"},[e.createVNode("div",{class:"rounded-md relative py-2 px-3 bg-white dark:bg-elevated shadow-xs hover:shadow flex items-center gap-2 cursor-pointer transition-all",onClick:()=>q(!0)},[e.createVNode("div",{class:"i-tabler:search size-4 icon-gradient"},null),e.createVNode("div",{class:"text-muted text-sm flex-1"},[v("common.search")]),e.createVNode("div",{class:"flex items-center gap-1 absolute right-2.5"},[e.createVNode(t.NTag,{size:"small",bordered:!1,type:"primary"},{default:()=>[e.createTextVNode("⌘")]}),e.createVNode(t.NTag,{size:"small",bordered:!1,type:"primary"},{default:()=>[e.createTextVNode("K")]})])])]),e.createVNode("div",{class:"flex-1 min-h-0"},[e.createVNode(t.NScrollbar,null,{default:()=>[e.createVNode(t.NMenu,{rootIndent:20,indent:15,class:"app-menu",options:b.value,value:n.value,collapsed:!1,onUpdateValue:r=>n.value=r},null)]})])])])]})])}});exports.DuxMenuApp=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("@duxweb/dvha-core"),p=require("lodash-es"),l=require("naive-ui"),q=require("vue-router"),y=require("./avatar.cjs");require("@overlastic/vue");require("clsx");require("vue-echarts");require("@vueuse/core");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("vue-draggable-plus");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("@duxweb/dvha-naiveui");require("../page404.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css                                      */require("mime");require("@iconify-json/tabler/icons.json");require("../../components/posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");const m=require("../../hooks/ui.cjs");require("vue-command-palette");const k=require("./dark.cjs"),w=require("./notice.cjs"),M=e.defineComponent({name:"DuxMenuApp",props:{collapsed:{type:Boolean,default:!1}},setup(){const{setCmdVisible:f,setMenuCollapsed:v}=m.useUI(),{config:u}=i.useManage(),{t:h}=i.useI18n(),n=q.useRouter(),{mainMenu:x,subMenu:N,appActive:s,subActive:c,isSubMenu:g}=i.useMenu({doubleMenu:!0});e.onMounted(()=>{v(!1)});const o=r=>r.map(a=>{const t={...a,key:a.name,icon:a?.icon?()=>e.h("div",{class:`${a.icon} size-5`}):void 0,labelName:a.label,label:()=>a.path?e.h(q.RouterLink,{to:{path:a.path}},{default:()=>a.label}):a.label};return t.children&&t.children.length>0&&(t.children=o(t.children)),t}),V=e.computed(()=>o(p.cloneDeep(x.value))),b=e.computed(()=>o(p.cloneDeep(N.value)));return()=>e.createVNode("div",{class:"flex h-screen gap-2 pr-2"},[e.createVNode("div",{class:"bg-primary-950 dark:bg-gray-900 w-18 text-inverted z-1 border-r dark:border-muted"},[e.createVNode("div",{class:"h-full flex-none flex flex-col"},[e.createVNode("div",{class:"py-4 px-2 hidden lg:flex justify-center items-center"},[e.createVNode("div",{class:"bg-white dark:bg-primary-950 rounded-full p-2 shadow group-hover:shadow-lg"},[u.theme?.appLogo?e.createVNode("img",{class:"size-4",src:u.theme?.appLogo},null):e.createVNode(i.DuxLogoIcon,{highlight:"fill-primary",class:"size-4"},null)])]),e.createVNode("div",{class:"flex-1 min-h-0"},[e.createVNode(l.NScrollbar,null,{default:()=>[e.createVNode("div",{class:"flex flex-col px-2 gap-2"},[V.value.map((r,d)=>e.createVNode("div",{key:d,class:["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all",r.key===s.value?"bg-primary/50 text-primary-200":"text-white/60 hover:text-white"],onClick:()=>{s.value=r.key,r?.path&&n.push(r.path)}},[e.createVNode("div",null,[r.icon?.()]),e.createVNode("div",{class:"text-xs"},[typeof r.label=="function"?r.label?.():r.label])]))])]})]),e.createVNode("div",{class:"flex-none hidden lg:flex flex-col items-center gap-2 p-2"},[u.tools?.map(r=>e.createVNode(l.NTooltip,{trigger:"hover",placement:"right"},{default:()=>r.label,trigger:()=>e.createVNode(l.NButton,{quaternary:!0,onClick:()=>{if(r.callback){r.callback();return}if(r.path){n.push(r.path);return}r.url&&window.open(r.url,"_blank")}},{icon:()=>e.createVNode("div",{class:"transition-all text-muted p-2 hover:text-white"},[e.createVNode("div",{class:`${r.icon} size-5`},null)])})})),u.notice?.status&&e.createVNode(w.default,{collapsed:!0},null),e.createVNode(k.default,null,null),e.createVNode(y.default,{collapsed:!0},null)])])]),e.createVNode(e.Transition,{name:"submenu-slide",enterActiveClass:"transition-all duration-150 ease-out",enterFromClass:"opacity-0 translate-x-[-50%]",enterToClass:"opacity-100 translate-x-0",leaveActiveClass:"transition-all duration-150 ease-in",leaveFromClass:"opacity-100 translate-x-0",leaveToClass:"opacity-0 translate-x-[-50%]"},{default:()=>[g.value&&e.createVNode("div",null,[e.createVNode("div",{class:"w-160px overflow-hidden flex flex-col h-full"},[e.createVNode("div",{class:"py-2 flex-none"},[e.createVNode("div",{class:"rounded-md relative py-2 px-3 bg-white dark:bg-elevated shadow-xs hover:shadow flex items-center gap-2 cursor-pointer transition-all",onClick:()=>f(!0)},[e.createVNode("div",{class:"i-tabler:search size-4 icon-gradient"},null),e.createVNode("div",{class:"text-muted text-sm flex-1"},[h("common.search")]),e.createVNode("div",{class:"flex items-center gap-1 absolute right-2.5"},[e.createVNode(l.NTag,{size:"small",bordered:!1,type:"primary"},{default:()=>[e.createTextVNode("⌘")]}),e.createVNode(l.NTag,{size:"small",bordered:!1,type:"primary"},{default:()=>[e.createTextVNode("K")]})])])]),e.createVNode("div",{class:"flex-1 min-h-0"},[e.createVNode(l.NScrollbar,null,{default:()=>[e.createVNode(l.NMenu,{rootIndent:20,indent:15,class:"app-menu",options:b.value,value:c.value,collapsed:!1,onUpdateValue:r=>c.value=r},null)]})])])])]})])}});exports.DuxMenuApp=M;

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

@@ -1,7 +1,7 @@
-import { defineComponent as te, toRef as O, computed as p, reactive as k, ref as S, watch as N, nextTick as h, onMounted as ae, createVNode as e, h as ie, mergeProps as le } from "vue";
+import { defineComponent as te, toRef as O, computed as d, reactive as k, ref as S, watch as N, nextTick as h, onMounted as ae, createVNode as e, h as ie, mergeProps as le } from "vue";
 import { useI18n as oe, useJsonSchema as re, useTabStore as ne } from "@duxweb/dvha-core";
 import { useWindowSize as se } from "@vueuse/core";
-import { NTabs as ue, NTab as ce, NButton as c, NPopselect as de, NTooltip as y, NProgress as pe, NPagination as me, NDrawer as z } from "naive-ui";
+import { NTabs as ue, NTab as ce, NButton as c, NPopselect as pe, NTooltip as y, NProgress as de, NPagination as me, NDrawer as z } from "naive-ui";
 import { useAction as fe } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
@@ -125,7 +125,7 @@ const Jt = /* @__PURE__ */ te({
     slots: o,
     expose: J
   }) {
-    const r = O(a, "filter", {}), U = O(a, "sorter", {}), v = p(() => a.filterReactive || {}), B = O(a, "columns", []), {
+    const r = O(a, "filter", {}), U = O(a, "sorter", {}), v = d(() => a.filterReactive || {}), B = O(a, "columns", []), {
       t: n
     } = oe(), {
       renderAction: E
@@ -156,16 +156,16 @@ const Jt = /* @__PURE__ */ te({
       onExport: G,
       onExportRows: H,
       onImport: Q
-    } = s, X = p(() => R.value.filter((t) => "title" in t && "key" in t).map((t) => ({
+    } = s, X = d(() => R.value.filter((t) => "title" in t && "key" in t).map((t) => ({
       label: t.title,
       value: t.key
     }))), {
-      width: d
-    } = se(), Y = p(() => R.value.reduce((i, u) => i + (Number(u?.width) || Number(u?.minWidth) || 110), 0)), m = k({
+      width: p
+    } = se(), Y = d(() => R.value.reduce((i, u) => i + (Number(u?.width) || Number(u?.minWidth) || 110), 0)), m = k({
       show: !1
     }), f = k({
       show: !1
-    }), x = S(!1), Z = p(() => (a.filterSchema || []).map((t) => {
+    }), x = S(!1), Z = d(() => (a.filterSchema || []).map((t) => {
       const {
         label: i,
         ...u
@@ -180,8 +180,8 @@ const Jt = /* @__PURE__ */ te({
     })), {
       render: _
     } = re({
-      data: p(() => Z.value)
-    }), w = p(() => ({
+      data: d(() => Z.value)
+    }), w = d(() => ({
       import: !1,
       export: !0,
       refresh: !0,
@@ -196,12 +196,12 @@ const Jt = /* @__PURE__ */ te({
       h(() => b.value?.syncBarPosition());
     }, {
       deep: !0
-    }), N(() => d.value, () => {
+    }), N(() => p.value, () => {
       h(() => {
         b.value?.syncBarPosition();
       });
     });
-    const P = ne(), $ = P.tabs.find((t) => t.path === P.current), ee = p(() => {
+    const P = ne(), $ = P.tabs.find((t) => t.path === P.current), ee = d(() => {
       const t = a.tabs?.map((u) => u.value) || [], i = r.value?.tab;
       return t.includes(i) ? i : t[0];
     });
@@ -221,8 +221,8 @@ const Jt = /* @__PURE__ */ te({
       actions: a.actions,
       scrollbar: !1
     }, {
-      sideLeft: () => o?.sideLeft && d.value >= 1024 ? o?.sideLeft?.() : void 0,
-      sideRight: () => o?.sideRight && d.value >= 1024 ? o?.sideRight?.() : void 0,
+      sideLeft: () => o?.sideLeft && p.value >= 1024 ? o?.sideLeft?.() : void 0,
+      sideRight: () => o?.sideRight && p.value >= 1024 ? o?.sideRight?.() : void 0,
       default: () => e("div", {
         class: "flex flex-col gap-3 h-full relative"
       }, [e("div", {
@@ -230,7 +230,7 @@ const Jt = /* @__PURE__ */ te({
       }, [e("div", {
         class: "relative top-1.5px"
       }, [!a.tabs && e("div", {
-        class: "pt-1 text-base"
+        class: "pb-4 pt-2 text-base"
       }, [$?.label]), a.tabs && e(ue, {
         ref: b,
         type: "bar",
@@ -252,11 +252,11 @@ const Jt = /* @__PURE__ */ te({
       })]), e("div", {
         class: "flex gap-2 justify-end pb-2"
       }, [o.actions?.(), a.actions?.length > 0 && E({
-        type: d.value < 1024 ? "dropdown" : "button",
+        type: p.value < 1024 ? "dropdown" : "button",
         items: a.actions
       })])]), e("div", {
         class: "flex gap-2 justify-between flex-col-reverse lg:flex-row"
-      }, [(d.value >= 1024 || x.value) && e("div", {
+      }, [(p.value >= 1024 || x.value) && e("div", {
         class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]
       }, [e("div", {
         key: T.value,
@@ -265,7 +265,7 @@ const Jt = /* @__PURE__ */ te({
         class: "flex justify-between gap-2"
       }, [e("div", {
         class: ["flex gap-2"]
-      }, [o?.sideLeft && d.value < 1024 && e(c, {
+      }, [o?.sideLeft && p.value < 1024 && e(c, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -275,7 +275,7 @@ const Jt = /* @__PURE__ */ te({
         icon: () => e("div", {
           class: "i-tabler:layout-sidebar-inactive size-4"
         }, null)
-      }), o?.sideRight && d.value < 1024 && e(c, {
+      }), o?.sideRight && p.value < 1024 && e(c, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -349,7 +349,7 @@ const Jt = /* @__PURE__ */ te({
         class: "flex justify-between"
       }, [e("div", {
         class: "flex items-center gap-0.5"
-      }, [o?.bottom?.(), o?.tools?.(), e(de, {
+      }, [o?.bottom?.(), o?.tools?.(), e(pe, {
         options: X.value,
         value: q.value,
         onUpdateValue: (t) => {
@@ -401,7 +401,7 @@ const Jt = /* @__PURE__ */ te({
           circle: !0,
           onClick: W
         }, {
-          icon: () => I.value ? e(pe, {
+          icon: () => I.value ? e(de, {
             class: "size-4",
             type: "circle",
             percentage: C.value * 10,
@@ -417,7 +417,7 @@ const Jt = /* @__PURE__ */ te({
         }),
         default: () => n("components.button.autoRefresh")
       })]), e("div", null, [a.pagination && e(me, le(A.value, {
-        simple: d.value < 768
+        simple: p.value < 768
       }), {
         prefix: () => e("div", null, [n("components.list.total", {
           total: s.total.value || 0

package/dist/esm/pages/menu/menuApp.js

@@ -1,9 +1,9 @@
-import { defineComponent as C, onMounted as D, computed as p, createVNode as e, Transition as z, createTextVNode as u, h as m } from "vue";
-import { useManage as A, useI18n as N, useMenu as T, DuxLogoIcon as I } from "@duxweb/dvha-core";
+import { defineComponent as C, onMounted as N, computed as u, createVNode as e, Transition as z, createTextVNode as m, h as c } from "vue";
+import { useManage as D, useI18n as A, useMenu as T, DuxLogoIcon as I } from "@duxweb/dvha-core";
 import { cloneDeep as d } from "lodash-es";
-import { NScrollbar as c, NTag as f, NMenu as L } from "naive-ui";
-import { useRouter as V, RouterLink as j } from "vue-router";
-import F from "./avatar.js";
+import { NScrollbar as f, NTooltip as L, NButton as V, NTag as v, NMenu as j } from "naive-ui";
+import { useRouter as B, RouterLink as F } from "vue-router";
+import O from "./avatar.js";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
@@ -59,11 +59,11 @@ import "../../components/posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useUI as O } from "../../hooks/ui.js";
+import { useUI as R } from "../../hooks/ui.js";
 import "vue-command-palette";
-import R from "./dark.js";
-import S from "./notice.js";
-const We = /* @__PURE__ */ C({
+import S from "./dark.js";
+import U from "./notice.js";
+const Xe = /* @__PURE__ */ C({
   name: "DuxMenuApp",
   props: {
     collapsed: {
@@ -73,33 +73,33 @@ const We = /* @__PURE__ */ C({
   },
   setup() {
     const {
-      setCmdVisible: v,
-      setMenuCollapsed: x
-    } = O(), {
+      setCmdVisible: x,
+      setMenuCollapsed: h
+    } = R(), {
       config: l
-    } = A(), {
-      t: h
-    } = N(), g = V(), {
+    } = D(), {
+      t: g
+    } = A(), i = B(), {
       mainMenu: b,
       subMenu: y,
-      appActive: a,
+      appActive: n,
       subActive: s,
-      isSubMenu: M
+      isSubMenu: k
     } = T({
       doubleMenu: !0
     });
-    D(() => {
-      x(!1);
+    N(() => {
+      h(!1);
     });
-    const i = (t) => t.map((r) => {
+    const a = (t) => t.map((r) => {
       const o = {
         ...r,
         key: r.name,
-        icon: r?.icon ? () => m("div", {
+        icon: r?.icon ? () => c("div", {
           class: `${r.icon} size-5`
         }) : void 0,
         labelName: r.label,
-        label: () => r.path ? m(j, {
+        label: () => r.path ? c(F, {
           to: {
             path: r.path
           }
@@ -107,8 +107,8 @@ const We = /* @__PURE__ */ C({
           default: () => r.label
         }) : r.label
       };
-      return o.children && o.children.length > 0 && (o.children = i(o.children)), o;
-    }), k = p(() => i(d(b.value))), w = p(() => i(d(y.value)));
+      return o.children && o.children.length > 0 && (o.children = a(o.children)), o;
+    }), M = u(() => a(d(b.value))), w = u(() => a(d(y.value)));
     return () => e("div", {
       class: "flex h-screen gap-2 pr-2"
     }, [e("div", {
@@ -127,23 +127,48 @@ const We = /* @__PURE__ */ C({
       class: "size-4"
     }, null)])]), e("div", {
       class: "flex-1 min-h-0"
-    }, [e(c, null, {
+    }, [e(f, null, {
       default: () => [e("div", {
         class: "flex flex-col px-2 gap-2"
-      }, [k.value.map((t, n) => e("div", {
-        key: n,
-        class: ["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all", t.key === a.value ? "bg-primary/50 text-primary-200" : "text-white/60 hover:text-white"],
+      }, [M.value.map((t, p) => e("div", {
+        key: p,
+        class: ["flex flex-col gap-1 justify-center items-center py-1.5 cursor-pointer rounded transition-all", t.key === n.value ? "bg-primary/50 text-primary-200" : "text-white/60 hover:text-white"],
         onClick: () => {
-          a.value = t.key, t?.path && g.push(t.path);
+          n.value = t.key, t?.path && i.push(t.path);
         }
       }, [e("div", null, [t.icon?.()]), e("div", {
         class: "text-xs"
       }, [typeof t.label == "function" ? t.label?.() : t.label])]))])]
     })]), e("div", {
       class: "flex-none hidden lg:flex flex-col items-center gap-2 p-2"
-    }, [l.notice?.status && e(S, {
+    }, [l.tools?.map((t) => e(L, {
+      trigger: "hover",
+      placement: "right"
+    }, {
+      default: () => t.label,
+      trigger: () => e(V, {
+        quaternary: !0,
+        onClick: () => {
+          if (t.callback) {
+            t.callback();
+            return;
+          }
+          if (t.path) {
+            i.push(t.path);
+            return;
+          }
+          t.url && window.open(t.url, "_blank");
+        }
+      }, {
+        icon: () => e("div", {
+          class: "transition-all text-muted p-2 hover:text-white"
+        }, [e("div", {
+          class: `${t.icon} size-5`
+        }, null)])
+      })
+    })), l.notice?.status && e(U, {
       collapsed: !0
-    }, null), e(R, null, null), e(F, {
+    }, null), e(S, null, null), e(O, {
       collapsed: !0
     }, null)])])]), e(z, {
       name: "submenu-slide",
@@ -154,35 +179,35 @@ const We = /* @__PURE__ */ C({
       leaveFromClass: "opacity-100 translate-x-0",
       leaveToClass: "opacity-0 translate-x-[-50%]"
     }, {
-      default: () => [M.value && e("div", null, [e("div", {
+      default: () => [k.value && e("div", null, [e("div", {
         class: "w-160px overflow-hidden flex flex-col h-full"
       }, [e("div", {
         class: "py-2 flex-none"
       }, [e("div", {
         class: "rounded-md relative py-2 px-3 bg-white dark:bg-elevated shadow-xs hover:shadow flex items-center gap-2 cursor-pointer transition-all",
-        onClick: () => v(!0)
+        onClick: () => x(!0)
       }, [e("div", {
         class: "i-tabler:search size-4 icon-gradient"
       }, null), e("div", {
         class: "text-muted text-sm flex-1"
-      }, [h("common.search")]), e("div", {
+      }, [g("common.search")]), e("div", {
         class: "flex items-center gap-1 absolute right-2.5"
-      }, [e(f, {
+      }, [e(v, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
-        default: () => [u("⌘")]
-      }), e(f, {
+        default: () => [m("⌘")]
+      }), e(v, {
         size: "small",
         bordered: !1,
         type: "primary"
       }, {
-        default: () => [u("K")]
+        default: () => [m("K")]
       })])])]), e("div", {
         class: "flex-1 min-h-0"
-      }, [e(c, null, {
-        default: () => [e(L, {
+      }, [e(f, null, {
+        default: () => [e(j, {
           rootIndent: 20,
           indent: 15,
           class: "app-menu",
@@ -196,5 +221,5 @@ const We = /* @__PURE__ */ C({
   }
 });
 export {
-  We as DuxMenuApp
+  Xe as DuxMenuApp
 };

package/dist/types/components/layout/filterLayout.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 export declare const DuxFilterLayout: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     showLabel: {
         type: BooleanConstructor;

package/dist/types/main.d.ts

@@ -9,6 +9,14 @@ import './theme/style.scss';
 export declare function createDuxPro(): {
     install(app: App): void;
 };
+interface ITool {
+    label: string;
+    icon: string;
+    path?: string;
+    url?: string;
+    callback?: () => void;
+    [key: string]: any;
+}
 declare module '@duxweb/dvha-core' {
     interface IManage {
         upload?: {
@@ -32,5 +40,7 @@ declare module '@duxweb/dvha-core' {
             readField?: string;
             urlField?: string;
         };
+        tools?: ITool[];
     }
 }
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@duxweb/dvha-pro",
   "type": "module",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "author": "DuxWeb",
   "license": "MIT",
   "repository": {
@@ -33,8 +33,8 @@
   ],
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
-    "@duxweb/dvha-core": "^1.1.8",
-    "@duxweb/dvha-naiveui": "^1.1.8",
+    "@duxweb/dvha-core": "^1.1.10",
+    "@duxweb/dvha-naiveui": "^1.1.10",
     "@iconify-json/tabler": "^1.2.18",
     "@overlastic/vue": "^0.8.1",
     "@tanstack/vue-query": "^5.80.7",