@duxweb/dvha-pro 1.0.26 → 1.0.28

package/dist/cjs/components/data/dynamicData.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("@duxweb/dvha-core"),V=require("@vueuse/core"),u=require("naive-ui"),v=require("vue-draggable-plus"),N=require("../status/blockEmpty.cjs"),m=e.defineComponent({name:"DuxDynamicData",props:{createAction:{type:Boolean,default:!0},deleteAction:{type:Boolean,default:!0},columns:Array,createCallback:Function,onCreate:Function,value:{type:Array,default:[]},defaultValue:{type:Array,default:[]}},setup(t,{emit:o}){const l=V.useVModel(t,"value",o,{passive:!0,defaultValue:t.defaultValue||[],deep:!0}),{renderAsync:d}=y.useJsonSchema(),i=a=>{const r=l.value?.[0][a],c=[...l.value||[]].map(n=>({...n,[a]:r}));l.value=[...c]},s=e.computed(()=>{let a=t.columns?.length||0;return(t.createAction||t.deleteAction)&&(a+=1),a});return()=>e.createVNode(v.VueDraggable,e.mergeProps({modelValue:l.value},{"onUpdate:modelValue":a=>{l.value=a}},{handle:".sort-handle",target:".sort-target",animation:150}),{default:()=>[e.createVNode("div",{class:"overflow-auto w-full"},[e.createVNode(u.NTable,{class:"table-fixed w-full"},{default:()=>[e.createVNode("thead",null,[e.createVNode("tr",null,[e.createVNode("th",{style:{width:"40px"}},null),t.columns?.map((a,r)=>e.createVNode("th",{key:r,style:{width:`${a.width}px`}},[e.createVNode("div",{class:"flex items-center justify-between"},[e.createVNode("div",null,[a.title]),a.copy&&e.createVNode("div",null,[e.createVNode(u.NButton,{onClick:()=>{i(a.key)},renderIcon:()=>e.createVNode("div",{class:"i-tabler:pencil-down t-icon"},null),text:!0,type:"primary"},null)])])])),(t.createAction||t.deleteAction)&&e.createVNode("th",{class:"w-15"},[t.createAction&&e.createVNode(u.NButton,{tertiary:!0,type:"primary",circle:!0,renderIcon:()=>e.createVNode("div",{class:"i-tabler:plus h-4 w-4"},null),onClick:()=>{t?.onCreate?t.onCreate():(l.value||(l.value=[]),l.value?.push(t?.createCallback?.(l.value)||{}))}},null)])])]),e.createVNode("tbody",{class:"sort-target"},[l.value&&l.value?.length>0?l.value.map((a,r)=>e.createVNode("tr",{key:r},[e.createVNode("td",null,[e.createVNode("div",{class:"sort-handle i-tabler:grid-dots size-4 cursor-move"},null)]),t.columns?.map((c,n)=>e.createVNode("td",{key:n},[c.schema?e.h(d({data:Array.isArray(c.schema)?c.schema:[c.schema],context:{rowIndex:r,model:l.value,row:a}})):c.render?.(a,r)||a[c.key]])),(t.createAction||t.deleteAction)&&e.createVNode("td",{class:"w-15"},[t.deleteAction&&e.createVNode(u.NButton,{tertiary:!0,type:"error",circle:!0,renderIcon:()=>e.createVNode("div",{class:"i-tabler:trash h-4 w-4"},null),onClick:()=>{l.value.splice(r,1)}},null)])])):e.createVNode("tr",null,[e.createVNode("td",{colspan:s.value},[e.createVNode(N.DuxBlockEmpty,null,null)])])])]})])]})}});exports.DuxDynamicData=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("@duxweb/dvha-core"),v=require("@vueuse/core"),u=require("naive-ui"),N=require("vue-draggable-plus"),m=require("../status/blockEmpty.cjs"),h=e.defineComponent({name:"DuxDynamicData",props:{createAction:{type:Boolean,default:!0},deleteAction:{type:Boolean,default:!0},columns:Array,createCallback:Function,onCreate:Function,value:{type:Array,default:[]},defaultValue:{type:Array,default:[]}},setup(a,{emit:d}){const l=v.useVModel(a,"value",d,{passive:!0,defaultValue:a.defaultValue||[],deep:!0}),{renderAsync:i}=V.useJsonSchema(),s=t=>{const c=l.value?.[0][t],r=[...l.value||[]].map(n=>({...n,[t]:c}));l.value=[...r]},y=e.computed(()=>{let t=a.columns?.length||0;return(a.createAction||a.deleteAction)&&(t+=1),t});return()=>e.createVNode(N.VueDraggable,e.mergeProps({modelValue:l.value},{"onUpdate:modelValue":t=>{l.value=t}},{handle:".sort-handle",target:".sort-target",animation:150}),{default:()=>[e.createVNode("div",{class:"overflow-auto w-full"},[e.createVNode(u.NTable,{class:"table-fixed w-full"},{default:()=>[e.createVNode("thead",null,[e.createVNode("tr",null,[e.createVNode("th",{style:{width:"40px"}},null),a.columns?.map((t,c)=>e.createVNode("th",{key:c,style:{width:`${t.width}px`}},[e.createVNode("div",{class:"flex items-center justify-between"},[e.createVNode("div",null,[t.title]),t.copy&&e.createVNode("div",null,[e.createVNode(u.NButton,{onClick:()=>{s(t.key)},renderIcon:()=>e.createVNode("div",{class:"i-tabler:pencil-down t-icon"},null),text:!0,type:"primary"},null)])])])),(a.createAction||a.deleteAction)&&e.createVNode("th",{class:"w-15"},[a.createAction&&e.createVNode(u.NButton,{tertiary:!0,type:"primary",circle:!0,renderIcon:()=>e.createVNode("div",{class:"i-tabler:plus h-4 w-4"},null),onClick:()=>{a?.onCreate?a.onCreate():(l.value||(l.value=[]),l.value?.push(a?.createCallback?.(l.value)||{}))}},null)])])]),e.createVNode("tbody",{class:"sort-target"},[l.value&&l.value?.length>0?l.value.map((t,c)=>e.createVNode("tr",{key:c},[e.createVNode("td",null,[e.createVNode("div",{class:"sort-handle i-tabler:grid-dots size-4 cursor-move"},null)]),a.columns?.map((r,n)=>{const o=typeof r.schema=="function"?r.schema(t,c):r.schema;return e.createVNode("td",{key:n},[r.schema?e.h(i({data:Array.isArray(o)?o:[o],context:{rowIndex:c,model:l.value,row:t}})):r.render?.(t,c)||t[r.key]])}),(a.createAction||a.deleteAction)&&e.createVNode("td",{class:"w-15"},[a.deleteAction&&e.createVNode(u.NButton,{tertiary:!0,type:"error",circle:!0,renderIcon:()=>e.createVNode("div",{class:"i-tabler:trash h-4 w-4"},null),onClick:()=>{l.value.splice(c,1)}},null)])])):e.createVNode("tr",null,[e.createVNode("td",{colspan:y.value},[e.createVNode(m.DuxBlockEmpty,null,null)])])])]})])]})}});exports.DuxDynamicData=h;

package/dist/cjs/components/designEditor/editor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("@duxweb/dvha-core"),d=require("clsx"),p=require("lodash-es"),f=require("naive-ui"),v=require("short-unique-id"),m=require("vue-draggable-plus"),x=require("../card/card.cjs"),b=require("./components/grid.cjs"),V=require("./editor/hook.cjs"),i=require("./editor/preview.cjs"),h=require("./editor/setting.cjs"),N=a.defineComponent({name:"DuxDesignEditor",props:{data:Object,onUpdateData:Function,groups:Array,components:Array,settingPage:Object,actionRender:Function,previewWrapper:Function},setup(r){const{t:l}=g.useI18n(),t=V.useEditor({settingPage:r.settingPage});a.provide("editor.use",t),a.watch([()=>r.components,()=>r.groups],()=>{t.clearGroup(),t.clearComponent(),t.addGroup({name:"layout",label:l("components.designEditor.layout")||"Layout",icon:"i-tabler:layout"}),r.groups?.forEach(e=>{t.addGroup(e)}),t.addComponent(b.duxFormEditorGrid(l)),r.components?.forEach(e=>{t.addComponent(e)})},{immediate:!0,deep:!0});const o=a.ref(),{randomUUID:u}=new v({length:10}),s=e=>({key:u(),name:e.name,options:p.cloneDeep(e.settingDefault)});return a.watch(()=>r.data,e=>{const n=r.settingPage?.default||{};t.value.value=e||{config:n,data:[]},e&&e.config&&(t.value.value.config={...n,...e.config})},{deep:!0,immediate:!0}),a.watch(()=>t.value.value,e=>{e!==r.data&&r.onUpdateData?.(e)},{deep:!0}),()=>a.createVNode(x.DuxCard,{class:"h-full",shadow:!0},{default:()=>[a.createVNode("div",{class:"h-full flex flex-row  text-default"},[a.createVNode("div",{class:"flex-none flex flex-col gap-2  border-r border-default bg-default p-2"},[a.createVNode(c,{title:l("components.designEditor.all")||"All",icon:"i-tabler:hexagons",active:!o.value,onClick:()=>{o.value=void 0}},null),t.group.value?.map((e,n)=>a.createVNode(c,{key:n,active:o.value===e.name,title:e.label,icon:e.icon,onClick:()=>{o.value=e.name}},null))]),a.createVNode("div",{class:"flex-none text-xs w-180px bg-default",id:"comp-list"},[a.createVNode(f.NScrollbar,null,{default:()=>[a.createVNode("div",{class:"flex flex-col gap-4 p-2"},[t.tree.value?.filter(e=>o.value?e.name===o.value:!0).map(e=>a.createVNode("div",{key:e.name,class:"flex flex-col gap-2"},[a.createVNode("div",{class:"bg-muted border border-muted rounded p-2 flex justify-center"},[e.label]),a.createVNode(m.VueDraggable,{modelValue:e.children||[],animation:150,group:{name:"widget",pull:"clone",put:!1},sort:!1,clone:s,class:"grid grid-cols-2 items-start gap-2 "},{default:()=>[e.children?.map(n=>a.createVNode("div",{key:n.name,class:"border border-muted rounded-sm p-2 flex flex-col items-center gap-2 cursor-pointer hover:bg-muted  edit-drag"},[a.createVNode("div",{class:d(["size-6",n.icon])},null),a.createVNode("div",{class:"truncate whitespace-nowrap px-2 overflow-hidden"},[n.label])]))]})]))])]})]),a.createVNode("div",{class:"flex-1 shadow-sm flex flex-col items-center p-6 overflow-auto",style:"background: linear-gradient(45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0,0,0, 0.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(0,0,0, 0.1) 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px;"},[a.createVNode("div",{class:"max-w-2xl w-full flex-1 bg-default shadow p-2",onClick:()=>{t.selected.value=void 0}},[r.previewWrapper?r.previewWrapper(a.createVNode(i.DuxWidgetEditorPreview,{modelValue:t.value.value?.data,onUpdate:e=>t.value.value.data=e},null),t):a.createVNode(i.DuxWidgetEditorPreview,{modelValue:t.value.value?.data,onUpdate:e=>t.value.value.data=e},null)])]),a.createVNode(h.WidgetEditorSetting,{actionRender:r.actionRender},null)])]})}});function c({title:r,icon:l,active:t,onClick:o}){return a.createVNode("div",{class:d(["flex flex-col items-center px-3 py-2 hover:bg-primary/10 cursor-pointer rounded-sm",t?"bg-primary/10 text-primary":""]),onClick:o},[a.createVNode("div",{class:d(["size-4",l])},null),a.createVNode("div",{class:"truncate whitespace-nowrap text-default text-sm"},[r])])}exports.DuxDesignEditor=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("@duxweb/dvha-core"),i=require("clsx"),d=require("lodash-es"),f=require("naive-ui"),v=require("short-unique-id"),m=require("vue-draggable-plus"),x=require("../card/card.cjs"),b=require("./components/grid.cjs"),V=require("./editor/hook.cjs"),c=require("./editor/preview.cjs"),h=require("./editor/setting.cjs"),w=a.defineComponent({name:"DuxDesignEditor",props:{data:Object,onUpdateData:Function,groups:Array,components:Array,settingPage:Object,actionRender:Function,previewWrapper:Function},setup(r){const{t:l}=p.useI18n(),t=V.useEditor({settingPage:r.settingPage});a.provide("editor.use",t),a.watch([()=>r.components,()=>r.groups],()=>{t.clearGroup(),t.clearComponent(),t.addGroup({name:"layout",label:l("components.designEditor.layout")||"Layout",icon:"i-tabler:layout"}),r.groups?.forEach(e=>{t.addGroup(e)}),t.addComponent(b.duxFormEditorGrid(l)),r.components?.forEach(e=>{t.addComponent(e)})},{immediate:!0,deep:!0});const n=a.ref(),{randomUUID:s}=new v({length:10}),g=e=>({key:s(),name:e.name,options:d.cloneDeep(e.settingDefault)});return a.watch(()=>r.data,e=>{const o=r.settingPage?.default||{};t.value.value={config:{...o,...d.cloneDeep(e?.config||{})},data:d.cloneDeep(e?.data||[])}},{deep:!0,immediate:!0}),a.watch(()=>t.value.value,e=>{e!==r.data&&r.onUpdateData?.(e)},{deep:!0}),()=>a.createVNode(x.DuxCard,{class:"h-full",shadow:!0},{default:()=>[a.createVNode("div",{class:"h-full flex flex-row  text-default"},[a.createVNode("div",{class:"flex-none flex flex-col gap-2  border-r border-default bg-default p-2"},[a.createVNode(u,{title:l("components.designEditor.all")||"All",icon:"i-tabler:hexagons",active:!n.value,onClick:()=>{n.value=void 0}},null),t.group.value?.map((e,o)=>a.createVNode(u,{key:o,active:n.value===e.name,title:e.label,icon:e.icon,onClick:()=>{n.value=e.name}},null))]),a.createVNode("div",{class:"flex-none text-xs w-180px bg-default",id:"comp-list"},[a.createVNode(f.NScrollbar,null,{default:()=>[a.createVNode("div",{class:"flex flex-col gap-4 p-2"},[t.tree.value?.filter(e=>n.value?e.name===n.value:!0).map(e=>a.createVNode("div",{key:e.name,class:"flex flex-col gap-2"},[a.createVNode("div",{class:"bg-muted border border-muted rounded p-2 flex justify-center"},[e.label]),a.createVNode(m.VueDraggable,{modelValue:e.children||[],animation:150,group:{name:"widget",pull:"clone",put:!1},sort:!1,clone:g,class:"grid grid-cols-2 items-start gap-2 "},{default:()=>[e.children?.map(o=>a.createVNode("div",{key:o.name,class:"border border-muted rounded-sm p-2 flex flex-col items-center gap-2 cursor-pointer hover:bg-muted  edit-drag"},[a.createVNode("div",{class:i(["size-6",o.icon])},null),a.createVNode("div",{class:"truncate whitespace-nowrap px-2 overflow-hidden"},[o.label])]))]})]))])]})]),a.createVNode("div",{class:"flex-1 shadow-sm flex flex-col items-center p-6 overflow-auto",style:"background: linear-gradient(45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(0,0,0, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0,0,0, 0.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(0,0,0, 0.1) 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px;"},[a.createVNode("div",{class:"max-w-2xl w-full flex-1 bg-default shadow p-2",onClick:()=>{t.selected.value=void 0}},[r.previewWrapper?r.previewWrapper(a.createVNode(c.DuxWidgetEditorPreview,{modelValue:t.value.value?.data,onUpdate:e=>t.value.value.data=e},null),t):a.createVNode(c.DuxWidgetEditorPreview,{modelValue:t.value.value?.data,onUpdate:e=>t.value.value.data=e},null)])]),a.createVNode(h.WidgetEditorSetting,{actionRender:r.actionRender},null)])]})}});function u({title:r,icon:l,active:t,onClick:n}){return a.createVNode("div",{class:i(["flex flex-col items-center px-3 py-2 hover:bg-primary/10 cursor-pointer rounded-sm",t?"bg-primary/10 text-primary":""]),onClick:n},[a.createVNode("div",{class:i(["size-4",l])},null),a.createVNode("div",{class:"truncate whitespace-nowrap text-default text-sm"},[r])])}exports.DuxDesignEditor=w;

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

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

package/dist/cjs/components/form/pageForm.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("@duxweb/dvha-core"),a=require("naive-ui"),p=require("vue-router");require("@overlastic/vue");const b=require("../card/card.cjs");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("short-unique-id");require("aieditor");const g=require("./formLayout.cjs");require("vee-validate");require("@duxweb/dvha-naiveui");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("mime");require("dayjs");require("@tanstack/vue-query");require("pinia");require("@vee-validate/i18n");require("colorizr");require("echarts");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vue-command-palette");const y=require("../../pages/page.cjs");require("../../pages/page404.cjs");const S=e.defineComponent({name:"DuxPageForm",props:{id:{type:[String,Number]},action:{type:String},title:{type:String},description:{type:String},path:{type:String},data:{type:Object},onSuccess:{type:Function},onError:{type:Function},size:{type:String,default:"medium"},invalidate:{type:String}},setup(r,{slots:c}){const{t}=o.useI18n(),l=e.toRef(r,"data",{}),s=a.useMessage(),d=p.useRouter(),n=o.useTabStore(),{invalidate:q}=o.useInvalidate(),i=o.useExtendForm({id:r.id,path:r.path,form:l,action:r.action,onError:u=>{s.error(u.message||t("components.form.error")),r.onError?.(u)},onSuccess:u=>{s.success(t("components.form.success")),r.onSuccess?.(u),!i.isEdit.value&&n.current&&n.delTab(n.current,m=>d.push(m.path||"")),r.invalidate&&q(r.invalidate)}}),f=n.tabs.find(u=>u.path===n.current);return()=>e.createVNode(y.DuxPage,{card:!1,scrollbar:!1},{default:()=>[e.createVNode(b.DuxCard,{title:r?.title||f?.label||(i.isEdit.value?t("components.form.edit"):t("components.form.create")),description:r?.description,class:"h-full flex flex-col",contentClass:"flex-1 min-h-0",contentSize:"none","header-bordered":!0},{default:()=>e.createVNode(a.NScrollbar,null,{default:()=>[e.createVNode(g.DuxFormLayout,{"label-placement":"page"},{default:()=>[c?.default?.(i)]})]}),headerExtra:()=>e.createVNode("div",{class:"flex gap-6 items-center"},[c?.actions?.(i),e.createVNode("div",{class:"flex gap-2"},[e.createVNode(a.NButton,{onClick:()=>i.onReset()},{default:()=>t("components.button.reset"),icon:()=>e.createVNode("i",{class:"i-tabler:refresh"},null)}),e.createVNode(a.NButton,{type:"primary",onClick:()=>i.onSubmit()},{default:()=>t("components.button.submit"),icon:()=>e.createVNode("i",{class:"i-tabler:device-floppy"},null)})])])})]})}});exports.DuxPageForm=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("@duxweb/dvha-core"),o=require("naive-ui"),g=require("vue-router");require("@overlastic/vue");const b=require("../card/card.cjs");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("short-unique-id");require("aieditor");const p=require("./formLayout.cjs");require("vee-validate");require("@duxweb/dvha-naiveui");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("mime");require("dayjs");require("@tanstack/vue-query");require("pinia");require("@vee-validate/i18n");require("colorizr");require("echarts");require("@ant-design/colors");require("@unocss/preset-icons/browser");require("@unocss/preset-typography");require("unocss/preset-wind4");require("@vee-validate/i18n/dist/locale/en.json");require("@vee-validate/i18n/dist/locale/zh_CN.json");require("vue-command-palette");const y=require("../../pages/page.cjs");require("../../pages/page404.cjs");const v=e.defineComponent({name:"DuxPageForm",props:{id:{type:[String,Number]},action:{type:String},title:{type:String},description:{type:String},labelPlacement:{type:String,default:"left"},path:{type:String},data:{type:Object},onSuccess:{type:Function},onError:{type:Function},size:{type:String,default:"medium"},invalidate:{type:String}},setup(r,{slots:c}){const{t:i}=a.useI18n(),l=e.toRef(r,"data",{}),s=o.useMessage(),d=g.useRouter(),n=a.useTabStore(),{invalidate:q}=a.useInvalidate(),t=a.useExtendForm({id:r.id,path:r.path,form:l,action:r.action,onError:u=>{s.error(u.message||i("components.form.error")),r.onError?.(u)},onSuccess:u=>{s.success(i("components.form.success")),r.onSuccess?.(u),!t.isEdit.value&&n.current&&n.delTab(n.current,m=>d.push(m.path||"")),r.invalidate&&q(r.invalidate)}}),f=n.tabs.find(u=>u.path===n.current);return()=>e.createVNode(y.DuxPage,{card:!1,scrollbar:!1},{default:()=>[e.createVNode(b.DuxCard,{title:r?.title||f?.label||(t.isEdit.value?i("components.form.edit"):i("components.form.create")),description:r?.description,class:"h-full flex flex-col",contentClass:"flex-1 min-h-0",contentSize:"none","header-bordered":!0},{default:()=>e.createVNode(o.NScrollbar,null,{default:()=>[e.createVNode(p.DuxFormLayout,{labelPlacement:r.labelPlacement,class:"p-4"},{default:()=>[c?.default?.(t)]})]}),headerExtra:()=>e.createVNode("div",{class:"flex gap-6 items-center"},[c?.actions?.(t),e.createVNode("div",{class:"flex gap-2"},[e.createVNode(o.NButton,{onClick:()=>t.onReset(),loading:t.isLoading.value},{default:()=>i("components.button.reset"),icon:()=>e.createVNode("i",{class:"i-tabler:refresh"},null)}),e.createVNode(o.NButton,{type:"primary",onClick:()=>t.onSubmit(),loading:t.isLoading.value},{default:()=>i("components.button.submit"),icon:()=>e.createVNode("i",{class:"i-tabler:device-floppy"},null)})])])})]})}});exports.DuxPageForm=v;

package/dist/cjs/components/formEditor/editor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),q=require("@duxweb/dvha-core"),s=require("naive-ui");require("vue-router");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("@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");const d=require("../designEditor/editor.cjs");require("short-unique-id");require("aieditor");const p=require("../form/formLayout.cjs"),E=require("./components/cascader.cjs"),x=require("./components/cascaderAsync.cjs"),f=require("./components/checkbox.cjs"),y=require("./components/color.cjs"),F=require("./components/date.cjs"),g=require("./components/dynamicInput.cjs"),v=require("./components/dynamicTags.cjs"),b=require("./components/editor.cjs"),S=require("./components/input.cjs"),N=require("./components/inputNumber.cjs"),D=require("./components/mentionAsync.cjs"),A=require("./components/radio.cjs"),P=require("./components/region.cjs"),h=require("./components/sider.cjs"),C=require("./components/switch.cjs"),k=require("./components/time.cjs"),V=require("./components/transferAsync.cjs"),T=require("./components/treeSelect.cjs"),j=require("./components/treeSelectAsync.cjs"),I=require("./components/select.cjs"),w=require("./components/selectAsync.cjs"),O=require("./base/setting.cjs");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("mime");const _=require("../../hooks/modal.cjs");require("dayjs");require("@tanstack/vue-query");require("pinia");function n(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!r.isVNode(t)}const B=r.defineComponent({name:"DuxFormEditor",props:{onSave:Function},extends:d.DuxDesignEditor,setup(t){const a=_.useModal(),l=r.computed(()=>[{name:"form",label:e("components.formEditor.groups.form"),icon:"i-tabler:forms"},{name:"select",label:e("components.formEditor.groups.select"),icon:"i-tabler:select"},{name:"async",label:e("components.formEditor.groups.async"),icon:"i-tabler:loader"}]),{t:e}=q.useI18n(),m=r.computed(()=>[S.duxFormEditorInput(e),N.duxFormEditorInputNumber(e),b.duxFormEditorAIEditor(e),h.duxFormEditorSider(e),F.duxFormEditorDate(e),k.duxFormEditorTime(e),y.duxFormEditorColor(e),f.duxFormEditorCheckbox(e),A.duxFormEditorRadio(e),C.duxFormEditorSwitch(e),g.duxFormEditorDynamicInput(e),v.duxFormEditorDynamicTags(e),I.duxFormEditorSelect(e),E.duxFormEditorCascader(e),T.duxFormEditorTreeSelect(e),P.duxFormEditorRegion(e),w.duxFormEditorSelectAsync(e),x.duxFormEditorCascaderAsync(e),j.duxFormEditorTreeSelectAsync(e),V.duxFormEditorTransferAsync(e),D.duxFormEditorMentionAsync(e)]);return()=>r.createVNode(d.DuxDesignEditor,r.mergeProps(t,{groups:l.value,components:m.value,settingPage:{component:o=>r.createVNode(O.DuxFormEditorSettingPage,o,null),default:{labelPlacement:"left"}},previewWrapper:(o,i)=>{const u=r.computed(()=>i?.value?.value?.config);return r.createVNode(p.DuxFormLayout,{labelPlacement:u.value?.labelPlacement||"left",class:"h-full"},n(o)?o:{default:()=>[o]})},actionRender:o=>{let i,u,c;return r.createVNode("div",{class:"flex flex-col gap-2"},[r.createVNode(s.NButton,{type:"primary",secondary:!0,block:!0,onClick:()=>{a.show({title:e("components.formEditor.main.actions.jsonOutput"),component:()=>Promise.resolve().then(()=>require("./json.cjs")),componentProps:{value:o?.value?.value.data||[]}})}},n(i=e("components.formEditor.main.actions.jsonOutput"))?i:{default:()=>[i]}),r.createVNode(s.NButton,{type:"info",secondary:!0,block:!0,onClick:()=>{a.show({title:e("common.preview"),component:()=>Promise.resolve().then(()=>require("./preview.cjs")),componentProps:{data:o?.value?.value.data||[],config:o?.value?.value.config||{}}})}},n(u=e("common.preview"))?u:{default:()=>[u]}),r.createVNode(s.NButton,{type:"primary",block:!0,onClick:()=>t.onSave?.(o)},n(c=e("components.formEditor.main.actions.save"))?c:{default:()=>[c]})])}}),null)}});exports.DuxFormEditor=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),q=require("@duxweb/dvha-core"),s=require("naive-ui");require("vue-router");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("@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");const d=require("../designEditor/editor.cjs");require("short-unique-id");require("aieditor");const p=require("../form/formLayout.cjs"),E=require("./base/setting.cjs"),x=require("./components/cascader.cjs"),f=require("./components/cascaderAsync.cjs"),y=require("./components/checkbox.cjs"),F=require("./components/color.cjs"),g=require("./components/date.cjs"),v=require("./components/dynamicInput.cjs"),b=require("./components/dynamicTags.cjs"),S=require("./components/editor.cjs"),N=require("./components/input.cjs"),D=require("./components/inputNumber.cjs"),A=require("./components/mentionAsync.cjs"),P=require("./components/radio.cjs"),h=require("./components/region.cjs"),C=require("./components/sider.cjs"),k=require("./components/switch.cjs"),V=require("./components/time.cjs"),T=require("./components/transferAsync.cjs"),j=require("./components/treeSelect.cjs"),I=require("./components/treeSelectAsync.cjs"),w=require("./components/select.cjs"),O=require("./components/selectAsync.cjs");require("@iconify-json/tabler/icons.json");require("../posterEditor/elements/index.cjs");require("fabric");require("mime");const _=require("../../hooks/modal.cjs");require("dayjs");require("@tanstack/vue-query");require("pinia");function n(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!r.isVNode(t)}const B=r.defineComponent({name:"DuxFormEditor",props:{onSave:Function},extends:d.DuxDesignEditor,setup(t){const{t:e}=q.useI18n(),a=_.useModal(),l=r.computed(()=>[{name:"form",label:e("components.formEditor.groups.form"),icon:"i-tabler:forms"},{name:"select",label:e("components.formEditor.groups.select"),icon:"i-tabler:select"},{name:"async",label:e("components.formEditor.groups.async"),icon:"i-tabler:loader"}]),m=r.computed(()=>[N.duxFormEditorInput(e),D.duxFormEditorInputNumber(e),S.duxFormEditorAIEditor(e),C.duxFormEditorSider(e),g.duxFormEditorDate(e),V.duxFormEditorTime(e),F.duxFormEditorColor(e),y.duxFormEditorCheckbox(e),P.duxFormEditorRadio(e),k.duxFormEditorSwitch(e),v.duxFormEditorDynamicInput(e),b.duxFormEditorDynamicTags(e),w.duxFormEditorSelect(e),x.duxFormEditorCascader(e),j.duxFormEditorTreeSelect(e),h.duxFormEditorRegion(e),O.duxFormEditorSelectAsync(e),f.duxFormEditorCascaderAsync(e),I.duxFormEditorTreeSelectAsync(e),T.duxFormEditorTransferAsync(e),A.duxFormEditorMentionAsync(e)]);return()=>r.createVNode(d.DuxDesignEditor,r.mergeProps(t,{groups:l.value,components:m.value,settingPage:{component:o=>r.createVNode(E.DuxFormEditorSettingPage,o,null),default:{labelPlacement:"left"}},previewWrapper:(o,i)=>{const u=r.computed(()=>i?.value?.value?.config);return r.createVNode(p.DuxFormLayout,{labelPlacement:u.value?.labelPlacement||"left",class:"h-full"},n(o)?o:{default:()=>[o]})},actionRender:o=>{let i,u,c;return r.createVNode("div",{class:"flex flex-col gap-2"},[r.createVNode(s.NButton,{type:"primary",secondary:!0,block:!0,onClick:()=>{a.show({title:e("components.formEditor.main.actions.jsonOutput"),component:()=>Promise.resolve().then(()=>require("./json.cjs")),componentProps:{value:o?.value?.value.data||[]}})}},n(i=e("components.formEditor.main.actions.jsonOutput"))?i:{default:()=>[i]}),r.createVNode(s.NButton,{type:"info",secondary:!0,block:!0,onClick:()=>{a.show({title:e("common.preview"),component:()=>Promise.resolve().then(()=>require("./preview.cjs")),componentProps:{data:o?.value?.value.data||[],config:o?.value?.value.config||{}}})}},n(u=e("common.preview"))?u:{default:()=>[u]}),r.createVNode(s.NButton,{type:"primary",block:!0,onClick:()=>{t.onSave?.(o?.value?.value||{})}},n(c=e("components.formEditor.main.actions.save"))?c:{default:()=>[c]})])}}),null)}});exports.DuxFormEditor=B;

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

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

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

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

package/dist/cjs/hooks/action.cjs

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

package/dist/cjs/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-divide-y-reverse:initial;--un-border-style:solid;--un-bg-opacity:100%;--un-text-opacity:100%;--un-shadow-opacity:100%;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
+@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;--un-bg-opacity:100%;--un-from-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-shadow-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-border-opacity:100%;--un-to-opacity:100%;--un-fill-opacity:100%;--un-outline-style:solid;}}
 @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
 @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
 @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@@ -1048,6 +1048,7 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .m-302\\.2{margin:calc(var(--spacing) * 302.2);}
 .m14{margin:calc(var(--spacing) * 14);}
 .m146\\.8{margin:calc(var(--spacing) * 146.8);}
+.m18{margin:calc(var(--spacing) * 18);}
 .m29\\.3{margin:calc(var(--spacing) * 29.3);}
 .m3{margin:calc(var(--spacing) * 3);}
 .m5{margin:calc(var(--spacing) * 5);}

package/dist/esm/components/data/dynamicData.js

@@ -1,10 +1,10 @@
-import { defineComponent as m, computed as y, createVNode as e, mergeProps as v, h as f } from "vue";
-import { useJsonSchema as h } from "@duxweb/dvha-core";
-import { useVModel as A } from "@vueuse/core";
-import { NTable as b, NButton as c } from "naive-ui";
-import { VueDraggable as k } from "vue-draggable-plus";
+import { defineComponent as y, computed as v, createVNode as e, mergeProps as f, h } from "vue";
+import { useJsonSchema as A } from "@duxweb/dvha-core";
+import { useVModel as b } from "@vueuse/core";
+import { NTable as k, NButton as o } from "naive-ui";
+import { VueDraggable as p } from "vue-draggable-plus";
 import { DuxBlockEmpty as g } from "../status/blockEmpty.js";
-const B = /* @__PURE__ */ m({
+const N = /* @__PURE__ */ y({
   name: "DuxDynamicData",
   props: {
     createAction: {
@@ -27,30 +27,30 @@ const B = /* @__PURE__ */ m({
       default: []
     }
   },
-  setup(t, {
-    emit: o
+  setup(l, {
+    emit: i
   }) {
-    const a = A(t, "value", o, {
+    const a = b(l, "value", i, {
       passive: !0,
-      defaultValue: t.defaultValue || [],
+      defaultValue: l.defaultValue || [],
       deep: !0
     }), {
-      renderAsync: i
-    } = h(), d = (l) => {
-      const u = a.value?.[0][l], n = [...a.value || []].map((r) => ({
+      renderAsync: s
+    } = A(), d = (t) => {
+      const n = a.value?.[0][t], u = [...a.value || []].map((r) => ({
         ...r,
-        [l]: u
+        [t]: n
       }));
-      a.value = [...n];
-    }, s = y(() => {
-      let l = t.columns?.length || 0;
-      return (t.createAction || t.deleteAction) && (l += 1), l;
+      a.value = [...u];
+    }, m = v(() => {
+      let t = l.columns?.length || 0;
+      return (l.createAction || l.deleteAction) && (t += 1), t;
     });
-    return () => e(k, v({
+    return () => e(p, f({
       modelValue: a.value
     }, {
-      "onUpdate:modelValue": (l) => {
-        a.value = l;
+      "onUpdate:modelValue": (t) => {
+        a.value = t;
       }
     }, {
       handle: ".sort-handle",
@@ -59,32 +59,32 @@ const B = /* @__PURE__ */ m({
     }), {
       default: () => [e("div", {
         class: "overflow-auto w-full"
-      }, [e(b, {
+      }, [e(k, {
         class: "table-fixed w-full"
       }, {
         default: () => [e("thead", null, [e("tr", null, [e("th", {
           style: {
             width: "40px"
           }
-        }, null), t.columns?.map((l, u) => e("th", {
-          key: u,
+        }, null), l.columns?.map((t, n) => e("th", {
+          key: n,
           style: {
-            width: `${l.width}px`
+            width: `${t.width}px`
           }
         }, [e("div", {
           class: "flex items-center justify-between"
-        }, [e("div", null, [l.title]), l.copy && e("div", null, [e(c, {
+        }, [e("div", null, [t.title]), t.copy && e("div", null, [e(o, {
           onClick: () => {
-            d(l.key);
+            d(t.key);
           },
           renderIcon: () => e("div", {
             class: "i-tabler:pencil-down t-icon"
           }, null),
           text: !0,
           type: "primary"
-        }, null)])])])), (t.createAction || t.deleteAction) && e("th", {
+        }, null)])])])), (l.createAction || l.deleteAction) && e("th", {
           class: "w-15"
-        }, [t.createAction && e(c, {
+        }, [l.createAction && e(o, {
           tertiary: !0,
           type: "primary",
           circle: !0,
@@ -92,26 +92,29 @@ const B = /* @__PURE__ */ m({
             class: "i-tabler:plus h-4 w-4"
           }, null),
           onClick: () => {
-            t?.onCreate ? t.onCreate() : (a.value || (a.value = []), a.value?.push(t?.createCallback?.(a.value) || {}));
+            l?.onCreate ? l.onCreate() : (a.value || (a.value = []), a.value?.push(l?.createCallback?.(a.value) || {}));
           }
         }, null)])])]), e("tbody", {
           class: "sort-target"
-        }, [a.value && a.value?.length > 0 ? a.value.map((l, u) => e("tr", {
-          key: u
+        }, [a.value && a.value?.length > 0 ? a.value.map((t, n) => e("tr", {
+          key: n
         }, [e("td", null, [e("div", {
           class: "sort-handle i-tabler:grid-dots size-4 cursor-move"
-        }, null)]), t.columns?.map((n, r) => e("td", {
-          key: r
-        }, [n.schema ? f(i({
-          data: Array.isArray(n.schema) ? n.schema : [n.schema],
-          context: {
-            rowIndex: u,
-            model: a.value,
-            row: l
-          }
-        })) : n.render?.(l, u) || l[n.key]])), (t.createAction || t.deleteAction) && e("td", {
+        }, null)]), l.columns?.map((u, r) => {
+          const c = typeof u.schema == "function" ? u.schema(t, n) : u.schema;
+          return e("td", {
+            key: r
+          }, [u.schema ? h(s({
+            data: Array.isArray(c) ? c : [c],
+            context: {
+              rowIndex: n,
+              model: a.value,
+              row: t
+            }
+          })) : u.render?.(t, n) || t[u.key]]);
+        }), (l.createAction || l.deleteAction) && e("td", {
           class: "w-15"
-        }, [t.deleteAction && e(c, {
+        }, [l.deleteAction && e(o, {
           tertiary: !0,
           type: "error",
           circle: !0,
@@ -119,15 +122,15 @@ const B = /* @__PURE__ */ m({
             class: "i-tabler:trash h-4 w-4"
           }, null),
           onClick: () => {
-            a.value.splice(u, 1);
+            a.value.splice(n, 1);
           }
         }, null)])])) : e("tr", null, [e("td", {
-          colspan: s.value
+          colspan: m.value
         }, [e(g, null, null)])])])]
       })])]
     });
   }
 });
 export {
-  B as DuxDynamicData
+  N as DuxDynamicData
 };

package/dist/esm/components/designEditor/editor.js

@@ -1,16 +1,16 @@
-import { defineComponent as m, provide as f, watch as i, ref as g, createVNode as a } from "vue";
-import { useI18n as v } from "@duxweb/dvha-core";
-import d from "clsx";
-import { cloneDeep as x } from "lodash-es";
+import { defineComponent as f, provide as g, watch as d, ref as v, createVNode as a } from "vue";
+import { useI18n as x } from "@duxweb/dvha-core";
+import u from "clsx";
+import { cloneDeep as i } from "lodash-es";
 import { NScrollbar as b } from "naive-ui";
-import h from "short-unique-id";
-import { VueDraggable as w } from "vue-draggable-plus";
+import w from "short-unique-id";
+import { VueDraggable as h } from "vue-draggable-plus";
 import { DuxCard as y } from "../card/card.js";
-import { duxFormEditorGrid as k } from "./components/grid.js";
-import { useEditor as C } from "./editor/hook.js";
-import { DuxWidgetEditorPreview as u } from "./editor/preview.js";
-import { WidgetEditorSetting as D } from "./editor/setting.js";
-const R = /* @__PURE__ */ m({
+import { duxFormEditorGrid as D } from "./components/grid.js";
+import { useEditor as k } from "./editor/hook.js";
+import { DuxWidgetEditorPreview as c } from "./editor/preview.js";
+import { WidgetEditorSetting as C } from "./editor/setting.js";
+const R = /* @__PURE__ */ f({
   name: "DuxDesignEditor",
   props: {
     data: Object,
@@ -23,46 +23,46 @@ const R = /* @__PURE__ */ m({
   },
   setup(r) {
     const {
-      t: n
-    } = v(), t = C({
+      t: o
+    } = x(), t = k({
       settingPage: r.settingPage
     });
-    f("editor.use", t), i([() => r.components, () => r.groups], () => {
+    g("editor.use", t), d([() => r.components, () => r.groups], () => {
       t.clearGroup(), t.clearComponent(), t.addGroup({
         name: "layout",
-        label: n("components.designEditor.layout") || "Layout",
+        label: o("components.designEditor.layout") || "Layout",
         icon: "i-tabler:layout"
       }), r.groups?.forEach((e) => {
         t.addGroup(e);
-      }), t.addComponent(k(n)), r.components?.forEach((e) => {
+      }), t.addComponent(D(o)), r.components?.forEach((e) => {
         t.addComponent(e);
       });
     }, {
       immediate: !0,
       deep: !0
     });
-    const l = g(), {
-      randomUUID: s
-    } = new h({
+    const l = v(), {
+      randomUUID: p
+    } = new w({
       length: 10
-    }), p = (e) => ({
-      key: s(),
+    }), m = (e) => ({
+      key: p(),
       name: e.name,
-      options: x(e.settingDefault)
+      options: i(e.settingDefault)
     });
-    return i(() => r.data, (e) => {
-      const o = r.settingPage?.default || {};
-      t.value.value = e || {
-        config: o,
-        data: []
-      }, e && e.config && (t.value.value.config = {
-        ...o,
-        ...e.config
-      });
+    return d(() => r.data, (e) => {
+      const n = r.settingPage?.default || {};
+      t.value.value = {
+        config: {
+          ...n,
+          ...i(e?.config || {})
+        },
+        data: i(e?.data || [])
+      };
     }, {
       deep: !0,
       immediate: !0
-    }), i(() => t.value.value, (e) => {
+    }), d(() => t.value.value, (e) => {
       e !== r.data && r.onUpdateData?.(e);
     }, {
       deep: !0
@@ -74,15 +74,15 @@ const R = /* @__PURE__ */ m({
         class: "h-full flex flex-row  text-default"
       }, [a("div", {
         class: "flex-none flex flex-col gap-2  border-r border-default bg-default p-2"
-      }, [a(c, {
-        title: n("components.designEditor.all") || "All",
+      }, [a(s, {
+        title: o("components.designEditor.all") || "All",
         icon: "i-tabler:hexagons",
         active: !l.value,
         onClick: () => {
           l.value = void 0;
         }
-      }, null), t.group.value?.map((e, o) => a(c, {
-        key: o,
+      }, null), t.group.value?.map((e, n) => a(s, {
+        key: n,
         active: l.value === e.name,
         title: e.label,
         icon: e.icon,
@@ -100,7 +100,7 @@ const R = /* @__PURE__ */ m({
           class: "flex flex-col gap-2"
         }, [a("div", {
           class: "bg-muted border border-muted rounded p-2 flex justify-center"
-        }, [e.label]), a(w, {
+        }, [e.label]), a(h, {
           modelValue: e.children || [],
           animation: 150,
           group: {
@@ -109,17 +109,17 @@ const R = /* @__PURE__ */ m({
             put: !1
           },
           sort: !1,
-          clone: p,
+          clone: m,
           class: "grid grid-cols-2 items-start gap-2 "
         }, {
-          default: () => [e.children?.map((o) => a("div", {
-            key: o.name,
+          default: () => [e.children?.map((n) => a("div", {
+            key: n.name,
             class: "border border-muted rounded-sm p-2 flex flex-col items-center gap-2 cursor-pointer hover:bg-muted  edit-drag"
           }, [a("div", {
-            class: d(["size-6", o.icon])
+            class: u(["size-6", n.icon])
           }, null), a("div", {
             class: "truncate whitespace-nowrap px-2 overflow-hidden"
-          }, [o.label])]))]
+          }, [n.label])]))]
         })]))])]
       })]), a("div", {
         class: "flex-1 shadow-sm flex flex-col items-center p-6 overflow-auto",
@@ -129,29 +129,29 @@ const R = /* @__PURE__ */ m({
         onClick: () => {
           t.selected.value = void 0;
         }
-      }, [r.previewWrapper ? r.previewWrapper(a(u, {
+      }, [r.previewWrapper ? r.previewWrapper(a(c, {
         modelValue: t.value.value?.data,
         onUpdate: (e) => t.value.value.data = e
-      }, null), t) : a(u, {
+      }, null), t) : a(c, {
         modelValue: t.value.value?.data,
         onUpdate: (e) => t.value.value.data = e
-      }, null)])]), a(D, {
+      }, null)])]), a(C, {
         actionRender: r.actionRender
       }, null)])]
     });
   }
 });
-function c({
+function s({
   title: r,
-  icon: n,
+  icon: o,
   active: t,
   onClick: l
 }) {
   return a("div", {
-    class: d(["flex flex-col items-center px-3 py-2 hover:bg-primary/10 cursor-pointer rounded-sm", t ? "bg-primary/10 text-primary" : ""]),
+    class: u(["flex flex-col items-center px-3 py-2 hover:bg-primary/10 cursor-pointer rounded-sm", t ? "bg-primary/10 text-primary" : ""]),
     onClick: l
   }, [a("div", {
-    class: d(["size-4", n])
+    class: u(["size-4", o])
   }, null), a("div", {
     class: "truncate whitespace-nowrap text-default text-sm"
   }, [r])]);

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

@@ -75,7 +75,7 @@ const N = /* @__PURE__ */ h({
       class: ["flex flex-col gap-1", t.value === "setting" ? "flex-none md:w-40%" : "flex-1", t.value === "page" ? "col-span-3" : ""]
     }, [l("div", {
       class: t.value === "setting" ? "flex-1 lg:flex lg:justify-end" : ""
-    }, [s?.default?.()]), e.description && t.value === "left" && l("div", {
+    }, [s?.default?.()]), e.description && (t.value === "left" || t.value === "top") && l("div", {
       class: "text-sm text-muted"
     }, [e.description]), n.value && l("div", {
       class: "text-error"