@duxweb/dvha-pro 1.0.27 → 1.0.29

package/dist/cjs/components/form/formItem.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),b=require("@vueuse/core"),x=require("vee-validate"),y=t.defineComponent({name:"DuxFormItem",props:{label:String,description:[String,Object],path:String,labelPlacement:{type:String},labelAlign:{type:String},labelWidth:{type:Number},required:{type:Boolean,default:!1},rule:[String,Object],message:[String,Object]},setup(e,{slots:d}){const n=t.toRef(e.message),c=t.computed(()=>typeof e.rule=="object"?{...e.rule,required:!!e.required}:typeof e.rule=="string"?e.rule?.includes("required")?e.rule:e.rule?`${e.rule}|required`:"required":e.rule),{errorMessage:i,value:s,setErrors:o,validate:f}=x.useField(e.path||"",c.value||{},{label:e.label}),m=t.computed(()=>e.required?!0:e.rule?typeof e.rule=="string"?e.rule.includes("required"):typeof e.rule=="object"?"required"in e.rule:!1:!1),u=t.computed(()=>i.value&&(n.value||i.value));t.watch(u,r=>{r&&o(r)},{immediate:!0}),b.watchThrottled(s,r=>{r&&f()},{throttle:300,deep:!0});const a=t.inject("dux.form",{labelPlacement:t.ref("left"),labelAlign:t.ref("left"),labelWidth:t.ref(70),divider:t.ref(!1)}),l=t.computed(()=>e.labelPlacement||a.labelPlacement.value),v=t.computed(()=>{let r=e.labelWidth||a.labelWidth.value||70;return typeof r=="number"&&(r=`${r}px`),l.value!=="left"?"auto":r}),g=t.computed(()=>a.divider.value||l.value==="page");return()=>t.createVNode("div",{class:[l.value!=="top"?"md:flex-row gap-2 lg:items-center":"gap-1",g.value?"py-6":"",l.value==="setting"?"md:justify-between md:items-start md:gap-4":"",l.value==="page"?"grid grid-cols-1 lg:grid-cols-4 px-4":"flex flex-col"]},[e.label&&t.createVNode("div",{class:[l.value==="left"?"flex lg:items-center":"md:mb-1",l.value==="left"&&a.labelAlign.value==="right"?"justify-end":""],style:{width:v.value}},[t.createVNode("div",{class:"flex flex-col"},[t.createVNode("div",null,[t.createVNode("span",{class:"relative flex items-center gap-1"},[e.label,m.value&&t.createVNode("span",{class:"text-error font-mono text-xs"},[t.createTextVNode("*")])])]),e.description&&(l.value==="setting"||l.value==="page")&&t.createVNode("div",{class:"text-sm text-muted"},[e.description])])]),t.createVNode("div",{class:["flex flex-col gap-1",l.value==="setting"?"flex-none md:w-40%":"flex-1",l.value==="page"?"col-span-3":""]},[t.createVNode("div",{class:l.value==="setting"?"flex-1 lg:flex lg:justify-end":""},[d?.default?.()]),e.description&&(l.value==="left"||l.value==="top")&&t.createVNode("div",{class:"text-sm text-muted"},[e.description]),u.value&&t.createVNode("div",{class:"text-error"},[u.value])])])}});exports.DuxFormItem=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),b=require("@vueuse/core"),x=require("naive-ui"),h=require("vee-validate"),y=t.defineComponent({name:"DuxFormItem",props:{label:String,description:[String,Object],tooltip:String,path:String,labelPlacement:{type:String},labelAlign:{type:String},labelWidth:{type:Number},required:{type:Boolean,default:!1},rule:[String,Object],message:[String,Object]},setup(e,{slots:d}){const n=t.toRef(e.message),c=t.computed(()=>typeof e.rule=="object"?{...e.rule,required:!!e.required}:typeof e.rule=="string"?e.rule?.includes("required")?e.rule:e.rule?`${e.rule}|required`:"required":e.rule),{errorMessage:u,value:o,setErrors:s,validate:f}=h.useField(e.path||"",c.value||{},{label:e.label}),v=t.computed(()=>e.required?!0:e.rule?typeof e.rule=="string"?e.rule.includes("required"):typeof e.rule=="object"?"required"in e.rule:!1:!1),i=t.computed(()=>u.value&&(n.value||u.value));t.watch(i,r=>{r&&s(r)},{immediate:!0}),b.watchThrottled(o,r=>{r&&f()},{throttle:300,deep:!0});const a=t.inject("dux.form",{labelPlacement:t.ref("left"),labelAlign:t.ref("left"),labelWidth:t.ref(70),divider:t.ref(!1)}),l=t.computed(()=>e.labelPlacement||a.labelPlacement.value),g=t.computed(()=>{let r=e.labelWidth||a.labelWidth.value||70;return typeof r=="number"&&(r=`${r}px`),l.value!=="left"?"auto":r}),m=t.computed(()=>a.divider.value||l.value==="page");return()=>t.createVNode("div",{class:[l.value!=="top"?"md:flex-row gap-2 lg:items-center":"gap-1",m.value?"py-6":"",l.value==="setting"?"md:justify-between md:items-start md:gap-4":"",l.value==="page"?"grid grid-cols-1 lg:grid-cols-4 px-4":"flex flex-col"]},[e.label&&t.createVNode("div",{class:[l.value==="left"?"flex lg:items-center":"md:mb-1",l.value==="left"&&a.labelAlign.value==="right"?"justify-end":""],style:{width:g.value}},[t.createVNode("div",{class:"flex flex-col"},[t.createVNode("div",null,[t.createVNode("span",{class:"relative flex items-center gap-1"},[e.label,e.tooltip&&t.createVNode(x.NTooltip,{trigger:"hover"},{trigger:()=>t.createVNode("div",{class:"i-tabler:help size-4"},null),default:()=>e.tooltip}),v.value&&t.createVNode("span",{class:"text-error font-mono text-xs"},[t.createTextVNode("*")])])]),e.description&&(l.value==="setting"||l.value==="page")&&t.createVNode("div",{class:"text-sm text-muted"},[e.description])])]),t.createVNode("div",{class:["flex flex-col gap-1",l.value==="setting"?"flex-none md:w-40%":"flex-1",l.value==="page"?"col-span-3":""]},[t.createVNode("div",{class:l.value==="setting"?"flex-1 lg:flex lg:justify-end":""},[d?.default?.()]),e.description&&(l.value==="left"||l.value==="top")&&t.createVNode("div",{class:"text-sm text-muted"},[e.description]),i.value&&t.createVNode("div",{class:"text-error"},[i.value])])])}});exports.DuxFormItem=y;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),N=require("@duxweb/dvha-core"),E=require("@vueuse/core"),a=require("naive-ui"),F=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 W=require("../modal/modalPage.cjs");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const I=require("./filter.cjs"),J=require("./filterLayout.cjs");require("@vee-validate/i18n");require("colorizr");require("echarts");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 M=require("../../pages/page.cjs");require("../../pages/page404.cjs");const v=require("../drawer/drawerPage.cjs"),_=require("./tools.cjs");require("short-unique-id");require("aieditor");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("mime");require("dayjs");require("@tanstack/vue-query");const $=require("../../hooks/table.cjs");require("pinia");function K(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const G=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 f=e.toRef(t,"filter",{}),q=e.toRef(t,"columns",[]),{t:l}=N.useI18n(),{renderAction:w}=F.useAction(),b=$.useTable({path:t.path,filters:f.value,columns:q,pagination:t.pagination,...t.hookTableProps}),{columns:p,tablePagination:y,table:V,onUpdateColumnSelected:x,onUpdateChecked:T,columnSelected:k,autoRefetch:C,autoCountdown:m,onAutoRefetch:R,isExporting:S,isExportingRows:j,isImporting:L,onExport:P,onExportRows:D,onImport:z}=b,B=e.computed(()=>p.value.filter(r=>"title"in r&&"key"in r).map(r=>({label:r.title,value:r.key}))),{width:n}=E.useWindowSize(),O=e.computed(()=>p.value.reduce((i,d)=>i+(Number(d?.width)||Number(d?.minWidth)||110),0)),u=e.reactive({show:!1}),c=e.reactive({show:!1}),s=e.reactive({show:!1}),h=e.computed(()=>(t.filterSchema||[]).map(r=>{const{label:i,...d}=r;return{tag:I.DuxTableFilter,attrs:{label:i},children:d}})),{render:U}=N.useJsonSchema({data:h.value?.slice(t.filterNumber)}),{render:A}=N.useJsonSchema({data:h.value?.slice(0,t.filterNumber)}),g=e.computed(()=>({import:!1,export:!0,refresh:!0,...t.tools}));return()=>e.createVNode(M.DuxPage,{actions:t.actions,scrollbar:!1},{sideLeft:()=>o?.sideLeft&&n.value>=1024?o?.sideLeft?.():void 0,sideRight:()=>o?.sideRight&&n.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:f.value?.tab,onUpdateValue:r=>{f.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&&n.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"]},[e.h(A)]),o?.sideRight&&n.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"},[h.value.length>t.filterNumber&&e.createVNode(a.NButton,{iconPlacement:"right",onClick:()=>{u.show=!u.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:B.value,value:k.value,onUpdateValue:r=>{x(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")})]}),g.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,loading:S.value,onClick:P},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>l("components.button.export")}),g.value.import&&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-import size-4"},null)}),default:()=>l("components.button.import")}),g.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:m.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[m.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>l("components.button.autoRefresh")})]),e.createVNode("div",{class:"flex gap-2 justify-end"},[o.actions?.(),t.actions?.length>0&&w({type:n.value<1024?"dropdown":"button",items:t.actions})])])]),e.createVNode("div",{class:"flex-1 min-h-0"},[o?.default?.({...b,width:O.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(y.value,{simple:n.value<768}),{prefix:()=>e.createVNode("div",null,[l("components.list.total",{total:b.total.value||0})])})])]),e.createVNode(_.DuxTableTools,{number:V.value.checkedRowKeys?.length||0||0,group:[[{icon:"i-tabler:x",onClick:()=>{T?.([])}}],[{label:l("components.button.export"),icon:"i-tabler:file-export",loading:j.value,onClick:D},{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:u.show,onUpdateShow:r=>u.show=r},{default:({draggableClass:r})=>{let i;return e.createVNode(W.default,{title:l("components.button.filter"),handle:r,onClose:()=>u.show=!1},{default:()=>[e.createVNode(J.DuxFilterLayout,{showLabel:!0,labelPlacement:"top"},K(i=e.h(U))?i:{default:()=>[i]})]})}}),e.createVNode(a.NDrawer,{show:c.show,onUpdateShow:r=>c.show=r,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(v.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(v.DuxDrawerPage,{title:t.sideRightTitle||l("components.button.sideRight"),onClose:()=>s.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxTableLayout=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("@duxweb/dvha-core"),E=require("@vueuse/core"),a=require("naive-ui"),F=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 W=require("../modal/modalPage.cjs");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const I=require("./filter.cjs"),J=require("./filterLayout.cjs");require("@vee-validate/i18n");require("colorizr");require("echarts");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 M=require("../../pages/page.cjs");require("../../pages/page404.cjs");const v=require("../drawer/drawerPage.cjs"),_=require("./tools.cjs");require("short-unique-id");require("aieditor");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("mime");require("dayjs");require("@tanstack/vue-query");const $=require("../../hooks/table.cjs");require("pinia");function K(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const G=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 f=e.toRef(t,"filter",{}),q=e.toRef(t,"columns",[]),{t:l}=p.useI18n(),{renderAction:w}=F.useAction(),b=$.useTable({path:t.path,filters:f.value,columns:q,pagination:t.pagination,...t.hookTableProps}),{columns:N,tablePagination:y,table:V,onUpdateColumnSelected:x,onUpdateChecked:T,columnSelected:k,autoRefetch:C,autoCountdown:m,onAutoRefetch:R,isExporting:S,isExportingRows:j,isImporting:L,onExport:P,onExportRows:D,onImport:z}=b,B=e.computed(()=>N.value.filter(r=>"title"in r&&"key"in r).map(r=>({label:r.title,value:r.key}))),{width:n}=E.useWindowSize(),O=e.computed(()=>N.value.reduce((i,d)=>i+(Number(d?.width)||Number(d?.minWidth)||110),0)),u=e.reactive({show:!1}),c=e.reactive({show:!1}),s=e.reactive({show:!1}),h=e.computed(()=>(t.filterSchema||[]).map(r=>{const{label:i,...d}=r;return{tag:I.DuxTableFilter,attrs:{label:i},children:d}})),{render:U}=p.useJsonSchema({data:e.computed(()=>h.value?.slice(t.filterNumber))}),{render:A}=p.useJsonSchema({data:e.computed(()=>h.value?.slice(0,t.filterNumber))}),g=e.computed(()=>({import:!1,export:!0,refresh:!0,...t.tools}));return()=>e.createVNode(M.DuxPage,{actions:t.actions,scrollbar:!1},{sideLeft:()=>o?.sideLeft&&n.value>=1024?o?.sideLeft?.():void 0,sideRight:()=>o?.sideRight&&n.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:f.value?.tab,onUpdateValue:r=>{f.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&&n.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"]},[e.h(A)]),o?.sideRight&&n.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"},[h.value.length>t.filterNumber&&e.createVNode(a.NButton,{iconPlacement:"right",onClick:()=>{u.show=!u.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:B.value,value:k.value,onUpdateValue:r=>{x(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")})]}),g.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{secondary:!0,loading:S.value,onClick:P},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>l("components.button.export")}),g.value.import&&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-import size-4"},null)}),default:()=>l("components.button.import")}),g.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:m.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[m.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>l("components.button.autoRefresh")})]),e.createVNode("div",{class:"flex gap-2 justify-end"},[o.actions?.(),t.actions?.length>0&&w({type:n.value<1024?"dropdown":"button",items:t.actions})])])]),o?.header?.(),e.createVNode("div",{class:"flex-1 min-h-0"},[o?.default?.({...b,width:O.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(y.value,{simple:n.value<768}),{prefix:()=>e.createVNode("div",null,[l("components.list.total",{total:b.total.value||0})])})])]),e.createVNode(_.DuxTableTools,{number:V.value.checkedRowKeys?.length||0||0,group:[[{icon:"i-tabler:x",onClick:()=>{T?.([])}}],[{label:l("components.button.export"),icon:"i-tabler:file-export",loading:j.value,onClick:D},{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:u.show,onUpdateShow:r=>u.show=r},{default:({draggableClass:r})=>{let i;return e.createVNode(W.default,{title:l("components.button.filter"),handle:r,onClose:()=>u.show=!1},{default:()=>[e.createVNode(J.DuxFilterLayout,{showLabel:!0,labelPlacement:"top"},K(i=e.h(U))?i:{default:()=>[i]})]})}}),e.createVNode(a.NDrawer,{show:c.show,onUpdateShow:r=>c.show=r,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(v.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(v.DuxDrawerPage,{title:t.sideRightTitle||l("components.button.sideRight"),onClose:()=>s.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxTableLayout=G;

package/dist/cjs/components/table/tablePage.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),u=require("naive-ui"),i=require("../layout/table.cjs");require("@duxweb/dvha-core");require("clsx");const n=require("../status/listEmpty.cjs"),s=t.defineComponent({name:"DuxTablePage",props:{tableProps:{type:Object}},extends:i.DuxTableLayout,slots:Object,setup(a,{slots:r}){const l=t.computed(()=>{const{tableProps:o,...e}=a;return e});return()=>t.createVNode(i.DuxTableLayout,l.value,{default:o=>t.createVNode(u.NDataTable,t.mergeProps(o.table.value,a.tableProps,{class:"h-full",minHeight:200,tableLayout:"fixed",flexHeight:!0,rowKey:e=>e.id,bordered:!1,scrollX:o.width,renderCell:e=>e==null||e===""?"-":e}),{empty:()=>t.createVNode(n.DuxListEmpty,{bordered:!1},null)}),bottom:r?.bottom,tools:r?.tools,actions:r?.actions,sideLeft:r?.sideLeft,sideRight:r?.sideRight})}});exports.DuxTablePage=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),u=require("naive-ui"),i=require("../layout/table.cjs");require("@duxweb/dvha-core");require("clsx");const n=require("../status/listEmpty.cjs"),d=r.defineComponent({name:"DuxTablePage",props:{tableProps:{type:Object}},extends:i.DuxTableLayout,slots:Object,setup(o,{slots:t}){const l=r.computed(()=>{const{tableProps:a,...e}=o;return e});return()=>r.createVNode(i.DuxTableLayout,l.value,{default:a=>r.createVNode(u.NDataTable,r.mergeProps(a.table.value,o.tableProps,{class:"h-full",minHeight:200,tableLayout:"fixed",flexHeight:!0,rowKey:e=>e.id,bordered:!1,scrollX:a.width,renderCell:e=>e==null||e===""?"-":e}),{empty:()=>r.createVNode(n.DuxListEmpty,{bordered:!1},null)}),bottom:t?.bottom,tools:t?.tools,actions:t?.actions,sideLeft:t?.sideLeft,sideRight:t?.sideRight,header:t?.header})}});exports.DuxTablePage=d;

package/dist/cjs/hooks/action.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@duxweb/dvha-core"),f=require("naive-ui"),u=require("vue"),S=require("vue-router"),M=require("./dialog.cjs"),$=require("./drawer.cjs"),D=require("./modal.cjs");function I(o){const h=D.useModal(),i=$.useDrawer(),s=M.useDialog(),{t:n}=r.useI18n(),c=f.useMessage(),g=r.useManage(),k=S.useRouter(),v=r.useCustomMutation({onSuccess:t=>{c.success(t.message||n("common.success"))},onError:t=>{c.error(t.message||n("common.error"))}}),q=r.useDelete({onSuccess:t=>{c.success(t.message||n("common.success"))},onError:t=>{c.error(t.message||n("common.error"))}}),m=o?.path||g.getPath(),y=t=>{const a=n(t.item.title||"",{},t.item.title),l=n(t.item.label||"",{},t.item.label);if(t.item.type==="modal"){const e=t.item,d=typeof e.componentProps=="function"?e.componentProps(t.data):e.componentProps;h.show({title:a||l,component:e.component,componentProps:{id:t.id,...d},width:e.width,draggable:e.draggable!==void 0?e.draggable:!0})}if(t.item.type==="drawer"){const e=t.item,d=typeof e.componentProps=="function"?e.componentProps(t.data):e.componentProps;i.show({title:a||l,component:e.component,componentProps:{id:t.id,...d},width:e.width,maxWidth:e.maxWidth})}if(t.item.type==="confirm"){const e=t.item;s.confirm({title:a||l,content:e.content}).then(d=>{d&&e.callback?.(t.id,t.data)})}if(t.item.type==="request"){const e=t.item;s.confirm({title:a||l,content:e.content}).then(()=>{const d=typeof e.data=="function"?e.data(t.id,t.data):e.data,A=(e.method||"post").toLowerCase(),j=typeof e.path=="function"?e.path(t.id,t.data):e.path||m;v.mutate({path:j,method:A,payload:d})})}if(t.item.type==="delete"){const e=t.item;s.confirm({title:a||l,content:e.content}).then(()=>{q.mutate({id:t.id,path:typeof e.path=="function"?e.path(t.id,t.data):e.path||m})})}if(t.item.type==="link"){const e=t.item,d=typeof e.path=="function"?g.getRoutePath(e.path?.(t.id,t.data)):g.getRoutePath(t.id?`${e.path||m}${t.data===void 0?"":`/${t.id}`}`:e.path||m);k.push(d)}t.item.type==="callback"&&t.item.callback?.(t.id,t.data)},b=w(),x=P();return{target:y,renderTable:t=>(a,l)=>{const e={id:a[t.key||o?.key||"id"],data:a,index:l,target:y,text:t.text!==void 0?t.text:o?.text||!1,align:t.align!==void 0?t.align:o?.align||"left"};return(t.type||o?.type)==="button"?b.render({...e,action:t||o}):x.render({...e,action:t||o})},renderAction:t=>{const a={target:y,text:t.text!==void 0?t.text:o?.text||!1,align:t.align!==void 0?t.align:o?.align||"left"};return(t.type||o?.type)==="button"?b.render({...a,action:t||o}):x.render({...a,action:t||o})}}}function w(){const{t:o}=r.useI18n();return{render:i=>{const s=i.action.items?.filter(n=>!n.show||n.show?.(i.data,i.index)).map((n,c)=>u.h(f.NButton,{key:c,type:n.color||(n.type==="delete"?"error":"primary"),text:i.text,secondary:!i.text,onClick:()=>{i?.target?.({id:i.id,data:i.data,item:n})},renderIcon:n.icon?()=>u.h("div",{class:["n-icon",n.icon]}):void 0},()=>o(n.label||"",{},n.label)));return u.h("div",{class:["flex gap-2 flex-wrap items-center",i.align==="right"?"justify-end":i.align==="center"?"justify-center":"justify-start"]},s)}}}function P(){const{t:o}=r.useI18n();return{render:i=>{const s=i.action.items?.filter(n=>!n.show||n.show?.(i.data,i.index)).map((n,c)=>({label:o(n.label||"",{},n.label),key:c,icon:n.icon?()=>u.h("div",{class:["n-icon",n.icon]}):void 0,onSelect:()=>{i?.target?.({id:i.id,data:i.data,item:n})}}));return u.h(f.NDropdown,{trigger:"click",options:s,onSelect:(n,c)=>{c?.onSelect?.()}},()=>[u.h("div",{class:["flex items-center",i.align==="right"?"justify-end":i.align==="center"?"justify-center":"justify-start"]},u.h(f.NButton,{type:"default",text:i.text,secondary:!i.text,renderIcon:()=>u.h("div",{class:["n-icon","i-tabler:dots-vertical"]})}))])}}}exports.useAction=I;exports.useActionButton=w;exports.useActionDropdown=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@duxweb/dvha-core"),f=require("naive-ui"),s=require("vue"),S=require("vue-router"),M=require("./dialog.cjs"),$=require("./drawer.cjs"),D=require("./modal.cjs");function I(o){const h=D.useModal(),i=$.useDrawer(),u=M.useDialog(),{t:n}=r.useI18n(),d=f.useMessage(),y=r.useManage(),k=S.useRouter(),v=r.useCustomMutation({onSuccess:t=>{d.success(t.message||n("common.success"))},onError:t=>{d.error(t.message||n("common.error"))}}),q=r.useDelete({onSuccess:t=>{d.success(t.message||n("common.success"))},onError:t=>{d.error(t.message||n("common.error"))}}),m=o?.path||y.getPath(),g=t=>{const c=n(t.item.title||"",{},t.item.title),l=n(t.item.label||"",{},t.item.label);if(t.item.type==="modal"){const e=t.item,a=typeof e.componentProps=="function"?e.componentProps(t.data):e.componentProps;h.show({title:c||l,component:e.component,componentProps:{id:t.id,...a},width:e.width,draggable:e.draggable!==void 0?e.draggable:!0})}if(t.item.type==="drawer"){const e=t.item,a=typeof e.componentProps=="function"?e.componentProps(t.data):e.componentProps;i.show({title:c||l,component:e.component,componentProps:{id:t.id,...a},width:e.width,maxWidth:e.maxWidth})}if(t.item.type==="confirm"){const e=t.item;u.confirm({title:c||l,content:e.content}).then(a=>{a&&e.callback?.(t.id,t.data)})}if(t.item.type==="request"){const e=t.item;u.confirm({title:c||l,content:e.content}).then(()=>{const a=typeof e.data=="function"?e.data(t.id,t.data):e.data,A=(e.method||"post").toLowerCase(),j=typeof e.path=="function"?e.path(t.id,t.data):e.path||m;v.mutate({path:j,method:A,payload:a})})}if(t.item.type==="delete"){const e=t.item;u.confirm({title:c||l,content:e.content}).then(()=>{q.mutate({id:t.id,path:typeof e.path=="function"?e.path(t.id,t.data):e.path||m})})}if(t.item.type==="link"){const e=t.item;let a=typeof e.path=="function"?e.path?.(t.id,t.data):t.id?`${e.path||m}${t.data===void 0?"":`/${t.id}`}`:e.path||m;a.startsWith("/")||(a=y.getRoutePath(a)),k.push(a)}t.item.type==="callback"&&t.item.callback?.(t.id,t.data)},b=w(),x=P();return{target:g,renderTable:t=>(c,l)=>{const e={id:c[t.key||o?.key||"id"],data:c,index:l,target:g,text:t.text!==void 0?t.text:o?.text||!1,align:t.align!==void 0?t.align:o?.align||"left"};return(t.type||o?.type)==="button"?b.render({...e,action:t||o}):x.render({...e,action:t||o})},renderAction:t=>{const c={target:g,text:t.text!==void 0?t.text:o?.text||!1,align:t.align!==void 0?t.align:o?.align||"left"};return(t.type||o?.type)==="button"?b.render({...c,action:t||o}):x.render({...c,action:t||o})}}}function w(){const{t:o}=r.useI18n();return{render:i=>{const u=i.action.items?.filter(n=>!n.show||n.show?.(i.data,i.index)).map((n,d)=>s.h(f.NButton,{key:d,type:n.color||(n.type==="delete"?"error":"primary"),text:i.text,secondary:!i.text,onClick:()=>{i?.target?.({id:i.id,data:i.data,item:n})},renderIcon:n.icon?()=>s.h("div",{class:["n-icon",n.icon]}):void 0},()=>o(n.label||"",{},n.label)));return s.h("div",{class:["flex gap-2 flex-wrap items-center",i.align==="right"?"justify-end":i.align==="center"?"justify-center":"justify-start"]},u)}}}function P(){const{t:o}=r.useI18n();return{render:i=>{const u=i.action.items?.filter(n=>!n.show||n.show?.(i.data,i.index)).map((n,d)=>({label:o(n.label||"",{},n.label),key:d,icon:n.icon?()=>s.h("div",{class:["n-icon",n.icon]}):void 0,onSelect:()=>{i?.target?.({id:i.id,data:i.data,item:n})}}));return s.h(f.NDropdown,{trigger:"click",options:u,onSelect:(n,d)=>{d?.onSelect?.()}},()=>[s.h("div",{class:["flex items-center",i.align==="right"?"justify-end":i.align==="center"?"justify-center":"justify-start"]},s.h(f.NButton,{type:"default",text:i.text,secondary:!i.text,renderIcon:()=>s.h("div",{class:["n-icon","i-tabler:dots-vertical"]})}))])}}}exports.useAction=I;exports.useActionButton=w;exports.useActionDropdown=P;

package/dist/cjs/hooks/table/color.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),s=require("lodash-es");function a(){return{render:t=>(o,i)=>{const u=t?.key||"status",n=s.findKey(t.maps,l=>l?l?.value===s.get(o,u):!1),e=n?t.maps?.[n]:void 0;return e?r.createVNode("div",{class:["flex gap-1",`text-${n}`]},[e.icon?r.createVNode("div",{class:`size-4 ${e.icon}`},null):null,r.createVNode("span",{class:"text-sm"},[e?.label])]):null}}}exports.useTableColumnColor=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),l=require("lodash-es");function a(){return{render:t=>(o,i)=>{const u=t?.key||"status",n=l.findKey(t.maps,s=>s?s?.value===l.get(o,u):!1),e=n?t.maps?.[n]:void 0;return e?r.createVNode("div",{class:["flex gap-1 items-center",`text-${n}`]},[e.icon?r.createVNode("div",{class:`size-4 ${e.icon}`},null):null,r.createVNode("span",{class:"text-sm"},[e?.label])]):null}}}exports.useTableColumnColor=a;

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-shadow-opacity:100%;--un-divide-x-reverse:initial;--un-divide-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-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-text-opacity:100%;--un-bg-opacity:100%;--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%;}}
 @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%;}
@@ -954,6 +954,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .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;}
 .i-tabler\\:grid-dots{--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='M4 5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%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\\:help{--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='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9 5v.01'/%3E%3Cpath d='M12 13.5a1.5 1.5 0 0 1 1-1.5a2.6 2.6 0 1 0-3-4'/%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\\:hexagons{--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='M4 18v-5l4-2l4 2v5l-4 2zm4-7V6l4-2l4 2v5m-4 2l4-2l4 2v5l-4 2l-4-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\\:info-circle{--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='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01'/%3E%3Cpath d='M11 12h1v4h1'/%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\\:info-circle-filled{--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='currentColor' d='M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1-19.995.324L2 12l.004-.28C2.152 6.327 6.57 2 12 2m0 9h-1l-.117.007a1 1 0 0 0 0 1.986L11 13v3l.007.117a1 1 0 0 0 .876.876L12 17h1l.117-.007a1 1 0 0 0 .876-.876L14 16l-.007-.117a1 1 0 0 0-.764-.857l-.112-.02L13 15v-3l-.007-.117a1 1 0 0 0-.876-.876zm.01-3l-.127.007a1 1 0 0 0 0 1.986L12 10l.127-.007a1 1 0 0 0 0-1.986z'/%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/form/formItem.js

@@ -1,11 +1,13 @@
-import { defineComponent as h, toRef as y, computed as a, watch as q, inject as j, ref as u, createVNode as l, createTextVNode as S } from "vue";
+import { defineComponent as h, toRef as y, computed as i, watch as q, inject as j, ref as u, createVNode as l, createTextVNode as S } from "vue";
 import { watchThrottled as w } from "@vueuse/core";
-import { useField as P } from "vee-validate";
-const N = /* @__PURE__ */ h({
+import { NTooltip as P } from "naive-ui";
+import { useField as W } from "vee-validate";
+const T = /* @__PURE__ */ h({
   name: "DuxFormItem",
   props: {
     label: String,
     description: [String, Object],
+    tooltip: String,
     path: String,
     labelPlacement: {
       type: String
@@ -26,48 +28,55 @@ const N = /* @__PURE__ */ h({
   setup(e, {
     slots: s
   }) {
-    const c = y(e.message), f = a(() => typeof e.rule == "object" ? {
+    const c = y(e.message), f = i(() => typeof e.rule == "object" ? {
       ...e.rule,
       required: !!e.required
     } : typeof e.rule == "string" ? e.rule?.includes("required") ? e.rule : e.rule ? `${e.rule}|required` : "required" : e.rule), {
       errorMessage: d,
-      value: m,
-      setErrors: v,
-      validate: g
-    } = P(e.path || "", f.value || {}, {
+      value: o,
+      setErrors: m,
+      validate: v
+    } = W(e.path || "", f.value || {}, {
       label: e.label
-    }), o = a(() => e.required ? !0 : e.rule ? typeof e.rule == "string" ? e.rule.includes("required") : typeof e.rule == "object" ? "required" in e.rule : !1 : !1), n = a(() => d.value && (c.value || d.value));
+    }), g = i(() => e.required ? !0 : e.rule ? typeof e.rule == "string" ? e.rule.includes("required") : typeof e.rule == "object" ? "required" in e.rule : !1 : !1), n = i(() => d.value && (c.value || d.value));
     q(n, (r) => {
-      r && v(r);
+      r && m(r);
     }, {
       immediate: !0
-    }), w(m, (r) => {
-      r && g();
+    }), w(o, (r) => {
+      r && v();
     }, {
       throttle: 300,
       deep: !0
     });
-    const i = j("dux.form", {
+    const a = j("dux.form", {
       labelPlacement: u("left"),
       labelAlign: u("left"),
       labelWidth: u(70),
       divider: u(!1)
-    }), t = a(() => e.labelPlacement || i.labelPlacement.value), x = a(() => {
-      let r = e.labelWidth || i.labelWidth.value || 70;
+    }), t = i(() => e.labelPlacement || a.labelPlacement.value), b = i(() => {
+      let r = e.labelWidth || a.labelWidth.value || 70;
       return typeof r == "number" && (r = `${r}px`), t.value !== "left" ? "auto" : r;
-    }), b = a(() => i.divider.value || t.value === "page");
+    }), x = i(() => a.divider.value || t.value === "page");
     return () => l("div", {
-      class: [t.value !== "top" ? "md:flex-row gap-2 lg:items-center" : "gap-1", b.value ? "py-6" : "", t.value === "setting" ? "md:justify-between md:items-start md:gap-4" : "", t.value === "page" ? "grid grid-cols-1 lg:grid-cols-4 px-4" : "flex flex-col"]
+      class: [t.value !== "top" ? "md:flex-row gap-2 lg:items-center" : "gap-1", x.value ? "py-6" : "", t.value === "setting" ? "md:justify-between md:items-start md:gap-4" : "", t.value === "page" ? "grid grid-cols-1 lg:grid-cols-4 px-4" : "flex flex-col"]
     }, [e.label && l("div", {
-      class: [t.value === "left" ? "flex lg:items-center" : "md:mb-1", t.value === "left" && i.labelAlign.value === "right" ? "justify-end" : ""],
+      class: [t.value === "left" ? "flex lg:items-center" : "md:mb-1", t.value === "left" && a.labelAlign.value === "right" ? "justify-end" : ""],
       style: {
-        width: x.value
+        width: b.value
       }
     }, [l("div", {
       class: "flex flex-col"
     }, [l("div", null, [l("span", {
       class: "relative flex items-center gap-1"
-    }, [e.label, o.value && l("span", {
+    }, [e.label, e.tooltip && l(P, {
+      trigger: "hover"
+    }, {
+      trigger: () => l("div", {
+        class: "i-tabler:help size-4"
+      }, null),
+      default: () => e.tooltip
+    }), g.value && l("span", {
       class: "text-error font-mono text-xs"
     }, [S("*")])])]), e.description && (t.value === "setting" || t.value === "page") && l("div", {
       class: "text-sm text-muted"
@@ -83,5 +92,5 @@ const N = /* @__PURE__ */ h({
   }
 });
 export {
-  N as DuxFormItem
+  T as DuxFormItem
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as J, toRef as x, computed as m, reactive as v, createVNode as e, h as k, mergeProps as K, isVNode as G } from "vue";
+import { defineComponent as J, toRef as x, computed as s, reactive as v, createVNode as e, h as k, mergeProps as K, isVNode as G } from "vue";
 import { useI18n as H, useJsonSchema as C } from "@duxweb/dvha-core";
 import { useWindowSize as Q } from "@vueuse/core";
 import { NTabs as X, NTab as Y, NButton as r, NPopselect as Z, NTooltip as f, NProgress as $, NPagination as ee, NModal as te, NDrawer as N } from "naive-ui";
@@ -129,38 +129,38 @@ const ut = /* @__PURE__ */ J({
       onExport: V,
       onExportRows: W,
       onImport: I
-    } = b, B = m(() => w.value.filter((o) => "title" in o && "key" in o).map((o) => ({
+    } = b, B = s(() => w.value.filter((o) => "title" in o && "key" in o).map((o) => ({
       label: o.title,
       value: o.key
     }))), {
       width: n
-    } = Q(), M = m(() => w.value.reduce((a, d) => a + (Number(d?.width) || Number(d?.minWidth) || 110), 0)), s = v({
-      show: !1
-    }), u = v({
+    } = Q(), M = s(() => w.value.reduce((a, m) => a + (Number(m?.width) || Number(m?.minWidth) || 110), 0)), u = v({
       show: !1
     }), c = v({
       show: !1
-    }), h = m(() => (t.filterSchema || []).map((o) => {
+    }), d = v({
+      show: !1
+    }), h = s(() => (t.filterSchema || []).map((o) => {
       const {
         label: a,
-        ...d
+        ...m
       } = o;
       return {
         tag: ie,
         attrs: {
           label: a
         },
-        children: d
+        children: m
       };
     })), {
       render: _
     } = C({
-      data: h.value?.slice(t.filterNumber)
+      data: s(() => h.value?.slice(t.filterNumber))
     }), {
       render: q
     } = C({
-      data: h.value?.slice(0, t.filterNumber)
-    }), g = m(() => ({
+      data: s(() => h.value?.slice(0, t.filterNumber))
+    }), g = s(() => ({
       import: !1,
       export: !0,
       refresh: !0,
@@ -200,7 +200,7 @@ const ut = /* @__PURE__ */ J({
         class: "flex-none",
         secondary: !0,
         onClick: () => {
-          u.show = !u.show;
+          c.show = !c.show;
         }
       }, {
         icon: () => e("div", {
@@ -212,7 +212,7 @@ const ut = /* @__PURE__ */ J({
         class: "flex-none",
         secondary: !0,
         onClick: () => {
-          c.show = !c.show;
+          d.show = !d.show;
         }
       }, {
         icon: () => e("div", {
@@ -225,7 +225,7 @@ const ut = /* @__PURE__ */ J({
       }, [h.value.length > t.filterNumber && e(r, {
         iconPlacement: "right",
         onClick: () => {
-          s.show = !s.show;
+          u.show = !u.show;
         }
       }, {
         default: () => i("components.button.filter"),
@@ -300,7 +300,7 @@ const ut = /* @__PURE__ */ J({
       }, [l.actions?.(), t.actions?.length > 0 && T({
         type: n.value < 1024 ? "dropdown" : "button",
         items: t.actions
-      })])])]), e("div", {
+      })])])]), l?.header?.(), e("div", {
         class: "flex-1 min-h-0"
       }, [l?.default?.({
         ...b,
@@ -333,8 +333,8 @@ const ut = /* @__PURE__ */ J({
       }, null), e(te, {
         draggable: !0,
         class: "bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur min-w-110",
-        show: s.show,
-        onUpdateShow: (o) => s.show = o
+        show: u.show,
+        onUpdateShow: (o) => u.show = o
       }, {
         default: ({
           draggableClass: o
@@ -343,7 +343,7 @@ const ut = /* @__PURE__ */ J({
           return e(le, {
             title: i("components.button.filter"),
             handle: o,
-            onClose: () => s.show = !1
+            onClose: () => u.show = !1
           }, {
             default: () => [e(ae, {
               showLabel: !0,
@@ -354,27 +354,27 @@ const ut = /* @__PURE__ */ J({
           });
         }
       }), e(N, {
-        show: u.show,
-        onUpdateShow: (o) => u.show = o,
+        show: c.show,
+        onUpdateShow: (o) => c.show = o,
         autoFocus: !1,
         placement: "left"
       }, {
         default: () => [e(R, {
           title: t.sideLeftTitle || i("components.button.sideLeft"),
-          onClose: () => u.show = !1,
+          onClose: () => c.show = !1,
           scrollbar: !1
         }, {
           default: () => [l?.sideLeft?.()]
         })]
       }), e(N, {
-        show: c.show,
-        onUpdateShow: (o) => c.show = o,
+        show: d.show,
+        onUpdateShow: (o) => d.show = o,
         autoFocus: !1,
         placement: "right"
       }, {
         default: () => [e(R, {
           title: t.sideRightTitle || i("components.button.sideRight"),
-          onClose: () => c.show = !1,
+          onClose: () => d.show = !1,
           scrollbar: !1
         }, {
           default: () => [l?.sideRight?.()]

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

@@ -1,10 +1,10 @@
-import { defineComponent as d, computed as m, createVNode as r, mergeProps as n } from "vue";
+import { defineComponent as l, computed as m, createVNode as r, mergeProps as n } from "vue";
 import { NDataTable as p } from "naive-ui";
 import { DuxTableLayout as i } from "../layout/table.js";
 import "@duxweb/dvha-core";
 import "clsx";
-import { DuxListEmpty as s } from "../status/listEmpty.js";
-const P = /* @__PURE__ */ d({
+import { DuxListEmpty as b } from "../status/listEmpty.js";
+const g = /* @__PURE__ */ l({
   name: "DuxTablePage",
   props: {
     tableProps: {
@@ -16,14 +16,14 @@ const P = /* @__PURE__ */ d({
   setup(a, {
     slots: t
   }) {
-    const l = m(() => {
+    const d = m(() => {
       const {
         tableProps: o,
         ...e
       } = a;
       return e;
     });
-    return () => r(i, l.value, {
+    return () => r(i, d.value, {
       default: (o) => r(p, n(o.table.value, a.tableProps, {
         class: "h-full",
         minHeight: 200,
@@ -34,7 +34,7 @@ const P = /* @__PURE__ */ d({
         scrollX: o.width,
         renderCell: (e) => e == null || e === "" ? "-" : e
       }), {
-        empty: () => r(s, {
+        empty: () => r(b, {
           bordered: !1
         }, null)
       }),
@@ -42,10 +42,11 @@ const P = /* @__PURE__ */ d({
       tools: t?.tools,
       actions: t?.actions,
       sideLeft: t?.sideLeft,
-      sideRight: t?.sideRight
+      sideRight: t?.sideRight,
+      header: t?.header
     });
   }
 });
 export {
-  P as DuxTablePage
+  g as DuxTablePage
 };

package/dist/esm/hooks/action.js

@@ -1,50 +1,50 @@
-import { useI18n as g, useManage as A, useCustomMutation as M, useDelete as S } from "@duxweb/dvha-core";
+import { useI18n as h, useManage as A, useCustomMutation as M, useDelete as S } from "@duxweb/dvha-core";
 import { useMessage as D, NButton as b, NDropdown as C } from "naive-ui";
 import { h as l } from "vue";
 import { useRouter as I } from "vue-router";
 import { useDialog as N } from "./dialog.js";
-import { useDrawer as $ } from "./drawer.js";
-import { useModal as B } from "./modal.js";
+import { useDrawer as W } from "./drawer.js";
+import { useModal as $ } from "./modal.js";
 function K(o) {
-  const u = B(), i = $(), m = N(), {
+  const u = $(), i = W(), m = N(), {
     t: n
-  } = g(), c = D(), f = A(), w = I(), P = M({
+  } = h(), d = D(), g = A(), w = I(), P = M({
     onSuccess: (t) => {
-      c.success(t.message || n("common.success"));
+      d.success(t.message || n("common.success"));
     },
     onError: (t) => {
-      c.error(t.message || n("common.error"));
+      d.error(t.message || n("common.error"));
     }
   }), k = S({
     onSuccess: (t) => {
-      c.success(t.message || n("common.success"));
+      d.success(t.message || n("common.success"));
     },
     onError: (t) => {
-      c.error(t.message || n("common.error"));
+      d.error(t.message || n("common.error"));
     }
-  }), r = o?.path || f.getPath(), h = (t) => {
-    const a = n(t.item.title || "", {}, t.item.title), s = n(t.item.label || "", {}, t.item.label);
+  }), r = o?.path || g.getPath(), f = (t) => {
+    const c = n(t.item.title || "", {}, t.item.title), s = n(t.item.label || "", {}, t.item.label);
     if (t.item.type === "modal") {
-      const e = t.item, d = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
+      const e = t.item, a = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
       u.show({
-        title: a || s,
+        title: c || s,
         component: e.component,
         componentProps: {
           id: t.id,
-          ...d
+          ...a
         },
         width: e.width,
         draggable: e.draggable !== void 0 ? e.draggable : !0
       });
     }
     if (t.item.type === "drawer") {
-      const e = t.item, d = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
+      const e = t.item, a = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
       i.show({
-        title: a || s,
+        title: c || s,
         component: e.component,
         componentProps: {
           id: t.id,
-          ...d
+          ...a
         },
         width: e.width,
         maxWidth: e.maxWidth
@@ -53,30 +53,30 @@ function K(o) {
     if (t.item.type === "confirm") {
       const e = t.item;
       m.confirm({
-        title: a || s,
+        title: c || s,
         content: e.content
-      }).then((d) => {
-        d && e.callback?.(t.id, t.data);
+      }).then((a) => {
+        a && e.callback?.(t.id, t.data);
       });
     }
     if (t.item.type === "request") {
       const e = t.item;
       m.confirm({
-        title: a || s,
+        title: c || s,
         content: e.content
       }).then(() => {
-        const d = typeof e.data == "function" ? e.data(t.id, t.data) : e.data, j = (e.method || "post").toLowerCase(), v = typeof e.path == "function" ? e.path(t.id, t.data) : e.path || r;
+        const a = typeof e.data == "function" ? e.data(t.id, t.data) : e.data, j = (e.method || "post").toLowerCase(), v = typeof e.path == "function" ? e.path(t.id, t.data) : e.path || r;
         P.mutate({
           path: v,
           method: j,
-          payload: d
+          payload: a
         });
       });
     }
     if (t.item.type === "delete") {
       const e = t.item;
       m.confirm({
-        title: a || s,
+        title: c || s,
         content: e.content
       }).then(() => {
         k.mutate({
@@ -86,19 +86,20 @@ function K(o) {
       });
     }
     if (t.item.type === "link") {
-      const e = t.item, d = typeof e.path == "function" ? f.getRoutePath(e.path?.(t.id, t.data)) : f.getRoutePath(t.id ? `${e.path || r}${t.data === void 0 ? "" : `/${t.id}`}` : e.path || r);
-      w.push(d);
+      const e = t.item;
+      let a = typeof e.path == "function" ? e.path?.(t.id, t.data) : t.id ? `${e.path || r}${t.data === void 0 ? "" : `/${t.id}`}` : e.path || r;
+      a.startsWith("/") || (a = g.getRoutePath(a)), w.push(a);
     }
     t.item.type === "callback" && t.item.callback?.(t.id, t.data);
-  }, y = E(), x = T();
+  }, y = B(), x = E();
   return {
-    target: h,
-    renderTable: (t) => (a, s) => {
+    target: f,
+    renderTable: (t) => (c, s) => {
       const e = {
-        id: a[t.key || o?.key || "id"],
-        data: a,
+        id: c[t.key || o?.key || "id"],
+        data: c,
         index: s,
-        target: h,
+        target: f,
         text: t.text !== void 0 ? t.text : o?.text || !1,
         align: t.align !== void 0 ? t.align : o?.align || "left"
       };
@@ -111,29 +112,29 @@ function K(o) {
       });
     },
     renderAction: (t) => {
-      const a = {
-        target: h,
+      const c = {
+        target: f,
         text: t.text !== void 0 ? t.text : o?.text || !1,
         align: t.align !== void 0 ? t.align : o?.align || "left"
       };
       return (t.type || o?.type) === "button" ? y.render({
-        ...a,
+        ...c,
         action: t || o
       }) : x.render({
-        ...a,
+        ...c,
         action: t || o
       });
     }
   };
 }
-function E() {
+function B() {
   const {
     t: o
-  } = g();
+  } = h();
   return {
     render: (i) => {
-      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, c) => l(b, {
-        key: c,
+      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, d) => l(b, {
+        key: d,
         type: n.color || (n.type === "delete" ? "error" : "primary"),
         text: i.text,
         secondary: !i.text,
@@ -154,15 +155,15 @@ function E() {
     }
   };
 }
-function T() {
+function E() {
   const {
     t: o
-  } = g();
+  } = h();
   return {
     render: (i) => {
-      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, c) => ({
+      const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, d) => ({
         label: o(n.label || "", {}, n.label),
-        key: c,
+        key: d,
         icon: n.icon ? () => l("div", {
           class: ["n-icon", n.icon]
         }) : void 0,
@@ -177,8 +178,8 @@ function T() {
       return l(C, {
         trigger: "click",
         options: m,
-        onSelect: (n, c) => {
-          c?.onSelect?.();
+        onSelect: (n, d) => {
+          d?.onSelect?.();
         }
       }, () => [l("div", {
         class: ["flex items-center", i.align === "right" ? "justify-end" : i.align === "center" ? "justify-center" : "justify-start"]
@@ -195,6 +196,6 @@ function T() {
 }
 export {
   K as useAction,
-  E as useActionButton,
-  T as useActionDropdown
+  B as useActionButton,
+  E as useActionDropdown
 };

package/dist/esm/hooks/table/color.js

@@ -2,10 +2,10 @@ import { createVNode as r } from "vue";
 import { findKey as u, get as a } from "lodash-es";
 function f() {
   return {
-    render: (n) => (s, c) => {
-      const o = n?.key || "status", t = u(n.maps, (l) => l ? l?.value === a(s, o) : !1), e = t ? n.maps?.[t] : void 0;
+    render: (n) => (l, c) => {
+      const o = n?.key || "status", t = u(n.maps, (s) => s ? s?.value === a(l, o) : !1), e = t ? n.maps?.[t] : void 0;
       return e ? r("div", {
-        class: ["flex gap-1", `text-${t}`]
+        class: ["flex gap-1 items-center", `text-${t}`]
       }, [e.icon ? r("div", {
         class: `size-4 ${e.icon}`
       }, null) : null, r("span", {

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-shadow-opacity:100%;--un-divide-x-reverse:initial;--un-divide-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-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-text-opacity:100%;--un-bg-opacity:100%;--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%;}}
 @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%;}
@@ -954,6 +954,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .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;}
 .i-tabler\\:grid-dots{--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='M4 5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%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\\:help{--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='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9 5v.01'/%3E%3Cpath d='M12 13.5a1.5 1.5 0 0 1 1-1.5a2.6 2.6 0 1 0-3-4'/%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\\:hexagons{--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='M4 18v-5l4-2l4 2v5l-4 2zm4-7V6l4-2l4 2v5m-4 2l4-2l4 2v5l-4 2l-4-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\\:info-circle{--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='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01'/%3E%3Cpath d='M11 12h1v4h1'/%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\\:info-circle-filled{--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='currentColor' d='M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1-19.995.324L2 12l.004-.28C2.152 6.327 6.57 2 12 2m0 9h-1l-.117.007a1 1 0 0 0 0 1.986L11 13v3l.007.117a1 1 0 0 0 .876.876L12 17h1l.117-.007a1 1 0 0 0 .876-.876L14 16l-.007-.117a1 1 0 0 0-.764-.857l-.112-.02L13 15v-3l-.007-.117a1 1 0 0 0-.876-.876zm.01-3l-.127.007a1 1 0 0 0 0 1.986L12 10l.127-.007a1 1 0 0 0 0-1.986z'/%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/form/formItem.d.ts

@@ -3,6 +3,7 @@ import type { PropType, VNode } from 'vue';
 export declare const DuxFormItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: StringConstructor;
     description: PropType<string | VNode>;
+    tooltip: StringConstructor;
     path: StringConstructor;
     labelPlacement: {
         type: PropType<"left" | "top" | "setting" | "page">;
@@ -22,6 +23,7 @@ export declare const DuxFormItem: import("vue").DefineComponent<import("vue").Ex
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: StringConstructor;
     description: PropType<string | VNode>;
+    tooltip: StringConstructor;
     path: StringConstructor;
     labelPlacement: {
         type: PropType<"left" | "top" | "setting" | "page">;

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

@@ -114,4 +114,5 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
     actions: () => any;
     sideLeft: () => any;
     sideRight: () => any;
+    header: () => any;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/hooks/table/types.d.ts

@@ -23,7 +23,7 @@ export interface DrawerActionItem extends BaseActionItem {
 }
 export interface LinkActionItem extends BaseActionItem {
     type: 'link';
-    path: string | ((id?: unknown, item?: Record<string, any>) => string);
+    path?: string | ((id?: unknown, item?: Record<string, any>) => string);
 }
 export interface ConfirmActionItem extends BaseActionItem {
     type: 'confirm';
@@ -40,7 +40,7 @@ export interface RequestActionItem extends BaseActionItem {
 export interface DeleteActionItem extends BaseActionItem {
     type: 'delete';
     content?: string;
-    path: string | ((id?: unknown, item?: Record<string, any>) => string);
+    path?: string | ((id?: unknown, item?: Record<string, any>) => string);
 }
 export interface CallbackActionItem extends BaseActionItem {
     type: 'callback';

package/package.json

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