@duxweb/dvha-pro 1.0.26 → 1.0.27

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

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-from-opacity:100%;--un-text-opacity:100%;--un-bg-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-shadow-opacity:100%;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
 @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"

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

@@ -1,6 +1,6 @@
 import { defineComponent as f, toRef as b, createVNode as e } from "vue";
 import { useI18n as g, useTabStore as y, useInvalidate as S, useExtendForm as x } from "@duxweb/dvha-core";
-import { useMessage as h, NButton as p, NScrollbar as v } from "naive-ui";
+import { useMessage as v, NButton as l, NScrollbar as h } from "naive-ui";
 import { useRouter as E } from "vue-router";
 import "@overlastic/vue";
 import { DuxCard as F } from "../card/card.js";
@@ -24,7 +24,7 @@ import "lodash-es";
 import "vue-draggable-plus";
 import "short-unique-id";
 import "aieditor";
-import { DuxFormLayout as C } from "./formLayout.js";
+import { DuxFormLayout as P } from "./formLayout.js";
 import "vee-validate";
 import "@duxweb/dvha-naiveui";
 import "@iconify-json/tabler/icons.json";
@@ -44,9 +44,9 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
-import { DuxPage as D } from "../../pages/page.js";
+import { DuxPage as C } from "../../pages/page.js";
 import "../../pages/page404.js";
-const ht = /* @__PURE__ */ f({
+const vt = /* @__PURE__ */ f({
   name: "DuxPageForm",
   props: {
     id: {
@@ -61,6 +61,10 @@ const ht = /* @__PURE__ */ f({
     description: {
       type: String
     },
+    labelPlacement: {
+      type: String,
+      default: "left"
+    },
     path: {
       type: String
     },
@@ -82,59 +86,62 @@ const ht = /* @__PURE__ */ f({
     }
   },
   setup(t, {
-    slots: n
+    slots: m
   }) {
     const {
-      t: o
-    } = g(), s = b(t, "data", {}), a = h(), c = E(), m = y(), {
-      invalidate: l
-    } = S(), r = x({
+      t: i
+    } = g(), p = b(t, "data", {}), a = v(), s = E(), n = y(), {
+      invalidate: c
+    } = S(), o = x({
       id: t.id,
       path: t.path,
-      form: s,
+      form: p,
       action: t.action,
-      onError: (i) => {
-        a.error(i.message || o("components.form.error")), t.onError?.(i);
+      onError: (r) => {
+        a.error(r.message || i("components.form.error")), t.onError?.(r);
       },
-      onSuccess: (i) => {
-        a.success(o("components.form.success")), t.onSuccess?.(i), !r.isEdit.value && m.current && m.delTab(m.current, (d) => c.push(d.path || "")), t.invalidate && l(t.invalidate);
+      onSuccess: (r) => {
+        a.success(i("components.form.success")), t.onSuccess?.(r), !o.isEdit.value && n.current && n.delTab(n.current, (d) => s.push(d.path || "")), t.invalidate && c(t.invalidate);
       }
-    }), u = m.tabs.find((i) => i.path === m.current);
-    return () => e(D, {
+    }), u = n.tabs.find((r) => r.path === n.current);
+    return () => e(C, {
       card: !1,
       scrollbar: !1
     }, {
       default: () => [e(F, {
-        title: t?.title || u?.label || (r.isEdit.value ? o("components.form.edit") : o("components.form.create")),
+        title: t?.title || u?.label || (o.isEdit.value ? i("components.form.edit") : i("components.form.create")),
         description: t?.description,
         class: "h-full flex flex-col",
         contentClass: "flex-1 min-h-0",
         contentSize: "none",
         "header-bordered": !0
       }, {
-        default: () => e(v, null, {
-          default: () => [e(C, {
-            "label-placement": "page"
+        default: () => e(h, null, {
+          default: () => [e(P, {
+            labelPlacement: t.labelPlacement,
+            class: "p-4"
           }, {
-            default: () => [n?.default?.(r)]
+            default: () => [m?.default?.(o)]
           })]
         }),
         headerExtra: () => e("div", {
           class: "flex gap-6 items-center"
-        }, [n?.actions?.(r), e("div", {
+        }, [m?.actions?.(o), e("div", {
           class: "flex gap-2"
-        }, [e(p, {
-          onClick: () => r.onReset()
+        }, [e(l, {
+          onClick: () => o.onReset(),
+          loading: o.isLoading.value
         }, {
-          default: () => o("components.button.reset"),
+          default: () => i("components.button.reset"),
           icon: () => e("i", {
             class: "i-tabler:refresh"
           }, null)
-        }), e(p, {
+        }), e(l, {
           type: "primary",
-          onClick: () => r.onSubmit()
+          onClick: () => o.onSubmit(),
+          loading: o.isLoading.value
         }, {
-          default: () => o("components.button.submit"),
+          default: () => i("components.button.submit"),
           icon: () => e("i", {
             class: "i-tabler:device-floppy"
           }, null)
@@ -144,5 +151,5 @@ const ht = /* @__PURE__ */ f({
   }
 });
 export {
-  ht as DuxPageForm
+  vt as DuxPageForm
 };

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

@@ -34,32 +34,32 @@ import "vee-validate";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
-import { DuxDesignEditor as d } from "../designEditor/editor.js";
+import { DuxDesignEditor as c } from "../designEditor/editor.js";
 import "short-unique-id";
 import "aieditor";
 import { DuxFormLayout as g } from "../form/formLayout.js";
+import { DuxFormEditorSettingPage as v } from "./base/setting.js";
 import { duxFormEditorCascader as y } from "./components/cascader.js";
 import { duxFormEditorCascaderAsync as b } from "./components/cascaderAsync.js";
-import { duxFormEditorCheckbox as v } from "./components/checkbox.js";
-import { duxFormEditorColor as S } from "./components/color.js";
-import { duxFormEditorDate as D } from "./components/date.js";
-import { duxFormEditorDynamicInput as C } from "./components/dynamicInput.js";
-import { duxFormEditorDynamicTags as P } from "./components/dynamicTags.js";
-import { duxFormEditorAIEditor as k } from "./components/editor.js";
-import { duxFormEditorInput as A } from "./components/input.js";
-import { duxFormEditorInputNumber as h } from "./components/inputNumber.js";
-import { duxFormEditorMentionAsync as j } from "./components/mentionAsync.js";
-import { duxFormEditorRadio as I } from "./components/radio.js";
-import { duxFormEditorRegion as T } from "./components/region.js";
-import { duxFormEditorSider as w } from "./components/sider.js";
-import { duxFormEditorSwitch as N } from "./components/switch.js";
-import { duxFormEditorTime as O } from "./components/time.js";
-import { duxFormEditorTransferAsync as _ } from "./components/transferAsync.js";
-import { duxFormEditorTreeSelect as R } from "./components/treeSelect.js";
-import { duxFormEditorTreeSelectAsync as M } from "./components/treeSelectAsync.js";
-import { duxFormEditorSelect as V } from "./components/select.js";
-import { duxFormEditorSelectAsync as B } from "./components/selectAsync.js";
-import { DuxFormEditorSettingPage as L } from "./base/setting.js";
+import { duxFormEditorCheckbox as S } from "./components/checkbox.js";
+import { duxFormEditorColor as D } from "./components/color.js";
+import { duxFormEditorDate as C } from "./components/date.js";
+import { duxFormEditorDynamicInput as P } from "./components/dynamicInput.js";
+import { duxFormEditorDynamicTags as k } from "./components/dynamicTags.js";
+import { duxFormEditorAIEditor as A } from "./components/editor.js";
+import { duxFormEditorInput as h } from "./components/input.js";
+import { duxFormEditorInputNumber as j } from "./components/inputNumber.js";
+import { duxFormEditorMentionAsync as I } from "./components/mentionAsync.js";
+import { duxFormEditorRadio as T } from "./components/radio.js";
+import { duxFormEditorRegion as w } from "./components/region.js";
+import { duxFormEditorSider as N } from "./components/sider.js";
+import { duxFormEditorSwitch as O } from "./components/switch.js";
+import { duxFormEditorTime as _ } from "./components/time.js";
+import { duxFormEditorTransferAsync as R } from "./components/transferAsync.js";
+import { duxFormEditorTreeSelect as M } from "./components/treeSelect.js";
+import { duxFormEditorTreeSelectAsync as V } from "./components/treeSelectAsync.js";
+import { duxFormEditorSelect as B } from "./components/select.js";
+import { duxFormEditorSelectAsync as L } from "./components/selectAsync.js";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
@@ -76,9 +76,11 @@ const er = /* @__PURE__ */ f({
   props: {
     onSave: Function
   },
-  extends: d,
+  extends: c,
   setup(m) {
-    const c = W(), l = u(() => [{
+    const {
+      t: o
+    } = F(), l = W(), d = u(() => [{
       name: "form",
       label: o("components.formEditor.groups.form"),
       icon: "i-tabler:forms"
@@ -90,14 +92,12 @@ const er = /* @__PURE__ */ f({
       name: "async",
       label: o("components.formEditor.groups.async"),
       icon: "i-tabler:loader"
-    }]), {
-      t: o
-    } = F(), s = u(() => [A(o), h(o), k(o), w(o), D(o), O(o), S(o), v(o), I(o), N(o), C(o), P(o), V(o), y(o), R(o), T(o), B(o), b(o), M(o), _(o), j(o)]);
-    return () => t(d, E(m, {
-      groups: l.value,
+    }]), s = u(() => [h(o), j(o), A(o), N(o), C(o), _(o), D(o), S(o), T(o), O(o), P(o), k(o), B(o), y(o), M(o), w(o), L(o), b(o), V(o), R(o), I(o)]);
+    return () => t(c, E(m, {
+      groups: d.value,
       components: s.value,
       settingPage: {
-        component: (r) => t(L, r, null),
+        component: (r) => t(v, r, null),
         default: {
           labelPlacement: "left"
         }
@@ -120,7 +120,7 @@ const er = /* @__PURE__ */ f({
           secondary: !0,
           block: !0,
           onClick: () => {
-            c.show({
+            l.show({
               title: o("components.formEditor.main.actions.jsonOutput"),
               component: () => import("./json.js"),
               componentProps: {
@@ -135,7 +135,7 @@ const er = /* @__PURE__ */ f({
           secondary: !0,
           block: !0,
           onClick: () => {
-            c.show({
+            l.show({
               title: o("common.preview"),
               component: () => import("./preview.js"),
               componentProps: {
@@ -149,7 +149,9 @@ const er = /* @__PURE__ */ f({
         }), t(a, {
           type: "primary",
           block: !0,
-          onClick: () => m.onSave?.(r)
+          onClick: () => {
+            m.onSave?.(r?.value?.value || {});
+          }
         }, p(n = o("components.formEditor.main.actions.save")) ? n : {
           default: () => [n]
         })]);

package/dist/esm/hooks/action.js

@@ -1,4 +1,4 @@
-import { useI18n as h, useManage as A, useCustomMutation as M, useDelete as S } from "@duxweb/dvha-core";
+import { useI18n as g, useManage as A, useCustomMutation as M, useDelete as S } from "@duxweb/dvha-core";
 import { useMessage as D, NButton as b, NDropdown as C } from "naive-ui";
 import { h as l } from "vue";
 import { useRouter as I } from "vue-router";
@@ -8,7 +8,7 @@ import { useModal as B } from "./modal.js";
 function K(o) {
   const u = B(), i = $(), m = N(), {
     t: n
-  } = h(), c = D(), g = A(), w = I(), P = M({
+  } = g(), c = D(), f = A(), w = I(), P = M({
     onSuccess: (t) => {
       c.success(t.message || n("common.success"));
     },
@@ -22,7 +22,7 @@ function K(o) {
     onError: (t) => {
       c.error(t.message || n("common.error"));
     }
-  }), r = o?.path || g.getPath(), f = (t) => {
+  }), r = o?.path || f.getPath(), h = (t) => {
     const a = n(t.item.title || "", {}, t.item.title), s = n(t.item.label || "", {}, t.item.label);
     if (t.item.type === "modal") {
       const e = t.item, d = typeof e.componentProps == "function" ? e.componentProps(t.data) : e.componentProps;
@@ -86,19 +86,19 @@ function K(o) {
       });
     }
     if (t.item.type === "link") {
-      const e = t.item, d = typeof e.path == "function" ? e.path?.(t.id, t.data) : g.getRoutePath(t.id ? `${e.path || r}${t.data === void 0 ? "" : `/${t.id}`}` : e.path || r);
+      const e = t.item, d = typeof e.path == "function" ? f.getRoutePath(e.path?.(t.id, t.data)) : f.getRoutePath(t.id ? `${e.path || r}${t.data === void 0 ? "" : `/${t.id}`}` : e.path || r);
       w.push(d);
     }
     t.item.type === "callback" && t.item.callback?.(t.id, t.data);
   }, y = E(), x = T();
   return {
-    target: f,
+    target: h,
     renderTable: (t) => (a, s) => {
       const e = {
         id: a[t.key || o?.key || "id"],
         data: a,
         index: s,
-        target: f,
+        target: h,
         text: t.text !== void 0 ? t.text : o?.text || !1,
         align: t.align !== void 0 ? t.align : o?.align || "left"
       };
@@ -112,7 +112,7 @@ function K(o) {
     },
     renderAction: (t) => {
       const a = {
-        target: f,
+        target: h,
         text: t.text !== void 0 ? t.text : o?.text || !1,
         align: t.align !== void 0 ? t.align : o?.align || "left"
       };
@@ -129,7 +129,7 @@ function K(o) {
 function E() {
   const {
     t: o
-  } = h();
+  } = g();
   return {
     render: (i) => {
       const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, c) => l(b, {
@@ -157,7 +157,7 @@ function E() {
 function T() {
   const {
     t: o
-  } = h();
+  } = g();
   return {
     render: (i) => {
       const m = i.action.items?.filter((n) => !n.show || n.show?.(i.data, i.index)).map((n, c) => ({

package/dist/esm/theme/uno.css.js

@@ -1,5 +1,5 @@
 const r = `/* layer: properties */
-@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-from-opacity:100%;--un-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-from-opacity:100%;--un-text-opacity:100%;--un-bg-opacity:100%;--un-divide-y-reverse:initial;--un-border-style:solid;--un-shadow-opacity:100%;--un-divide-x-reverse:initial;--un-divide-opacity:100%;--un-border-opacity:100%;--un-ease:initial;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-to-opacity:100%;--un-outline-style:solid;--un-fill-opacity:100%;}}
 @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/types/components/data/dynamicData.d.ts

@@ -6,7 +6,7 @@ export interface DuxDynamicDataColumn {
     copy?: boolean;
     width?: number;
     render?: (cell: Record<string, any>, rowIndex: number) => VNode;
-    schema?: JsonSchemaNode | JsonSchemaNode[];
+    schema?: JsonSchemaNode | JsonSchemaNode[] | ((cell: Record<string, any>, rowIndex: number) => JsonSchemaNode | JsonSchemaNode[]);
 }
 export declare const DuxDynamicData: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     createAction: {

package/dist/types/components/form/pageForm.d.ts

@@ -13,6 +13,10 @@ export declare const DuxPageForm: import("vue").DefineComponent<import("vue").Ex
     description: {
         type: PropType<string>;
     };
+    labelPlacement: {
+        type: PropType<"left" | "top" | "setting" | "page">;
+        default: string;
+    };
     path: {
         type: PropType<string>;
     };
@@ -45,6 +49,10 @@ export declare const DuxPageForm: import("vue").DefineComponent<import("vue").Ex
     description: {
         type: PropType<string>;
     };
+    labelPlacement: {
+        type: PropType<"left" | "top" | "setting" | "page">;
+        default: string;
+    };
     path: {
         type: PropType<string>;
     };
@@ -66,4 +74,5 @@ export declare const DuxPageForm: import("vue").DefineComponent<import("vue").Ex
     };
 }>> & Readonly<{}>, {
     size: "small" | "medium" | "large";
+    labelPlacement: "left" | "top" | "page" | "setting";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

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