@duxweb/dvha-pro 1.1.2 → 1.1.4

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("@duxweb/dvha-core"),$=require("@vueuse/core"),a=require("naive-ui"),G=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 H=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 Q=require("../../pages/page.cjs");require("../../pages/page404.cjs");const V=require("../drawer/drawerPage.cjs"),X=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 Y=require("../../hooks/table.cjs");require("pinia");const Z=e.defineComponent({name:"DuxTableLayout",props:{path:{type:String,required:!0},filter:{type:Object},filterSchema:{type:Array},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:w}){const u=e.toRef(r,"filter",{}),k=e.toRef(r,"sorter",{}),T=e.toRef(r,"columns",[]),{t:n}=h.useI18n(),{renderAction:R}=G.useAction(),l=e.reactive({...u.value||{}}),c=Y.useTable({...r.hookTableProps,path:r.path,filters:l,sorters:k.value,columns:T,pagination:r.pagination});w(c);const{columns:g,tablePagination:C,table:q,onUpdateColumnSelected:S,onUpdateChecked:P,columnSelected:B,autoRefetch:O,autoCountdown:m,onAutoRefetch:j,isExporting:z,isExportingRows:L,isImporting:D,onExport:U,onExportRows:A,onImport:E}=c,F=e.computed(()=>g.value.filter(t=>"title"in t&&"key"in t).map(t=>({label:t.title,value:t.key}))),{width:s}=$.useWindowSize(),I=e.computed(()=>g.value.reduce((i,d)=>i+(Number(d?.width)||Number(d?.minWidth)||110),0)),f=e.reactive({show:!1}),b=e.reactive({show:!1}),p=e.ref(!1),J=e.computed(()=>(r.filterSchema||[]).map(t=>{const{label:i,...d}=t;return{tag:H.DuxTableFilter,attrs:{label:i},children:d}})),{render:W}=h.useJsonSchema({data:e.computed(()=>J.value)}),N=e.computed(()=>({import:!1,export:!0,refresh:!0,...r.tools})),y=e.ref(0),v=e.ref(null);e.watch(()=>r.tabs?.map(t=>t.value),()=>{const t=r.tabs?.map(i=>i.value)||[];if(u.value?.tab===void 0){const i=t[0];i!==void 0&&(u.value.tab=i)}e.nextTick(()=>v.value?.syncBarPosition())},{deep:!0}),e.watch(()=>s.value,()=>{e.nextTick(()=>{v.value?.syncBarPosition()})});const x=h.useTabStore(),K=x.tabs.find(t=>t.path===x.current),M=e.computed(()=>{const t=r.tabs?.map(d=>d.value)||[],i=u.value?.tab;return t.includes(i)?i:t[0]});return e.onMounted(()=>{e.nextTick(()=>{v.value?.syncBarPosition()})}),()=>e.createVNode(Q.DuxPage,{actions:r.actions,scrollbar:!1},{sideLeft:()=>o?.sideLeft&&s.value>=1024?o?.sideLeft?.():void 0,sideRight:()=>o?.sideRight&&s.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"},[K?.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:M.value,onUpdateValue:t=>{u.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:s.value<1024?"dropdown":"button",items:r.actions})])]),e.createVNode("div",{class:"flex gap-2 justify-between flex-col-reverse lg:flex-row"},[(s.value>=1024||p.value)&&e.createVNode("div",{class:["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]},[e.createVNode("div",{key:y.value,class:"contents"},[e.h(W)])]),e.createVNode("div",{class:"flex justify-between gap-2"},[e.createVNode("div",{class:["flex gap-2"]},[o?.sideLeft&&s.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&&s.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:()=>{p.value=!p.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(u.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(u.value||{}))),c.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null),default:()=>n("components.button.search")}),e.createVNode(a.NButton,{secondary:!0,onClick:()=>{const t=u.value.tab;Object.keys(u.value||{}).forEach(i=>{i!=="tab"&&delete u.value[i]}),Object.keys(l).forEach(i=>{delete l[i]}),t!==void 0&&(l.tab=t),c.onUpdatePage?.(1),y.value++}},{icon:()=>e.createVNode("div",{class:"i-tabler:arrow-back-up size-4"},null),default:()=>n("components.button.reset")})])])])]),o?.header?.(),e.createVNode("div",{class:"flex-1 min-h-0"},[o?.default?.({...c,width:I.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:F.value,value:B.value,onUpdateValue:t=>{S(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:()=>n("components.list.columnSetting")})]}),N.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:z.value,onClick:U},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>n("components.button.export")}),N.value.import&&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-import size-4"},null)}),default:()=>n("components.button.import")}),N.value.refresh&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,onClick:j},{icon:()=>O.value?e.createVNode(a.NProgress,{class:"size-4",type:"circle",percentage:m.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[m.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>n("components.button.autoRefresh")})]),e.createVNode("div",null,[r.pagination&&e.createVNode(a.NPagination,e.mergeProps(C.value,{simple:s.value<768}),{prefix:()=>e.createVNode("div",null,[n("components.list.total",{total:c.total.value||0})])})])]),e.createVNode(X.DuxTableTools,{isLoading:c.isBatching.value,onBatch:c.onBatch,selecteds:q.value.checkedRowKeys,number:q.value.checkedRowKeys?.length||0||0,group:[[{icon:"i-tabler:x",onClick:()=>{P?.([])}}],[{label:n("components.button.export"),icon:"i-tabler:file-export",loading:L.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(V.DuxDrawerPage,{title:r.sideLeftTitle||n("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(V.DuxDrawerPage,{title:r.sideRightTitle||n("components.button.sideRight"),onClose:()=>b.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxTableLayout=Z;
+"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;

package/dist/cjs/components/media/media.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),u=require("clsx"),g=require("naive-ui"),l=require("../widget/avatar.cjs"),m=require("../widget/image.cjs");function o(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const x=t.defineComponent({name:"DuxMedia",props:{title:String,avatar:Boolean,image:[String,Array],desc:[String,Array],extend:String,onClick:Function,imageWidth:{type:Number,default:42},imageHeight:{type:Number,default:42}},setup(e,{slots:a}){const c=t.computed(()=>Array.isArray(e.image)?e.image:e.image?[e.image]:[]),d=t.computed(()=>Array.isArray(e.desc)?e.desc:e.desc?[e.desc]:[]);return()=>{let n;return t.createVNode("div",{class:"flex gap-2 items-center"},[a?.image&&t.createVNode("div",{class:"flex-none flex items-center gap-2"},[a?.image?.()]),(e.avatar||c?.value.length>0)&&t.createVNode("div",{class:"flex-none flex items-center gap-2"},[e.avatar?t.createVNode(t.Fragment,null,[c.value.length>0?c.value.map((i,r)=>t.createVNode(l.DuxAvatar,{key:r,src:i,round:!0,size:e.imageWidth},null)):t.createVNode(l.DuxAvatar,{round:!0,size:e.imageWidth},null)]):t.createVNode(g.NImageGroup,null,o(n=c.value.map((i,r)=>t.createVNode(m.DuxImage,{key:r,src:i,class:"rounded",objectFit:"cover",width:e.imageWidth,height:e.imageHeight},null)))?n:{default:()=>[n]})]),t.createVNode("div",{class:"flex-1 flex-col gap-2 min-w-0 truncate items-center"},[t.createVNode("div",{class:"flex gap-2 items-center"},[a.prefix?.(),(e.title||a.default)&&t.createVNode("div",{onClick:()=>e.onClick?.(),class:u(["transition-all truncate",e?.onClick&&"hover:text-primary cursor-pointer"])},[e.title||a.default?.()])]),(d?.value.length>0||a.desc)&&t.createVNode("div",{class:"text-sm text-muted flex flex-col gap-0"},[d?.value.map?.((i,r)=>t.createVNode("div",{key:r,class:"truncate"},[i])),a.desc?.()])]),e?.extend&&t.createVNode("div",{class:"flex-none flex items-center gap-2 text-gray-7"},[e?.extend]),a?.extend&&t.createVNode("div",{class:"flex-none flex items-center gap-2 text-gray-7"},[a?.extend?.()])])}}});exports.DuxMedia=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),u=require("clsx"),g=require("naive-ui"),l=require("../widget/avatar.cjs"),m=require("../widget/image.cjs");function o(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const x=t.defineComponent({name:"DuxMedia",props:{title:String,avatar:Boolean,image:[String,Array],desc:[String,Array],extend:String,onClick:Function,imageWidth:{type:Number,default:42},imageHeight:{type:Number,default:42}},setup(e,{slots:a}){const r=t.computed(()=>Array.isArray(e.image)?e.image:e.image!==void 0?[e.image]:[]),d=t.computed(()=>Array.isArray(e.desc)?e.desc:e.desc!==void 0?[e.desc]:[]);return()=>{let c;return t.createVNode("div",{class:"flex gap-2 items-center"},[a?.image&&t.createVNode("div",{class:"flex-none flex items-center gap-2"},[a?.image?.()]),(e.avatar||r?.value.length>0)&&t.createVNode("div",{class:"flex-none flex items-center gap-2"},[e.avatar?t.createVNode(t.Fragment,null,[r.value.length>0?r.value.map((i,n)=>t.createVNode(l.DuxAvatar,{key:n,src:i,round:!0,size:e.imageWidth},null)):t.createVNode(l.DuxAvatar,{round:!0,size:e.imageWidth},null)]):t.createVNode(g.NImageGroup,null,o(c=r.value.map((i,n)=>t.createVNode(m.DuxImage,{key:n,src:i,class:"rounded",objectFit:"cover",width:e.imageWidth,height:e.imageHeight},null)))?c:{default:()=>[c]})]),t.createVNode("div",{class:"flex-1 flex-col gap-2 min-w-0 truncate items-center"},[t.createVNode("div",{class:"flex gap-2 items-center"},[a.prefix?.(),(e.title||a.default)&&t.createVNode("div",{onClick:()=>e.onClick?.(),class:u(["transition-all truncate",e?.onClick&&"hover:text-primary cursor-pointer"])},[e.title||a.default?.()])]),(d?.value.length>0||a.desc)&&t.createVNode("div",{class:"text-sm text-muted flex flex-col gap-0"},[d?.value.map?.((i,n)=>t.createVNode("div",{key:n,class:"truncate"},[i!==""?i:"-"])),a.desc?.()])]),e?.extend&&t.createVNode("div",{class:"flex-none flex items-center gap-2 text-gray-7"},[e?.extend]),a?.extend&&t.createVNode("div",{class:"flex-none flex items-center gap-2 text-gray-7"},[a?.extend?.()])])}}});exports.DuxMedia=x;

package/dist/cjs/components/tree/treeFilter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),g=require("@duxweb/dvha-core"),_=require("@vueuse/core"),z=require("clsx"),s=require("naive-ui"),X=require("../card/card.cjs"),Y=t.defineComponent({name:"DuxTreeFilter",props:{title:String,path:String,sortPath:String,params:Object,menus:Array,numField:String,iconField:String,treeOptions:Object,value:Array,defaultValue:Array,onUpdateValue:Function,draggable:Boolean,bordered:{type:Boolean,default:!1}},extends:s.NTree,setup(a,{emit:D,slots:b}){const N=_.useVModel(a,"value",D,{passive:!1,defaultValue:a.defaultValue}),O=t.toRef(a,"params",{}),C=t.toRef(a,"path",""),T=t.toRef(a,"sortPath",""),S=t.ref(),w=t.ref(0),F=t.ref(0),i=t.ref([]),y=t.ref(),{t:K}=g.useI18n(),{options:U,loading:q,expanded:A}=g.useTree({path:C.value,params:O.value,...a.treeOptions});t.watch(U,e=>{i.value=e},{immediate:!0,deep:!0});const x=t.ref(!1),I=t.computed(()=>a.menus?.map(e=>({label:e.label,key:e.value,icon:e?.icon?()=>t.createVNode("div",{class:e?.icon},null):void 0,onSelect:e.onSelect}))||[]),E=e=>{const l=a.menus?.find(n=>n.value===e);l&&l.onSelect(S.value),x.value=!1},j=g.useCustomMutation({path:T.value,method:"POST"}),V=(e,l)=>{for(const n of e)if(n.children){for(const r of n.children)if(r.id===l)return n;const d=V(n.children,l);if(d)return d}},B=({node:e,dragNode:l,dropPosition:n})=>{const d=V(i.value,l.id),r=!d,p=[...i.value];if(r){const o=i.value.findIndex(k=>k.id===l.id);o>=0&&p.splice(o,1)}else{const o=d?.children?.indexOf(l)||0;d?.children?.splice(o,1)}let h=V(p,e.id),m,c=h?.children||p,u=0;switch(n){case"before":u=c.findIndex(o=>o.id===e.id),u>0&&(m=c[u-1].id);break;case"inside":h=e,c=h.children=h.children||[],u=c.length;break;case"after":u=c.findIndex(o=>o.id===e.id)+1,m=e.id;break}c.splice(u,0,l),i.value=p,j.mutate({payload:{parent_id:h?.id,before_id:m,id:l.id}})},f=t.ref([]),v=t.ref(!1);t.watch(A,e=>{f?.value?.length>0||(v.value=e.length>0,f.value=e)},{immediate:!0});const P=e=>{const l=[],n=d=>{d.forEach(r=>{r.children&&r.children.length>0&&(l.push(r.key||r.id),n(r.children))})};return n(e),l},M=()=>{v.value?(f.value=[],v.value=!1):(f.value=P(i.value),v.value=!0)},R=t.computed(()=>{const{title:e,path:l,sortPath:n,params:d,menus:r,numField:p,iconField:h,treeOptions:m,value:c,defaultValue:u,onUpdateValue:o,bordered:k,...L}=a;return L});return()=>t.createVNode(X.DuxCard,{class:"h-full",contentClass:"flex flex-col",bordered:a.bordered},{default:()=>[a?.title&&t.createVNode("div",{class:"px-2 py-3 pb-1 text-base font-bold"},[a.title]),t.createVNode("div",{class:"p-2 flex gap-2 items-center"},[t.createVNode(s.NButton,{onClick:M},{icon:()=>t.createVNode("div",{class:v.value?"i-tabler:fold-up":"i-tabler:fold-down"},null)}),t.createVNode("div",{class:"flex-1"},[b.header?b.header():t.createVNode(s.NInput,{value:y.value,"onUpdate:value":e=>y.value=e,placeholder:K("common.keyword")},null)]),b.tools?.()]),t.createVNode(s.NScrollbar,{class:"flex-1 min-h-0",xScrollable:!0},{default:()=>[t.createVNode("div",{class:"p-2"},[t.createVNode(s.NSpin,{show:q.value,class:"h-full"},{default:()=>[t.createVNode(s.NTree,t.mergeProps(R.value,{data:i.value||[],expandedKeys:f.value,onUpdateExpandedKeys:e=>{f.value=e;const l=P(i.value);v.value=l.length>0&&l.every(n=>e.includes(n))},blockLine:!0,selectedKeys:N.value,onUpdateSelectedKeys:e=>{N.value=e,a?.onUpdateValue?.(e)},onDrop:B,pattern:y.value,renderPrefix:a?.numField||a?.iconField?({option:e})=>t.createVNode(t.Fragment,null,[a.iconField&&e[a.iconField]&&t.createVNode("div",{class:z(e[a.iconField]||"","size-4")},null),a.numField&&t.createVNode("div",{class:"rounded-full bg-primary px-2 text-xs text-white"},[e[a.numField]||0])]):void 0,nodeProps:({option:e})=>({onContextmenu:l=>{S.value=e,x.value=!0,w.value=l.clientX,F.value=l.clientY,l.preventDefault()}})}),null)]})])]}),t.createVNode(s.NDropdown,{trigger:"manual",placement:"bottom-start",show:x.value,options:I.value,x:w.value,y:F.value,width:100,onSelect:E,onClickoutside:()=>{x.value=!1}},null)]})}});exports.DuxTreeFilter=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),g=require("@duxweb/dvha-core"),_=require("@vueuse/core"),z=require("clsx"),s=require("naive-ui"),X=require("../card/card.cjs"),Y=t.defineComponent({name:"DuxTreeFilter",props:{title:String,path:String,sortPath:String,params:Object,menus:Array,numField:String,iconField:String,treeOptions:Object,value:Array,defaultValue:Array,onUpdateValue:Function,draggable:Boolean,bordered:{type:Boolean,default:!1}},extends:s.NTree,setup(a,{emit:D,slots:b}){const N=_.useVModel(a,"value",D,{passive:!1,defaultValue:a.defaultValue}),O=t.toRef(a,"params",{}),C=t.toRef(a,"path",""),T=t.toRef(a,"sortPath",""),S=t.ref(),w=t.ref(0),F=t.ref(0),i=t.ref([]),y=t.ref(),{t:K}=g.useI18n(),{options:U,loading:q,expanded:A}=g.useTree({path:C.value,params:O.value,...a.treeOptions});t.watch(U,e=>{i.value=e},{immediate:!0,deep:!0});const p=t.ref(!1),I=t.computed(()=>a.menus?.map(e=>({label:e.label,key:e.value,icon:e?.icon?()=>t.createVNode("div",{class:e?.icon},null):void 0,onSelect:e.onSelect}))||[]),E=e=>{const l=a.menus?.find(n=>n.value===e);l&&l.onSelect(S.value),p.value=!1},j=g.useCustomMutation({path:T.value,method:"POST"}),V=(e,l)=>{for(const n of e)if(n.children){for(const r of n.children)if(r.id===l)return n;const o=V(n.children,l);if(o)return o}},B=({node:e,dragNode:l,dropPosition:n})=>{const o=V(i.value,l.id),r=!o,x=[...i.value];if(r){const d=i.value.findIndex(k=>k.id===l.id);d>=0&&x.splice(d,1)}else{const d=o?.children?.indexOf(l)||0;o?.children?.splice(d,1)}let h=V(x,e.id),m,c=h?.children||x,u=0;switch(n){case"before":u=c.findIndex(d=>d.id===e.id),u>0&&(m=c[u-1].id);break;case"inside":h=e,c=h.children=h.children||[],u=c.length;break;case"after":u=c.findIndex(d=>d.id===e.id)+1,m=e.id;break}c.splice(u,0,l),i.value=x,j.mutate({payload:{parent_id:h?.id,before_id:m,id:l.id}})},f=t.ref([]),v=t.ref(!1);t.watch(A,e=>{f?.value?.length>0||(v.value=e.length>0,f.value=e)},{immediate:!0});const P=e=>{const l=[],n=o=>{o.forEach(r=>{r.children&&r.children.length>0&&(l.push(r.key||r.id),n(r.children))})};return n(e),l},M=()=>{v.value?(f.value=[],v.value=!1):(f.value=P(i.value),v.value=!0)},R=t.computed(()=>{const{title:e,path:l,sortPath:n,params:o,menus:r,numField:x,iconField:h,treeOptions:m,value:c,defaultValue:u,onUpdateValue:d,bordered:k,...L}=a;return L});return()=>t.createVNode(X.DuxCard,{class:"h-full",contentClass:"flex flex-col",bordered:a.bordered},{default:()=>[a?.title&&t.createVNode("div",{class:"px-2 py-3 pb-1 text-base font-bold"},[a.title]),t.createVNode("div",{class:"p-2 flex gap-2 items-center"},[t.createVNode("div",{class:"flex-1"},[b.header?b.header():t.createVNode(s.NInput,{value:y.value,"onUpdate:value":e=>y.value=e,placeholder:K("common.keyword")},{prefix:()=>t.createVNode(s.NButton,{text:!0,onClick:M,class:"mr-1!"},{icon:()=>t.createVNode("div",{class:["i-tabler:fold-down transition-all",v.value?"rotate-0":"rotate-180"]},null)})})]),b.tools?.()]),t.createVNode(s.NScrollbar,{class:"flex-1 min-h-0",xScrollable:!0},{default:()=>[t.createVNode("div",{class:"p-2"},[t.createVNode(s.NSpin,{show:q.value,class:"h-full"},{default:()=>[t.createVNode(s.NTree,t.mergeProps(R.value,{data:i.value||[],expandedKeys:f.value,onUpdateExpandedKeys:e=>{f.value=e;const l=P(i.value);v.value=l.length>0&&l.every(n=>e.includes(n))},blockLine:!0,selectedKeys:N.value,onUpdateSelectedKeys:e=>{N.value=e,a?.onUpdateValue?.(e)},onDrop:B,pattern:y.value,renderPrefix:a?.numField||a?.iconField?({option:e})=>t.createVNode(t.Fragment,null,[a.iconField&&e[a.iconField]&&t.createVNode("div",{class:z(e[a.iconField]||"","size-4")},null),a.numField&&t.createVNode("div",{class:"rounded-full bg-primary px-2 text-xs text-white"},[e[a.numField]||0])]):void 0,nodeProps:({option:e})=>({onContextmenu:l=>{S.value=e,p.value=!0,w.value=l.clientX,F.value=l.clientY,l.preventDefault()}})}),null)]})])]}),t.createVNode(s.NDropdown,{trigger:"manual",placement:"bottom-start",show:p.value,options:I.value,x:w.value,y:F.value,width:100,onSelect:E,onClickoutside:()=>{p.value=!1}},null)]})}});exports.DuxTreeFilter=Y;

package/dist/cjs/pages/layout/tab.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("@duxweb/dvha-core"),m=require("@duxweb/dvha-naiveui"),r=require("naive-ui"),x=require("vue-router"),k=e.defineComponent({name:"DuxPageTab",setup(g){const{tabsProps:i,tabs:p}=m.useNaiveTab(),d=e.ref(),l=u.useTabStore(),c=x.useRouter(),{t:o}=u.useI18n(),a=e.reactive({x:0,y:0,visible:!1}),s=e.ref(),v=(t,n)=>{t.preventDefault(),a.visible=!1,e.nextTick().then(()=>{a.visible=!0,a.x=t.clientX,a.y=t.clientY,s.value=n})},b=()=>{a.visible=!1},h=[{label:o("components.tab.lock"),key:"lock"},{label:o("components.tab.closeOther"),key:"closeOther"},{label:o("components.tab.closeLeft"),key:"closeLeft"},{label:o("components.tab.closeRight"),key:"closeRight"}],f=t=>{switch(a.visible=!1,t){case"lock":l.lockTab(s.value?.path||"");break;case"closeOther":l.delOther(s.value?.path||"",()=>{c.push(s.value?.path||"")});break;case"closeLeft":l.delLeft(s.value?.path||"",()=>{c.push(s.value?.path||"")});break;case"closeRight":l.delRight(s.value?.path||"",()=>{c.push(s.value?.path||"")});break}};return()=>e.createVNode(e.Fragment,null,[e.createVNode(r.NTabs,e.mergeProps({ref:d,type:"card",class:"app-page-tabs",barWidth:100},i.value),{default:()=>p?.value?.map(t=>e.createVNode(r.NTab,{key:t.path,name:t.path||"",class:"shadow-xs my-2"},{default:()=>[e.createVNode("div",{class:"flex items-center gap-2 py-2 px-3",onContextmenu:n=>v(n,t)},[e.createVNode("div",{class:"flex-1"},[t.label]),e.createVNode("div",{class:"flex items-center flex-none"},[t.meta?.lock?e.createVNode("div",{class:"i-tabler:pinned size-4"},null):e.createVNode("div",{onClick:()=>i.value?.onClose?.(t.path),class:"text-muted hover:text-primary cursor-pointer"},[e.createVNode("div",{class:"i-tabler:x size-4"},null)])])])]}))}),e.createVNode(r.NDropdown,{trigger:"manual",x:a.x,y:a.y,show:a.visible,onClickoutside:b,options:h,onSelect:f},null)])}});exports.DuxPageTab=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("@duxweb/dvha-core"),m=require("@duxweb/dvha-naiveui"),r=require("naive-ui"),x=require("vue-router"),k=e.defineComponent({name:"DuxPageTab",setup(g){const{tabsProps:i,tabs:p}=m.useNaiveTab(),d=e.ref(),l=u.useTabStore(),c=x.useRouter(),{t:o}=u.useI18n(),a=e.reactive({x:0,y:0,visible:!1}),s=e.ref(),v=(t,n)=>{t.preventDefault(),a.visible=!1,e.nextTick().then(()=>{a.visible=!0,a.x=t.clientX,a.y=t.clientY,s.value=n})},b=()=>{a.visible=!1},h=[{label:o("components.tab.lock"),key:"lock"},{label:o("components.tab.closeOther"),key:"closeOther"},{label:o("components.tab.closeLeft"),key:"closeLeft"},{label:o("components.tab.closeRight"),key:"closeRight"}],f=t=>{switch(a.visible=!1,t){case"lock":l.lockTab(s.value?.path||"");break;case"closeOther":l.delOther(s.value?.path||"",()=>{c.push(s.value?.path||"")});break;case"closeLeft":l.delLeft(s.value?.path||"",()=>{c.push(s.value?.path||"")});break;case"closeRight":l.delRight(s.value?.path||"",()=>{c.push(s.value?.path||"")});break}};return()=>e.createVNode(e.Fragment,null,[e.createVNode(r.NTabs,e.mergeProps({ref:d,type:"card",class:"app-page-tabs",barWidth:100},i.value),{default:()=>p?.value?.map(t=>e.createVNode(r.NTab,{key:t.path,name:t.path||"",class:"shadow-xs my-2"},{default:()=>[e.createVNode("div",{class:"flex items-center gap-2 h-36px px-3",onContextmenu:n=>v(n,t)},[e.createVNode("div",{class:"flex-1"},[t.label]),e.createVNode("div",{class:"flex items-center flex-none"},[t.meta?.lock?e.createVNode("div",{class:"i-tabler:pinned size-4"},null):e.createVNode("div",{onClick:()=>i.value?.onClose?.(t.path),class:"text-muted hover:text-primary cursor-pointer"},[e.createVNode("div",{class:"i-tabler:x size-4"},null)])])])]}))}),e.createVNode(r.NDropdown,{trigger:"manual",x:a.x,y:a.y,show:a.visible,onClickoutside:b,options:h,onSelect:f},null)])}});exports.DuxPageTab=k;

package/dist/cjs/theme/uno.css.cjs

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=`/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-to-opacity:100%;--un-ease:initial;--un-fill-opacity:100%;--un-outline-style:solid;--un-space-y-reverse:initial;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -964,7 +964,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:flag-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.767 15.12A5 5 0 0 1 12 14a5 5 0 0 0-7 0V5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v8.5M5 21v-7m10 5l2 2l4-4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:focus-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='.5' fill='currentColor'/%3E%3Cpath d='M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:fold-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11v8l3-3m-6 0l3 3M9 7h1m4 0h1m4 0h1M4 7h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
-.i-tabler\\:fold-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13V5L9 8m6 0l-3-3M9 17h1m4 0h1m4 0h1M4 17h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:folder{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:forms{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3m7-14h7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-7M5 7H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1m12-5h.01M13 12h.01'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:git-branch{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 18a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M7 8v8m2 2h6a2 2 0 0 0 2-2v-5'/%3E%3Cpath d='m14 14l3-3l3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -1087,6 +1086,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .mb-2{margin-bottom:calc(var(--spacing) * 2);}
 .ml-2{margin-left:calc(var(--spacing) * 2);}
 .ml-2\\.5{margin-left:calc(var(--spacing) * 2.5);}
+.mr-1\\!{margin-right:calc(var(--spacing) * 1) !important;}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
 .mt-1{margin-top:calc(var(--spacing) * 1);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
@@ -1269,6 +1269,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-2{height:calc(var(--spacing) * 2);}
 .h-20{height:calc(var(--spacing) * 20);}
 .h-30{height:calc(var(--spacing) * 30);}
+.h-36px{height:36px;}
 .h-4{height:calc(var(--spacing) * 4);}
 .h-40{height:calc(var(--spacing) * 40);}
 .h-5{height:calc(var(--spacing) * 5);}
@@ -1351,6 +1352,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}
+.rotate-0{rotate:0;}
 .rotate-180{rotate:180deg;}
 .rotate-45{rotate:45deg;}
 .transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}

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

@@ -1,8 +1,8 @@
-import { defineComponent as $, toRef as x, reactive as w, computed as d, ref as k, watch as O, nextTick as v, onMounted as ee, createVNode as e, h as te, mergeProps as ae } from "vue";
-import { useI18n as ie, useJsonSchema as le, useTabStore as oe } from "@duxweb/dvha-core";
-import { useWindowSize as re } from "@vueuse/core";
-import { NTabs as ne, NTab as se, NButton as s, NPopselect as ue, NTooltip as h, NProgress as ce, NPagination as pe, NDrawer as j } from "naive-ui";
-import { useAction as de } from "../../hooks/action.js";
+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 { 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 { useAction as fe } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
@@ -21,7 +21,7 @@ import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxTableFilter as me } from "./filter.js";
+import { DuxTableFilter as be } from "./filter.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -49,10 +49,10 @@ import "vee-validate";
 import "vue-router";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPage as fe } from "../../pages/page.js";
+import { DuxPage as ve } from "../../pages/page.js";
 import "../../pages/page404.js";
-import { DuxDrawerPage as P } from "../drawer/drawerPage.js";
-import { DuxTableTools as be } from "./tools.js";
+import { DuxDrawerPage as L } from "../drawer/drawerPage.js";
+import { DuxTableTools as ge } from "./tools.js";
 import "short-unique-id";
 import "aieditor";
 import "@vue-flow/core";
@@ -64,9 +64,9 @@ import "../posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useTable as ve } from "../../hooks/table.js";
+import { useTable as he } from "../../hooks/table.js";
 import "pinia";
-const zt = /* @__PURE__ */ $({
+const Jt = /* @__PURE__ */ te({
   name: "DuxTableLayout",
   props: {
     path: {
@@ -79,6 +79,9 @@ const zt = /* @__PURE__ */ $({
     filterSchema: {
       type: Array
     },
+    filterReactive: {
+      type: Object
+    },
     filterNumber: {
       type: Number,
       default: 1
@@ -119,99 +122,107 @@ const zt = /* @__PURE__ */ $({
     }
   },
   setup(a, {
-    slots: l,
-    expose: z
+    slots: o,
+    expose: J
   }) {
-    const r = x(a, "filter", {}), L = x(a, "sorter", {}), B = x(a, "columns", []), {
+    const r = O(a, "filter", {}), U = O(a, "sorter", {}), v = p(() => a.filterReactive || {}), B = O(a, "columns", []), {
       t: n
-    } = ie(), {
-      renderAction: U
-    } = de(), o = w({
+    } = oe(), {
+      renderAction: E
+    } = fe(), l = k({
       ...r.value || {}
-    }), u = ve({
+    }), s = he({
       ...a.hookTableProps,
       path: a.path,
-      filters: o,
-      sorters: L.value,
+      filters: l,
+      sorters: U.value,
       columns: B,
       pagination: a.pagination
     });
-    z(u);
+    J(s);
     const {
-      columns: C,
+      columns: R,
       tablePagination: A,
-      table: R,
+      table: j,
       onUpdateColumnSelected: D,
-      onUpdateChecked: E,
+      onUpdateChecked: F,
       columnSelected: q,
-      autoRefetch: F,
-      autoCountdown: S,
-      onAutoRefetch: I,
-      isExporting: J,
-      isExportingRows: W,
-      isImporting: K,
-      onExport: V,
-      onExportRows: M,
-      onImport: G
-    } = u, H = d(() => C.value.filter((t) => "title" in t && "key" in t).map((t) => ({
+      autoRefetch: I,
+      autoCountdown: C,
+      onAutoRefetch: W,
+      isExporting: K,
+      isExportingRows: V,
+      isImporting: M,
+      onExport: G,
+      onExportRows: H,
+      onImport: Q
+    } = s, X = p(() => R.value.filter((t) => "title" in t && "key" in t).map((t) => ({
       label: t.title,
       value: t.key
     }))), {
-      width: c
-    } = re(), Q = d(() => C.value.reduce((i, p) => i + (Number(p?.width) || Number(p?.minWidth) || 110), 0)), m = w({
+      width: d
+    } = se(), Y = p(() => R.value.reduce((i, u) => i + (Number(u?.width) || Number(u?.minWidth) || 110), 0)), m = k({
       show: !1
-    }), f = w({
+    }), f = k({
       show: !1
-    }), g = k(!1), X = d(() => (a.filterSchema || []).map((t) => {
+    }), x = S(!1), Z = p(() => (a.filterSchema || []).map((t) => {
       const {
         label: i,
-        ...p
+        ...u
       } = t;
       return {
-        tag: me,
+        tag: be,
         attrs: {
           label: i
         },
-        children: p
+        children: u
       };
     })), {
-      render: Y
-    } = le({
-      data: d(() => X.value)
-    }), y = d(() => ({
+      render: _
+    } = re({
+      data: p(() => Z.value)
+    }), w = p(() => ({
       import: !1,
       export: !0,
       refresh: !0,
       ...a.tools
-    })), T = k(0), b = k(null);
-    O(() => a.tabs?.map((t) => t.value), () => {
+    })), T = S(0), b = S(null);
+    N(() => a.tabs?.map((t) => t.value), () => {
       const t = a.tabs?.map((i) => i.value) || [];
       if (r.value?.tab === void 0) {
         const i = t[0];
         i !== void 0 && (r.value.tab = i);
       }
-      v(() => b.value?.syncBarPosition());
+      h(() => b.value?.syncBarPosition());
     }, {
       deep: !0
-    }), O(() => c.value, () => {
-      v(() => {
+    }), N(() => d.value, () => {
+      h(() => {
         b.value?.syncBarPosition();
       });
     });
-    const N = oe(), Z = N.tabs.find((t) => t.path === N.current), _ = d(() => {
-      const t = a.tabs?.map((p) => p.value) || [], i = r.value?.tab;
+    const P = ne(), $ = P.tabs.find((t) => t.path === P.current), ee = p(() => {
+      const t = a.tabs?.map((u) => u.value) || [], i = r.value?.tab;
       return t.includes(i) ? i : t[0];
     });
-    return ee(() => {
-      v(() => {
+    return ae(() => {
+      h(() => {
         b.value?.syncBarPosition();
       });
-    }), () => e(fe, {
+    }), N(() => v.value, (t) => {
+      const i = t || {};
+      Object.keys(i).forEach((u) => {
+        const g = i[u];
+        g == null || g === "" ? delete l[u] : l[u] = g;
+      }), s.onUpdatePage?.(1);
+    }, {
+      deep: !0
+    }), () => e(ve, {
       actions: a.actions,
       scrollbar: !1
     }, {
-      sideLeft: () => l?.sideLeft && c.value >= 1024 ? l?.sideLeft?.() : void 0,
-      sideRight: () => l?.sideRight && c.value >= 1024 ? l?.sideRight?.() : void 0,
+      sideLeft: () => o?.sideLeft && d.value >= 1024 ? o?.sideLeft?.() : void 0,
+      sideRight: () => o?.sideRight && d.value >= 1024 ? o?.sideRight?.() : void 0,
       default: () => e("div", {
         class: "flex flex-col gap-3 h-full relative"
       }, [e("div", {
@@ -220,7 +231,7 @@ const zt = /* @__PURE__ */ $({
         class: "relative top-1.5px"
       }, [!a.tabs && e("div", {
         class: "pt-1 text-base"
-      }, [Z?.label]), a.tabs && e(ne, {
+      }, [$?.label]), a.tabs && e(ue, {
         ref: b,
         type: "bar",
         size: "small",
@@ -229,32 +240,32 @@ const zt = /* @__PURE__ */ $({
           "--n-tab-gap": "20px"
         },
         "default-value": a.tabs?.[0]?.value || "",
-        value: _.value,
+        value: ee.value,
         onUpdateValue: (t) => {
-          r.value.tab = t, o.tab = t, v(() => b.value?.syncBarPosition());
+          r.value.tab = t, l.tab = t, h(() => b.value?.syncBarPosition());
         }
       }, {
-        default: () => [a.tabs?.map((t) => e(se, {
+        default: () => [a.tabs?.map((t) => e(ce, {
           name: t.value,
           tab: t.label
         }, null))]
       })]), e("div", {
         class: "flex gap-2 justify-end pb-2"
-      }, [l.actions?.(), a.actions?.length > 0 && U({
-        type: c.value < 1024 ? "dropdown" : "button",
+      }, [o.actions?.(), a.actions?.length > 0 && E({
+        type: d.value < 1024 ? "dropdown" : "button",
         items: a.actions
       })])]), e("div", {
         class: "flex gap-2 justify-between flex-col-reverse lg:flex-row"
-      }, [(c.value >= 1024 || g.value) && e("div", {
+      }, [(d.value >= 1024 || x.value) && e("div", {
         class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]
       }, [e("div", {
         key: T.value,
         class: "contents"
-      }, [te(Y)])]), e("div", {
+      }, [ie(_)])]), e("div", {
         class: "flex justify-between gap-2"
       }, [e("div", {
         class: ["flex gap-2"]
-      }, [l?.sideLeft && c.value < 1024 && e(s, {
+      }, [o?.sideLeft && d.value < 1024 && e(c, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -264,7 +275,7 @@ const zt = /* @__PURE__ */ $({
         icon: () => e("div", {
           class: "i-tabler:layout-sidebar-inactive size-4"
         }, null)
-      }), l?.sideRight && c.value < 1024 && e(s, {
+      }), o?.sideRight && d.value < 1024 && e(c, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -276,10 +287,10 @@ const zt = /* @__PURE__ */ $({
         }, null)
       }), e("div", {
         class: "flex-none lg:hidden"
-      }, [e(s, {
+      }, [e(c, {
         secondary: !0,
         onClick: () => {
-          g.value = !g.value;
+          x.value = !x.value;
         }
       }, {
         icon: () => e("div", {
@@ -289,13 +300,13 @@ const zt = /* @__PURE__ */ $({
         class: ["flex gap-2 flex-row"]
       }, [e("div", {
         class: "flex lg:hidden"
-      }, [e(s, {
+      }, [e(c, {
         type: "primary",
         secondary: !0,
         onClick: () => {
-          Object.keys(o).forEach((t) => {
-            delete o[t];
-          }), Object.assign(o, JSON.parse(JSON.stringify(r.value || {}))), u.onUpdatePage?.(1);
+          Object.keys(l).forEach((t) => {
+            delete l[t];
+          }), Object.assign(l, JSON.parse(JSON.stringify(r.value || {}))), Object.assign(l, JSON.parse(JSON.stringify(v.value || {}))), s.onUpdatePage?.(1);
         }
       }, {
         icon: () => e("div", {
@@ -303,43 +314,43 @@ const zt = /* @__PURE__ */ $({
         }, null)
       })]), e("div", {
         class: ["hidden lg:flex gap-2"]
-      }, [e(s, {
+      }, [e(c, {
         type: "primary",
         secondary: !0,
         onClick: () => {
-          Object.keys(o).forEach((t) => delete o[t]), Object.assign(o, JSON.parse(JSON.stringify(r.value || {}))), u.onUpdatePage?.(1);
+          Object.keys(l).forEach((t) => delete l[t]), Object.assign(l, JSON.parse(JSON.stringify(r.value || {}))), Object.assign(l, JSON.parse(JSON.stringify(v.value || {}))), s.onUpdatePage?.(1);
         }
       }, {
         icon: () => e("div", {
           class: "i-tabler:search size-4"
         }, null),
         default: () => n("components.button.search")
-      }), e(s, {
+      }), e(c, {
         secondary: !0,
         onClick: () => {
           const t = r.value.tab;
           Object.keys(r.value || {}).forEach((i) => {
             i !== "tab" && delete r.value[i];
-          }), Object.keys(o).forEach((i) => {
-            delete o[i];
-          }), t !== void 0 && (o.tab = t), u.onUpdatePage?.(1), T.value++;
+          }), Object.keys(l).forEach((i) => {
+            delete l[i];
+          }), t !== void 0 && (l.tab = t), Object.assign(l, JSON.parse(JSON.stringify(v.value || {}))), s.onUpdatePage?.(1), T.value++;
         }
       }, {
         icon: () => e("div", {
           class: "i-tabler:arrow-back-up size-4"
         }, null),
         default: () => n("components.button.reset")
-      })])])])]), l?.header?.(), e("div", {
+      })])])])]), o?.header?.(), e("div", {
         class: "flex-1 min-h-0"
-      }, [l?.default?.({
-        ...u,
-        width: Q.value
+      }, [o?.default?.({
+        ...s,
+        width: Y.value
       })]), e("div", {
         class: "flex justify-between"
       }, [e("div", {
         class: "flex items-center gap-0.5"
-      }, [l?.bottom?.(), l?.tools?.(), e(ue, {
-        options: H.value,
+      }, [o?.bottom?.(), o?.tools?.(), e(de, {
+        options: X.value,
         value: q.value,
         onUpdateValue: (t) => {
           D(t);
@@ -348,8 +359,8 @@ const zt = /* @__PURE__ */ $({
         placement: "bottom-start",
         trigger: "click"
       }, {
-        default: () => [e(h, null, {
-          trigger: () => e(s, {
+        default: () => [e(y, null, {
+          trigger: () => e(c, {
             quaternary: !0,
             circle: !0,
             "icon-placement": "right"
@@ -360,103 +371,103 @@ const zt = /* @__PURE__ */ $({
           }),
           default: () => n("components.list.columnSetting")
         })]
-      }), y.value.export && e(h, null, {
-        trigger: () => e(s, {
+      }), w.value.export && e(y, null, {
+        trigger: () => e(c, {
           quaternary: !0,
           circle: !0,
-          loading: J.value,
-          onClick: V
+          loading: K.value,
+          onClick: G
         }, {
           icon: () => e("div", {
             class: "i-tabler:database-export size-4"
           }, null)
         }),
         default: () => n("components.button.export")
-      }), y.value.import && e(h, null, {
-        trigger: () => e(s, {
+      }), w.value.import && e(y, null, {
+        trigger: () => e(c, {
           quaternary: !0,
           circle: !0,
-          loading: K.value,
-          onClick: G
+          loading: M.value,
+          onClick: Q
         }, {
           icon: () => e("div", {
             class: "i-tabler:database-import size-4"
           }, null)
         }),
         default: () => n("components.button.import")
-      }), y.value.refresh && e(h, null, {
-        trigger: () => e(s, {
+      }), w.value.refresh && e(y, null, {
+        trigger: () => e(c, {
           quaternary: !0,
           circle: !0,
-          onClick: I
+          onClick: W
         }, {
-          icon: () => F.value ? e(ce, {
+          icon: () => I.value ? e(pe, {
             class: "size-4",
             type: "circle",
-            percentage: S.value * 10,
+            percentage: C.value * 10,
             strokeWidth: 20,
             color: "rgba(var(--ui-color-primary))"
           }, {
             default: () => [e("span", {
               class: "text-8px"
-            }, [S.value])]
+            }, [C.value])]
           }) : e("div", {
             class: "i-tabler:refresh size-4"
           }, null)
         }),
         default: () => n("components.button.autoRefresh")
-      })]), e("div", null, [a.pagination && e(pe, ae(A.value, {
-        simple: c.value < 768
+      })]), e("div", null, [a.pagination && e(me, le(A.value, {
+        simple: d.value < 768
       }), {
         prefix: () => e("div", null, [n("components.list.total", {
-          total: u.total.value || 0
+          total: s.total.value || 0
         })])
-      })])]), e(be, {
-        isLoading: u.isBatching.value,
-        onBatch: u.onBatch,
-        selecteds: R.value.checkedRowKeys,
-        number: R.value.checkedRowKeys?.length || 0 || 0,
+      })])]), e(ge, {
+        isLoading: s.isBatching.value,
+        onBatch: s.onBatch,
+        selecteds: j.value.checkedRowKeys,
+        number: j.value.checkedRowKeys?.length || 0 || 0,
         group: [[{
           icon: "i-tabler:x",
           onClick: () => {
-            E?.([]);
+            F?.([]);
           }
         }], [{
           label: n("components.button.export"),
           icon: "i-tabler:file-export",
-          loading: W.value,
-          onClick: M
+          loading: V.value,
+          onClick: H
         }, ...a.batchOptions || []]]
-      }, null), e(j, {
+      }, null), e(z, {
         show: m.show,
         onUpdateShow: (t) => m.show = t,
         autoFocus: !1,
         placement: "left"
       }, {
-        default: () => [e(P, {
+        default: () => [e(L, {
           title: a.sideLeftTitle || n("components.button.sideLeft"),
           onClose: () => m.show = !1,
           scrollbar: !1
         }, {
-          default: () => [l?.sideLeft?.()]
+          default: () => [o?.sideLeft?.()]
         })]
-      }), e(j, {
+      }), e(z, {
         show: f.show,
         onUpdateShow: (t) => f.show = t,
         autoFocus: !1,
         placement: "right"
       }, {
-        default: () => [e(P, {
+        default: () => [e(L, {
           title: a.sideRightTitle || n("components.button.sideRight"),
           onClose: () => f.show = !1,
           scrollbar: !1
         }, {
-          default: () => [l?.sideRight?.()]
+          default: () => [o?.sideRight?.()]
         })]
       })])
     });
   }
 });
 export {
-  zt as DuxTableLayout
+  Jt as DuxTableLayout
 };

package/dist/esm/components/media/media.js

@@ -1,10 +1,10 @@
-import { defineComponent as u, computed as m, createVNode as t, Fragment as g, isVNode as x } from "vue";
-import f from "clsx";
+import { defineComponent as u, computed as d, createVNode as t, Fragment as g, isVNode as f } from "vue";
+import x from "clsx";
 import { NImageGroup as o } from "naive-ui";
-import { DuxAvatar as d } from "../widget/avatar.js";
+import { DuxAvatar as m } from "../widget/avatar.js";
 import { DuxImage as v } from "../widget/image.js";
 function s(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !x(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
 }
 const S = /* @__PURE__ */ u({
   name: "DuxMedia",
@@ -27,7 +27,7 @@ const S = /* @__PURE__ */ u({
   setup(e, {
     slots: a
   }) {
-    const l = m(() => Array.isArray(e.image) ? e.image : e.image ? [e.image] : []), c = m(() => Array.isArray(e.desc) ? e.desc : e.desc ? [e.desc] : []);
+    const l = d(() => Array.isArray(e.image) ? e.image : e.image !== void 0 ? [e.image] : []), c = d(() => Array.isArray(e.desc) ? e.desc : e.desc !== void 0 ? [e.desc] : []);
     return () => {
       let r;
       return t("div", {
@@ -36,12 +36,12 @@ const S = /* @__PURE__ */ u({
         class: "flex-none flex items-center gap-2"
       }, [a?.image?.()]), (e.avatar || l?.value.length > 0) && t("div", {
         class: "flex-none flex items-center gap-2"
-      }, [e.avatar ? t(g, null, [l.value.length > 0 ? l.value.map((i, n) => t(d, {
+      }, [e.avatar ? t(g, null, [l.value.length > 0 ? l.value.map((i, n) => t(m, {
         key: n,
         src: i,
         round: !0,
         size: e.imageWidth
-      }, null)) : t(d, {
+      }, null)) : t(m, {
         round: !0,
         size: e.imageWidth
       }, null)]) : t(o, null, s(r = l.value.map((i, n) => t(v, {
@@ -59,13 +59,13 @@ const S = /* @__PURE__ */ u({
         class: "flex gap-2 items-center"
       }, [a.prefix?.(), (e.title || a.default) && t("div", {
         onClick: () => e.onClick?.(),
-        class: f(["transition-all truncate", e?.onClick && "hover:text-primary cursor-pointer"])
+        class: x(["transition-all truncate", e?.onClick && "hover:text-primary cursor-pointer"])
       }, [e.title || a.default?.()])]), (c?.value.length > 0 || a.desc) && t("div", {
         class: "text-sm text-muted flex flex-col gap-0"
       }, [c?.value.map?.((i, n) => t("div", {
         key: n,
         class: "truncate"
-      }, [i])), a.desc?.()])]), e?.extend && t("div", {
+      }, [i !== "" ? i : "-"])), a.desc?.()])]), e?.extend && t("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"
       }, [e?.extend]), a?.extend && t("div", {
         class: "flex-none flex items-center gap-2 text-gray-7"

package/dist/esm/components/tree/treeFilter.js

@@ -2,7 +2,7 @@ import { defineComponent as q, toRef as S, ref as u, watch as V, computed as C,
 import { useI18n as J, useTree as Q, useCustomMutation as W } from "@duxweb/dvha-core";
 import { useVModel as Z } from "@vueuse/core";
 import $ from "clsx";
-import { NTree as K, NButton as ee, NInput as le, NScrollbar as te, NSpin as ne, NDropdown as ae } from "naive-ui";
+import { NTree as K, NInput as ee, NButton as le, NScrollbar as te, NSpin as ne, NDropdown as ae } from "naive-ui";
 import { DuxCard as ie } from "../card/card.js";
 const fe = /* @__PURE__ */ q({
   name: "DuxTreeFilter",
@@ -146,19 +146,23 @@ const fe = /* @__PURE__ */ q({
         class: "px-2 py-3 pb-1 text-base font-bold"
       }, [t.title]), n("div", {
         class: "p-2 flex gap-2 items-center"
-      }, [n(ee, {
-        onClick: R
-      }, {
-        icon: () => n("div", {
-          class: v.value ? "i-tabler:fold-up" : "i-tabler:fold-down"
-        }, null)
-      }), n("div", {
+      }, [n("div", {
         class: "flex-1"
-      }, [b.header ? b.header() : n(le, {
+      }, [b.header ? b.header() : n(ee, {
         value: y.value,
         "onUpdate:value": (e) => y.value = e,
         placeholder: N("common.keyword")
-      }, null)]), b.tools?.()]), n(te, {
+      }, {
+        prefix: () => n(le, {
+          text: !0,
+          onClick: R,
+          class: "mr-1!"
+        }, {
+          icon: () => n("div", {
+            class: ["i-tabler:fold-down transition-all", v.value ? "rotate-0" : "rotate-180"]
+          }, null)
+        })
+      })]), b.tools?.()]), n(te, {
         class: "flex-1 min-h-0",
         xScrollable: !0
       }, {

package/dist/esm/pages/layout/tab.js

@@ -1,5 +1,5 @@
-import { defineComponent as d, ref as i, reactive as f, createVNode as t, Fragment as x, mergeProps as k, nextTick as y } from "vue";
-import { useTabStore as g, useI18n as T } from "@duxweb/dvha-core";
+import { defineComponent as d, ref as i, reactive as f, createVNode as t, Fragment as x, mergeProps as k, nextTick as g } from "vue";
+import { useTabStore as y, useI18n as T } from "@duxweb/dvha-core";
 import { useNaiveTab as C } from "@duxweb/dvha-naiveui";
 import { NTabs as R, NTab as N, NDropdown as O } from "naive-ui";
 import { useRouter as w } from "vue-router";
@@ -9,17 +9,17 @@ const I = /* @__PURE__ */ d({
     const {
       tabsProps: r,
       tabs: p
-    } = C(), u = i(), s = g(), n = w(), {
+    } = C(), u = i(), s = y(), n = w(), {
       t: o
     } = T(), a = f({
       x: 0,
       y: 0,
       visible: !1
-    }), l = i(), b = (e, c) => {
-      e.preventDefault(), a.visible = !1, y().then(() => {
+    }), l = i(), h = (e, c) => {
+      e.preventDefault(), a.visible = !1, g().then(() => {
         a.visible = !0, a.x = e.clientX, a.y = e.clientY, l.value = c;
       });
-    }, h = () => {
+    }, b = () => {
       a.visible = !1;
     }, m = [{
       label: o("components.tab.lock"),
@@ -67,8 +67,8 @@ const I = /* @__PURE__ */ d({
         class: "shadow-xs my-2"
       }, {
         default: () => [t("div", {
-          class: "flex items-center gap-2 py-2 px-3",
-          onContextmenu: (c) => b(c, e)
+          class: "flex items-center gap-2 h-36px px-3",
+          onContextmenu: (c) => h(c, e)
         }, [t("div", {
           class: "flex-1"
         }, [e.label]), t("div", {
@@ -87,7 +87,7 @@ const I = /* @__PURE__ */ d({
       x: a.x,
       y: a.y,
       show: a.visible,
-      onClickoutside: h,
+      onClickoutside: b,
       options: m,
       onSelect: v
     }, null)]);

package/dist/esm/theme/uno.css.js

@@ -1,5 +1,5 @@
 const r = `/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-to-opacity:100%;--un-ease:initial;--un-fill-opacity:100%;--un-outline-style:solid;--un-space-y-reverse:initial;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -964,7 +964,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:flag-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.767 15.12A5 5 0 0 1 12 14a5 5 0 0 0-7 0V5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v8.5M5 21v-7m10 5l2 2l4-4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:focus-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='.5' fill='currentColor'/%3E%3Cpath d='M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:fold-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11v8l3-3m-6 0l3 3M9 7h1m4 0h1m4 0h1M4 7h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
-.i-tabler\\:fold-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13V5L9 8m6 0l-3-3M9 17h1m4 0h1m4 0h1M4 17h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:folder{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:forms{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3m7-14h7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-7M5 7H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1m12-5h.01M13 12h.01'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:git-branch{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 18a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M7 8v8m2 2h6a2 2 0 0 0 2-2v-5'/%3E%3Cpath d='m14 14l3-3l3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -1087,6 +1086,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .mb-2{margin-bottom:calc(var(--spacing) * 2);}
 .ml-2{margin-left:calc(var(--spacing) * 2);}
 .ml-2\\.5{margin-left:calc(var(--spacing) * 2.5);}
+.mr-1\\!{margin-right:calc(var(--spacing) * 1) !important;}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
 .mt-1{margin-top:calc(var(--spacing) * 1);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
@@ -1269,6 +1269,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-2{height:calc(var(--spacing) * 2);}
 .h-20{height:calc(var(--spacing) * 20);}
 .h-30{height:calc(var(--spacing) * 30);}
+.h-36px{height:36px;}
 .h-4{height:calc(var(--spacing) * 4);}
 .h-40{height:calc(var(--spacing) * 40);}
 .h-5{height:calc(var(--spacing) * 5);}
@@ -1351,6 +1352,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}
+.rotate-0{rotate:0;}
 .rotate-180{rotate:180deg;}
 .rotate-45{rotate:45deg;}
 .transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}

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

@@ -22,6 +22,9 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
     filterSchema: {
         type: PropType<JsonSchemaNode[]>;
     };
+    filterReactive: {
+        type: PropType<Record<string, any>>;
+    };
     filterNumber: {
         type: NumberConstructor;
         default: number;
@@ -74,6 +77,9 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
     filterSchema: {
         type: PropType<JsonSchemaNode[]>;
     };
+    filterReactive: {
+        type: PropType<Record<string, any>>;
+    };
     filterNumber: {
         type: NumberConstructor;
         default: number;

package/dist/types/components/table/tablePage.d.ts

@@ -16,6 +16,9 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
     filterSchema: {
         type: PropType<import("@duxweb/dvha-core").JsonSchemaNode[]>;
     };
+    filterReactive: {
+        type: PropType<Record<string, any>>;
+    };
     filterNumber: {
         type: NumberConstructor;
         default: number;
@@ -68,6 +71,9 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
     filterSchema: {
         type: PropType<import("@duxweb/dvha-core").JsonSchemaNode[]>;
     };
+    filterReactive: {
+        type: PropType<Record<string, any>>;
+    };
     filterNumber: {
         type: NumberConstructor;
         default: number;

package/package.json

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