@duxweb/dvha-pro 1.1.1 → 1.1.3

package/dist/cjs/components/form/modalForm.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),o=require("@duxweb/dvha-core"),n=require("naive-ui");require("clsx");require("vue-echarts");require("vue-router");require("@overlastic/vue");require("dayjs");require("mime");require("lodash-es");require("@tanstack/vue-query");require("@duxweb/dvha-naiveui");require("@vueuse/core");require("pinia");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 b=require("../modal/modalPage.cjs");require("jinrishici");require("vue-draggable-plus");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("vue-command-palette");require("../../pages/page404.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");const c=require("./formLayout.cjs");require("@vue-flow/background");;/* empty css                        */require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");function s(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!r.isVNode(e)}const F=r.defineComponent({name:"DuxModalForm",props:{id:{type:[String,Number]},action:{type:String},path:{type:String},data:{type:Object},onClose:{type:Function},title:{type:String},invalidate:{type:String},onSuccess:{type:Function},onError:{type:Function}},extends:c.DuxFormLayout,setup(e,{slots:l}){const{t:i}=o.useI18n(),d=r.computed(()=>{const{onClose:t,onSuccess:u,onError:p,action:C,title:N,id:x,path:E,data:V,...v}=e;return v}),m=r.toRef(e,"data",{}),q=n.useMessage(),{invalidate:f}=o.useInvalidate(),{isLoading:a,onSubmit:y,onReset:g,isEdit:S}=o.useExtendForm({id:e.id,path:e.path,form:m,action:e.action,onError:t=>{q.error(t.message||i("components.form.error")),e.onError?.(t)},onSuccess:t=>{e.invalidate&&f(e.invalidate),q.success(i("components.form.success")),e.onSuccess?.(t),e.onClose?.()}});return()=>r.createVNode(b.default,{title:e?.title||(S.value?i("components.form.edit"):i("components.form.create")),onClose:e?.onClose},{default:()=>r.createVNode(c.DuxFormLayout,d.value,{default:()=>[l?.default?.()]}),footer:()=>{let t,u;return r.createVNode(r.Fragment,null,[r.createVNode(n.NButton,{onClick:g,loading:a.value},s(t=i("components.button.reset"))?t:{default:()=>[t]}),r.createVNode(n.NButton,{type:"primary",loading:a.value,onClick:()=>y()},s(u=i("components.button.submit"))?u:{default:()=>[u]})])}})}});exports.DuxModalForm=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),o=require("@duxweb/dvha-core"),n=require("naive-ui");require("clsx");require("vue-echarts");require("vue-router");require("@overlastic/vue");require("dayjs");require("mime");require("lodash-es");require("@tanstack/vue-query");require("@duxweb/dvha-naiveui");require("@vueuse/core");require("pinia");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 v=require("../modal/modalPage.cjs");require("jinrishici");require("vue-draggable-plus");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("vue-command-palette");require("../../pages/page404.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");const a=require("./formLayout.cjs");require("@vue-flow/background");;/* empty css                        */require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");function c(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!r.isVNode(e)}const b=r.defineComponent({name:"DuxModalForm",props:{id:{type:[String,Number]},action:{type:String},path:{type:String},data:{type:Object},onClose:{type:Function},title:{type:String},invalidate:{type:String},onSuccess:{type:Function},onError:{type:Function}},extends:a.DuxFormLayout,setup(e,{slots:s}){const{t:i}=o.useI18n(),l=r.computed(()=>{const{onClose:t,onSuccess:u,onError:C,action:F,title:N,id:p,path:x,data:E,...S}=e;return S}),d=r.toRef(e,"data",{}),q=n.useMessage(),{invalidate:m}=o.useInvalidate(),{isLoading:f,onSubmit:y,isEdit:g}=o.useExtendForm({id:e.id,path:e.path,form:d,action:e.action,onError:t=>{q.error(t.message||i("components.form.error")),e.onError?.(t)},onSuccess:t=>{e.invalidate&&m(e.invalidate),q.success(i("components.form.success")),e.onSuccess?.(t),e.onClose?.()}});return()=>r.createVNode(v.default,{title:e?.title||(g.value?i("components.form.edit"):i("components.form.create")),onClose:e?.onClose},{default:()=>r.createVNode(a.DuxFormLayout,l.value,{default:()=>[s?.default?.()]}),footer:()=>{let t,u;return r.createVNode(r.Fragment,null,[r.createVNode(n.NButton,{onClick:()=>e.onClose?.()},c(t=i("components.button.cancel"))?t:{default:()=>[t]}),r.createVNode(n.NButton,{type:"primary",loading:f.value,onClick:()=>y()},c(u=i("components.button.submit"))?u:{default:()=>[u]})])}})}});exports.DuxModalForm=b;

package/dist/cjs/components/layout/list.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("@duxweb/dvha-core"),J=require("@vueuse/core"),r=require("naive-ui"),_=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 K=require("../modal/modalPage.cjs");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const Q=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 G=require("../../pages/page.cjs");require("../../pages/page404.cjs");const H=require("../../pages/pageEmpty.cjs"),w=require("../drawer/drawerPage.cjs"),X=require("./tools.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css                        */require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");require("pinia");function Y(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const Z=e.defineComponent({name:"DuxListLayout",props:{rowKey:{type:String,default:"id"},path:{type:String,required:!0},filter:{type:Object},filterSchema:{type:Array},pagination:{type:[Boolean,Object],default:!0},tabs:{type:Array},tools:{type:Object},actions:{type:Array,default:()=>[]},checkable:{type:Boolean},sideLeftTitle:{type:String,default:""},sideRightTitle:{type:String,default:""},batchOptions:{type:Array},hookListProps:{type:Object}},setup(t,{slots:o,expose:S}){const k=e.toRef(t.filter||{}),{t:i}=p.useI18n(),{renderAction:C}=_.useAction(),L=e.toRef(t.pagination&&typeof t.pagination=="object"?t.pagination:{page:1,pageSize:20}),h=e.ref({}),P=()=>{Object.assign(h.value,k.value)},a=p.useExtendList({path:t.path,filters:h.value,pagination:L.value,...t.hookListProps});S(a);const{meta:z,list:m,isLoading:N,autoRefetch:R,autoCountdown:b,onAutoRefetch:A,isExporting:T,isExportingRows:D,isImporting:q,onExport:j,onExportRows:B,onImport:F}=a,U=e.computed(()=>({page:a.page.value,pageSize:a.pageSize.value,pageCount:a.pageCount.value,pageSizes:a.pageSizes,pageSlot:5,onUpdatePage:a.onUpdatePage,onUpdatePageSize:a.onUpdatePageSize,showSizePicker:!0,showQuickJumper:!0})),s=e.reactive({show:!1}),d=e.reactive({show:!1}),f=e.reactive({show:!1}),g=e.ref(t.filterSchema?.length||0),{width:n}=J.useWindowSize(),V=()=>{if(!t.filterSchema?.length)return 0;const l=t.filterSchema.length;if(l<=3)return l;const u=n.value||1024;let c=3;return u>=1280?c=4:u>=1024?c=3:u>=768?c=2:c=1,Math.min(l,c)};e.watch(n,()=>{g.value=V()}),e.onMounted(()=>{g.value=V()});const O=e.computed(()=>(t.filterSchema||[]).slice(0,g.value)),y=e.computed(()=>(t.filterSchema||[]).slice(g.value)),E=e.computed(()=>y.value.length>0),x=l=>l.map(u=>{const{title:c,...W}=u;return{tag:Q.DuxTableFilter,attrs:{label:c,class:"flex-1 min-w-0"},children:W}}),{render:I}=p.useJsonSchema({data:e.computed(()=>x(O.value))}),{render:M}=p.useJsonSchema({data:e.computed(()=>x(y.value))}),v=e.computed(()=>({import:!1,export:!0,refresh:!0,...t.tools}));return()=>e.createVNode(G.DuxPage,{padding:!1,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 h-full relative"},[e.createVNode("div",{class:"lg:justify-between gap-2 p-3"},[e.createVNode("div",{class:"flex flex-col lg:flex-row lg:items-center gap-2"},[t.checkable&&e.createVNode("div",{class:"hidden lg:flex items-center pl-2"},[e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode("div",{class:"flex items-center"},[e.createVNode(r.NCheckbox,{checked:a.isAllChecked.value,indeterminate:a.isIndeterminate.value,onUpdateChecked:a.toggleSelectAll},null)]),default:()=>i("components.list.selectAll")})]),t.tabs&&e.createVNode("div",null,[e.createVNode(r.NTabs,{type:"segment",size:"small",style:{"--n-tab-padding":"4px 10px"},"default-value":t.tabs?.[0]?.value,value:h.value?.tab,onUpdateValue:l=>{h.value.tab=l}},{default:()=>[t.tabs?.map(l=>e.createVNode(r.NTab,{name:l.value,tab:l.label},null))]})]),e.createVNode("div",{class:"flex gap-2"},[o?.sideLeft&&n.value<1024&&e.createVNode(r.NButton,{class:"flex-none",secondary:!0,onClick:()=>{d.show=!d.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-inactive size-4"},null)}),e.createVNode("div",{class:"flex flex-wrap gap-2 items-center flex-1 lg:flex-none"},[e.h(I)]),e.createVNode(r.NButton,{type:"primary",secondary:!0,onClick:P},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null),default:()=>i("components.button.search")}),o?.sideRight&&n.value<1024&&e.createVNode(r.NButton,{class:"flex-none",secondary:!0,onClick:()=>{f.show=!f.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-right-inactive size-4"},null)}),E.value&&e.createVNode(r.NButton,{iconPlacement:"right",onClick:()=>{s.show=!s.show}},{default:()=>i("components.button.advanced"),icon:()=>e.createVNode("div",{class:["i-tabler:chevrons-down size-4 transition-all"]},null)})])]),e.createVNode("div",{class:"flex gap-2"},[o.actions?.(),t.actions?.length>0&&C({type:n.value<1024?"dropdown":"button",text:n.value<1024,items:t.actions})])]),e.createVNode(r.NSpin,{show:N.value,class:"flex-1 min-h-0",contentClass:"h-full"},{default:()=>[e.createVNode("div",{class:["h-full overflow-auto rounded-lg px-3"]},[!N.value&&m.value.length===0&&e.createVNode("div",{class:"flex justify-center items-center h-full"},[e.createVNode(H.DuxPageEmpty,null,null)]),m.value.length>0&&o?.default?.(a)])]}),e.createVNode("div",{class:"flex justify-between px-3 py-2 gap-2"},[e.createVNode("div",null,[e.createVNode("div",{class:"flex gap-1 items-center"},[t.checkable&&e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{loading:q.value,circle:!0,quaternary:!0},{default:()=>[e.createVNode(r.NCheckbox,{checked:a.isAllChecked.value,indeterminate:a.isIndeterminate.value,onUpdateChecked:a.toggleSelectAll},null)]}),default:()=>i("components.list.selectAll")}),o?.tools?.(),v.value.export&&e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{loading:T.value,onClick:j,circle:!0,quaternary:!0},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>i("components.button.export")}),v.value.import&&e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{loading:q.value,onClick:F,circle:!0,quaternary:!0},{icon:()=>e.createVNode("div",{class:"i-tabler:database-import size-4"},null)}),default:()=>i("components.button.import")}),v.value.refresh&&e.createVNode(r.NTooltip,null,{trigger:()=>e.createVNode(r.NButton,{onClick:A,circle:!0,quaternary:!0},{icon:()=>R.value?e.createVNode(r.NProgress,{class:"size-4",type:"circle",percentage:b.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[b.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>i("components.button.autoRefresh")})])]),e.createVNode("div",{class:"flex items-center gap-2"},[o?.bottom?.(),t.pagination&&e.createVNode(r.NPagination,e.mergeProps(U.value,{simple:n.value<768}),{prefix:()=>e.createVNode("div",null,[i("components.list.total",{total:z?.value?.total||0})])})])]),e.createVNode(X.DuxTableTools,{isLoading:a.isBatching.value,onBatch:a.onBatch,selecteds:a.checkeds.value,number:a.checkeds.value.length,group:[[{icon:"i-tabler:x",onClick:()=>{a.checkeds.value=[],a.onUpdateChecked?.([])}}],[{label:i("components.button.export"),icon:"i-tabler:file-export",loading:D.value,onClick:B},{label:i("components.button.delete"),type:"error",icon:"i-tabler:trash"}]]},null),e.createVNode(r.NModal,{draggable:!0,class:"bg-white rounded dark:shadow-gray-950/80  dark:bg-gray-800/60 backdrop-blur",show:s.show,onUpdateShow:l=>s.show=l},{default:({draggableClass:l})=>{let u;return e.createVNode(K.default,{title:i("components.button.filter"),handle:l,onClose:()=>s.show=!1},{default:()=>[e.createVNode($.DuxFilterLayout,{showLabel:!0,labelPlacement:"top"},Y(u=e.h(M))?u:{default:()=>[u]})]})}}),e.createVNode(r.NDrawer,{show:d.show,onUpdateShow:l=>d.show=l,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(w.DuxDrawerPage,{title:t.sideLeftTitle||i("components.button.sideLeft"),onClose:()=>d.show=!1,scrollbar:!1},{default:()=>[o?.sideLeft?.()]})]}),e.createVNode(r.NDrawer,{show:f.show,onUpdateShow:l=>f.show=l,autoFocus:!1,placement:"right"},{default:()=>[e.createVNode(w.DuxDrawerPage,{title:t.sideRightTitle||i("components.button.sideRight"),onClose:()=>f.show=!1,scrollbar:!1},{default:()=>[o?.sideRight?.()]})]})])})}});exports.DuxListLayout=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("@duxweb/dvha-core"),A=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");require("jinrishici");require("lodash-es");require("vue-draggable-plus");const F=require("./filter.cjs");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("vue-router");require("vue-command-palette");require("@duxweb/dvha-naiveui");const I=require("../../pages/page.cjs");require("../../pages/page404.cjs");const W=require("../../pages/pageEmpty.cjs"),m=require("../drawer/drawerPage.cjs"),K=require("./tools.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css                        */require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");require("pinia");const M=e.defineComponent({name:"DuxListLayout",props:{rowKey:{type:String,default:"id"},path:{type:String,required:!0},filter:{type:Object},filterSchema:{type:Array},pagination:{type:[Boolean,Object],default:!0},tabs:{type:Array},tools:{type:Object},actions:{type:Array,default:()=>[]},checkable:{type:Boolean},sideLeftTitle:{type:String,default:""},sideRightTitle:{type:String,default:""},batchOptions:{type:Array},hookListProps:{type:Object}},setup(r,{slots:l,expose:V}){const u=e.toRef(r,"filter",{}),{t:n}=b.useI18n(),{renderAction:w}=J.useAction(),k=e.toRef(r.pagination&&typeof r.pagination=="object"?r.pagination:{page:1,pageSize:20}),c=e.reactive({...u.value||{}}),i=b.useExtendList({path:r.path,filters:c,pagination:k.value,...r.hookListProps});V(i);const{meta:S,list:N,isLoading:q,autoRefetch:C,autoCountdown:y,onAutoRefetch:P,isExporting:z,isExportingRows:L,isImporting:T,onExport:B,onExportRows:R,onImport:j}=i,O=e.computed(()=>({page:i.page.value,pageSize:i.pageSize.value,pageCount:i.pageCount.value,pageSizes:i.pageSizes,pageSlot:5,onUpdatePage:i.onUpdatePage,onUpdatePageSize:i.onUpdatePageSize,showSizePicker:!0,showQuickJumper:!0})),d=e.reactive({show:!1}),f=e.reactive({show:!1}),{width:s}=A.useWindowSize(),D=e.computed(()=>(r.filterSchema||[]).map(t=>{const{label:o,...h}=t;return{tag:F.DuxTableFilter,attrs:{label:o},children:h}})),{render:U}=b.useJsonSchema({data:e.computed(()=>D.value)}),x=e.ref(0),v=e.computed(()=>({import:!1,export:!0,refresh:!0,...r.tools})),p=e.ref(null),E=e.computed(()=>{const t=r.tabs?.map(h=>h.value)||[],o=u.value?.tab;return t.includes(o)?o:t[0]});e.watch(()=>r.tabs?.map(t=>t.value),()=>{const t=r.tabs?.map(o=>o.value)||[];if(u.value?.tab===void 0){const o=t[0];o!==void 0&&(u.value.tab=o)}e.nextTick(()=>p.value?.syncBarPosition())},{deep:!0}),e.watch(()=>s.value,()=>{e.nextTick(()=>p.value?.syncBarPosition())}),e.onMounted(()=>{e.nextTick(()=>p.value?.syncBarPosition())});const g=e.ref(!1);return()=>e.createVNode(I.DuxPage,{actions:r.actions,scrollbar:!1},{sideLeft:()=>l?.sideLeft&&s.value>=1024?l?.sideLeft?.():void 0,sideRight:()=>l?.sideRight&&s.value>=1024?l?.sideRight?.():void 0,default:()=>e.createVNode("div",{class:"flex flex-col gap-3 h-full relative"},[e.createVNode("div",{class:"flex gap-2 justify-between flex-row border-b border-muted"},[e.createVNode("div",{class:"relative top-1.5px"},[r.tabs&&e.createVNode(a.NTabs,{ref:p,type:"bar",size:"small",style:{"--n-tab-padding":"5px 20px 15px 20px","--n-tab-gap":"20px"},"default-value":r.tabs?.[0]?.value||"",value:E.value,onUpdateValue:t=>{u.value.tab=t,e.nextTick(()=>p.value?.syncBarPosition())}},{default:()=>[r.tabs?.map(t=>e.createVNode(a.NTab,{name:t.value,tab:t.label},null))]})]),e.createVNode("div",{class:"flex gap-2 justify-end"},[l.actions?.(),r.actions?.length>0&&w({type:s.value<1024?"dropdown":"button",text:s.value<1024,items:r.actions})])]),e.createVNode("div",{class:"flex gap-2 justify-between flex-col-reverse lg:flex-row"},[(s.value>=1024||g.value)&&e.createVNode("div",{class:["flex-1 flex flex-col lg:flex-row gap-2 flex-wrap"]},[e.createVNode("div",{key:x.value,class:"contents"},[e.h(U)])]),e.createVNode("div",{class:"flex justify-between gap-2"},[e.createVNode("div",{class:["flex-1 flex gap-2"]},[l?.sideLeft&&s.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{d.show=!d.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-inactive size-4"},null)}),l?.sideRight&&s.value<1024&&e.createVNode(a.NButton,{class:"flex-none",secondary:!0,onClick:()=>{f.show=!f.show}},{icon:()=>e.createVNode("div",{class:"i-tabler:layout-sidebar-right-inactive size-4"},null)}),e.createVNode("div",{class:"flex-none lg:hidden"},[e.createVNode(a.NButton,{secondary:!0,onClick:()=>{g.value=!g.value}},{icon:()=>e.createVNode("div",{class:"i-tabler:filter size-4"},null)})])]),e.createVNode("div",{class:["flex gap-2 items-center","flex-row"]},[e.createVNode("div",{class:"flex lg:hidden"},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(c).forEach(t=>delete c[t]),Object.assign(c,JSON.parse(JSON.stringify(u.value||{}))),i.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null)})]),e.createVNode("div",{class:["hidden lg:flex gap-2"]},[e.createVNode(a.NButton,{type:"primary",secondary:!0,onClick:()=>{Object.keys(c).forEach(t=>delete c[t]),Object.assign(c,JSON.parse(JSON.stringify(u.value||{}))),i.onUpdatePage?.(1)}},{icon:()=>e.createVNode("div",{class:"i-tabler:search size-4"},null),default:()=>n("components.button.search")}),e.createVNode(a.NButton,{secondary:!0,onClick:()=>{const t=u.value.tab;Object.keys(u.value||{}).forEach(o=>{o!=="tab"&&delete u.value[o]}),Object.keys(c).forEach(o=>{delete c[o]}),t!==void 0&&(c.tab=t),i.onUpdatePage?.(1),x.value++}},{icon:()=>e.createVNode("div",{class:"i-tabler:arrow-back-up size-4"},null),default:()=>n("components.button.reset")})])])])]),e.createVNode(a.NSpin,{show:q.value,class:"flex-1 min-h-0",contentClass:"h-full"},{default:()=>[e.createVNode("div",{class:["h-full overflow-auto"]},[!q.value&&N.value.length===0&&e.createVNode("div",{class:"flex justify-center items-center h-full"},[e.createVNode(W.DuxPageEmpty,null,null)]),N.value.length>0&&l?.default?.(i)])]}),e.createVNode("div",{class:"flex justify-between"},[e.createVNode("div",{class:"flex items-center gap-0.5"},[r.checkable&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{circle:!0,quaternary:!0},{default:()=>[e.createVNode(a.NCheckbox,{checked:i.isAllChecked.value,indeterminate:i.isIndeterminate.value,onUpdateChecked:i.toggleSelectAll},null)]}),default:()=>n("components.list.selectAll")}),l?.bottom?.(),l?.tools?.(),v.value.export&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:z.value,onClick:B},{icon:()=>e.createVNode("div",{class:"i-tabler:database-export size-4"},null)}),default:()=>n("components.button.export")}),v.value.import&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,loading:T.value,onClick:j},{icon:()=>e.createVNode("div",{class:"i-tabler:database-import size-4"},null)}),default:()=>n("components.button.import")}),v.value.refresh&&e.createVNode(a.NTooltip,null,{trigger:()=>e.createVNode(a.NButton,{quaternary:!0,circle:!0,onClick:P},{icon:()=>C.value?e.createVNode(a.NProgress,{class:"size-4",type:"circle",percentage:y.value*10,strokeWidth:20,color:"rgba(var(--ui-color-primary))"},{default:()=>[e.createVNode("span",{class:"text-8px"},[y.value])]}):e.createVNode("div",{class:"i-tabler:refresh size-4"},null)}),default:()=>n("components.button.autoRefresh")})]),e.createVNode("div",{class:"flex items-center gap-2"},[r.pagination&&e.createVNode(a.NPagination,e.mergeProps(O.value,{simple:s.value<768}),{prefix:()=>e.createVNode("div",null,[n("components.list.total",{total:S?.value?.total||0})])})])]),e.createVNode(K.DuxTableTools,{isLoading:i.isBatching.value,onBatch:i.onBatch,selecteds:i.checkeds.value,number:i.checkeds.value.length,group:[[{icon:"i-tabler:x",onClick:()=>{i.checkeds.value=[],i.onUpdateChecked?.([])}}],[{label:n("components.button.export"),icon:"i-tabler:file-export",loading:L.value,onClick:R},{label:n("components.button.delete"),type:"error",icon:"i-tabler:trash"}]]},null),e.createVNode(a.NDrawer,{show:d.show,onUpdateShow:t=>d.show=t,autoFocus:!1,placement:"left"},{default:()=>[e.createVNode(m.DuxDrawerPage,{title:r.sideLeftTitle||n("components.button.sideLeft"),onClose:()=>d.show=!1,scrollbar:!1},{default:()=>[l?.sideLeft?.()]})]}),e.createVNode(a.NDrawer,{show:f.show,onUpdateShow:t=>f.show=t,autoFocus:!1,placement:"right"},{default:()=>[e.createVNode(m.DuxDrawerPage,{title:r.sideRightTitle||n("components.button.sideRight"),onClose:()=>f.show=!1,scrollbar:!1},{default:()=>[l?.sideRight?.()]})]})])})}});exports.DuxListLayout=M;

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

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

package/dist/cjs/components/layout/tools.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@duxweb/dvha-core"),a=require("naive-ui");require("vue-router");const d=require("../../hooks/dialog.cjs");require("@overlastic/vue");require("clsx");require("vue-echarts");require("@vueuse/core");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("lodash-es");require("vue-draggable-plus");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("vue-command-palette");require("@duxweb/dvha-naiveui");require("../../pages/page404.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css                        */require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");require("pinia");const q=e.defineComponent({name:"DuxTableTools",props:{selecteds:{type:Array,default:[]},isLoading:{type:Boolean,default:!1},onBatch:{type:Function},number:{type:Number},options:{type:Array},group:{type:Array},dropdown:{type:Array}},setup(r){const{t:i}=c.useI18n(),u=e.computed(()=>r.group?r.group:[r.options]),o=e.computed(()=>r.number&&r.number>0),l=d.useDialog();return()=>e.createVNode("div",{class:"absolute  bottom-0 left-0 right-0 pointer-events-none"},[e.createVNode(e.Transition,{name:"slide-up",appear:!0,enterActiveClass:"transition-all duration-200 ease-out",enterFromClass:"transform translate-y-full opacity-0",enterToClass:"transform translate-y-0 opacity-100",leaveActiveClass:"transition-all duration-200 ease-in",leaveFromClass:"transform translate-y-0 opacity-100",leaveToClass:"transform translate-y-full opacity-0"},{default:()=>[o.value?e.createVNode("div",{class:"flex h-12 px-1 justify-between lg:justify-center gap-2 pointer-events-auto"},[u.value?.map((s,n)=>e.createVNode("div",{class:"h-10 mt-1 bg-default rounded px-4 py-1 shadow flex items-center gap-4"},[n===u.value.length-1&&e.createVNode(e.Fragment,null,[e.createVNode("span",{class:" "},[i("components.list.selectedItems",{num:r.number||0})]),e.createVNode("div",{class:"w-px h-4 bg-elevated"},null)]),s?.map(t=>e.createVNode(a.NButton,{text:!0,onClick:()=>{t.onClick?t.onClick?.(r.selecteds):t.key&&l.confirm({title:i("components.list.batchTitle"),content:i("components.list.batchContent")}).then(()=>{r.onBatch?.("delivery")}).catch(()=>{})},loading:t.loading||r.isLoading,disabled:t.disabled||t.loading||r.isLoading,type:t.type},{default:()=>t.label,icon:()=>e.createVNode("div",{class:t.icon},null)})),n===u.value.length-1&&r.dropdown&&r.dropdown.length>0&&e.createVNode(a.NDropdown,{options:r.dropdown},{default:()=>[e.createVNode(a.NButton,{text:!0},{icon:()=>e.createVNode("div",{class:"i-tabler:dots-vertical size-4"},null)})]})]))]):null]})])}});exports.DuxTableTools=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@duxweb/dvha-core"),a=require("naive-ui");require("vue-router");const d=require("../../hooks/dialog.cjs");require("@overlastic/vue");require("clsx");require("vue-echarts");require("@vueuse/core");require("vue3-ace-editor");require("ace-builds/src-noconflict/mode-vue");require("ace-builds/src-noconflict/mode-javascript");require("ace-builds/src-noconflict/mode-html");require("ace-builds/src-noconflict/mode-json");require("ace-builds/src-noconflict/mode-json5");require("ace-builds/src-noconflict/theme-tomorrow_night");require("ace-builds/src-noconflict/theme-tomorrow");require("ace-builds/src-noconflict/ext-searchbox");require("ace-builds/src-noconflict/ext-language_tools");require("ace-builds/src-noconflict/mode-snippets");require("vue-cropper");require("jinrishici");require("lodash-es");require("vue-draggable-plus");require("@vee-validate/i18n");require("colorizr");require("echarts");require("highlight.js/lib/core");require("highlight.js/lib/languages/bash");require("highlight.js/lib/languages/css");require("highlight.js/lib/languages/go");require("highlight.js/lib/languages/java");require("highlight.js/lib/languages/javascript");require("highlight.js/lib/languages/json");require("highlight.js/lib/languages/markdown");require("highlight.js/lib/languages/php");require("highlight.js/lib/languages/python");require("highlight.js/lib/languages/shell");require("highlight.js/lib/languages/sql");require("highlight.js/lib/languages/typescript");require("highlight.js/lib/languages/xml");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vee-validate");require("vue-command-palette");require("@duxweb/dvha-naiveui");require("../../pages/page404.cjs");require("short-unique-id");require("aieditor");require("@vue-flow/core");require("@vue-flow/background");;/* empty css                        */require("mime");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("dayjs");require("@tanstack/vue-query");require("pinia");const q=e.defineComponent({name:"DuxTableTools",props:{selecteds:{type:Array,default:[]},isLoading:{type:Boolean,default:!1},onBatch:{type:Function},number:{type:Number},options:{type:Array},group:{type:Array},dropdown:{type:Array}},setup(r){const{t:i}=c.useI18n(),u=e.computed(()=>r.group?r.group:[r.options]),o=e.computed(()=>r.number&&r.number>0),l=d.useDialog();return()=>e.createVNode("div",{class:"absolute  bottom-0 left-0 right-0 pointer-events-none"},[e.createVNode(e.Transition,{name:"slide-up",appear:!0,enterActiveClass:"transition-all duration-200 ease-out",enterFromClass:"transform translate-y-full opacity-0",enterToClass:"transform translate-y-0 opacity-100",leaveActiveClass:"transition-all duration-200 ease-in",leaveFromClass:"transform translate-y-0 opacity-100",leaveToClass:"transform translate-y-full opacity-0"},{default:()=>[o.value?e.createVNode("div",{class:"flex h-10 px-1 justify-between lg:justify-center gap-2 pointer-events-auto"},[u.value?.map((s,n)=>e.createVNode("div",{class:"h-10 mt-1 bg-default rounded px-4 py-1 shadow flex items-center gap-4"},[n===u.value.length-1&&e.createVNode(e.Fragment,null,[e.createVNode("span",{class:" "},[i("components.list.selectedItems",{num:r.number||0})]),e.createVNode("div",{class:"w-px h-4 bg-elevated"},null)]),s?.map(t=>e.createVNode(a.NButton,{text:!0,onClick:()=>{t.onClick?t.onClick?.(r.selecteds):t.key&&l.confirm({title:i("components.list.batchTitle"),content:i("components.list.batchContent")}).then(()=>{r.onBatch?.("delivery")}).catch(()=>{})},loading:t.loading||r.isLoading,disabled:t.disabled||t.loading||r.isLoading,type:t.type},{default:()=>t.label,icon:()=>e.createVNode("div",{class:t.icon},null)})),n===u.value.length-1&&r.dropdown&&r.dropdown.length>0&&e.createVNode(a.NDropdown,{options:r.dropdown},{default:()=>[e.createVNode(a.NButton,{text:!0},{icon:()=>e.createVNode("div",{class:"i-tabler:dots-vertical size-4"},null)})]})]))]):null]})])}});exports.DuxTableTools=q;

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

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

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

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

package/dist/cjs/components/widget/image.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("naive-ui"),i=require("./placeholder.cjs"),l=e.defineComponent({name:"DuxImage",props:{},extends:t.NImage,setup(r){return()=>{const a=`size-${r.height}px`,c=e.createVNode("svg",{viewBox:"0 0 100 100",class:a},[e.createVNode("circle",{cx:"50",cy:"50",r:"50",fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.1"},null),e.createVNode("g",{fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.65"},[e.createVNode("circle",{cx:"50",cy:"36",r:"14"},null),e.createVNode("path",{d:"M 50 54 C 30 54 15 69 15 87 L 15 100 L 85 100 L 85 87 C 85 69 70 54 50 54 Z"},null)]),e.createVNode("g",{fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.3"},[e.createVNode("circle",{cx:"20",cy:"20",r:"1.5"},[e.createVNode("animate",{attributeName:"r",values:"1.5;2.5;1.5",dur:"3s",repeatCount:"indefinite"},null)]),e.createVNode("circle",{cx:"80",cy:"25",r:"1"},[e.createVNode("animate",{attributeName:"r",values:"1;2;1",dur:"4s",repeatCount:"indefinite"},null)])])]);return r.src?e.createVNode(t.NImage,e.mergeProps(r,{src:r.src}),{placeholder:()=>e.createVNode(i.DuxPlaceholder,{width:r.width,height:r.height},null)}):e.h(c)}}});exports.DuxImage=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("naive-ui"),h=require("./placeholder.cjs"),i=t.defineComponent({name:"DuxImage",props:{},extends:r.NImage,setup(e){return()=>e.src?t.createVNode(r.NImage,t.mergeProps(e,{src:e.src}),{placeholder:()=>t.createVNode(h.DuxPlaceholder,{width:e.width,height:e.height},null),error:()=>t.createVNode(h.DuxPlaceholder,{width:e.width,height:e.height},null)}):t.h(h.DuxPlaceholder,{width:e.width,height:e.height})}});exports.DuxImage=i;

package/dist/cjs/components/widget/placeholder.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=e.defineComponent({name:"DuxPlaceholder",props:{width:{type:[Number,String],default:"auto"},height:{type:[Number,String],default:100}},setup(t){return()=>{const r={width:typeof t.width=="number"?`${t.width}px`:t.width,height:typeof t.height=="number"?`${t.height}px`:t.height};return e.createVNode("svg",{viewBox:"0 0 200 120",style:r},[e.createVNode("defs",null,[e.createVNode("linearGradient",{id:"placeholderBg",x1:"0%",y1:"0%",x2:"100%",y2:"100%"},[e.createVNode("stop",{offset:"0%",style:"stop-color:rgb(var(--ui-color-primary));stop-opacity:0.08"},null),e.createVNode("stop",{offset:"100%",style:"stop-color:rgb(var(--ui-color-primary));stop-opacity:0.03"},null)])]),e.createVNode("rect",{width:"200",height:"120",fill:"url(#placeholderBg)",rx:"8"},null),e.createVNode("g",{fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.4"},[e.createVNode("circle",{cx:"60",cy:"40",r:"12"},null),e.createVNode("path",{d:"M 40 70 L 80 70 L 100 50 L 140 70 L 160 50 L 200 70 L 200 120 L 40 120 Z"},null)]),e.createVNode("g",{fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.25"},[e.createVNode("circle",{cx:"150",cy:"25",r:"1.5"},[e.createVNode("animate",{attributeName:"opacity",values:"0.25;0.5;0.25",dur:"3s",repeatCount:"indefinite"},null)]),e.createVNode("circle",{cx:"170",cy:"35",r:"1"},[e.createVNode("animate",{attributeName:"opacity",values:"0.2;0.4;0.2",dur:"4s",repeatCount:"indefinite"},null)])]),e.createVNode("rect",{x:"40",y:"40",width:"120",height:"1",fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.15"},null)])}}});exports.DuxPlaceholder=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=e.defineComponent({name:"DuxPlaceholder",props:{width:{type:[Number,String],default:"auto"},height:{type:[Number,String],default:100}},setup(t){return()=>{const r={width:typeof t.width=="number"?`${t.width}px`:t.width,height:typeof t.height=="number"?`${t.height}px`:t.height};return e.createVNode("svg",{viewBox:"0 0 100 100",style:r},[e.createVNode("rect",{x:"1",y:"1",width:"98",height:"98",rx:"8",fill:"rgb(var(--ui-color-primary))","fill-opacity":"0.06"},null),e.createVNode("rect",{x:"1",y:"1",width:"98",height:"98",rx:"8",fill:"none",stroke:"rgb(var(--ui-color-primary))","stroke-opacity":"0.25","stroke-width":"1.5","stroke-dasharray":"5 5"},null),e.createVNode("g",{fill:"none",stroke:"rgb(var(--ui-color-primary))","stroke-opacity":"0.45","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createVNode("rect",{x:"30",y:"34",width:"40",height:"32",rx:"3"},null),e.createVNode("circle",{cx:"62",cy:"40",r:"3"},null),e.createVNode("path",{d:"M34 60 L46 48 L54 56 L58 52 L70 60"},null)])])}}});exports.DuxPlaceholder=i;

package/dist/cjs/dvha-pro.css

@@ -1 +1 @@
-@charset "UTF-8";.vue-flow__handle{transition:box-shadow .2s ease}.vue-flow__handle:hover{box-shadow:0 0 0 3px #3b82f680}.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:icon-color-cycle 12s ease-in-out infinite}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{padding:0;border-bottom:none;border-radius:0;background-color:transparent}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{width:5px;background-color:transparent;border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{background-color:rgb(var(--ui-bg));border-bottom:none;border:none;position:relative;border-radius:4px}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:transparent}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{border:1px solid rgb(var(--ui-border-muted));background-color:rgb(var(--ui-color-gray-800)/.5)}.app-modal-tabs.n-tabs .n-tabs-wrapper{padding:0 16px}.app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-color-gray-200)/.2)}.app-modal-tabs.n-tabs .n-tabs-tab{padding:12px 4px;font-size:var(--n-font-size)}.dark .app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-bg-elevated)/.5)}.app-page-tabs.n-tabs{display:flex;height:100%;flex-direction:column}.app-page-tabs.n-tabs .n-tabs-nav{flex:none}.app-page-tabs.n-tabs .n-tab-pane{flex:1;min-height:0;overflow-y:auto;padding:20px}.app-page-tabs.n-tabs .n-tabs-tab{font-size:.85rem;padding:1rem}.n-data-table .n-data-table-thead{border:1px solid rgb(var(--ui-border-muted))}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-left:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th--last{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-th{border-top:1px solid rgba(var(--ui-border-accented)/.5);border-bottom:1px solid rgba(var(--ui-border-accented)/.5)}.command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000}.command-palette [command-dialog-wrapper]{position:relative;flex-direction:column;margin:20vh auto auto;max-width:560px;background-color:rgb(var(--ui-bg)/.9);border-radius:6px}.command-palette [command-group-heading]{color:rgba(var(--ui-text-muted));padding:6px}.command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border-muted));margin:6px 0}.command-palette [command-list]{border-top:1px solid rgb(var(--ui-border-muted));padding:0 6px 6px}.command-palette [command-item]{padding:6px 12px;display:flex;align-items:center;gap:6px;border-radius:3px;color:rgba(var(--ui-text-toned))}.command-palette [command-item][aria-selected=true],.command-palette [command-item]:active{background-color:rgb(var(--ui-bg-accented)/.8);color:rgba(var(--ui-color-primary-500))}.dark .command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.02)}.dark .command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg-elevated)/.95)}.dark .command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border)/.5)}.dark .command-palette [command-list]{border-top:1px solid rgb(var(--ui-border)/.5)}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity:1}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{display:none}.app-menu.n-menu .n-menu-item-content:before{left:0;right:0}.app-login-bg{background-image:repeating-linear-gradient(90deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#f7f7f8,#f7f7f8)}.app-login-dark-bg{background-image:repeating-linear-gradient(90deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#101014,#101014)}.app-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;background-color:rgb(var(--ui-bg));overflow:hidden}.app-box-loading{width:50px;height:50px;position:relative}.app-box-loading:before{content:"";width:50px;height:5px;background:rgb(var(--ui-color-gray-200));opacity:.3;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.app-box-loading:after{content:"";width:50px;height:50px;background:rgba(var(--ui-color-primary));animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}html{color-scheme:light;background-color:rgb(var(--ui-color-primary-700)/.05)}html.dark{color-scheme:dark;background-color:#101014}[un-cloak]{display:none}.app-remote-loader{height:100%}.tab-fade-leave-active,.tab-fade-enter-active{transition:all .3s}.tab-fade-enter-from{opacity:0;transform:translate(-30px)}.tab-fade-enter-to{opacity:1;transform:translate(0)}.tab-fade-leave-to{opacity:0;transform:translate(30px)}
+@charset "UTF-8";.vue-flow__handle{transition:box-shadow .2s ease}.vue-flow__handle:hover{box-shadow:0 0 0 3px #3b82f680}.n-dropdown-menu{min-width:130px}.icon-gradient{color:rgb(var(--ui-color-primary));animation:icon-color-cycle 12s ease-in-out infinite}@keyframes icon-color-cycle{0%{color:rgb(var(--ui-color-primary))}20%{color:rgb(var(--ui-color-info))}40%{color:rgb(var(--ui-color-success))}60%{color:rgb(var(--ui-color-warning))}80%{color:rgb(var(--ui-color-error))}to{color:rgb(var(--ui-color-primary))}}@keyframes icon-gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad{border:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix,.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix{border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab{padding:0;border-bottom:none;border-radius:0;background-color:transparent}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{width:5px;background-color:transparent;border-bottom:none}.app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{background-color:rgb(var(--ui-bg));border-bottom:none;border:none;position:relative;border-radius:4px}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad{background-color:transparent}.dark .app-page-tabs.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab{border:1px solid rgb(var(--ui-border-muted));background-color:rgb(var(--ui-color-gray-800)/.5)}.app-modal-tabs.n-tabs .n-tabs-wrapper{padding:0 16px}.app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-color-gray-200)/.2)}.app-modal-tabs.n-tabs .n-tabs-tab{padding:12px 4px;font-size:var(--n-font-size)}.dark .app-modal-tabs.n-tabs .n-tabs-nav{background-color:rgb(var(--ui-bg-elevated)/.5)}.app-page-tabs.n-tabs{display:flex;height:100%;flex-direction:column}.app-page-tabs.n-tabs .n-tabs-nav{flex:none}.app-page-tabs.n-tabs .n-tab-pane{flex:1;min-height:0;overflow-y:auto;padding:20px}.app-page-tabs.n-tabs .n-tabs-tab{font-size:.85rem;padding:1rem}.n-data-table .n-data-table-thead{border:1px solid rgb(var(--ui-border-muted))}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-left:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-thead .n-data-table-tr>.n-data-table-th--last{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-right:1px solid rgba(var(--ui-border-accented)/.5)}.n-data-table .n-data-table-th{border-top:1px solid rgba(var(--ui-border-accented)/.5);border-bottom:1px solid rgba(var(--ui-border-accented)/.5)}.command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000}.command-palette [command-dialog-wrapper]{position:relative;flex-direction:column;margin:20vh auto auto;max-width:560px;background-color:rgb(var(--ui-bg)/.9);border-radius:6px}.command-palette [command-group-heading]{color:rgba(var(--ui-text-muted));padding:6px}.command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border-muted));margin:6px 0}.command-palette [command-list]{border-top:1px solid rgb(var(--ui-border-muted));padding:0 6px 6px}.command-palette [command-item]{padding:6px 12px;display:flex;align-items:center;gap:6px;border-radius:3px;color:rgba(var(--ui-text-toned))}.command-palette [command-item][aria-selected=true],.command-palette [command-item]:active{background-color:rgb(var(--ui-bg-accented)/.8);color:rgba(var(--ui-color-primary-500))}.dark .command-palette [command-dialog-mask]{background-color:rgb(var(--ui-bg-inverted)/.02)}.dark .command-palette [command-dialog-wrapper]{background-color:rgb(var(--ui-bg-elevated)/.95)}.dark .command-palette [command-separator]{border-bottom:1px solid rgb(var(--ui-border)/.5)}.dark .command-palette [command-list]{border-top:1px solid rgb(var(--ui-border)/.5)}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header{opacity:1}.app-menu.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow{display:none}.app-menu.n-menu .n-menu-item-content:before{left:0;right:0}.app-login-bg{background-image:repeating-linear-gradient(90deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,hsla(298,16%,68%,.06) 0px,hsla(298,16%,68%,.06) 1px,transparent 1px,transparent 21px,hsla(298,16%,68%,.06) 21px,hsla(298,16%,68%,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#f7f7f8,#f7f7f8)}.app-login-dark-bg{background-image:repeating-linear-gradient(90deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(0deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),repeating-linear-gradient(135deg,rgba(90,90,90,.06) 0px,rgba(90,90,90,.06) 1px,transparent 1px,transparent 21px,rgba(90,90,90,.06) 21px,rgba(90,90,90,.06) 22px,transparent 22px,transparent 72px),linear-gradient(90deg,#101014,#101014)}.app-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;background-color:rgb(var(--ui-bg));overflow:hidden}.app-box-loading{width:50px;height:50px;position:relative}.app-box-loading:before{content:"";width:50px;height:5px;background:rgb(var(--ui-color-gray-200));opacity:.3;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.app-box-loading:after{content:"";width:50px;height:50px;background:rgba(var(--ui-color-primary));animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}html{color-scheme:light;background-color:rgb(var(--ui-color-primary-700)/.05)}html.dark{color-scheme:dark;background-color:#101014}[un-cloak]{display:none}.app-remote-loader{height:100%}.tab-fade-leave-active,.tab-fade-enter-active{transition:all .3s}.tab-fade-enter-from{opacity:0;transform:translate(-30px)}.tab-fade-enter-to{opacity:1;transform:translate(0)}.tab-fade-leave-to{opacity:0;transform:translate(30px)}

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

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

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

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=`/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-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-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-shadow-opacity:100%;--un-ease:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;--un-space-y-reverse:initial;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -918,6 +918,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 }
 /* layer: icons */
 .i-tabler\\:alert-triangle{--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 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0zM12 16h.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\\:arrow-back-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m9 14l-4-4l4-4'/%3E%3Cpath d='M5 10h11a4 4 0 1 1 0 8h-1'/%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\\:arrow-bar-to-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 20h16m-8-6V4m0 10l4-4m-4 4l-4-4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:arrow-bar-to-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 10v10m0-10l4 4m-4-4l-4 4M4 4h16'/%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\\:arrow-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-6l-6 6m-6-6l6 6'/%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;}
@@ -933,7 +934,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:brightness-half{--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='M12 9a3 3 0 0 0 0 6z'/%3E%3Cpath d='M6 6h3.5L12 3.5L14.5 6H18v3.5l2.5 2.5l-2.5 2.5V18h-3.5L12 20.5L9.5 18H6v-3.5L3.5 12L6 9.5z'/%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\\:calendar-due{--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='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%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\\:check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%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\\:chevrons-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 7l5 5l5-5M7 13l5 5l5-5'/%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\\: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%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 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\\:circle-check-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='M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34m-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%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\\:circle-dot{--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='M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%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;}
@@ -959,11 +959,11 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .i-tabler\\:eye-off{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:file-export{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M11.5 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v5m-5 6h7m-3-3l3 3l-3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:file-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6'/%3E%3Cpath d='M9.5 13.5L12 11l2.5 2.5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
+.i-tabler\\:filter{--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 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227z'/%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\\:flag{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v9a5 5 0 0 1-7 0a5 5 0 0 0-7 0zm0 16v-7'/%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\\:flag-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.767 15.12A5 5 0 0 1 12 14a5 5 0 0 0-7 0V5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v8.5M5 21v-7m10 5l2 2l4-4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:focus-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='.5' fill='currentColor'/%3E%3Cpath d='M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:fold-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11v8l3-3m-6 0l3 3M9 7h1m4 0h1m4 0h1M4 7h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
-.i-tabler\\:fold-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 13V5L9 8m6 0l-3-3M9 17h1m4 0h1m4 0h1M4 17h1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:folder{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:forms{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3m7-14h7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-7M5 7H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1m12-5h.01M13 12h.01'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
 .i-tabler\\:git-branch{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 18a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M7 8v8m2 2h6a2 2 0 0 0 2-2v-5'/%3E%3Cpath d='m14 14l3-3l3 3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
@@ -1086,6 +1086,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .mb-2{margin-bottom:calc(var(--spacing) * 2);}
 .ml-2{margin-left:calc(var(--spacing) * 2);}
 .ml-2\\.5{margin-left:calc(var(--spacing) * 2.5);}
+.mr-1\\!{margin-right:calc(var(--spacing) * 1) !important;}
 .mr-2{margin-right:calc(var(--spacing) * 2);}
 .mt-1{margin-top:calc(var(--spacing) * 1);}
 .mt-2{margin-top:calc(var(--spacing) * 2);}
@@ -1122,7 +1123,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .pe-10{padding-inline-end:calc(var(--spacing) * 10);}
 .pe-3{padding-inline-end:calc(var(--spacing) * 3);}
 .pl-12{padding-left:calc(var(--spacing) * 12);}
-.pl-2{padding-left:calc(var(--spacing) * 2);}
 .pl-4{padding-left:calc(var(--spacing) * 4);}
 .pr-2{padding-right:calc(var(--spacing) * 2);}
 .pr-4{padding-right:calc(var(--spacing) * 4);}
@@ -1218,9 +1218,11 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .shrink-0{flex-shrink:0;}
 .flex-row{flex-direction:row;}
 .flex-col{flex-direction:column;}
+.flex-col-reverse{flex-direction:column-reverse;}
 .flex-wrap{flex-wrap:wrap;}
 .flex-nowrap{flex-wrap:nowrap;}
 .gap-0{gap:calc(var(--spacing) * 0);}
+.gap-0\\.5{gap:calc(var(--spacing) * 0.5);}
 .gap-1{gap:calc(var(--spacing) * 1);}
 .gap-1\\.5{gap:calc(var(--spacing) * 1.5);}
 .gap-12{gap:calc(var(--spacing) * 12);}
@@ -1267,6 +1269,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-2{height:calc(var(--spacing) * 2);}
 .h-20{height:calc(var(--spacing) * 20);}
 .h-30{height:calc(var(--spacing) * 30);}
+.h-36px{height:36px;}
 .h-4{height:calc(var(--spacing) * 4);}
 .h-40{height:calc(var(--spacing) * 40);}
 .h-5{height:calc(var(--spacing) * 5);}
@@ -1287,7 +1290,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .min-h-0{min-height:calc(var(--spacing) * 0);}
 .min-h-1{min-height:calc(var(--spacing) * 1);}
 .min-w-0{min-width:calc(var(--spacing) * 0);}
-.min-w-110{min-width:calc(var(--spacing) * 110);}
 .min-w-60{min-width:calc(var(--spacing) * 60);}
 .w-1{width:calc(var(--spacing) * 1);}
 .w-12{width:calc(var(--spacing) * 12);}
@@ -1350,6 +1352,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .translate-x-0{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-0{--un-translate-y:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
 .translate-y-full{--un-translate-y:100%;translate:var(--un-translate-x) var(--un-translate-y);}
+.rotate-0{rotate:0;}
 .rotate-180{rotate:180deg;}
 .rotate-45{rotate:45deg;}
 .transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
@@ -1391,6 +1394,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .right-4{right:calc(var(--spacing) * 4);}
 .top-0{top:calc(var(--spacing) * 0);}
 .top-1\\.3{top:calc(var(--spacing) * 1.3);}
+.top-1\\.5px{top:1.5px;}
 .top-2{top:calc(var(--spacing) * 2);}
 .top-4{top:calc(var(--spacing) * 4);}
 .top-6{top:calc(var(--spacing) * 6);}
@@ -1562,7 +1566,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .lg\\:pt-1\\.5{padding-top:calc(var(--spacing) * 1.5);}
 .dark .lg\\:dark\\:border{border-width:1px;}
 .lg\\:flex{display:flex;}
-.lg\\:flex-none{flex:none;}
 .lg\\:flex-row{flex-direction:row;}
 .lg\\:grid{display:grid;}
 .lg\\:grid-cols-\\[repeat\\(auto-fit\\,minmax\\(\\$\\{props\\.minWidth\\}\\,\\$\\{props\\.maxWidth\\}\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(\${props.minWidth},\${props.maxWidth}));}

package/dist/esm/components/form/modalForm.js

@@ -1,6 +1,6 @@
-import { defineComponent as b, computed as v, toRef as C, createVNode as r, Fragment as F, isVNode as x } from "vue";
-import { useI18n as E, useInvalidate as h, useExtendForm as j } from "@duxweb/dvha-core";
-import { useMessage as D, NButton as p } from "naive-ui";
+import { defineComponent as S, computed as b, toRef as C, createVNode as r, Fragment as v, isVNode as F } from "vue";
+import { useI18n as x, useInvalidate as E, useExtendForm as h } from "@duxweb/dvha-core";
+import { useMessage as j, NButton as n } from "naive-ui";
 import "clsx";
 import "vue-echarts";
 import "vue-router";
@@ -24,7 +24,7 @@ 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 M from "../modal/modalPage.js";
+import D from "../modal/modalPage.js";
 import "jinrishici";
 import "vue-draggable-plus";
 import "@vee-validate/i18n";
@@ -56,16 +56,16 @@ import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
 import "@vue-flow/core";
-import { DuxFormLayout as a } from "./formLayout.js";
+import { DuxFormLayout as p } from "./formLayout.js";
 import "@vue-flow/background";
 /* empty css                      */
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-function c(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !x(t);
+function a(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !F(t);
 }
-const Jt = /* @__PURE__ */ b({
+const Ht = /* @__PURE__ */ S({
   name: "DuxModalForm",
   props: {
     id: {
@@ -96,63 +96,61 @@ const Jt = /* @__PURE__ */ b({
       type: Function
     }
   },
-  extends: a,
+  extends: p,
   setup(t, {
-    slots: s
+    slots: c
   }) {
     const {
       t: i
-    } = E(), u = v(() => {
+    } = x(), s = b(() => {
       const {
         onClose: o,
         onSuccess: m,
-        onError: N,
-        action: O,
-        title: _,
-        id: k,
-        path: I,
-        data: L,
-        ...S
+        onError: M,
+        action: N,
+        title: O,
+        id: _,
+        path: k,
+        data: I,
+        ...g
       } = t;
-      return S;
-    }), l = C(t, "data", {}), e = D(), {
-      invalidate: d
-    } = h(), {
-      isLoading: n,
+      return g;
+    }), u = C(t, "data", {}), e = j(), {
+      invalidate: l
+    } = E(), {
+      isLoading: d,
       onSubmit: f,
-      onReset: g,
       isEdit: y
-    } = j({
+    } = h({
       id: t.id,
       path: t.path,
-      form: l,
+      form: u,
       action: t.action,
       onError: (o) => {
         e.error(o.message || i("components.form.error")), t.onError?.(o);
       },
       onSuccess: (o) => {
-        t.invalidate && d(t.invalidate), e.success(i("components.form.success")), t.onSuccess?.(o), t.onClose?.();
+        t.invalidate && l(t.invalidate), e.success(i("components.form.success")), t.onSuccess?.(o), t.onClose?.();
       }
     });
-    return () => r(M, {
+    return () => r(D, {
       title: t?.title || (y.value ? i("components.form.edit") : i("components.form.create")),
       onClose: t?.onClose
     }, {
-      default: () => r(a, u.value, {
-        default: () => [s?.default?.()]
+      default: () => r(p, s.value, {
+        default: () => [c?.default?.()]
       }),
       footer: () => {
         let o, m;
-        return r(F, null, [r(p, {
-          onClick: g,
-          loading: n.value
-        }, c(o = i("components.button.reset")) ? o : {
+        return r(v, null, [r(n, {
+          onClick: () => t.onClose?.()
+        }, a(o = i("components.button.cancel")) ? o : {
           default: () => [o]
-        }), r(p, {
+        }), r(n, {
           type: "primary",
-          loading: n.value,
+          loading: d.value,
           onClick: () => f()
-        }, c(m = i("components.button.submit")) ? m : {
+        }, a(m = i("components.button.submit")) ? m : {
           default: () => [m]
         })]);
       }
@@ -160,5 +158,5 @@ const Jt = /* @__PURE__ */ b({
   }
 });
 export {
-  Jt as DuxModalForm
+  Ht as DuxModalForm
 };