@duxweb/dvha-pro 1.0.38 → 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/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%;}

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/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%;}

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.38",
+  "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.38",
-    "@duxweb/dvha-naiveui": "^1.0.38",
+    "@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",