@duxweb/dvha-pro 1.0.37 → 1.0.39

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f=require("@duxweb/dvha-core"),I=require("@vueuse/core"),a=require("naive-ui"),W=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");const J=require("../modal/modalPage.cjs");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const M=require("./filter.cjs"),_=require("./filterLayout.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 $=require("../../pages/page.cjs");require("../../pages/page404.cjs");const q=require("../drawer/drawerPage.cjs"),K=require("./tools.cjs");require("short-unique-id");require("aieditor");require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");const G=require("../../hooks/table.cjs");require("pinia");function H(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const Q=e.defineComponent({name:"DuxTableLayout",props:{path:{type:String,required:!0},filter:{type:Object},filterSchema:{type:Array},filterNumber:{type:Number,default:1},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:""},hookTableProps:{type:Object}},setup(t,{slots:o}){const b=e.toRef(t,"filter",{}),w=e.toRef(t,"columns",[]),{t:l}=f.useI18n(),{renderAction:y}=W.useAction(),h=G.useTable({path:t.path,filters:b.value,columns:w,pagination:t.pagination,...t.hookTableProps}),{columns:N,tablePagination:V,table:x,onUpdateColumnSelected:S,onUpdateChecked:T,columnSelected:k,autoRefetch:C,autoCountdown:p,onAutoRefetch:R,isExporting:j,isExportingRows:L,isImporting:P,onExport:D,onExportRows:z,onImport:B}=h,O=e.computed(()=>N.value.filter(r=>"title"in r&&"key"in r).map(r=>({label:r.title,value:r.key}))),{width:u}=I.useWindowSize(),U=e.computed(()=>N.value.reduce((i,d)=>i+(Number(d?.width)||Number(d?.minWidth)||110),0)),n=e.reactive({show:!1}),c=e.reactive({show:!1}),s=e.reactive({show:!1}),g=e.computed(()=>(t.filterSchema||[]).map(r=>{const{label:i,...d}=r;return{tag:M.DuxTableFilter,attrs:{label:i},children:d}})),{render:A}=f.useJsonSchema({data:e.computed(()=>g.value?.slice(t.filterNumber))}),{render:E}=f.useJsonSchema({data:e.computed(()=>g.value?.slice(0,t.filterNumber))}),m=e.computed(()=>({import:!1,export:!0,refresh:!0,...t.tools})),v=f.useTabStore(),F=v.tabs.find(r=>r.path===v.current);return()=>e.createVNode($.DuxPage,{actions:t.actions,scrollbar:!1},{sideLeft:()=>o?.sideLeft&&u.value>=1024?o?.sideLeft?.():void 0,sideRight:()=>o?.sideRight&&u.value>=1024?o?.sideRight?.():void 0,default:()=>e.createVNode("div",{class:"flex flex-col gap-2 h-full relative"},[e.createVNode("div",{class:"flex gap-2 justify-between flex-col lg:flex-row"},[t.tabs&&e.createVNode("div",{class:"flex flex-none"},[e.createVNode(a.NTabs,{type:"segment",size:"small",style:{"--n-tab-padding":"4px 10px"},"default-value":t.tabs?.[0]?.value,value:b.value?.tab,onUpdateValue:r=>{b.value.tab=r}},{default:()=>[t.tabs?.map(r=>e.createVNode(a.NTab,{name:r.value,tab:r.label},null))]})]),e.createVNode("div",{class:["overflow-hidden flex-1 flex gap-2"]},[o?.sideLeft&&u.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{c.show=!c.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-inactive size-4"},null)}),e.createVNode("div",{class:["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap",t.tabs?"justify-end":"justify-start"]},[!t.tabs&&!t.filterSchema?.length&&e.createVNode("div",{class:"flex flex-none items-center text-base font-medium"},[F?.label]),e.h(E)]),o?.sideRight&&u.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{s.show=!s.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-right-inactive size-4"},null)})]),e.createVNode("div",{class:"flex gap-2 justify-between lg:justify-end"},[e.createVNode("div",{class:"flex gap-2 items-center"},[g.value.length>t.filterNumber&&e.createVNode(a.NButton,{iconPlacement:"right",onClick:()=>{n.show=!n.show}},{default:()=>l("components.button.filter"),icon:()=>e.createVNode("div",{class:["i-tabler:chevrons-down size-4 transition-all"]},null)}),o?.tools?.(),e.createVNode(a.NPopselect,{options:O.value,value:k.value,onUpdateValue:r=>{S(r)},multiple:!0,placement:"bottom-start",trigger:"click"},{default:()=>[e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,"icon-placement":"right"},{icon:()=>e.createVNode("div",{class:"i-tabler:columns size-4"},null)}),default:()=>l("components.list.columnSetting")})]}),m.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,loading:j.value,onClick:D},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>l("components.button.export")}),m.value.import&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,loading:P.value,onClick:B},{icon:()=>e.createVNode("div",{class:"i-tabler:database-import size-4"},null)}),default:()=>l("components.button.import")}),m.value.refresh&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,onClick:R},{icon:()=>C.value?e.createVNode(a.NProgress,{class:"size-4",type:"circle",percentage:p.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[p.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>l("components.button.autoRefresh")})]),e.createVNode("div",{class:"flex gap-2 justify-end"},[o.actions?.(),t.actions?.length>0&&y({type:u.value<1024?"dropdown":"button",items:t.actions})])])]),o?.header?.(),e.createVNode("div",{class:"flex-1 min-h-0"},[o?.default?.({...h,width:U.value})]),e.createVNode("div",{class:"flex justify-between"},[e.createVNode("div",null,[o?.bottom?.()]),e.createVNode("div",null,[t.pagination&&e.createVNode(a.NPagination,e.mergeProps(V.value,{simple:u.value<768}),{prefix:()=>e.createVNode("div",null,[l("components.list.total",{total:h.total.value||0})])})])]),e.createVNode(K.DuxTableTools,{number:x.value.checkedRowKeys?.length||0||0,group:[[{icon:"i-tabler:x",onClick:()=>{T?.([])}}],[{label:l("components.button.export"),icon:"i-tabler:file-export",loading:L.value,onClick:z},{label:l("components.button.delete"),type:"error",icon:"i-tabler:trash"}]]},null),e.createVNode(a.NModal,{draggable:!0,class:"bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur min-w-110",show:n.show,onUpdateShow:r=>n.show=r},{default:({draggableClass:r})=>{let i;return e.createVNode(J.default,{title:l("components.button.filter"),handle:r,onClose:()=>n.show=!1},{default:()=>[e.createVNode(_.DuxFilterLayout,{showLabel:!0,labelPlacement:"top"},H(i=e.h(A))?i:{default:()=>[i]})]})}}),e.createVNode(a.NDrawer,{show:c.show,onUpdateShow:r=>c.show=r,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(q.DuxDrawerPage,{title:t.sideLeftTitle||l("components.button.sideLeft"),onClose:()=>c.show=!1,scrollbar:!1},{default:()=>[o?.sideLeft?.()]})]}),e.createVNode(a.NDrawer,{show:s.show,onUpdateShow:r=>s.show=r,autoFocus:!1,placement:"right"},{default:()=>[e.createVNode(q.DuxDrawerPage,{title:t.sideRightTitle||l("components.button.sideRight"),onClose:()=>s.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxTableLayout=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f=require("@duxweb/dvha-core"),W=require("@vueuse/core"),a=require("naive-ui"),J=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");const M=require("../modal/modalPage.cjs");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const _=require("./filter.cjs"),$=require("./filterLayout.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 K=require("../../pages/page.cjs");require("../../pages/page404.cjs");const q=require("../drawer/drawerPage.cjs"),G=require("./tools.cjs");require("short-unique-id");require("aieditor");require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");const H=require("../../hooks/table.cjs");require("pinia");function Q(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const X=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:""},hookTableProps:{type:Object}},setup(t,{slots:o}){const b=e.toRef(t,"filter",{}),w=e.toRef(t,"sorter",{}),y=e.toRef(t,"columns",[]),{t:l}=f.useI18n(),{renderAction:V}=J.useAction(),h=H.useTable({...t.hookTableProps,path:t.path,filters:b.value,sorters:w.value,columns:y,pagination:t.pagination}),{columns:N,tablePagination:x,table:S,onUpdateColumnSelected:T,onUpdateChecked:R,columnSelected:k,autoRefetch:C,autoCountdown:p,onAutoRefetch:j,isExporting:L,isExportingRows:P,isImporting:D,onExport:z,onExportRows:O,onImport:B}=h,U=e.computed(()=>N.value.filter(r=>"title"in r&&"key"in r).map(r=>({label:r.title,value:r.key}))),{width:u}=W.useWindowSize(),A=e.computed(()=>N.value.reduce((i,d)=>i+(Number(d?.width)||Number(d?.minWidth)||110),0)),n=e.reactive({show:!1}),c=e.reactive({show:!1}),s=e.reactive({show:!1}),g=e.computed(()=>(t.filterSchema||[]).map(r=>{const{label:i,...d}=r;return{tag:_.DuxTableFilter,attrs:{label:i},children:d}})),{render:E}=f.useJsonSchema({data:e.computed(()=>g.value?.slice(t.filterNumber))}),{render:F}=f.useJsonSchema({data:e.computed(()=>g.value?.slice(0,t.filterNumber))}),m=e.computed(()=>({import:!1,export:!0,refresh:!0,...t.tools})),v=f.useTabStore(),I=v.tabs.find(r=>r.path===v.current);return()=>e.createVNode(K.DuxPage,{actions:t.actions,scrollbar:!1},{sideLeft:()=>o?.sideLeft&&u.value>=1024?o?.sideLeft?.():void 0,sideRight:()=>o?.sideRight&&u.value>=1024?o?.sideRight?.():void 0,default:()=>e.createVNode("div",{class:"flex flex-col gap-2 h-full relative"},[e.createVNode("div",{class:"flex gap-2 justify-between flex-col lg:flex-row"},[t.tabs&&e.createVNode("div",{class:"flex flex-none"},[e.createVNode(a.NTabs,{type:"segment",size:"small",style:{"--n-tab-padding":"4px 10px"},"default-value":t.tabs?.[0]?.value,value:b.value?.tab,onUpdateValue:r=>{b.value.tab=r}},{default:()=>[t.tabs?.map(r=>e.createVNode(a.NTab,{name:r.value,tab:r.label},null))]})]),e.createVNode("div",{class:["overflow-hidden flex-1 flex gap-2"]},[o?.sideLeft&&u.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{c.show=!c.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-inactive size-4"},null)}),e.createVNode("div",{class:["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap",t.tabs?"justify-end":"justify-start"]},[!t.tabs&&!t.filterSchema?.length&&e.createVNode("div",{class:"flex flex-none items-center text-base font-medium"},[I?.label]),e.h(F)]),o?.sideRight&&u.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{s.show=!s.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-right-inactive size-4"},null)})]),e.createVNode("div",{class:"flex gap-2 justify-between lg:justify-end"},[e.createVNode("div",{class:"flex gap-2 items-center"},[g.value.length>t.filterNumber&&e.createVNode(a.NButton,{iconPlacement:"right",onClick:()=>{n.show=!n.show}},{default:()=>l("components.button.filter"),icon:()=>e.createVNode("div",{class:["i-tabler:chevrons-down size-4 transition-all"]},null)}),o?.tools?.(),e.createVNode(a.NPopselect,{options:U.value,value:k.value,onUpdateValue:r=>{T(r)},multiple:!0,placement:"bottom-start",trigger:"click"},{default:()=>[e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,"icon-placement":"right"},{icon:()=>e.createVNode("div",{class:"i-tabler:columns size-4"},null)}),default:()=>l("components.list.columnSetting")})]}),m.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,loading:L.value,onClick:z},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>l("components.button.export")}),m.value.import&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,loading:D.value,onClick:B},{icon:()=>e.createVNode("div",{class:"i-tabler:database-import size-4"},null)}),default:()=>l("components.button.import")}),m.value.refresh&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,onClick:j},{icon:()=>C.value?e.createVNode(a.NProgress,{class:"size-4",type:"circle",percentage:p.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[p.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>l("components.button.autoRefresh")})]),e.createVNode("div",{class:"flex gap-2 justify-end"},[o.actions?.(),t.actions?.length>0&&V({type:u.value<1024?"dropdown":"button",items:t.actions})])])]),o?.header?.(),e.createVNode("div",{class:"flex-1 min-h-0"},[o?.default?.({...h,width:A.value})]),e.createVNode("div",{class:"flex justify-between"},[e.createVNode("div",null,[o?.bottom?.()]),e.createVNode("div",null,[t.pagination&&e.createVNode(a.NPagination,e.mergeProps(x.value,{simple:u.value<768}),{prefix:()=>e.createVNode("div",null,[l("components.list.total",{total:h.total.value||0})])})])]),e.createVNode(G.DuxTableTools,{number:S.value.checkedRowKeys?.length||0||0,group:[[{icon:"i-tabler:x",onClick:()=>{R?.([])}}],[{label:l("components.button.export"),icon:"i-tabler:file-export",loading:P.value,onClick:O},{label:l("components.button.delete"),type:"error",icon:"i-tabler:trash"}]]},null),e.createVNode(a.NModal,{draggable:!0,class:"bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur min-w-110",show:n.show,onUpdateShow:r=>n.show=r},{default:({draggableClass:r})=>{let i;return e.createVNode(M.default,{title:l("components.button.filter"),handle:r,onClose:()=>n.show=!1},{default:()=>[e.createVNode($.DuxFilterLayout,{showLabel:!0,labelPlacement:"top"},Q(i=e.h(E))?i:{default:()=>[i]})]})}}),e.createVNode(a.NDrawer,{show:c.show,onUpdateShow:r=>c.show=r,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(q.DuxDrawerPage,{title:t.sideLeftTitle||l("components.button.sideLeft"),onClose:()=>c.show=!1,scrollbar:!1},{default:()=>[o?.sideLeft?.()]})]}),e.createVNode(a.NDrawer,{show:s.show,onUpdateShow:r=>s.show=r,autoFocus:!1,placement:"right"},{default:()=>[e.createVNode(q.DuxDrawerPage,{title:t.sideRightTitle||l("components.button.sideRight"),onClose:()=>s.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxTableLayout=X;

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

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

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-from-opacity:100%;--un-text-opacity:100%;--un-bg-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-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
+@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-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
 @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%;}
@@ -951,6 +951,8 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:eye-off{--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='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%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\\:file-export{--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='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M11.5 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v5m-5 6h7m-3-3l3 3l-3 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;}
 .i-tabler\\:file-upload{--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='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6'/%3E%3Cpath d='M9.5 13.5L12 11l2.5 2.5'/%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\\:grid-4x4{--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='M3 6h18M3 12h18M3 18h18M6 3v18m6-18v18m6-18v18'/%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;}

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

@@ -1,8 +1,8 @@
-import { defineComponent as G, toRef as k, computed as s, reactive as v, createVNode as e, h as C, mergeProps as H, isVNode as Q } from "vue";
-import { useI18n as X, useJsonSchema as N, useTabStore as Y } from "@duxweb/dvha-core";
-import { useWindowSize as Z } from "@vueuse/core";
-import { NTabs as $, NTab as ee, NButton as r, NPopselect as te, NTooltip as p, NProgress as oe, NPagination as le, NModal as ie, NDrawer as R } from "naive-ui";
-import { useAction as ae } from "../../hooks/action.js";
+import { defineComponent as H, toRef as v, computed as s, reactive as w, createVNode as e, h as C, mergeProps as Q, isVNode as X } from "vue";
+import { useI18n as Y, useJsonSchema as N, useTabStore as Z } from "@duxweb/dvha-core";
+import { useWindowSize as $ } from "@vueuse/core";
+import { NTabs as ee, NTab as te, NButton as r, NPopselect as oe, NTooltip as p, NProgress as le, NPagination as ie, NModal as ae, NDrawer as R } from "naive-ui";
+import { useAction as re } from "../../hooks/action.js";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
@@ -18,12 +18,12 @@ import "ace-builds/src-noconflict/ext-searchbox";
 import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
-import re from "../modal/modalPage.js";
+import ne from "../modal/modalPage.js";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxTableFilter as ne } from "./filter.js";
-import { DuxFilterLayout as se } from "./filterLayout.js";
+import { DuxTableFilter as se } from "./filter.js";
+import { DuxFilterLayout as ue } from "./filterLayout.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -51,10 +51,10 @@ import "vee-validate";
 import "vue-router";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
-import { DuxPage as ue } from "../../pages/page.js";
+import { DuxPage as ce } from "../../pages/page.js";
 import "../../pages/page404.js";
 import { DuxDrawerPage as S } from "../drawer/drawerPage.js";
-import { DuxTableTools as ce } from "./tools.js";
+import { DuxTableTools as me } from "./tools.js";
 import "short-unique-id";
 import "aieditor";
 import "mime";
@@ -63,12 +63,12 @@ import "../posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useTable as me } from "../../hooks/table.js";
+import { useTable as de } from "../../hooks/table.js";
 import "pinia";
-function de(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Q(t);
+function pe(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !X(t);
 }
-const St = /* @__PURE__ */ G({
+const Tt = /* @__PURE__ */ H({
   name: "DuxTableLayout",
   props: {
     path: {
@@ -85,6 +85,9 @@ const St = /* @__PURE__ */ G({
       type: Number,
       default: 1
     },
+    sorter: {
+      type: Object
+    },
     columns: {
       type: Array
     },
@@ -117,42 +120,43 @@ const St = /* @__PURE__ */ G({
   setup(t, {
     slots: l
   }) {
-    const f = k(t, "filter", {}), T = k(t, "columns", []), {
+    const f = v(t, "filter", {}), T = v(t, "sorter", {}), j = v(t, "columns", []), {
       t: i
-    } = X(), {
-      renderAction: j
-    } = ae(), b = me({
+    } = Y(), {
+      renderAction: L
+    } = re(), b = de({
+      ...t.hookTableProps,
       path: t.path,
       filters: f.value,
-      columns: T,
-      pagination: t.pagination,
-      ...t.hookTableProps
+      sorters: T.value,
+      columns: j,
+      pagination: t.pagination
     }), {
-      columns: w,
-      tablePagination: L,
-      table: P,
-      onUpdateColumnSelected: z,
-      onUpdateChecked: D,
+      columns: x,
+      tablePagination: P,
+      table: z,
+      onUpdateColumnSelected: D,
+      onUpdateChecked: O,
       columnSelected: A,
-      autoRefetch: O,
-      autoCountdown: x,
-      onAutoRefetch: U,
-      isExporting: E,
-      isExportingRows: F,
-      isImporting: I,
-      onExport: V,
-      onExportRows: W,
-      onImport: B
-    } = b, M = s(() => w.value.filter((o) => "title" in o && "key" in o).map((o) => ({
+      autoRefetch: U,
+      autoCountdown: y,
+      onAutoRefetch: E,
+      isExporting: F,
+      isExportingRows: I,
+      isImporting: V,
+      onExport: W,
+      onExportRows: B,
+      onImport: M
+    } = b, _ = s(() => x.value.filter((o) => "title" in o && "key" in o).map((o) => ({
       label: o.title,
       value: o.key
     }))), {
       width: n
-    } = Z(), _ = s(() => w.value.reduce((a, d) => a + (Number(d?.width) || Number(d?.minWidth) || 110), 0)), u = v({
+    } = $(), q = s(() => x.value.reduce((a, d) => a + (Number(d?.width) || Number(d?.minWidth) || 110), 0)), u = w({
       show: !1
-    }), c = v({
+    }), c = w({
       show: !1
-    }), m = v({
+    }), m = w({
       show: !1
     }), h = s(() => (t.filterSchema || []).map((o) => {
       const {
@@ -160,18 +164,18 @@ const St = /* @__PURE__ */ G({
         ...d
       } = o;
       return {
-        tag: ne,
+        tag: se,
         attrs: {
           label: a
         },
         children: d
       };
     })), {
-      render: q
+      render: J
     } = N({
       data: s(() => h.value?.slice(t.filterNumber))
     }), {
-      render: J
+      render: K
     } = N({
       data: s(() => h.value?.slice(0, t.filterNumber))
     }), g = s(() => ({
@@ -179,8 +183,8 @@ const St = /* @__PURE__ */ G({
       export: !0,
       refresh: !0,
       ...t.tools
-    })), y = Y(), K = y.tabs.find((o) => o.path === y.current);
-    return () => e(ue, {
+    })), k = Z(), G = k.tabs.find((o) => o.path === k.current);
+    return () => e(ce, {
       actions: t.actions,
       scrollbar: !1
     }, {
@@ -192,7 +196,7 @@ const St = /* @__PURE__ */ G({
         class: "flex gap-2 justify-between flex-col lg:flex-row"
       }, [t.tabs && e("div", {
         class: "flex flex-none"
-      }, [e($, {
+      }, [e(ee, {
         type: "segment",
         size: "small",
         style: {
@@ -204,7 +208,7 @@ const St = /* @__PURE__ */ G({
           f.value.tab = o;
         }
       }, {
-        default: () => [t.tabs?.map((o) => e(ee, {
+        default: () => [t.tabs?.map((o) => e(te, {
           name: o.value,
           tab: o.label
         }, null))]
@@ -224,7 +228,7 @@ const St = /* @__PURE__ */ G({
         class: ["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap", t.tabs ? "justify-end" : "justify-start"]
       }, [!t.tabs && !t.filterSchema?.length && e("div", {
         class: "flex flex-none items-center text-base font-medium"
-      }, [K?.label]), C(J)]), l?.sideRight && n.value < 1024 && e(r, {
+      }, [G?.label]), C(K)]), l?.sideRight && n.value < 1024 && e(r, {
         class: "flex-none",
         secondary: !0,
         onClick: () => {
@@ -248,11 +252,11 @@ const St = /* @__PURE__ */ G({
         icon: () => e("div", {
           class: ["i-tabler:chevrons-down size-4 transition-all"]
         }, null)
-      }), l?.tools?.(), e(te, {
-        options: M.value,
+      }), l?.tools?.(), e(oe, {
+        options: _.value,
         value: A.value,
         onUpdateValue: (o) => {
-          z(o);
+          D(o);
         },
         multiple: !0,
         placement: "bottom-start",
@@ -272,8 +276,8 @@ const St = /* @__PURE__ */ G({
       }), g.value.export && e(p, null, {
         trigger: () => e(r, {
           secondary: !0,
-          loading: E.value,
-          onClick: V
+          loading: F.value,
+          onClick: W
         }, {
           icon: () => e("div", {
             class: "i-tabler:database-export size-4"
@@ -283,8 +287,8 @@ const St = /* @__PURE__ */ G({
       }), g.value.import && e(p, null, {
         trigger: () => e(r, {
           secondary: !0,
-          loading: I.value,
-          onClick: B
+          loading: V.value,
+          onClick: M
         }, {
           icon: () => e("div", {
             class: "i-tabler:database-import size-4"
@@ -294,18 +298,18 @@ const St = /* @__PURE__ */ G({
       }), g.value.refresh && e(p, null, {
         trigger: () => e(r, {
           secondary: !0,
-          onClick: U
+          onClick: E
         }, {
-          icon: () => O.value ? e(oe, {
+          icon: () => U.value ? e(le, {
             class: "size-4",
             type: "circle",
-            percentage: x.value * 10,
+            percentage: y.value * 10,
             strokeWidth: 20,
             color: "rgba(var(--ui-color-primary))"
           }, {
             default: () => [e("span", {
               class: "text-8px"
-            }, [x.value])]
+            }, [y.value])]
           }) : e("div", {
             class: "i-tabler:refresh size-4"
           }, null)
@@ -313,40 +317,40 @@ const St = /* @__PURE__ */ G({
         default: () => i("components.button.autoRefresh")
       })]), e("div", {
         class: "flex gap-2 justify-end"
-      }, [l.actions?.(), t.actions?.length > 0 && j({
+      }, [l.actions?.(), t.actions?.length > 0 && L({
         type: n.value < 1024 ? "dropdown" : "button",
         items: t.actions
       })])])]), l?.header?.(), e("div", {
         class: "flex-1 min-h-0"
       }, [l?.default?.({
         ...b,
-        width: _.value
+        width: q.value
       })]), e("div", {
         class: "flex justify-between"
-      }, [e("div", null, [l?.bottom?.()]), e("div", null, [t.pagination && e(le, H(L.value, {
+      }, [e("div", null, [l?.bottom?.()]), e("div", null, [t.pagination && e(ie, Q(P.value, {
         simple: n.value < 768
       }), {
         prefix: () => e("div", null, [i("components.list.total", {
           total: b.total.value || 0
         })])
-      })])]), e(ce, {
-        number: P.value.checkedRowKeys?.length || 0 || 0,
+      })])]), e(me, {
+        number: z.value.checkedRowKeys?.length || 0 || 0,
         group: [[{
           icon: "i-tabler:x",
           onClick: () => {
-            D?.([]);
+            O?.([]);
           }
         }], [{
           label: i("components.button.export"),
           icon: "i-tabler:file-export",
-          loading: F.value,
-          onClick: W
+          loading: I.value,
+          onClick: B
         }, {
           label: i("components.button.delete"),
           type: "error",
           icon: "i-tabler:trash"
         }]]
-      }, null), e(ie, {
+      }, null), e(ae, {
         draggable: !0,
         class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur min-w-110",
         show: u.show,
@@ -356,15 +360,15 @@ const St = /* @__PURE__ */ G({
           draggableClass: o
         }) => {
           let a;
-          return e(re, {
+          return e(ne, {
             title: i("components.button.filter"),
             handle: o,
             onClose: () => u.show = !1
           }, {
-            default: () => [e(se, {
+            default: () => [e(ue, {
               showLabel: !0,
               labelPlacement: "top"
-            }, de(a = C(q)) ? a : {
+            }, pe(a = C(J)) ? a : {
               default: () => [a]
             })]
           });
@@ -400,5 +404,5 @@ const St = /* @__PURE__ */ G({
   }
 });
 export {
-  St as DuxTableLayout
+  Tt as DuxTableLayout
 };

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

@@ -1,10 +1,10 @@
-import { defineComponent as R, toRef as S, ref as u, watch as O, computed as V, createVNode as n, mergeProps as X, Fragment as Y } from "vue";
-import { useI18n as q, useTree as G, useCustomMutation as H } from "@duxweb/dvha-core";
-import { useVModel as J } from "@vueuse/core";
-import Q from "clsx";
-import { NTree as k, NInput as W, NScrollbar as Z, NSpin as $, NDropdown as ee } from "naive-ui";
-import { DuxCard as te } from "../card/card.js";
-const re = /* @__PURE__ */ R({
+import { defineComponent as q, toRef as S, ref as u, watch as V, computed as C, createVNode as n, mergeProps as G, Fragment as H } from "vue";
+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 { DuxCard as ie } from "../card/card.js";
+const fe = /* @__PURE__ */ q({
   name: "DuxTreeFilter",
   props: {
     title: String,
@@ -24,111 +24,120 @@ const re = /* @__PURE__ */ R({
       default: !1
     }
   },
-  extends: k,
+  extends: K,
   setup(t, {
-    emit: C,
-    slots: x
+    emit: T,
+    slots: b
   }) {
-    const F = J(t, "value", C, {
+    const w = Z(t, "value", T, {
       passive: !1,
       defaultValue: t.defaultValue
-    }), T = S(t, "params", {}), U = S(t, "path", ""), I = S(t, "sortPath", ""), w = u(), g = u(0), P = u(0), s = u([]), b = u(), {
-      t: K
-    } = q(), {
-      options: N,
-      loading: A,
+    }), U = S(t, "params", {}), A = S(t, "path", ""), I = S(t, "sortPath", ""), F = u(), P = u(0), k = u(0), r = u([]), y = u(), {
+      t: N
+    } = J(), {
+      options: E,
+      loading: B,
       expanded: j
-    } = G({
-      path: U.value,
-      params: T.value,
+    } = Q({
+      path: A.value,
+      params: U.value,
       ...t.treeOptions
     });
-    O(N, (e) => {
-      s.value = e;
+    V(E, (e) => {
+      r.value = e;
     }, {
       immediate: !0,
       deep: !0
     });
-    const v = u(!1), B = V(() => t.menus?.map((e) => ({
+    const p = u(!1), L = C(() => t.menus?.map((e) => ({
       label: e.label,
       key: e.value,
       icon: e?.icon ? () => n("div", {
         class: e?.icon
       }, null) : void 0,
       onSelect: e.onSelect
-    })) || []), L = (e) => {
+    })) || []), M = (e) => {
       const l = t.menus?.find((a) => a.value === e);
-      l && l.onSelect(w.value), v.value = !1;
-    }, M = H({
+      l && l.onSelect(F.value), p.value = !1;
+    }, _ = W({
       path: I.value,
       method: "POST"
-    }), y = (e, l) => {
+    }), g = (e, l) => {
       for (const a of e)
         if (a.children) {
-          for (const h of a.children)
-            if (h.id === l)
+          for (const i of a.children)
+            if (i.id === l)
               return a;
-          const d = y(a.children, l);
-          if (d)
-            return d;
+          const o = g(a.children, l);
+          if (o)
+            return o;
         }
-    }, _ = ({
+    }, z = ({
       node: e,
       dragNode: l,
       dropPosition: a
     }) => {
-      const d = y(s.value, l.id), h = !d, f = [...s.value];
-      if (h) {
-        const i = s.value.findIndex((D) => D.id === l.id);
-        i >= 0 && f.splice(i, 1);
+      const o = g(r.value, l.id), i = !o, m = [...r.value];
+      if (i) {
+        const d = r.value.findIndex((O) => O.id === l.id);
+        d >= 0 && m.splice(d, 1);
       } else {
-        const i = d?.children?.indexOf(l) || 0;
-        d?.children?.splice(i, 1);
+        const d = o?.children?.indexOf(l) || 0;
+        o?.children?.splice(d, 1);
       }
-      let c = y(f, e.id), p, o = c?.children || f, r = 0;
+      let h = g(m, e.id), x, s = h?.children || m, c = 0;
       switch (a) {
         case "before":
-          r = o.findIndex((i) => i.id === e.id), r > 0 && (p = o[r - 1].id);
+          c = s.findIndex((d) => d.id === e.id), c > 0 && (x = s[c - 1].id);
           break;
         case "inside":
-          c = e, o = c.children = c.children || [], r = o.length;
+          h = e, s = h.children = h.children || [], c = s.length;
           break;
         case "after":
-          r = o.findIndex((i) => i.id === e.id) + 1, p = e.id;
+          c = s.findIndex((d) => d.id === e.id) + 1, x = e.id;
           break;
       }
-      o.splice(r, 0, l), s.value = f, M.mutate({
+      s.splice(c, 0, l), r.value = m, _.mutate({
         payload: {
-          parent_id: c?.id,
-          before_id: p,
+          parent_id: h?.id,
+          before_id: x,
           id: l.id
         }
       });
-    }, m = u([]);
-    O(j, (e) => {
-      m?.value?.length > 0 || (m.value = e);
+    }, f = u([]), v = u(!1);
+    V(j, (e) => {
+      f?.value?.length > 0 || (v.value = e.length > 0, f.value = e);
     }, {
       immediate: !0
     });
-    const z = V(() => {
+    const D = (e) => {
+      const l = [], a = (o) => {
+        o.forEach((i) => {
+          i.children && i.children.length > 0 && (l.push(i.key || i.id), a(i.children));
+        });
+      };
+      return a(e), l;
+    }, R = () => {
+      v.value ? (f.value = [], v.value = !1) : (f.value = D(r.value), v.value = !0);
+    }, X = C(() => {
       const {
         title: e,
         path: l,
         sortPath: a,
-        params: d,
-        menus: h,
-        numField: f,
-        iconField: c,
-        treeOptions: p,
-        value: o,
-        defaultValue: r,
-        onUpdateValue: i,
-        bordered: D,
-        ...E
+        params: o,
+        menus: i,
+        numField: m,
+        iconField: h,
+        treeOptions: x,
+        value: s,
+        defaultValue: c,
+        onUpdateValue: d,
+        bordered: O,
+        ...Y
       } = t;
-      return E;
+      return Y;
     });
-    return () => n(te, {
+    return () => n(ie, {
       class: "h-full",
       contentClass: "flex flex-col",
       bordered: t.bordered
@@ -137,39 +146,47 @@ const re = /* @__PURE__ */ R({
         class: "px-2 py-3 pb-1 text-base font-bold"
       }, [t.title]), n("div", {
         class: "p-2 flex gap-2 items-center"
-      }, [n("div", {
+      }, [n(ee, {
+        onClick: R
+      }, {
+        icon: () => n("div", {
+          class: v.value ? "i-tabler:fold-up" : "i-tabler:fold-down"
+        }, null)
+      }), n("div", {
         class: "flex-1"
-      }, [x.header ? x.header() : n(W, {
-        value: b.value,
-        "onUpdate:value": (e) => b.value = e,
-        placeholder: K("common.keyword")
-      }, null)]), x.tools?.()]), n(Z, {
+      }, [b.header ? b.header() : n(le, {
+        value: y.value,
+        "onUpdate:value": (e) => y.value = e,
+        placeholder: N("common.keyword")
+      }, null)]), b.tools?.()]), n(te, {
         class: "flex-1 min-h-0",
         xScrollable: !0
       }, {
         default: () => [n("div", {
           class: "p-2"
-        }, [n($, {
-          show: A.value,
+        }, [n(ne, {
+          show: B.value,
           class: "h-full"
         }, {
-          default: () => [n(k, X(z.value, {
-            data: s.value || [],
-            expandedKeys: m.value,
+          default: () => [n(K, G(X.value, {
+            data: r.value || [],
+            expandedKeys: f.value,
             onUpdateExpandedKeys: (e) => {
-              m.value = e;
+              f.value = e;
+              const l = D(r.value);
+              v.value = l.length > 0 && l.every((a) => e.includes(a));
             },
             blockLine: !0,
-            selectedKeys: F.value,
+            selectedKeys: w.value,
             onUpdateSelectedKeys: (e) => {
-              F.value = e, t?.onUpdateValue?.(e);
+              w.value = e, t?.onUpdateValue?.(e);
             },
-            onDrop: _,
-            pattern: b.value,
+            onDrop: z,
+            pattern: y.value,
             renderPrefix: t?.numField || t?.iconField ? ({
               option: e
-            }) => n(Y, null, [t.iconField && e[t.iconField] && n("div", {
-              class: Q(e[t.iconField] || "", "size-4")
+            }) => n(H, null, [t.iconField && e[t.iconField] && n("div", {
+              class: $(e[t.iconField] || "", "size-4")
             }, null), t.numField && n("div", {
               class: "rounded-full bg-primary px-2 text-xs text-white"
             }, [e[t.numField] || 0])]) : void 0,
@@ -177,27 +194,27 @@ const re = /* @__PURE__ */ R({
               option: e
             }) => ({
               onContextmenu: (l) => {
-                w.value = e, v.value = !0, g.value = l.clientX, P.value = l.clientY, l.preventDefault();
+                F.value = e, p.value = !0, P.value = l.clientX, k.value = l.clientY, l.preventDefault();
               }
             })
           }), null)]
         })])]
-      }), n(ee, {
+      }), n(ae, {
         trigger: "manual",
         placement: "bottom-start",
-        show: v.value,
-        options: B.value,
-        x: g.value,
-        y: P.value,
+        show: p.value,
+        options: L.value,
+        x: P.value,
+        y: k.value,
         width: 100,
-        onSelect: L,
+        onSelect: M,
         onClickoutside: () => {
-          v.value = !1;
+          p.value = !1;
         }
       }, null)]
     });
   }
 });
 export {
-  re as DuxTreeFilter
+  fe as DuxTreeFilter
 };

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-from-opacity:100%;--un-text-opacity:100%;--un-bg-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-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
+@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-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
 @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%;}
@@ -951,6 +951,8 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:eye-off{--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='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%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\\:file-export{--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='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M11.5 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v5m-5 6h7m-3-3l3 3l-3 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;}
 .i-tabler\\:file-upload{--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='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6'/%3E%3Cpath d='M9.5 13.5L12 11l2.5 2.5'/%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\\:grid-4x4{--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='M3 6h18M3 12h18M3 18h18M6 3v18m6-18v18m6-18v18'/%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;}

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

@@ -25,6 +25,9 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
         type: NumberConstructor;
         default: number;
     };
+    sorter: {
+        type: PropType<Record<string, any>>;
+    };
     columns: {
         type: PropType<TableColumn[]>;
     };
@@ -71,6 +74,9 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
         type: NumberConstructor;
         default: number;
     };
+    sorter: {
+        type: PropType<Record<string, any>>;
+    };
     columns: {
         type: PropType<TableColumn[]>;
     };

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

@@ -20,6 +20,9 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
         type: NumberConstructor;
         default: number;
     };
+    sorter: {
+        type: PropType<Record<string, any>>;
+    };
     columns: {
         type: PropType<import("@duxweb/dvha-naiveui").TableColumn[]>;
     };
@@ -66,6 +69,9 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
         type: NumberConstructor;
         default: number;
     };
+    sorter: {
+        type: PropType<Record<string, any>>;
+    };
     columns: {
         type: PropType<import("@duxweb/dvha-naiveui").TableColumn[]>;
     };

package/package.json

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