@robot-admin/naive-ui-components 0.13.2 → 0.13.5

package/dist/C_Form2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./config.cjs`),t=require(`./C_Icon2.cjs`),n=require(`./export-helper.cjs`),r=require(`./data.cjs`);let i=require(`vue`),a=require(`naive-ui`),o=require(`vue-draggable-plus`);const s=Symbol(`c-form-global-config`);function c(){return(0,i.getCurrentInstance)()?(0,i.inject)(s,{}):{}}function l(e,t){let n=e??{},r=(e,t)=>e||t?{...e,...t}:void 0;return{...t,...n,grid:r(t.grid,n.grid),inline:r(t.inline,n.inline),card:r(t.card,n.card),tabs:r(t.tabs,n.tabs),steps:r(t.steps,n.steps),dynamic:r(t.dynamic,n.dynamic),custom:r(t.custom,n.custom)}}const u={layout:`default`,labelPlacement:`left`,labelWidth:`auto`,size:`medium`,disabled:!1,readonly:!1,showActions:!0,validateOnChange:!1,preserveRemovedFields:!1,submitText:``,resetText:``,mode:`create`},d=[`steps`,`custom`];function f(e){return{...u,...e}}function p(e){return!(e.showActions===!1||d.includes(e.layout))}function m(e,t){let n=(0,i.ref)({}),a=(0,i.computed)(()=>o().length>0);function o(){let a=n.value,o=t?(0,i.toValue)(t):void 0,s=new Set(o??[...Object.keys(a),...Object.keys(e)]),c=[];for(let t of s)r.a(r.r(a,t),r.r(e,t))||c.push(t);return c}function s(t){return!r.a(r.r(n.value,t),r.r(e,t))}function c(){n.value=r.t(e)}function l(){return r.t(n.value)}return{isDirty:a,getChangedFields:o,isFieldDirty:s,markAsClean:c,getCleanModel:l}}const h={input:``,textarea:``,editor:``,select:null,datePicker:null,daterange:null,timePicker:null,cascader:null,colorPicker:null,checkbox:[],upload:[],radio:``,inputNumber:null,slider:null,rate:null,switch:!1};function g(e){return r.t((e.value===void 0?h[e.type]:e.value)??null)}function _(e){let t=new Set;e.forEach((e,n)=>{if(!e.prop?.trim())throw TypeError(`[C_Form] options[${n}].prop 不能为空`);if(t.has(e.prop))throw TypeError(`[C_Form] 字段 prop 重复: ${e.prop}`);t.add(e.prop)})}function v(t,n,a,o,s){let c=(0,i.reactive)({}),l=(0,i.reactive)({}),u=new Map,d=(0,i.ref)({}),f=(0,i.ref)({}),p=(0,i.ref)({}),h=(0,i.ref)(!1),v=new Map,y=new Map,b=new Map,x=new Set,S=!1,C=!1,w=0,T=e.r(()=>n.value.feedback),{t:E}=e.i(()=>n.value.locale),{isDirty:D,getChangedFields:O,isFieldDirty:k,markAsClean:A,getCleanModel:j}=m(c,()=>t.value.map(e=>e.prop));function M(e,t,r){n.value.onError?n.value.onError(e,{source:t,field:r}):T.error(e instanceof Error?e.message:String(e),e)}let ee=(0,i.computed)(()=>t.value.filter(e=>{if(e.show===!1)return!1;if(!e.showWhen)return!0;try{return e.showWhen(c)}catch(t){return M(t,`callback`,e.prop),!1}}));function N(){C=!0;let e=++w;(0,i.nextTick)(()=>{e===w&&(C=!1)})}function P(){return r.t(c)}function F(e){let n=e?r.t(e):{};return t.value.forEach(e=>{r.i(n,e.prop)||r.s(n,e.prop,g(e))}),n}function te(e){try{let t=e.rulesWhen?[...e.rulesWhen(c)]:[...e.rules??[]];if(e.required&&!t.some(e=>e.required)&&t.unshift({required:!0,message:E(`form.required`,{label:e.label||e.prop}),trigger:[`input`,`change`,`blur`]}),e.crossFieldValidator){let n=e.crossFieldValidator;t.push({async validator(){let e=await n(c);if(e)throw Error(e)},trigger:[`change`,`blur`]})}if(t.length===0){delete l[e.prop];return}l[e.prop]=t.map(t=>({...t,key:e.prop}))}catch(t){delete l[e.prop],M(t,`callback`,e.prop)}}function I(){t.value.forEach(e=>{(e.rulesWhen||e.crossFieldValidator)&&te(e)})}function ne(e){x.forEach(t=>{e.has(t)||(u.delete(t),delete l[t],delete d.value[t],delete f.value[t],delete p.value[t],y.get(t)?.abort(),y.delete(t),v.delete(t),b.delete(t),n.value.preserveRemovedFields||r.n(c,t))})}function L(e=!1){try{_(t.value);let n=new Set(t.value.map(e=>e.prop));ne(n),t.value.forEach(e=>{r.i(c,e.prop)||r.s(c,e.prop,g(e)),te(e),e.asyncOptions&&b.get(e.prop)!==e.asyncOptions&&(b.set(e.prop,e.asyncOptions),(0,i.nextTick)(()=>B(e,`initialize`)))}),x=n,e&&(0,i.nextTick)(A)}catch(e){throw M(e,`initialize`),e}}function R(e){N(),r.o(c,F(e)),I()}function z(e,t,n){return n.signal.aborted||v.get(e)!==t}async function B(e,t){if(!e.asyncOptions)return;let{prop:n}=e,i=(v.get(n)??0)+1;v.set(n,i),y.get(n)?.abort();let a=new AbortController;y.set(n,a),f.value[n]=!0,delete p.value[n];try{let o=await e.asyncOptions(P(),{field:n,reason:t,signal:a.signal});if(z(n,i,a))return;if(!Array.isArray(o))throw TypeError(`[C_Form] ${n}.asyncOptions 必须返回数组`);d.value[n]=r.t([...o])}catch(e){if(z(n,i,a))return;p.value[n]=e,M(e,`async-options`,n)}finally{v.get(n)===i&&(f.value[n]=!1,y.delete(n))}}async function re(e){let n=t.value.filter(t=>t.asyncOptions&&(!e||t.prop===e));if(e&&n.length===0)throw Error(`[C_Form] 未找到异步选项字段: ${e}`);await Promise.all(n.map(e=>B(e,`manual`)))}function V(){let e=t.value.filter(e=>e.valueWhen);if(e.length!==0){for(let t=0;t<=e.length;t+=1){let t=!1;for(let n of e)try{let e=n.valueWhen?.(c);e!==void 0&&!r.a(r.r(c,n.prop),e)&&(r.s(c,n.prop,r.t(e)),t=!0)}catch(e){M(e,`callback`,n.prop)}if(!t)return}M(Error(`[C_Form] valueWhen 存在循环依赖，已停止继续计算`),`callback`)}}function ie(e){let n=new Set(e);return t.value.filter(e=>!e.asyncOptions||!e.dependsOn?!1:(Array.isArray(e.dependsOn)?e.dependsOn:[e.dependsOn]).some(e=>n.has(e)))}function H(e){V(),I(),ie(e).forEach(e=>{B(e,`dependency`)}),n.value.validateOnChange&&(0,i.nextTick)(()=>{K([...e]).catch(()=>void 0)})}function U(e){H([e])}function W(e,t){t?u.set(e,t):u.delete(e)}async function G(){if(!a.value)throw Error(`[C_Form] 表单引用不存在`);try{await a.value.validate(),o(`validate-success`,P())}catch(e){throw o(`validate-error`,e),e}}async function K(e){if(!a.value)throw Error(`[C_Form] 表单引用不存在`);let t=[...new Set(Array.isArray(e)?e:[e])],n=[],r=t.flatMap(e=>{let t=u.get(e);return t?[t.validate()]:(n.push(e),[])});n.length>0&&r.push(a.value.validate(void 0,e=>n.includes(String(e.key??``))));let i=(await Promise.allSettled(r)).filter(e=>e.status===`rejected`).map(e=>e.reason);if(i.length>0)throw i}function q(e){if(!e){a.value?.restoreValidation();return}(Array.isArray(e)?e:[e]).forEach(e=>u.get(e)?.restoreValidation())}async function J(e){let n=t.value.filter(e).map(e=>e.prop);if(n.length===0)return!0;try{return await K(n),!0}catch{return!1}}function Y(e){let t=n.value.steps?.steps?.[e]?.key;return t?J(e=>e.layout?.step===t):Promise.resolve(!0)}function ae(e){return J(t=>t.layout?.tab===e)}function oe(){return J(e=>!!e.layout?.dynamic)}function se(e){return J(t=>t.layout?.group===e)}function X(e){Object.entries(r.t(e)).forEach(([e,t])=>{r.s(c,e,t)}),H(Object.keys(e))}function Z(){r.o(c,j()),q(),I()}async function Q(e,t,n=!1){r.s(c,e,r.t(t)),U(e),n&&await K(e)}function ce(e){return r.t(r.r(c,e))}async function $(e,t=!1){X(e),t&&await K(Object.keys(e))}async function le(){if(h.value)return!1;h.value=!0;try{await G();let e={model:P(),form:a.value};try{await n.value.onSubmit?.(e)}catch(e){return M(e,`submit`),!1}return o(`submit`,e),!0}catch{return!1}finally{h.value=!1}}function ue(){L(!0);let e=s?.value??(n.value.mode===`edit`?n.value.initialValues:void 0);e&&R(e),V(),(0,i.nextTick)(A)}return(0,i.watch)(t,()=>{let e=!S;e&&N(),L(e),S=!0},{deep:!0,immediate:!0}),s&&(0,i.watch)(s,e=>{e!==void 0&&!r.a(c,e)&&R(e)},{deep:!0,immediate:!0}),(0,i.watch)(()=>[n.value.mode,n.value.initialValues],([e,t])=>{s?.value!==void 0||e!==`edit`||!t||(R(t),(0,i.nextTick)(A))},{deep:!0}),(0,i.watch)(c,e=>{C||o(`update:modelValue`,r.t(e))},{deep:!0,flush:`post`}),(0,i.onScopeDispose)(()=>{y.forEach(e=>e.abort()),y.clear(),u.clear()}),{formModel:c,formRules:l,visibleOptions:ee,initialize:ue,handleFieldChange:U,setFormItemRef:W,validate:G,validateField:K,validateStep:Y,validateTab:ae,validateDynamicFields:oe,validateCustomGroup:se,clearValidation:q,getModel:P,setFields:X,resetFields:Z,setFieldValue:Q,getFieldValue:ce,setFieldsValue:$,submit:le,handleSubmit:le,handleReset:Z,isSubmitting:h,isDirty:D,getChangedFields:O,isFieldDirty:k,markAsClean:A,asyncOptionsCache:d,asyncLoadingMap:f,asyncErrorMap:p,reloadOptions:re}}function y(e,t,n){return e===void 0?t:typeof e==`function`?e(n):e}function b(e){return{input:t=>(0,i.h)(e.NInput,{...t}),textarea:t=>(0,i.h)(e.NInput,{...t,type:`textarea`}),inputNumber:t=>(0,i.h)(e.NInputNumber,{...t}),switch:t=>(0,i.h)(e.NSwitch,{...t}),slider:t=>(0,i.h)(e.NSlider,{...t}),rate:t=>(0,i.h)(e.NRate,{...t}),datePicker:t=>(0,i.h)(e.NDatePicker,{...t}),daterange:t=>(0,i.h)(e.NDatePicker,{...t,type:`daterange`}),timePicker:t=>(0,i.h)(e.NTimePicker,{...t}),cascader:t=>(0,i.h)(e.NCascader,{...t}),colorPicker:t=>(0,i.h)(e.NColorPicker,{...t}),select:(t,n)=>(0,i.h)(e.NSelect,{...t,options:n.children?.map(e=>({...e}))||[]}),checkbox:(t,n)=>(0,i.h)(e.NCheckboxGroup,{...t},{default:()=>(0,i.h)(e.NSpace,{},{default:()=>n.children?.map(t=>(0,i.h)(e.NCheckbox,{value:t.value,label:t.label,disabled:t.disabled,key:String(t.value)}))||[]})}),radio:(t,n)=>(0,i.h)(e.NRadioGroup,{...t},{default:()=>(0,i.h)(e.NSpace,{},{default:()=>n.children?.map(t=>(0,i.h)(e.NRadio,{value:t.value,disabled:t.disabled,key:String(t.value)},{default:()=>t.label}))||[]})}),upload:(t,n,r,a)=>{let o={...t},{value:s}=o,c=o[`onUpdate:value`];return delete o.value,delete o[`onUpdate:value`],(0,i.h)(e.NUpload,{...o,fileList:Array.isArray(s)?s:[],"onUpdate:fileList":e=>c?.(e)},{trigger:()=>a.slots?.uploadClick?.()||(0,i.h)(e.NButton,{type:`primary`},{default:()=>`选择文件`}),tip:()=>a.slots?.uploadTip?.()||null})},editor:(t,n)=>{let r={...t},{value:a}=r,o=r[`onUpdate:value`];return delete r.value,delete r[`onUpdate:value`],(0,i.h)(e.C_Editor,{...r,editorId:`editor-${n.prop}`,modelValue:typeof a==`string`?a:``,"onUpdate:modelValue":e=>o?.(e)})}}}const x={};function S(e,t){if(!e.trim())throw TypeError(`[C_Form] renderer type 不能为空`);if(typeof t!=`function`)throw TypeError(`[C_Form] renderer ${e} 必须是函数`);return x[e]=t,()=>C(e,t)}function C(e,t){return!x[e]||t&&x[e]!==t?!1:delete x[e]}const w=new Set([`select`,`checkbox`,`radio`,`cascader`]);function T(e){let{formModel:t,visibleOptions:n,config:a,handleFieldChange:o,componentMap:s,instanceSlots:c,asyncOptionsCache:l,asyncLoadingMap:u,renderers:d,setFormItemRef:f,onError:p}=e,m=s,h=b(m),g=e=>d?.value?.[e]??x[e]??h[e],_=e=>{let n={value:r.r(t,e.prop),"onUpdate:value":n=>{r.s(t,e.prop,n),o(e.prop)},disabled:y(e.disabled,a.value.disabled,t),readonly:y(e.readonly,a.value.readonly,t)};return e.type===`textarea`&&(n.type=`textarea`),e.placeholder&&(n.placeholder=e.placeholder),n};function v(e){let t=e.children??[];return Object.prototype.hasOwnProperty.call(l.value,e.prop)?l.value[e.prop]??[]:t}function S(e){return w.has(e.type)?{...e,children:v(e)}:e}function C(e,t){return e.type===`select`&&u.value[e.prop]&&(t.loading=!0),t}let T=e=>{try{let t=S(e),n=g(t.type);return n?n(C(t,(0,i.mergeProps)(t.attrs??{},_(t))),t,a.value,{slots:c,components:m}):(p?.(TypeError(`[C_Form] 未支持的组件类型: ${t.type}`),t.prop),null)}catch(t){return p?.(t,e.prop),null}};function E(e){if(e.label)return e.help?(0,i.h)(`span`,{style:`display:inline-flex;align-items:center;gap:4px`},[e.label,(0,i.h)(m.NTooltip,{trigger:`hover`},{trigger:()=>(0,i.h)(`span`,{style:`cursor:help;opacity:0.5;font-size:14px`,textContent:`ⓘ`}),default:()=>e.help})]):e.label}return{renderFormItem:T,formItems:(0,i.computed)(()=>n.value.map(e=>{let t=!!(e.required||e.rules?.some(e=>e.required)),n=E(e);return(0,i.h)(m.NFormItem,{label:typeof n==`string`?n:void 0,path:e.prop,key:e.prop,required:t,ref:t=>f?.(e.prop,t)},{...typeof n!=`string`&&n?{label:()=>n}:{},default:()=>T(e)})})),getBaseProps:_}}const E={class:`c-form-default`},D=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{},options:{}},setup(e){return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,E,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key??t}))),128))]))}});var O=n.t(D,[[`__scopeId`,`data-v-4313de0c`]]);const k=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(e){let t=e,n=(0,i.computed)(()=>280),r=(0,i.computed)(()=>t.layoutConfig?.inline?.gap??16),a=(0,i.computed)(()=>16),o=(0,i.computed)(()=>{let e=t.layoutConfig?.inline?.align;return e===`start`||e===`end`?e:`center`}),s=(0,i.computed)(()=>{switch(o.value){case`start`:return`flex-start`;case`end`:return`flex-end`;default:return`center`}}),c=(0,i.computed)(()=>{switch(o.value){case`start`:return`flex-start`;case`end`:return`flex-end`;case`center`:return`center`;default:return`flex-start`}}),l=(0,i.computed)(()=>({display:`flex`,flexWrap:`wrap`,alignItems:s.value,justifyContent:c.value,gap:`${a.value}px ${r.value}px`,width:`100%`})),u=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`form-item-${t}`},d=e=>{let r=t.options?.[e]?.layout,i={width:`${n.value}px`,flexShrink:0,display:`flex`,flexDirection:`column`};return r?.width!==void 0&&(i.width=typeof r.width==`number`?`${r.width}px`:r.width),r?.style&&Object.assign(i,r.style),i};return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`c-form-inline`,style:(0,i.normalizeStyle)(l.value)},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:u(e,t),class:`c-form-inline-item`,style:(0,i.normalizeStyle)(d(t))},[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e)))],4))),128))],4))}});var A=n.t(k,[[`__scopeId`,`data-v-7c4a2aa3`]]);const j={class:`c-grid-layout`},M={class:`config-header`},ee={class:`config-controls`},N={class:`config-label`},P={class:`item-wrapper`},F=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(e,{expose:n}){let r=e,o=(0,i.reactive)({cols:24,gutter:16,responsive:!0}),s=(0,i.computed)(()=>r.layoutConfig?.grid||{}),c=(0,i.computed)(()=>s.value.showConfigPanel),l=(0,i.computed)(()=>s.value.showStats),u=(0,i.computed)(()=>({cols:c.value?o.cols:s.value.cols??24,gutter:c.value?o.gutter:s.value.gutter??16,responsive:c.value?o.responsive:s.value.responsive??!0})),d=(0,i.computed)(()=>({cols:u.value.cols,xGap:u.value.gutter,yGap:u.value.gutter,responsive:u.value.responsive?`screen`:`self`})),f=(0,i.computed)(()=>[{key:`cols`,label:`列数`,component:`NInputNumber`,value:(0,i.computed)({get:()=>o.cols,set:e=>o.cols=e}),props:{min:1,max:48,size:`small`}},{key:`gutter`,label:`间距`,component:`NInputNumber`,value:(0,i.computed)({get:()=>o.gutter,set:e=>o.gutter=e}),props:{min:0,max:48,size:`small`}},{key:`responsive`,label:`响应式`,component:`NSwitch`,value:(0,i.computed)({get:()=>o.responsive,set:e=>o.responsive=e}),props:{size:`small`}}]),p=(0,i.computed)(()=>`列数: ${u.value.cols} | 间距: ${u.value.gutter}px | 项目: ${r.formItems.length}个`),m=(e,t)=>String(e.key)||e.props?.path||`grid-item-${t}`,h=(e,t)=>{let n=r.options?.[e]?.layout;return n?.[t]??n?.grid?.[t]},g=()=>{let{cols:e}=u.value;return e<=12?e:e<=24?12:8},_=e=>{let t=h(e,`span`),n=h(e,`offset`),r=h(e,`suffix`);return{span:typeof t==`number`&&t>0&&t<=u.value.cols?t:g(),offset:typeof n==`number`&&n>=0&&n<u.value.cols?n:0,suffix:!!r}};return(0,i.watch)(s,e=>{e.cols!==void 0&&(o.cols=e.cols),e.gutter!==void 0&&(o.gutter=e.gutter),e.responsive!==void 0&&(o.responsive=e.responsive)},{immediate:!0}),n({updateGridConfig:e=>Object.assign(o,e),getCurrentConfig:()=>({...u.value}),getGridInfo:()=>({...u.value,itemCount:r.formItems.length})}),(n,r)=>{let o=a.NCard,s=a.NGridItem,u=a.NGrid,h=a.NAlert;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,j,[(0,i.createCommentVNode)(` 配置面板 `),c.value?((0,i.openBlock)(),(0,i.createBlock)(o,{key:0,size:`small`,bordered:!1,class:`config-panel`},{header:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,M,[(0,i.createVNode)(t.t,{name:`mdi:view-grid`,size:18}),r[0]||=(0,i.createElementVNode)(`span`,null,`网格配置`,-1)])]),default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,ee,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(f.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.key,class:`config-item`},[(0,i.createElementVNode)(`span`,N,(0,i.toDisplayString)(e.label)+`:`,1),((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e.component),(0,i.mergeProps)({value:e.value,"onUpdate:value":t=>e.value=t},{ref_for:!0},e.props),null,16,[`value`,`onUpdate:value`]))]))),128))])]),_:1})):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 网格容器 `),(0,i.createVNode)(u,(0,i.mergeProps)(d.value,{class:`grid-container`}),{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)(s,(0,i.mergeProps)({key:m(e,t)},{ref_for:!0},_(t),{class:`grid-item`}),{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,P,[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e)))])]),_:2},1040))),128))]),_:1},16),(0,i.createCommentVNode)(` 统计信息 `),l.value?((0,i.openBlock)(),(0,i.createBlock)(h,{key:1,type:`info`,"show-icon":!1,size:`small`,class:`grid-stats`},{header:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:information-outline`,size:16}),r[1]||=(0,i.createTextVNode)(` 网格信息 `,-1)]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` `+(0,i.toDisplayString)(p.value),1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)])}}});var te=n.t(F,[[`__scopeId`,`data-v-90ef9fa4`]]);const I={class:`c-form-card`},ne={class:`flex items-center gap-2`},L={class:`config-controls`},R={class:`config-item`},z={class:`flex items-center gap-2`},B={class:`text-xs min-w-12`},re={class:`config-item`},V={class:`config-item`},ie={class:`config-item`},H={class:`flex items-center gap-3`},U={class:`card-header`},W={class:`header-info`},G={class:`header-text`},K={key:0},q={class:`header-actions`},J={class:`field-stats`},Y={class:`card-content`},ae={key:0,class:`progress-section`},oe={class:`action-content`},se={class:`status-summary`},X={class:`status-item`},Z={class:`progress-display`},Q={class:`text-sm min-w-12`},ce={class:`action-buttons`},$=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},formData:{default:()=>({})}},setup(e){let n=e,r=(0,i.ref)(20),o=(0,i.ref)(!0),s=(0,i.ref)(!0),c=(0,i.ref)(!0),l=(0,i.ref)(`vertical`),u=(0,i.ref)({}),d=(0,i.computed)(()=>n.layoutConfig?.card?.groups||[]),f=(0,i.computed)(()=>d.value.length>0),p=(0,i.computed)(()=>n.layoutConfig?.card?.showLayoutConfig??!0),m=(0,i.computed)(()=>n.layoutConfig?.card?.showActionPanel??!0),h=(0,i.computed)(()=>f.value?`layout-${l.value}`:`layout-single`),g=(0,i.computed)(()=>{if(!f.value)return[];let e=new Map;return d.value.forEach(t=>{e.set(t.key,[])}),n.formItems.forEach((t,r)=>{let i=(n.options?.[r])?.layout?.group||d.value[0]?.key||`default`;e.has(i)||e.set(i,[]),e.get(i).push(t)}),d.value.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),_=(0,i.computed)(()=>{let e=Object.keys(u.value);return e.length>0&&e.every(e=>u.value[e])}),v=(0,i.computed)(()=>{if(!n.options||n.options.length===0)return 0;let e=n.options.filter(e=>{let t=n.formData?.[e.prop||``];return y(t)}).length;return Math.round(e/n.options.length*100)}),y=e=>e==null?!1:Array.isArray(e)?e.length>0:typeof e==`string`?e.trim()!==``:!0,b=e=>n.options?n.options.filter(t=>t.layout?.group===e.config.key).filter(e=>{let t=n.formData?.[e.prop||``];return y(t)}).length:0,x=e=>{if(e.items.length===0)return 0;let t=b(e);return Math.round(t/e.items.length*100)},S=e=>{let t={basic:`mdi:account`,contact:`mdi:phone`,preferences:`mdi:cog`,settings:`mdi:cog`,info:`mdi:information`,default:`mdi:form-select`};return t[e]||t.default},C=e=>{u.value[e]=!u.value[e]},w=()=>{let e=!_.value;d.value.forEach(t=>{u.value[t.key]=e})};return(0,i.onMounted)(()=>{let e=n.layoutConfig?.card;e?.direction&&(l.value=e.direction),e?.showProgress!==void 0&&(c.value=e.showProgress),d.value.forEach(e=>{u.value[e.key]=!1})}),(n,d)=>{let y=a.NSlider,T=a.NSwitch,E=a.NRadio,D=a.NRadioGroup,O=a.NCard,k=a.NBadge,A=a.NButton,j=a.NProgress;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,I,[(0,i.createCommentVNode)(` 布局配置面板 `),f.value&&p.value?((0,i.openBlock)(),(0,i.createBlock)(O,{key:0,class:`layout-config-panel`,bordered:!1},{header:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,ne,[(0,i.createVNode)(t.t,{name:`mdi:cog`,size:18}),d[4]||=(0,i.createElementVNode)(`span`,null,`布局配置`,-1)])]),default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,L,[(0,i.createElementVNode)(`div`,R,[d[5]||=(0,i.createElementVNode)(`span`,null,`卡片间距`,-1),(0,i.createElementVNode)(`div`,z,[(0,i.createVNode)(y,{value:r.value,"onUpdate:value":d[0]||=e=>r.value=e,min:12,max:32,step:4,class:`w-24`},null,8,[`value`]),(0,i.createElementVNode)(`span`,B,(0,i.toDisplayString)(r.value)+`px`,1)])]),(0,i.createElementVNode)(`div`,re,[d[6]||=(0,i.createElementVNode)(`span`,null,`显示图标`,-1),(0,i.createVNode)(T,{value:o.value,"onUpdate:value":d[1]||=e=>o.value=e,size:`small`},null,8,[`value`])]),(0,i.createElementVNode)(`div`,V,[d[7]||=(0,i.createElementVNode)(`span`,null,`可折叠`,-1),(0,i.createVNode)(T,{value:s.value,"onUpdate:value":d[2]||=e=>s.value=e,size:`small`},null,8,[`value`])]),(0,i.createElementVNode)(`div`,ie,[d[10]||=(0,i.createElementVNode)(`span`,null,`布局方向`,-1),(0,i.createVNode)(D,{value:l.value,"onUpdate:value":d[3]||=e=>l.value=e,size:`small`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(E,{value:`vertical`},{default:(0,i.withCtx)(()=>[...d[8]||=[(0,i.createTextVNode)(`垂直`,-1)]]),_:1}),(0,i.createVNode)(E,{value:`horizontal`},{default:(0,i.withCtx)(()=>[...d[9]||=[(0,i.createTextVNode)(`水平`,-1)]]),_:1})]),_:1},8,[`value`])])])]),_:1})):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 表单内容区域 `),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`form-content`,h.value]),style:(0,i.normalizeStyle)({gap:`${r.value}px`})},[(0,i.createCommentVNode)(` 无分组时的单卡片模式 `),f.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 有分组时的多卡片模式 `),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(g.value,e=>((0,i.openBlock)(),(0,i.createBlock)(O,{key:e.config.key,class:(0,i.normalizeClass)([`group-card`,[`${e.config.key}-card`,{collapsed:s.value&&u.value[e.config.key]}]]),hoverable:``},{header:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,U,[(0,i.createElementVNode)(`div`,W,[o.value&&e.config.icon?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:e.config.icon,size:20,class:`card-icon`},null,8,[`name`])):o.value?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,name:S(e.config.key),size:20,class:`card-icon`},null,8,[`name`])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createElementVNode)(`div`,G,[(0,i.createElementVNode)(`h3`,null,(0,i.toDisplayString)(e.config.title),1),e.config.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,K,(0,i.toDisplayString)(e.config.description),1)):(0,i.createCommentVNode)(`v-if`,!0)])]),(0,i.createElementVNode)(`div`,q,[(0,i.createCommentVNode)(` 统计信息 `),(0,i.createElementVNode)(`div`,J,[(0,i.createVNode)(k,{value:e.items.length,type:`info`,"show-zero":``},null,8,[`value`]),(0,i.createVNode)(k,{value:`${b(e)}/${e.items.length}`,type:b(e)===e.items.length?`success`:`warning`},null,8,[`value`,`type`])]),(0,i.createCommentVNode)(` 折叠按钮 `),s.value?((0,i.openBlock)(),(0,i.createBlock)(A,{key:0,quaternary:``,circle:``,size:`small`,onClick:t=>C(e.config.key)},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:u.value[e.config.key]?`mdi:chevron-down`:`mdi:chevron-up`,size:18},null,8,[`name`])]),_:2},1032,[`onClick`])):(0,i.createCommentVNode)(`v-if`,!0)])])]),default:(0,i.withCtx)(()=>[(0,i.withDirectives)((0,i.createElementVNode)(`div`,Y,[(0,i.createCommentVNode)(` 进度指示器 `),c.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ae,[(0,i.createVNode)(j,{percentage:x(e),color:x(e)===100?`#52c41a`:`#1890ff`,"show-indicator":!1,class:`mb-4`},null,8,[`percentage`,`color`])])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 表单项 `),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key??t}))),128))],512),[[i.vShow,!u.value[e.config.key]]])]),_:2},1032,[`class`]))),128))],64)):((0,i.openBlock)(),(0,i.createBlock)(O,{key:0,class:`single-card`,hoverable:``},{header:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,H,[o.value?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:`mdi:form-select`,size:18,style:{color:`#3b82f6`}})):(0,i.createCommentVNode)(`v-if`,!0),d[11]||=(0,i.createElementVNode)(`span`,null,`表单信息`,-1)])]),default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key??t}))),128))]),_:1}))],6),(0,i.createCommentVNode)(` 统一操作面板 `),f.value&&m.value?((0,i.openBlock)(),(0,i.createBlock)(O,{key:1,class:`action-panel`,bordered:!1},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,oe,[(0,i.createElementVNode)(`div`,se,[(0,i.createElementVNode)(`div`,X,[d[12]||=(0,i.createElementVNode)(`span`,{class:`label`},`完成进度:`,-1),(0,i.createElementVNode)(`div`,Z,[(0,i.createVNode)(j,{percentage:v.value,"show-indicator":!1,color:v.value===100?`#52c41a`:`#1890ff`,class:`flex-1`},null,8,[`percentage`,`color`]),(0,i.createElementVNode)(`span`,Q,(0,i.toDisplayString)(v.value)+`%`,1)])])]),(0,i.createElementVNode)(`div`,ce,[s.value?((0,i.openBlock)(),(0,i.createBlock)(A,{key:0,onClick:w},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:_.value?`mdi:unfold-more-horizontal`:`mdi:unfold-less-horizontal`,size:18},null,8,[`name`])]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` `+(0,i.toDisplayString)(_.value?`展开全部`:`折叠全部`),1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)])])]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)])}}});var le=n.t($,[[`__scopeId`,`data-v-e90147fb`]]);const ue={class:`c-form-tabs`},de={key:0,class:`single-panel`},fe={class:`tabs-container`},pe={key:0,class:`tab-header`},me={class:`tab-description`},he={class:`tab-form-items`},ge={key:0,class:`tabs-actions`},_e=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},beforeTabChange:{},validateTab:{}},emits:[`tab-change`,`tab-before-change`,`tab-validate`,`tab-close`,`tab-add`],setup(e,{expose:n,emit:r}){let o=e,s=r,c=(0,i.ref)(``),l=(0,i.reactive)({}),u=()=>({tabs:[],type:`line`,size:`medium`,placement:`top`,animated:!0,closable:!1,addable:!1,showTabHeader:!0,showActions:!1,showCount:!1,validateBeforeSwitch:!1,defaultTab:``}),d=(0,i.computed)(()=>{let e=u(),t=o.layoutConfig?.tabs||{};return{...e,...t}}),f=(0,i.computed)(()=>d.value.tabs.length>0),p=(0,i.computed)(()=>{if(!f.value)return[];let e=new Map;return d.value.tabs.forEach(t=>{e.set(t.key,[])}),o.formItems.forEach((t,n)=>{let r=(o.options?.[n])?.layout?.tab||d.value.tabs[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),d.value.tabs.map(t=>({config:t,items:e.get(t.key)||[]}))}),m=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?String(n.path):`tab-item-${t}`},h=async()=>{if(!c.value)return!0;try{let e=o.validateTab?await o.validateTab(c.value):!0;return s(`tab-validate`,c.value),l[c.value]=e,e}catch{return l[c.value]=!1,!1}},g=async e=>{if(!e||e===c.value)return!0;if(!p.value.some(t=>t.config.key===e))return!1;try{if(d.value.validateBeforeSwitch&&c.value&&!await h())return!1;if(c.value){if(await o.beforeTabChange?.(c.value,e)===!1)return!1;s(`tab-before-change`,c.value,e)}return c.value=e,s(`tab-change`,e,p.value.findIndex(t=>t.config.key===e)),!0}catch{return!1}},_=e=>{g(e)},v=e=>{s(`tab-close`,e)},y=()=>{s(`tab-add`)},b=()=>{if(!f.value||p.value.length===0)return;let{defaultTab:e}=d.value,t=e||p.value[0]?.config.key;t&&t!==c.value&&(c.value=t,(0,i.nextTick)(()=>{let e=p.value.findIndex(e=>e.config.key===t);e>=0&&s(`tab-change`,t,e)}))};return(0,i.onMounted)(()=>{b()}),(0,i.watch)((0,i.computed)(()=>d.value.tabs.map(e=>e.key).join(`,`)),()=>{c.value&&!d.value.tabs.some(e=>e.key===c.value)&&b()}),(0,i.watch)(()=>d.value.defaultTab,e=>{e&&e!==c.value&&g(e)}),n({switchToTab:g,validateCurrentTab:h,currentTab:(0,i.readonly)(c),totalTabs:(0,i.computed)(()=>p.value.length),tabsWithItems:(0,i.readonly)(p)}),(n,r)=>{let o=a.NBadge,s=a.NSpace,l=a.NEmpty,u=a.NTabPane,b=a.NTabs,x=a.NButton;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,ue,[(0,i.createCommentVNode)(` 无标签配置时的单一面板模式 `),f.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 有标签配置时的分标签模式 `),(0,i.createElementVNode)(`div`,fe,[(0,i.createVNode)(b,{value:c.value,"onUpdate:value":[r[0]||=e=>c.value=e,_],type:d.value.type,size:d.value.size,placement:d.value.placement,animated:d.value.animated,closable:d.value.closable,addable:d.value.addable,class:`form-tabs`,onClose:v,onAdd:y},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(p.value,e=>((0,i.openBlock)(),(0,i.createBlock)(u,{key:e.config.key,name:e.config.key,tab:e.config.title,disabled:e.config.disabled,closable:e.config.closable},{tab:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{align:`center`,size:8},{default:(0,i.withCtx)(()=>[e.config.icon?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:e.config.icon,size:16,class:`tab-icon`},null,8,[`name`])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createElementVNode)(`span`,null,(0,i.toDisplayString)(e.config.title),1),d.value.showCount?((0,i.openBlock)(),(0,i.createBlock)(o,{key:1,value:e.items.length,max:99,show:e.items.length>0,type:`info`},null,8,[`value`,`show`])):(0,i.createCommentVNode)(`v-if`,!0)]),_:2},1024)]),default:(0,i.withCtx)(()=>[d.value.showTabHeader&&e.config.description?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,pe,[(0,i.createElementVNode)(`p`,me,(0,i.toDisplayString)(e.config.description),1)])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createElementVNode)(`div`,he,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:m(e,t)}))),128))]),e.items.length===0?((0,i.openBlock)(),(0,i.createBlock)(l,{key:1,description:`暂无表单项`,class:`tab-empty`})):(0,i.createCommentVNode)(`v-if`,!0)]),_:2},1032,[`name`,`tab`,`disabled`,`closable`]))),128))]),_:1},8,[`value`,`type`,`size`,`placement`,`animated`,`closable`,`addable`]),(0,i.createCommentVNode)(` 标签页操作按钮 `),d.value.showActions?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ge,[(0,i.createVNode)(s,{justify:`space-between`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[d.value.validateBeforeSwitch?((0,i.openBlock)(),(0,i.createBlock)(x,{key:0,type:`primary`,size:`small`,onClick:h},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`carbon:star-check`,size:14,style:{"margin-right":`4px`}}),r[1]||=(0,i.createTextVNode)(` 验证当前标签 `,-1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)]),_:1}),(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(n.$slots,`tab-actions`,{currentTab:c.value,totalTabs:p.value.length,validateTab:h,switchToTab:g},void 0,!0)]),_:3})]),_:3})])):(0,i.createCommentVNode)(`v-if`,!0)])],2112)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,de,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:m(e,t)}))),128))]))])}}});var ve=n.t(_e,[[`__scopeId`,`data-v-3617f22f`]]);const ye={class:`c-form-steps`},be={key:0,class:`single-panel`},xe={key:0,class:`step-header`},Se={class:`step-title`},Ce={key:0,class:`step-description`},we={class:`step-form-items`},Te={class:`steps-actions`},Ee=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},beforeStepChange:{},validateStep:{}},emits:[`step-change`,`step-before-change`,`step-validate`],setup(e,{expose:n,emit:r}){let o=e,s=r,c=(0,i.ref)(0),l=(0,i.ref)(!1),u=(0,i.reactive)({}),d=(0,i.computed)(()=>{let e=o.layoutConfig?.steps||{};return{steps:e.steps||[],vertical:e.vertical||!1,size:e.size||`medium`,showStepHeader:e.showStepHeader!==!1,validateBeforeNext:e.validateBeforeNext||!1,prevButtonText:e.prevButtonText||`上一步`,nextButtonText:e.nextButtonText||`下一步`,defaultStep:e.defaultStep||0}}),f=(0,i.computed)(()=>d.value.steps.length>0),p=(0,i.computed)(()=>{if(!f.value)return[];let e=new Map;return d.value.steps.forEach(t=>{e.set(t.key,[])}),o.formItems.forEach((t,n)=>{let r=(o.options?.[n])?.layout?.step||d.value.steps[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),d.value.steps.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),m=(0,i.computed)(()=>{for(let e=0;e<=c.value;e++)if(u[e]===!1)return`error`;return`process`}),h=(0,i.computed)(()=>c.value===0),g=(0,i.computed)(()=>c.value===p.value.length-1),_=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`step-item-${t}`},v=async()=>{try{let e=o.validateStep?await o.validateStep(c.value):!0;return s(`step-validate`,c.value),u[c.value]=e,e}catch{return u[c.value]=!1,!1}},y=async(e,t=!1)=>{if(e<0||e>=p.value.length)return!1;if(e===c.value)return!0;try{return l.value=!0,t&&d.value.validateBeforeNext&&!await v()||await o.beforeStepChange?.(c.value,e)===!1?!1:(s(`step-before-change`,c.value,e),c.value=e,s(`step-change`,c.value,p.value[c.value].config.key),!0)}catch{return!1}finally{l.value=!1}},b=async()=>{await y(c.value+1,!0)},x=()=>{y(c.value-1)},S=async e=>{p.value[e]?.config.disabled||await y(e,e>c.value)},C=()=>{if(!f.value||p.value.length===0)return;let{defaultStep:e}=d.value;c.value=e>=0&&e<p.value.length&&!p.value[e]?.config.disabled?e:0};return(0,i.watch)((0,i.computed)(()=>d.value.steps.map(e=>e.key).join(`,`)),()=>{C()}),(0,i.onMounted)(()=>{C()}),n({nextStep:b,previousStep:x,goToStep:S,validateCurrentStep:v,currentStep:(0,i.readonly)(c),totalSteps:(0,i.computed)(()=>p.value.length)}),(n,r)=>{let o=a.NStep,s=a.NSteps,u=a.NCard,v=a.NButton,y=a.NSpace;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,ye,[(0,i.createCommentVNode)(` 无步骤配置时的单一面板模式 `),f.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 有步骤配置时的分步骤模式 `),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`steps-container`,{"is-vertical":d.value.vertical}])},[(0,i.createCommentVNode)(` 步骤指示器 `),(0,i.createVNode)(s,{current:c.value+1,status:m.value,size:d.value.size,vertical:d.value.vertical,class:`steps-indicator`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(p.value,e=>((0,i.openBlock)(),(0,i.createBlock)(o,{key:e.config.key,title:e.config.title,description:e.config.description,disabled:e.config.disabled},null,8,[`title`,`description`,`disabled`]))),128))]),_:1},8,[`current`,`status`,`size`,`vertical`]),(0,i.createCommentVNode)(` 步骤内容区域 `),(0,i.createVNode)(u,{class:`steps-content`,bordered:!1},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(p.value,(e,t)=>(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.config.key,class:`step-panel`},[(0,i.createCommentVNode)(` 步骤标题和描述 `),d.value.showStepHeader?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,xe,[(0,i.createElementVNode)(`h3`,Se,(0,i.toDisplayString)(e.config.title),1),e.config.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,Ce,(0,i.toDisplayString)(e.config.description),1)):(0,i.createCommentVNode)(`v-if`,!0)])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 步骤内的表单项 `),(0,i.createElementVNode)(`div`,we,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:_(e,t)}))),128))])])),[[i.vShow,c.value===t]])),128))]),_:1}),(0,i.createCommentVNode)(` 步骤操作按钮 `),(0,i.createElementVNode)(`div`,Te,[(0,i.createVNode)(y,{justify:`space-between`},{default:(0,i.withCtx)(()=>[c.value>0?((0,i.openBlock)(),(0,i.createBlock)(v,{key:0,disabled:l.value,onClick:x},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:chevron-left-first`,size:16,style:{"margin-right":`4px`}}),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(d.value.prevButtonText),1)]),_:1},8,[`disabled`])):(0,i.createCommentVNode)(`v-if`,!0),r[0]||=(0,i.createElementVNode)(`div`,null,null,-1),(0,i.createVNode)(y,null,{default:(0,i.withCtx)(()=>[c.value<p.value.length-1?((0,i.openBlock)(),(0,i.createBlock)(v,{key:0,type:`primary`,loading:l.value,onClick:b},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(d.value.nextButtonText)+` `,1),(0,i.createVNode)(t.t,{name:`mdi:chevron-right-last`,size:16,style:{"margin-left":`4px`}})]),_:1},8,[`loading`])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.renderSlot)(n.$slots,`step-actions`,{currentStep:c.value,totalSteps:p.value.length,isFirstStep:h.value,isLastStep:g.value,nextStep:b,previousStep:x,goToStep:S},void 0,!0)]),_:3})]),_:3})])],2)],2112)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,be,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:_(e,t)}))),128))]))])}}});var De=n.t(Ee,[[`__scopeId`,`data-v-d1b5209b`]]);const Oe={maxFields:20,autoSave:!1,enableSort:!0,showControls:!0,showItemControls:!0},ke=[{label:`文本输入`,value:`input`},{label:`数字输入`,value:`inputNumber`},{label:`多行文本`,value:`textarea`},{label:`下拉选择`,value:`select`},{label:`开关切换`,value:`switch`},{label:`评分组件`,value:`rate`}];function Ae(e,t){let n=t.label||`动态字段 ${e}`;return{...t,id:t.id?.trim()||`dynamic_field_${e}`,type:t.type||ke[0].value,prop:t.prop?.trim()||`dynamic_${e}`,label:n,placeholder:t.placeholder||`请输入${n||`内容`}`,visible:t.visible??!0,removable:t.removable??!0,created:t.created??Date.now(),layout:t.layout||{span:12}}}const je=()=>{let e=(0,i.reactive)({config:{...Oe},baseFields:[],dynamicFields:[],hiddenFieldIds:new Set,fieldCounter:0,isInitialized:!1}),t=(0,i.computed)(()=>[...e.baseFields,...e.dynamicFields.map(t=>({...t,show:!e.hiddenFieldIds.has(t.prop)}))]),n=(0,i.computed)(()=>t.value.filter(e=>e.show!==!1)),r=(0,i.computed)(()=>e.dynamicFields.length),a=(0,i.computed)(()=>e.hiddenFieldIds.size),o=(0,i.computed)(()=>e.dynamicFields.length<e.config.maxFields),s=(0,i.computed)(()=>e.hiddenFieldIds.size===0),c=(n={})=>{if(!o.value)return null;e.fieldCounter++;let r=Ae(e.fieldCounter,n);return t.value.some(e=>e.prop===r.prop)?null:(e.dynamicFields.push(r),r)},l=t=>{if(e.dynamicFields.length===0)return null;let n=t??e.dynamicFields.length-1;if(n<0||n>=e.dynamicFields.length||e.dynamicFields[n]?.removable===!1)return null;let r=e.dynamicFields.splice(n,1)[0];return r&&e.hiddenFieldIds.delete(r.prop),r??null},u=()=>{let t=e.dynamicFields.length;return e.dynamicFields.forEach(t=>e.hiddenFieldIds.delete(t.prop)),e.dynamicFields.length=0,e.fieldCounter=0,t},d=n=>t.value.some(e=>e.prop===n)?(e.hiddenFieldIds.has(n)?e.hiddenFieldIds.delete(n):e.hiddenFieldIds.add(n),!e.hiddenFieldIds.has(n)):!1,f=()=>(s.value?e.dynamicFields.forEach(t=>{e.hiddenFieldIds.add(t.prop)}):e.hiddenFieldIds.clear(),s.value),p=t=>{let n={...t};n.maxFields!==void 0&&(n.maxFields=Math.max(0,Math.trunc(n.maxFields))),Object.assign(e.config,n)};return{state:(0,i.readonly)(e),allFields:t,visibleFields:n,dynamicFieldsCount:r,hiddenFieldsCount:a,canAddMoreFields:o,allVisible:s,FIELD_TYPE_OPTIONS:ke,addField:c,removeField:l,clearDynamicFields:u,toggleFieldVisibility:d,toggleAllVisibility:f,updateConfig:p,exportConfig:()=>{let t={baseFields:e.baseFields,dynamicFields:e.dynamicFields,config:e.config,hiddenFields:Array.from(e.hiddenFieldIds),timestamp:Date.now()};return JSON.stringify(t,null,2)},initialize:(t,n={})=>{e.baseFields=[...t],e.dynamicFields.length=0,e.hiddenFieldIds.clear(),e.fieldCounter=0,Object.assign(e.config,Oe),p(n),e.isInitialized=!0}}},Me=Symbol(`dynamicFormState`),Ne={class:`c-form-dynamic`},Pe={key:0,class:`dynamic-controls`},Fe={class:`max-fields-config`},Ie={class:`dynamic-stats`},Le={class:`dynamic-controls-fallback`},Re={class:`dynamic-form-items`},ze=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},dynamicFormState:{default:null}},emits:[`field-add`,`field-remove`,`fields-clear`],setup(e,{expose:n,emit:r}){let o=e,s=r,c=(0,i.inject)(Me,null),l=(0,i.computed)(()=>o.dynamicFormState||c),u=(0,i.computed)(()=>!!l.value),d=(0,i.computed)(()=>o.layoutConfig?.dynamic?.grid?.cols??24),f=(0,i.computed)(()=>o.layoutConfig?.dynamic?.grid?.gutter??16),p=(0,i.computed)(()=>o.layoutConfig?.dynamic?.controls?.showControls!==!1),m=(0,i.computed)(()=>l.value?.state.config.maxFields??o.layoutConfig?.dynamic?.dynamic?.maxFields??50),h=(0,i.computed)(()=>l.value?.dynamicFieldsCount.value??0),g=(0,i.computed)(()=>l.value?.canAddMoreFields.value??!1),_=(0,i.computed)(()=>o.formItems.length),v=()=>{let e=l.value?.addField();e&&s(`field-add`,e)},y=()=>{let e=l.value?.removeField();e&&s(`field-remove`,e.prop)},b=()=>{(l.value?.clearDynamicFields()??0)>0&&s(`fields-clear`)},x=e=>{e!==null&&l.value?.updateConfig({maxFields:e})},S=(e,t)=>e.key?.toString()||e.props?.path?.toString()||`dynamic-item-${t}`,C=e=>{let t=o.options?.[e]?.layout?.span;return typeof t==`number`&&t>0&&t<=d.value?t:Math.min(12,d.value)},w=e=>{if(!l.value)return!1;let t=e.props?.path?.toString()||e.key?.toString()||``;return l.value.state.dynamicFields.some(e=>e.prop===t)};return n({addField:()=>l.value?.addField(),removeField:()=>l.value?.removeField(),clearAllDynamic:()=>l.value?.clearDynamicFields(),isDynamicStateAvailable:u,dynamicState:l}),(n,r)=>{let o=a.NBadge,s=a.NButton,c=a.NSpace,l=a.NInputNumber,T=a.NTag,E=a.NCard,D=a.NAlert,O=a.NGridItem,k=a.NGrid;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,Ne,[(0,i.createCommentVNode)(` 动态控制面板 `),p.value&&u.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Pe,[(0,i.createVNode)(E,{size:`small`,title:`动态表单控制`,bordered:!1},{"header-extra":(0,i.withCtx)(()=>[(0,i.createVNode)(o,{value:h.value,type:`warning`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:layers`,size:16})]),_:1},8,[`value`])]),default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{justify:`space-between`,align:`center`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{size:`small`,type:`primary`,disabled:!g.value,onClick:v},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:plus`,size:14})]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` 添加字段 (`+(0,i.toDisplayString)(h.value)+`/`+(0,i.toDisplayString)(m.value)+`) `,1)]),_:1},8,[`disabled`]),(0,i.createVNode)(s,{size:`small`,type:`warning`,disabled:h.value===0,onClick:y},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:minus`,size:14})]),default:(0,i.withCtx)(()=>[r[0]||=(0,i.createTextVNode)(` 移除字段 `,-1)]),_:1},8,[`disabled`]),(0,i.createVNode)(s,{size:`small`,type:`error`,disabled:h.value===0,onClick:b},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:delete-sweep`,size:14})]),default:(0,i.withCtx)(()=>[r[1]||=(0,i.createTextVNode)(` 清空动态 `,-1)]),_:1},8,[`disabled`])]),_:1}),(0,i.createCommentVNode)(` 最大字段数配置 `),(0,i.createElementVNode)(`div`,Fe,[r[2]||=(0,i.createElementVNode)(`span`,null,`最大字段数:`,-1),(0,i.createVNode)(l,{value:m.value,"onUpdate:value":x,min:5,max:50,size:`small`,style:{width:`100px`}},null,8,[`value`])])]),_:1}),(0,i.createElementVNode)(`div`,Ie,[(0,i.createVNode)(c,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(T,{type:`info`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(`总字段: `+(0,i.toDisplayString)(_.value),1)]),_:1}),(0,i.createVNode)(T,{type:`warning`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(`动态: `+(0,i.toDisplayString)(h.value),1)]),_:1})]),_:1})])]),_:1})])):p.value&&!u.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 状态不可用时的提示 `),(0,i.createElementVNode)(`div`,Le,[(0,i.createVNode)(E,{size:`small`,title:`动态表单控制 (静态模式)`,bordered:!1},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(D,{type:`info`,"show-icon":``},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:information-outline`,size:16})]),default:(0,i.withCtx)(()=>[r[3]||=(0,i.createTextVNode)(` 当前为静态模式，如需动态功能请在父组件中提供动态表单状态。 `,-1)]),_:1})]),_:1})])],2112)):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 表单项渲染区域 `),(0,i.createElementVNode)(`div`,Re,[(0,i.createVNode)(k,{cols:d.value,"x-gap":f.value,"y-gap":f.value},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)(O,{key:S(e,t),span:C(t)},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`dynamic-item-wrapper`,{"is-dynamic-field":w(e)}])},[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e)))],2)]),_:2},1032,[`span`]))),128))]),_:1},8,[`cols`,`x-gap`,`y-gap`])])])}}});var Be=n.t(ze,[[`__scopeId`,`data-v-02a5a52b`]]);const Ve={class:`custom-layout`},He={class:`toolbar-content`},Ue={class:`mode-section`},We={class:`stats-section`},Ge={class:`stat-item`},Ke={class:`stat-value`},qe={class:`stat-item`},Je={class:`stat-value`},Ye={class:`actions-section`},Xe={class:`design-tools`},Ze={class:`tool-group`},Qe={key:0,class:`canvas-hint`},$e={class:`areas-container`},et={class:`area-header`},tt={class:`area-info`},nt=[`onClick`],rt={class:`area-controls`},it={class:`field-preview`},at={class:`field-label`},ot={class:`field-type`},st={key:0,class:`area-drop-zone`},ct={class:`field-name`},lt={class:`field-type-tag`},ut={key:0,class:`empty-layout`},dt={key:1,class:`form-container`},ft={class:`form-areas`},pt=(0,i.defineComponent)({__name:`index`,props:{options:{default:()=>[]},formItems:{default:()=>[]},formData:{default:()=>({})}},emits:[`fields-change`,`export-data`],setup(e,{emit:t}){let n=e,r=t,s=(0,i.ref)(!0),c=(0,i.ref)([]),l=(0,i.ref)([]),u=(0,i.ref)(``),d=(0,i.computed)(()=>n.options?.length>0?n.options:n.formItems?.map(e=>{let t=e.props;return{prop:t?.path||``,label:t?.label||t?.path||``,type:`input`,show:!0}}).filter(e=>e.prop)||[]),f=(0,i.computed)(()=>c.value.reduce((e,t)=>e+t.fields.length,0)),p=()=>`${Date.now()}-${Math.random().toString(36).substring(2,11)}`,m=e=>({input:`输入框`,select:`下拉框`,radio:`单选框`,checkbox:`复选框`,textarea:`文本域`,date:`日期`,number:`数字`})[e]||e,h=e=>n.formItems?.find(t=>t.props?.path===e.prop)||null,g=e=>{let t={id:p(),title:`${e===`horizontal`?`水平`:e===`vertical`?`垂直`:`网格`}区域`,type:e,fields:[]};c.value.push(t)},_=e=>{let t=c.value.findIndex(t=>t.id===e);t!==-1&&c.value.splice(t,1)},v=e=>({...e,id:`${e.prop}-${p()}`}),y=(e,t)=>{let n=c.value.find(t=>t.id===e);if(n){let e=n.fields.findIndex(e=>e.id===t);e!==-1&&n.fields.splice(e,1)}},b=()=>{let e=JSON.stringify(c.value,null,2),t=new Blob([e],{type:`application/json`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`layout-config-${Date.now()}.json`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)},x=()=>{c.value=[]},S=()=>{r(`export-data`,{layout:c.value,formData:n.formData,timestamp:new Date().toISOString()})};return(0,i.watchEffect)(()=>{let e=new Set(c.value.flatMap(e=>e.fields.map(e=>e.prop)));l.value=d.value.filter(t=>!e.has(t.prop)).map(e=>({...e,id:e.prop}))}),(0,i.watch)(()=>c.value,()=>{r(`fields-change`,c.value.flatMap(e=>e.fields.map(e=>({...e,id:void 0}))))},{deep:!0}),(e,t)=>{let n=a.NButton,r=a.NButtonGroup,d=a.NCard,p=a.NInput,C=a.NTag,w=a.NEmpty;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,Ve,[(0,i.createCommentVNode)(` 顶部工具栏 `),(0,i.createVNode)(d,{bordered:!1,class:`toolbar-card`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,He,[(0,i.createCommentVNode)(` 模式切换 `),(0,i.createElementVNode)(`div`,Ue,[t[12]||=(0,i.createElementVNode)(`span`,{class:`section-label`},`自定义模式:`,-1),(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(n,{type:s.value?`primary`:`default`,onClick:t[0]||=e=>s.value=!0,size:`small`},{default:(0,i.withCtx)(()=>[...t[10]||=[(0,i.createTextVNode)(` 🎨 设计模式 `,-1)]]),_:1},8,[`type`]),(0,i.createVNode)(n,{type:s.value?`default`:`primary`,onClick:t[1]||=e=>s.value=!1,size:`small`},{default:(0,i.withCtx)(()=>[...t[11]||=[(0,i.createTextVNode)(` 📝 填写模式 `,-1)]]),_:1},8,[`type`])]),_:1})]),(0,i.createCommentVNode)(` 统计信息 `),(0,i.createElementVNode)(`div`,We,[(0,i.createElementVNode)(`div`,Ge,[(0,i.createElementVNode)(`div`,Ke,(0,i.toDisplayString)(c.value.length),1),t[13]||=(0,i.createElementVNode)(`div`,{class:`stat-label`},`自定义区域`,-1)]),(0,i.createElementVNode)(`div`,qe,[(0,i.createElementVNode)(`div`,Je,(0,i.toDisplayString)(f.value),1),t[14]||=(0,i.createElementVNode)(`div`,{class:`stat-label`},`字段总数`,-1)])]),(0,i.createCommentVNode)(` 操作按钮 `),(0,i.createElementVNode)(`div`,Ye,[s.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[(0,i.createVNode)(n,{secondary:``,onClick:b,size:`small`},{default:(0,i.withCtx)(()=>[...t[15]||=[(0,i.createTextVNode)(` 💾 保存布局 `,-1)]]),_:1}),(0,i.createVNode)(n,{secondary:``,onClick:x,size:`small`},{default:(0,i.withCtx)(()=>[...t[16]||=[(0,i.createTextVNode)(` 🔄 重置布局 `,-1)]]),_:1})],64)):((0,i.openBlock)(),(0,i.createBlock)(n,{key:1,secondary:``,onClick:S,size:`small`},{default:(0,i.withCtx)(()=>[...t[17]||=[(0,i.createTextVNode)(` 📊 导出数据 `,-1)]]),_:1}))])])]),_:1}),(0,i.createCommentVNode)(` 设计模式工具面板 `),s.value?((0,i.openBlock)(),(0,i.createBlock)(d,{key:0,class:`design-panel`,title:`🎨 设计工具`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,Xe,[(0,i.createElementVNode)(`div`,Ze,[t[21]||=(0,i.createElementVNode)(`span`,{class:`group-label`},`添加区域:`,-1),(0,i.createVNode)(n,{onClick:t[2]||=e=>g(`horizontal`),size:`small`},{default:(0,i.withCtx)(()=>[...t[18]||=[(0,i.createTextVNode)(` ➡️ 水平区域 `,-1)]]),_:1}),(0,i.createVNode)(n,{onClick:t[3]||=e=>g(`vertical`),size:`small`},{default:(0,i.withCtx)(()=>[...t[19]||=[(0,i.createTextVNode)(` ⬇️ 垂直区域 `,-1)]]),_:1}),(0,i.createVNode)(n,{onClick:t[4]||=e=>g(`grid`),size:`small`},{default:(0,i.withCtx)(()=>[...t[20]||=[(0,i.createTextVNode)(` ⚏ 网格区域 `,-1)]]),_:1})])])]),_:1})):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 主画布区域 `),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`layout-canvas`,{"design-mode":s.value}])},[(0,i.createCommentVNode)(` 设计模式 `),s.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[c.value.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Qe,[...t[22]||=[(0,i.createElementVNode)(`div`,{class:`hint-content`},[(0,i.createElementVNode)(`h3`,null,`🎨 开始自定义你的布局`),(0,i.createElementVNode)(`p`,null,`点击上方按钮添加区域`)],-1)]])):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 区域列表 `),(0,i.createElementVNode)(`div`,$e,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(c.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.id,class:(0,i.normalizeClass)([`custom-area`,`area-${e.type}`])},[(0,i.createElementVNode)(`div`,et,[(0,i.createElementVNode)(`div`,tt,[u.value===e.id?((0,i.openBlock)(),(0,i.createBlock)(p,{key:0,value:e.title,"onUpdate:value":t=>e.title=t,size:`small`,onBlur:t[5]||=e=>u.value=``,onKeyup:t[6]||=(0,i.withKeys)(e=>u.value=``,[`enter`]),class:`title-input`},null,8,[`value`,`onUpdate:value`])):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:1,class:`area-title`,onClick:t=>u.value=e.id},(0,i.toDisplayString)(e.title),9,nt)),(0,i.createVNode)(C,{size:`small`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.fields.length)+` 字段`,1)]),_:2},1024)]),(0,i.createElementVNode)(`div`,rt,[(0,i.createVNode)(n,{text:``,onClick:t=>_(e.id),size:`tiny`,type:`error`,title:`删除区域`},{default:(0,i.withCtx)(()=>[...t[23]||=[(0,i.createTextVNode)(` 🗑️ `,-1)]]),_:1},8,[`onClick`])])]),(0,i.createCommentVNode)(` 字段容器（可拖入） `),(0,i.createVNode)((0,i.unref)(o.VueDraggable),{modelValue:e.fields,"onUpdate:modelValue":t=>e.fields=t,class:`area-fields`,group:{name:`form-fields`,pull:!0,put:!0},animation:200,"ghost-class":`field-ghost`,"item-key":`id`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.fields,r=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:r.id,class:`field-item`},[(0,i.createElementVNode)(`div`,it,[t[25]||=(0,i.createElementVNode)(`span`,{class:`drag-handle`},`⠿`,-1),(0,i.createElementVNode)(`span`,at,(0,i.toDisplayString)(r.label||r.prop),1),(0,i.createElementVNode)(`span`,ot,(0,i.toDisplayString)(m(r.type)),1),(0,i.createVNode)(n,{text:``,size:`tiny`,type:`error`,onClick:t=>y(e.id,r.id),title:`移出字段`},{default:(0,i.withCtx)(()=>[...t[24]||=[(0,i.createTextVNode)(` ✕ `,-1)]]),_:1},8,[`onClick`])])]))),128))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`]),e.fields.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,st,` 从下方字段池拖拽字段到这里 `)):(0,i.createCommentVNode)(`v-if`,!0)],2))),128))])],2112)),(0,i.createCommentVNode)(` 字段池（可拖出） `),(0,i.createVNode)(d,{class:`field-pool`,title:`📦 可用字段`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(o.VueDraggable),{modelValue:l.value,"onUpdate:modelValue":t[7]||=e=>l.value=e,class:`pool-fields-grid`,group:{name:`form-fields`,pull:`clone`,put:!0},animation:200,sort:!1,"ghost-class":`field-ghost`,"item-key":`id`,clone:v},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(l.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.id,class:`pool-field`},[t[26]||=(0,i.createElementVNode)(`span`,{class:`drag-handle`},`⠿`,-1),(0,i.createElementVNode)(`span`,ct,(0,i.toDisplayString)(e.label||e.prop),1),(0,i.createElementVNode)(`span`,lt,(0,i.toDisplayString)(m(e.type)),1)]))),128))]),_:1},8,[`modelValue`])]),_:1})],64)):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 填写模式 `),c.value.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ut,[(0,i.createVNode)(w,{description:`尚未设计布局`},{extra:(0,i.withCtx)(()=>[(0,i.createVNode)(n,{onClick:t[8]||=e=>s.value=!0,type:`primary`},{default:(0,i.withCtx)(()=>[...t[27]||=[(0,i.createTextVNode)(` 🎨 开始设计 `,-1)]]),_:1})]),_:1})])):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,dt,[(0,i.createElementVNode)(`div`,ft,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(c.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.id,class:(0,i.normalizeClass)([`form-area`,`area-${e.type}`])},[e.fields.length>0?((0,i.openBlock)(),(0,i.createBlock)(d,{key:0,title:e.title},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`area-form-items`,`layout-${e.type}`])},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.fields,e=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(h(e)),{key:e.prop}))),128))],2)]),_:2},1032,[`title`])):((0,i.openBlock)(),(0,i.createBlock)(w,{key:1,description:`此区域暂无字段`,size:`small`},{extra:(0,i.withCtx)(()=>[(0,i.createVNode)(n,{onClick:t[9]||=e=>s.value=!0,size:`small`,secondary:``},{default:(0,i.withCtx)(()=>[...t[28]||=[(0,i.createTextVNode)(` 🎨 添加字段 `,-1)]]),_:1})]),_:1}))],2))),128))])]))],64))],2)])}}});var mt=n.t(pt,[[`__scopeId`,`data-v-fe093284`]]);const ht=(0,i.defineComponent)({name:`C_Form`,__name:`index`,props:{options:{},modelValue:{},config:{default:()=>({})},renderers:{}},emits:[`submit`,`update:modelValue`,`validate-success`,`validate-error`],setup(t,{expose:n,emit:r}){let o=(0,i.defineAsyncComponent)(()=>Promise.resolve().then(()=>require(`./C_Editor.cjs`)).then(e=>e.C_Editor)),s={default:O,inline:A,grid:te,card:le,tabs:ve,steps:De,dynamic:Be,custom:mt},u={NFormItem:a.NFormItem,NInput:a.NInput,NInputNumber:a.NInputNumber,NSwitch:a.NSwitch,NSlider:a.NSlider,NRate:a.NRate,NDatePicker:a.NDatePicker,NTimePicker:a.NTimePicker,NCascader:a.NCascader,NColorPicker:a.NColorPicker,NSelect:a.NSelect,NCheckboxGroup:a.NCheckboxGroup,NCheckbox:a.NCheckbox,NRadioGroup:a.NRadioGroup,NRadio:a.NRadio,NUpload:a.NUpload,NButton:a.NButton,NSpace:a.NSpace,NTooltip:a.NTooltip,C_Editor:o},d=t,m=r,h=c(),g=(0,i.computed)(()=>f(l(d.config,h))),{t:_}=e.i(()=>g.value.locale),y=(0,i.ref)(null),{formModel:b,formRules:x,visibleOptions:S,initialize:C,handleFieldChange:w,validate:E,validateField:D,validateStep:k,validateTab:j,validateDynamicFields:M,validateCustomGroup:ee,clearValidation:N,getModel:P,setFields:F,resetFields:I,setFieldValue:ne,getFieldValue:L,setFieldsValue:R,handleSubmit:z,handleReset:B,isDirty:re,getChangedFields:V,isFieldDirty:ie,markAsClean:H,asyncOptionsCache:U,asyncLoadingMap:W,asyncErrorMap:G,reloadOptions:K,setFormItemRef:q,isSubmitting:J,submit:Y}=v((0,i.computed)(()=>d.options),g,y,m,(0,i.computed)(()=>d.modelValue)),ae=(0,i.computed)(()=>b.value),oe=()=>P(),{formItems:se}=T({formModel:b,visibleOptions:S,config:g,handleFieldChange:w,componentMap:u,instanceSlots:(0,i.getCurrentInstance)()?.slots,asyncOptionsCache:U,asyncLoadingMap:W,renderers:(0,i.computed)(()=>d.renderers),setFormItemRef:q,onError:(e,t)=>g.value.onError?.(e,{source:`render`,field:t})}),X=(0,i.computed)(()=>s[g.value.layout]||s.default),Z=(0,i.computed)(()=>({type:g.value.layout,grid:g.value.grid,inline:g.value.inline,card:g.value.card,tabs:g.value.tabs,steps:g.value.steps,dynamic:g.value.dynamic,custom:g.value.custom})),Q=(0,i.computed)(()=>p(g.value)),ce=(0,i.computed)(()=>g.value.layout===`steps`?{beforeStepChange:ge,validateStep:_e}:g.value.layout===`tabs`?{beforeTabChange:pe,validateTab:me}:{}),$=(e,...t)=>{let n=g.value[e];if(typeof n==`function`)try{let e=n(...t);e instanceof Promise&&e.catch(e=>g.value.onError?.(e,{source:`callback`}))}catch(e){g.value.onError?.(e,{source:`callback`})}},ue=e=>{g.value.onFieldsChange?.(e)},de=e=>{m(`validate-success`,e)},fe=e=>{m(`validate-error`,e)},pe=async(e,t)=>{try{return await g.value.onTabBeforeChange?.(e,t)!==!1}catch(e){return g.value.onError?.(e,{source:`callback`}),!1}},me=async e=>{let t=await j(e);return t&&g.value.onTabValidate?.(e),t},he=(e,t)=>{g.value.onStepChange?.(e,t)},ge=async(e,t)=>{try{return await g.value.onStepBeforeChange?.(e,t)!==!1}catch(e){return g.value.onError?.(e,{source:`callback`}),!1}},_e=async e=>{try{return await k(e)?(g.value.onStepValidate?.(e),!0):!1}catch{return!1}};return n({validate:E,validateField:D,validateStep:k,validateTab:j,validateDynamicFields:M,validateCustomGroup:ee,clearValidation:N,getModel:P,setFields:F,resetFields:I,setFieldValue:ne,getFieldValue:L,setFieldsValue:R,formRef:y,formModel:b,initialize:C,layoutType:(0,i.computed)(()=>g.value.layout),shouldShowDefaultActions:Q,isDirty:re,getChangedFields:V,isFieldDirty:ie,markAsClean:H,asyncLoadingMap:W,asyncErrorMap:G,reloadOptions:K,isSubmitting:J,submit:Y}),(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NForm),(0,i.mergeProps)({ref_key:`formRef`,ref:y,model:(0,i.unref)(b),rules:(0,i.unref)(x),"validate-on-rule-change":!1,"label-placement":g.value.labelPlacement,"label-width":g.value.labelWidth,size:g.value.size,disabled:g.value.disabled,readonly:g.value.readonly},e.$attrs),{default:(0,i.withCtx)(()=>[(0,i.createCommentVNode)(` 布局组件渲染 `),((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(X.value),(0,i.mergeProps)({"form-items":(0,i.unref)(se),"layout-config":Z.value,options:(0,i.unref)(S),"form-data":(0,i.unref)(b)},ce.value,{onTabChange:t[0]||=(e,t)=>$(`onTabChange`,e,t),onStepChange:he,onFieldAdd:t[1]||=e=>$(`onFieldAdd`,e),onFieldRemove:t[2]||=e=>$(`onFieldRemove`,e),onFieldToggle:t[3]||=(e,t)=>$(`onFieldToggle`,e,t),onFieldsClear:t[4]||=e=>$(`onFieldsClear`),onRenderModeChange:t[5]||=e=>$(`onRenderModeChange`,e),onGroupToggle:t[6]||=(e,t)=>$(`onGroupToggle`,e,t),onGroupReset:t[7]||=e=>$(`onGroupReset`,e),onValidateSuccess:de,onValidateError:fe,onFieldsChange:ue}),(0,i.createSlots)({"step-actions":(0,i.withCtx)(t=>[(0,i.renderSlot)(e.$slots,`step-actions`,(0,i.mergeProps)(t,{submit:(0,i.unref)(Y),submitting:(0,i.unref)(J)}))]),_:2},[(0,i.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,i.withCtx)(t=>[n!==`action`&&n!==`step-actions`?(0,i.renderSlot)(e.$slots,n,(0,i.normalizeProps)((0,i.guardReactiveProps)(t)),void 0,void 0,0):(0,i.createCommentVNode)(`v-if`,!0)])}))]),1040,[`form-items`,`layout-config`,`options`,`form-data`])),(0,i.createCommentVNode)(` 表单操作按钮区域（只在特定布局中显示） `),Q.value?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NFormItem),{key:0,style:{"margin-top":`20px`}},{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`action`,{form:y.value,model:ae.value,validate:(0,i.unref)(E),validateField:(0,i.unref)(D),reset:(0,i.unref)(I),setFields:(0,i.unref)(F),getModel:oe,clearValidation:(0,i.unref)(N),submit:(0,i.unref)(Y),reloadOptions:(0,i.unref)(K),submitting:(0,i.unref)(J)},()=>[(0,i.createVNode)((0,i.unref)(a.NSpace),null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NButton),{type:`primary`,loading:(0,i.unref)(J),disabled:(0,i.unref)(J),onClick:(0,i.unref)(z)},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(g.value.submitText||(0,i.unref)(_)(`common.submit`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`]),(0,i.createVNode)((0,i.unref)(a.NButton),{disabled:(0,i.unref)(J),onClick:(0,i.unref)(B)},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(g.value.resetText||(0,i.unref)(_)(`common.reset`)),1)]),_:1},8,[`disabled`,`onClick`])]),_:1})])]),_:3})):(0,i.createCommentVNode)(`v-if`,!0)]),_:3},16,[`model`,`rules`,`label-placement`,`label-width`,`size`,`disabled`,`readonly`]))}});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return Me}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return ht}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return u}});
+require(`./chunk.cjs`);const e=require(`./config.cjs`),t=require(`./C_Icon2.cjs`),n=require(`./export-helper.cjs`),r=require(`./data.cjs`);let i=require(`vue`),a=require(`naive-ui`),o=require(`vue-draggable-plus`);const s=Symbol(`c-form-global-config`);function c(){return(0,i.getCurrentInstance)()?(0,i.inject)(s,{}):{}}function l(e,t){let n=e??{},r=(e,t)=>e||t?{...e,...t}:void 0;return{...t,...n,grid:r(t.grid,n.grid),inline:r(t.inline,n.inline),card:r(t.card,n.card),tabs:r(t.tabs,n.tabs),steps:r(t.steps,n.steps),dynamic:r(t.dynamic,n.dynamic),custom:r(t.custom,n.custom)}}const u={layout:`default`,labelPlacement:`left`,labelWidth:`auto`,size:`medium`,disabled:!1,readonly:!1,showActions:!0,validateOnChange:!1,preserveRemovedFields:!1,submitText:``,resetText:``,mode:`create`},d=[`steps`,`custom`];function f(e){return{...u,...e}}function p(e){return!(e.showActions===!1||d.includes(e.layout))}function m(e,t){let n=(0,i.ref)({}),a=(0,i.computed)(()=>o().length>0);function o(){let a=n.value,o=t?(0,i.toValue)(t):void 0,s=new Set(o??[...Object.keys(a),...Object.keys(e)]),c=[];for(let t of s)r.a(r.r(a,t),r.r(e,t))||c.push(t);return c}function s(t){return!r.a(r.r(n.value,t),r.r(e,t))}function c(){n.value=r.t(e)}function l(){return r.t(n.value)}return{isDirty:a,getChangedFields:o,isFieldDirty:s,markAsClean:c,getCleanModel:l}}const h={input:``,textarea:``,editor:``,select:null,datePicker:null,daterange:null,timePicker:null,cascader:null,colorPicker:null,checkbox:[],upload:[],radio:``,inputNumber:null,slider:null,rate:null,switch:!1};function g(e){return r.t((e.value===void 0?h[e.type]:e.value)??null)}function _(e){let t=new Set;e.forEach((e,n)=>{if(!e.prop?.trim())throw TypeError(`[C_Form] options[${n}].prop 不能为空`);if(t.has(e.prop))throw TypeError(`[C_Form] 字段 prop 重复: ${e.prop}`);t.add(e.prop)})}function v(t,n,a,o,s){let c=(0,i.reactive)({}),l=(0,i.reactive)({}),u=new Map,d=(0,i.ref)({}),f=(0,i.ref)({}),p=(0,i.ref)({}),h=(0,i.ref)(!1),v=new Map,y=new Map,b=new Map,x=new Set,S=!1,C=!1,w=0,T=e.r(()=>n.value.feedback),{t:E}=e.i(()=>n.value.locale),{isDirty:D,getChangedFields:O,isFieldDirty:k,markAsClean:A,getCleanModel:j}=m(c,()=>t.value.map(e=>e.prop));function M(e,t,r){n.value.onError?n.value.onError(e,{source:t,field:r}):T.error(e instanceof Error?e.message:String(e),e)}let ee=(0,i.computed)(()=>t.value.filter(e=>{if(e.show===!1)return!1;if(!e.showWhen)return!0;try{return e.showWhen(c)}catch(t){return M(t,`callback`,e.prop),!1}}));function N(){C=!0;let e=++w;(0,i.nextTick)(()=>{e===w&&(C=!1)})}function P(){return r.t(c)}function F(e){let n=e?r.t(e):{};return t.value.forEach(e=>{r.i(n,e.prop)||r.s(n,e.prop,g(e))}),n}function te(e){try{let t=e.rulesWhen?[...e.rulesWhen(c)]:[...e.rules??[]];if(e.required&&!t.some(e=>e.required)&&t.unshift({required:!0,message:E(`form.required`,{label:e.label||e.prop}),trigger:[`input`,`change`,`blur`]}),e.crossFieldValidator){let n=e.crossFieldValidator;t.push({async validator(){let e=await n(c);if(e)throw Error(e)},trigger:[`change`,`blur`]})}if(t.length===0){delete l[e.prop];return}l[e.prop]=t.map(t=>({...t,key:e.prop}))}catch(t){delete l[e.prop],M(t,`callback`,e.prop)}}function I(){t.value.forEach(e=>{(e.rulesWhen||e.crossFieldValidator)&&te(e)})}function ne(e){x.forEach(t=>{e.has(t)||(u.delete(t),delete l[t],delete d.value[t],delete f.value[t],delete p.value[t],y.get(t)?.abort(),y.delete(t),v.delete(t),b.delete(t),n.value.preserveRemovedFields||r.n(c,t))})}function L(e=!1){try{_(t.value);let n=new Set(t.value.map(e=>e.prop));ne(n),t.value.forEach(e=>{r.i(c,e.prop)||r.s(c,e.prop,g(e)),te(e),e.asyncOptions&&b.get(e.prop)!==e.asyncOptions&&(b.set(e.prop,e.asyncOptions),(0,i.nextTick)(()=>B(e,`initialize`)))}),x=n,e&&(0,i.nextTick)(A)}catch(e){throw M(e,`initialize`),e}}function R(e){N(),r.o(c,F(e)),I()}function z(e,t,n){return n.signal.aborted||v.get(e)!==t}async function B(e,t){if(!e.asyncOptions)return;let{prop:n}=e,i=(v.get(n)??0)+1;v.set(n,i),y.get(n)?.abort();let a=new AbortController;y.set(n,a),f.value[n]=!0,delete p.value[n];try{let o=await e.asyncOptions(P(),{field:n,reason:t,signal:a.signal});if(z(n,i,a))return;if(!Array.isArray(o))throw TypeError(`[C_Form] ${n}.asyncOptions 必须返回数组`);d.value[n]=r.t([...o])}catch(e){if(z(n,i,a))return;p.value[n]=e,M(e,`async-options`,n)}finally{v.get(n)===i&&(f.value[n]=!1,y.delete(n))}}async function re(e){let n=t.value.filter(t=>t.asyncOptions&&(!e||t.prop===e));if(e&&n.length===0)throw Error(`[C_Form] 未找到异步选项字段: ${e}`);await Promise.all(n.map(e=>B(e,`manual`)))}function V(){let e=t.value.filter(e=>e.valueWhen);if(e.length!==0){for(let t=0;t<=e.length;t+=1){let t=!1;for(let n of e)try{let e=n.valueWhen?.(c);e!==void 0&&!r.a(r.r(c,n.prop),e)&&(r.s(c,n.prop,r.t(e)),t=!0)}catch(e){M(e,`callback`,n.prop)}if(!t)return}M(Error(`[C_Form] valueWhen 存在循环依赖，已停止继续计算`),`callback`)}}function ie(e){let n=new Set(e);return t.value.filter(e=>!e.asyncOptions||!e.dependsOn?!1:(Array.isArray(e.dependsOn)?e.dependsOn:[e.dependsOn]).some(e=>n.has(e)))}function H(e){V(),I(),ie(e).forEach(e=>{B(e,`dependency`)}),n.value.validateOnChange&&(0,i.nextTick)(()=>{K([...e]).catch(()=>void 0)})}function U(e){H([e])}function W(e,t){t?u.set(e,t):u.delete(e)}async function G(){if(!a.value)throw Error(`[C_Form] 表单引用不存在`);try{await a.value.validate(),o(`validate-success`,P())}catch(e){throw o(`validate-error`,e),e}}async function K(e){if(!a.value)throw Error(`[C_Form] 表单引用不存在`);let t=[...new Set(Array.isArray(e)?e:[e])],n=[],r=t.flatMap(e=>{let t=u.get(e);return t?[t.validate()]:(n.push(e),[])});n.length>0&&r.push(a.value.validate(void 0,e=>n.includes(String(e.key??``))));let i=(await Promise.allSettled(r)).filter(e=>e.status===`rejected`).map(e=>e.reason);if(i.length>0)throw i}function q(e){if(!e){a.value?.restoreValidation();return}(Array.isArray(e)?e:[e]).forEach(e=>u.get(e)?.restoreValidation())}async function J(e){let n=t.value.filter(e).map(e=>e.prop);if(n.length===0)return!0;try{return await K(n),!0}catch{return!1}}function Y(e){let t=n.value.steps?.steps?.[e]?.key;return t?J(e=>e.layout?.step===t):Promise.resolve(!0)}function ae(e){return J(t=>t.layout?.tab===e)}function oe(){return J(e=>!!e.layout?.dynamic)}function se(e){return J(t=>t.layout?.group===e)}function X(e){Object.entries(r.t(e)).forEach(([e,t])=>{r.s(c,e,t)}),H(Object.keys(e))}function Z(){r.o(c,j()),q(),I()}async function Q(e,t,n=!1){r.s(c,e,r.t(t)),U(e),n&&await K(e)}function ce(e){return r.t(r.r(c,e))}async function $(e,t=!1){X(e),t&&await K(Object.keys(e))}async function le(){if(h.value)return!1;h.value=!0;try{await G();let e={model:P(),form:a.value};try{await n.value.onSubmit?.(e)}catch(e){return M(e,`submit`),!1}return o(`submit`,e),!0}catch{return!1}finally{h.value=!1}}function ue(){L(!0);let e=s?.value??(n.value.mode===`edit`?n.value.initialValues:void 0);e&&R(e),V(),(0,i.nextTick)(A)}return(0,i.watch)(t,()=>{let e=!S;e&&N(),L(e),S=!0},{deep:!0,immediate:!0}),s&&(0,i.watch)(s,e=>{e!==void 0&&!r.a(c,e)&&R(e)},{deep:!0,immediate:!0}),(0,i.watch)(()=>[n.value.mode,n.value.initialValues],([e,t])=>{s?.value!==void 0||e!==`edit`||!t||(R(t),(0,i.nextTick)(A))},{deep:!0}),(0,i.watch)(c,e=>{C||o(`update:modelValue`,r.t(e))},{deep:!0,flush:`post`}),(0,i.onScopeDispose)(()=>{y.forEach(e=>e.abort()),y.clear(),u.clear()}),{formModel:c,formRules:l,visibleOptions:ee,initialize:ue,handleFieldChange:U,setFormItemRef:W,validate:G,validateField:K,validateStep:Y,validateTab:ae,validateDynamicFields:oe,validateCustomGroup:se,clearValidation:q,getModel:P,setFields:X,resetFields:Z,setFieldValue:Q,getFieldValue:ce,setFieldsValue:$,submit:le,handleSubmit:le,handleReset:Z,isSubmitting:h,isDirty:D,getChangedFields:O,isFieldDirty:k,markAsClean:A,asyncOptionsCache:d,asyncLoadingMap:f,asyncErrorMap:p,reloadOptions:re}}function y(e,t,n){return e===void 0?t:typeof e==`function`?e(n):e}function b(e){return{input:t=>(0,i.h)(e.NInput,{...t}),textarea:t=>(0,i.h)(e.NInput,{...t,type:`textarea`}),inputNumber:t=>(0,i.h)(e.NInputNumber,{...t}),switch:t=>(0,i.h)(e.NSwitch,{...t}),slider:t=>(0,i.h)(e.NSlider,{...t}),rate:t=>(0,i.h)(e.NRate,{...t}),datePicker:t=>(0,i.h)(e.NDatePicker,{...t}),daterange:t=>(0,i.h)(e.NDatePicker,{...t,type:`daterange`}),timePicker:t=>(0,i.h)(e.NTimePicker,{...t}),cascader:t=>(0,i.h)(e.NCascader,{...t}),colorPicker:t=>(0,i.h)(e.NColorPicker,{...t}),select:(t,n)=>(0,i.h)(e.NSelect,{...t,options:n.children?.map(e=>({...e}))||[]}),checkbox:(t,n)=>(0,i.h)(e.NCheckboxGroup,{...t},{default:()=>(0,i.h)(e.NSpace,{},{default:()=>n.children?.map(t=>(0,i.h)(e.NCheckbox,{value:t.value,label:t.label,disabled:t.disabled,key:String(t.value)}))||[]})}),radio:(t,n)=>(0,i.h)(e.NRadioGroup,{...t},{default:()=>(0,i.h)(e.NSpace,{},{default:()=>n.children?.map(t=>(0,i.h)(e.NRadio,{value:t.value,disabled:t.disabled,key:String(t.value)},{default:()=>t.label}))||[]})}),upload:(t,n,r,a)=>{let o={...t},{value:s}=o,c=o[`onUpdate:value`];return delete o.value,delete o[`onUpdate:value`],(0,i.h)(e.NUpload,{...o,fileList:Array.isArray(s)?s:[],"onUpdate:fileList":e=>c?.(e)},{trigger:()=>a.slots?.uploadClick?.()||(0,i.h)(e.NButton,{type:`primary`},{default:()=>`选择文件`}),tip:()=>a.slots?.uploadTip?.()||null})},editor:(t,n)=>{let r={...t},{value:a}=r,o=r[`onUpdate:value`];return delete r.value,delete r[`onUpdate:value`],(0,i.h)(e.C_Editor,{...r,editorId:`editor-${n.prop}`,modelValue:typeof a==`string`?a:``,"onUpdate:modelValue":e=>o?.(e)})}}}const x={};function S(e,t){if(!e.trim())throw TypeError(`[C_Form] renderer type 不能为空`);if(typeof t!=`function`)throw TypeError(`[C_Form] renderer ${e} 必须是函数`);return x[e]=t,()=>C(e,t)}function C(e,t){return!x[e]||t&&x[e]!==t?!1:delete x[e]}const w=new Set([`select`,`checkbox`,`radio`,`cascader`]);function T(e){let{formModel:t,visibleOptions:n,config:a,handleFieldChange:o,componentMap:s,instanceSlots:c,asyncOptionsCache:l,asyncLoadingMap:u,renderers:d,setFormItemRef:f,onError:p}=e,m=s,h=b(m),g=e=>d?.value?.[e]??x[e]??h[e],_=e=>{let n={value:r.r(t,e.prop),"onUpdate:value":n=>{r.s(t,e.prop,n),o(e.prop)},disabled:y(e.disabled,a.value.disabled,t),readonly:y(e.readonly,a.value.readonly,t)};return e.type===`textarea`&&(n.type=`textarea`),e.placeholder&&(n.placeholder=e.placeholder),n};function v(e){let t=e.children??[];return Object.prototype.hasOwnProperty.call(l.value,e.prop)?l.value[e.prop]??[]:t}function S(e){return w.has(e.type)?{...e,children:v(e)}:e}function C(e,t){return e.type===`select`&&u.value[e.prop]&&(t.loading=!0),t}let T=e=>{try{let t=S(e),n=g(t.type);return n?n(C(t,(0,i.mergeProps)(t.attrs??{},_(t))),t,a.value,{slots:c,components:m}):(p?.(TypeError(`[C_Form] 未支持的组件类型: ${t.type}`),t.prop),null)}catch(t){return p?.(t,e.prop),null}};function E(e){if(e.label)return e.help?(0,i.h)(`span`,{style:`display:inline-flex;align-items:center;gap:4px`},[e.label,(0,i.h)(m.NTooltip,{trigger:`hover`},{trigger:()=>(0,i.h)(`span`,{style:`cursor:help;opacity:0.5;font-size:14px`,textContent:`ⓘ`}),default:()=>e.help})]):e.label}return{renderFormItem:T,formItems:(0,i.computed)(()=>n.value.map(e=>{let t=!!(e.required||e.rules?.some(e=>e.required)),n=E(e);return(0,i.h)(m.NFormItem,{label:typeof n==`string`?n:void 0,path:e.prop,key:e.prop,required:t,ref:t=>f?.(e.prop,t)},{...typeof n!=`string`&&n?{label:()=>n}:{},default:()=>T(e)})})),getBaseProps:_}}const E={class:`c-form-default`},D=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{},options:{}},setup(e){return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,E,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key??t}))),128))]))}});var O=n.t(D,[[`__scopeId`,`data-v-4313de0c`]]);const k=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(e){let t=e,n=(0,i.computed)(()=>280),r=(0,i.computed)(()=>t.layoutConfig?.inline?.gap??16),a=(0,i.computed)(()=>16),o=(0,i.computed)(()=>{let e=t.layoutConfig?.inline?.align;return e===`start`||e===`end`?e:`center`}),s=(0,i.computed)(()=>{switch(o.value){case`start`:return`flex-start`;case`end`:return`flex-end`;default:return`center`}}),c=(0,i.computed)(()=>{switch(o.value){case`start`:return`flex-start`;case`end`:return`flex-end`;case`center`:return`center`;default:return`flex-start`}}),l=(0,i.computed)(()=>({display:`flex`,flexWrap:`wrap`,alignItems:s.value,justifyContent:c.value,gap:`${a.value}px ${r.value}px`,width:`100%`})),u=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`form-item-${t}`},d=e=>{let r=t.options?.[e]?.layout,i={width:`${n.value}px`,flexShrink:0,display:`flex`,flexDirection:`column`};return r?.width!==void 0&&(i.width=typeof r.width==`number`?`${r.width}px`:r.width),r?.style&&Object.assign(i,r.style),i};return(t,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`c-form-inline`,style:(0,i.normalizeStyle)(l.value)},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:u(e,t),class:`c-form-inline-item`,style:(0,i.normalizeStyle)(d(t))},[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e)))],4))),128))],4))}});var A=n.t(k,[[`__scopeId`,`data-v-c92457c4`]]);const j={class:`c-grid-layout`},M={class:`config-header`},ee={class:`config-controls`},N={class:`config-label`},P={class:`item-wrapper`},F=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(e,{expose:n}){let r=e,o=(0,i.reactive)({cols:24,gutter:16,responsive:!0}),s=(0,i.computed)(()=>r.layoutConfig?.grid||{}),c=(0,i.computed)(()=>s.value.showConfigPanel),l=(0,i.computed)(()=>s.value.showStats),u=(0,i.computed)(()=>({cols:c.value?o.cols:s.value.cols??24,gutter:c.value?o.gutter:s.value.gutter??16,responsive:c.value?o.responsive:s.value.responsive??!0})),d=(0,i.computed)(()=>({cols:u.value.cols,xGap:u.value.gutter,yGap:u.value.gutter,responsive:u.value.responsive?`screen`:`self`})),f=(0,i.computed)(()=>[{key:`cols`,label:`列数`,component:`NInputNumber`,value:(0,i.computed)({get:()=>o.cols,set:e=>o.cols=e}),props:{min:1,max:48,size:`small`}},{key:`gutter`,label:`间距`,component:`NInputNumber`,value:(0,i.computed)({get:()=>o.gutter,set:e=>o.gutter=e}),props:{min:0,max:48,size:`small`}},{key:`responsive`,label:`响应式`,component:`NSwitch`,value:(0,i.computed)({get:()=>o.responsive,set:e=>o.responsive=e}),props:{size:`small`}}]),p=(0,i.computed)(()=>`列数: ${u.value.cols} | 间距: ${u.value.gutter}px | 项目: ${r.formItems.length}个`),m=(e,t)=>String(e.key)||e.props?.path||`grid-item-${t}`,h=(e,t)=>{let n=r.options?.[e]?.layout;return n?.[t]??n?.grid?.[t]},g=()=>{let{cols:e}=u.value;return e<=12?e:e<=24?12:8},_=e=>{let t=h(e,`span`),n=h(e,`offset`),r=h(e,`suffix`);return{span:typeof t==`number`&&t>0&&t<=u.value.cols?t:g(),offset:typeof n==`number`&&n>=0&&n<u.value.cols?n:0,suffix:!!r}};return(0,i.watch)(s,e=>{e.cols!==void 0&&(o.cols=e.cols),e.gutter!==void 0&&(o.gutter=e.gutter),e.responsive!==void 0&&(o.responsive=e.responsive)},{immediate:!0}),n({updateGridConfig:e=>Object.assign(o,e),getCurrentConfig:()=>({...u.value}),getGridInfo:()=>({...u.value,itemCount:r.formItems.length})}),(n,r)=>{let o=a.NCard,s=a.NGridItem,u=a.NGrid,h=a.NAlert;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,j,[(0,i.createCommentVNode)(` 配置面板 `),c.value?((0,i.openBlock)(),(0,i.createBlock)(o,{key:0,size:`small`,bordered:!1,class:`config-panel`},{header:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,M,[(0,i.createVNode)(t.t,{name:`mdi:view-grid`,size:18}),r[0]||=(0,i.createElementVNode)(`span`,null,`网格配置`,-1)])]),default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,ee,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(f.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.key,class:`config-item`},[(0,i.createElementVNode)(`span`,N,(0,i.toDisplayString)(e.label)+`:`,1),((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e.component),(0,i.mergeProps)({value:e.value,"onUpdate:value":t=>e.value=t},{ref_for:!0},e.props),null,16,[`value`,`onUpdate:value`]))]))),128))])]),_:1})):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 网格容器 `),(0,i.createVNode)(u,(0,i.mergeProps)(d.value,{class:`grid-container`}),{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)(s,(0,i.mergeProps)({key:m(e,t)},{ref_for:!0},_(t),{class:`grid-item`}),{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,P,[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e)))])]),_:2},1040))),128))]),_:1},16),(0,i.createCommentVNode)(` 统计信息 `),l.value?((0,i.openBlock)(),(0,i.createBlock)(h,{key:1,type:`info`,"show-icon":!1,size:`small`,class:`grid-stats`},{header:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:information-outline`,size:16}),r[1]||=(0,i.createTextVNode)(` 网格信息 `,-1)]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` `+(0,i.toDisplayString)(p.value),1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)])}}});var te=n.t(F,[[`__scopeId`,`data-v-5debeeab`]]);const I={class:`c-form-card`},ne={class:`flex items-center gap-2`},L={class:`config-controls`},R={class:`config-item`},z={class:`flex items-center gap-2`},B={class:`text-xs min-w-12`},re={class:`config-item`},V={class:`config-item`},ie={class:`config-item`},H={class:`flex items-center gap-3`},U={class:`card-header`},W={class:`header-info`},G={class:`header-text`},K={key:0},q={class:`header-actions`},J={class:`field-stats`},Y={class:`card-content`},ae={key:0,class:`progress-section`},oe={class:`action-content`},se={class:`status-summary`},X={class:`status-item`},Z={class:`progress-display`},Q={class:`text-sm min-w-12`},ce={class:`action-buttons`},$=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},formData:{default:()=>({})}},setup(e){let n=e,r=(0,i.ref)(20),o=(0,i.ref)(!0),s=(0,i.ref)(!0),c=(0,i.ref)(!0),l=(0,i.ref)(`vertical`),u=(0,i.ref)({}),d=(0,i.computed)(()=>n.layoutConfig?.card?.groups||[]),f=(0,i.computed)(()=>d.value.length>0),p=(0,i.computed)(()=>n.layoutConfig?.card?.showLayoutConfig??!0),m=(0,i.computed)(()=>n.layoutConfig?.card?.showActionPanel??!0),h=(0,i.computed)(()=>f.value?`layout-${l.value}`:`layout-single`),g=(0,i.computed)(()=>{if(!f.value)return[];let e=new Map;return d.value.forEach(t=>{e.set(t.key,[])}),n.formItems.forEach((t,r)=>{let i=(n.options?.[r])?.layout?.group||d.value[0]?.key||`default`;e.has(i)||e.set(i,[]),e.get(i).push(t)}),d.value.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),_=(0,i.computed)(()=>{let e=Object.keys(u.value);return e.length>0&&e.every(e=>u.value[e])}),v=(0,i.computed)(()=>{if(!n.options||n.options.length===0)return 0;let e=n.options.filter(e=>{let t=n.formData?.[e.prop||``];return y(t)}).length;return Math.round(e/n.options.length*100)}),y=e=>e==null?!1:Array.isArray(e)?e.length>0:typeof e==`string`?e.trim()!==``:!0,b=e=>n.options?n.options.filter(t=>t.layout?.group===e.config.key).filter(e=>{let t=n.formData?.[e.prop||``];return y(t)}).length:0,x=e=>{if(e.items.length===0)return 0;let t=b(e);return Math.round(t/e.items.length*100)},S=e=>{let t={basic:`mdi:account`,contact:`mdi:phone`,preferences:`mdi:cog`,settings:`mdi:cog`,info:`mdi:information`,default:`mdi:form-select`};return t[e]||t.default},C=e=>{u.value[e]=!u.value[e]},w=()=>{let e=!_.value;d.value.forEach(t=>{u.value[t.key]=e})};return(0,i.onMounted)(()=>{let e=n.layoutConfig?.card;e?.direction&&(l.value=e.direction),e?.showProgress!==void 0&&(c.value=e.showProgress),d.value.forEach(e=>{u.value[e.key]=!1})}),(n,d)=>{let y=a.NSlider,T=a.NSwitch,E=a.NRadio,D=a.NRadioGroup,O=a.NCard,k=a.NBadge,A=a.NButton,j=a.NProgress;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,I,[(0,i.createCommentVNode)(` 布局配置面板 `),f.value&&p.value?((0,i.openBlock)(),(0,i.createBlock)(O,{key:0,class:`layout-config-panel`,bordered:!1},{header:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,ne,[(0,i.createVNode)(t.t,{name:`mdi:cog`,size:18}),d[4]||=(0,i.createElementVNode)(`span`,null,`布局配置`,-1)])]),default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,L,[(0,i.createElementVNode)(`div`,R,[d[5]||=(0,i.createElementVNode)(`span`,null,`卡片间距`,-1),(0,i.createElementVNode)(`div`,z,[(0,i.createVNode)(y,{value:r.value,"onUpdate:value":d[0]||=e=>r.value=e,min:12,max:32,step:4,class:`w-24`},null,8,[`value`]),(0,i.createElementVNode)(`span`,B,(0,i.toDisplayString)(r.value)+`px`,1)])]),(0,i.createElementVNode)(`div`,re,[d[6]||=(0,i.createElementVNode)(`span`,null,`显示图标`,-1),(0,i.createVNode)(T,{value:o.value,"onUpdate:value":d[1]||=e=>o.value=e,size:`small`},null,8,[`value`])]),(0,i.createElementVNode)(`div`,V,[d[7]||=(0,i.createElementVNode)(`span`,null,`可折叠`,-1),(0,i.createVNode)(T,{value:s.value,"onUpdate:value":d[2]||=e=>s.value=e,size:`small`},null,8,[`value`])]),(0,i.createElementVNode)(`div`,ie,[d[10]||=(0,i.createElementVNode)(`span`,null,`布局方向`,-1),(0,i.createVNode)(D,{value:l.value,"onUpdate:value":d[3]||=e=>l.value=e,size:`small`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(E,{value:`vertical`},{default:(0,i.withCtx)(()=>[...d[8]||=[(0,i.createTextVNode)(`垂直`,-1)]]),_:1}),(0,i.createVNode)(E,{value:`horizontal`},{default:(0,i.withCtx)(()=>[...d[9]||=[(0,i.createTextVNode)(`水平`,-1)]]),_:1})]),_:1},8,[`value`])])])]),_:1})):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 表单内容区域 `),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`form-content`,h.value]),style:(0,i.normalizeStyle)({gap:`${r.value}px`})},[(0,i.createCommentVNode)(` 无分组时的单卡片模式 `),f.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 有分组时的多卡片模式 `),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(g.value,e=>((0,i.openBlock)(),(0,i.createBlock)(O,{key:e.config.key,class:(0,i.normalizeClass)([`group-card`,[`${e.config.key}-card`,{collapsed:s.value&&u.value[e.config.key]}]]),hoverable:``},{header:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,U,[(0,i.createElementVNode)(`div`,W,[o.value&&e.config.icon?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:e.config.icon,size:20,class:`card-icon`},null,8,[`name`])):o.value?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,name:S(e.config.key),size:20,class:`card-icon`},null,8,[`name`])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createElementVNode)(`div`,G,[(0,i.createElementVNode)(`h3`,null,(0,i.toDisplayString)(e.config.title),1),e.config.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,K,(0,i.toDisplayString)(e.config.description),1)):(0,i.createCommentVNode)(`v-if`,!0)])]),(0,i.createElementVNode)(`div`,q,[(0,i.createCommentVNode)(` 统计信息 `),(0,i.createElementVNode)(`div`,J,[(0,i.createVNode)(k,{value:e.items.length,type:`info`,"show-zero":``},null,8,[`value`]),(0,i.createVNode)(k,{value:`${b(e)}/${e.items.length}`,type:b(e)===e.items.length?`success`:`warning`},null,8,[`value`,`type`])]),(0,i.createCommentVNode)(` 折叠按钮 `),s.value?((0,i.openBlock)(),(0,i.createBlock)(A,{key:0,quaternary:``,circle:``,size:`small`,onClick:t=>C(e.config.key)},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:u.value[e.config.key]?`mdi:chevron-down`:`mdi:chevron-up`,size:18},null,8,[`name`])]),_:2},1032,[`onClick`])):(0,i.createCommentVNode)(`v-if`,!0)])])]),default:(0,i.withCtx)(()=>[(0,i.withDirectives)((0,i.createElementVNode)(`div`,Y,[(0,i.createCommentVNode)(` 进度指示器 `),c.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ae,[(0,i.createVNode)(j,{percentage:x(e),color:x(e)===100?`#52c41a`:`#1890ff`,"show-indicator":!1,class:`mb-4`},null,8,[`percentage`,`color`])])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 表单项 `),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key??t}))),128))],512),[[i.vShow,!u.value[e.config.key]]])]),_:2},1032,[`class`]))),128))],64)):((0,i.openBlock)(),(0,i.createBlock)(O,{key:0,class:`single-card`,hoverable:``},{header:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,H,[o.value?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:`mdi:form-select`,size:18,style:{color:`#3b82f6`}})):(0,i.createCommentVNode)(`v-if`,!0),d[11]||=(0,i.createElementVNode)(`span`,null,`表单信息`,-1)])]),default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key??t}))),128))]),_:1}))],6),(0,i.createCommentVNode)(` 统一操作面板 `),f.value&&m.value?((0,i.openBlock)(),(0,i.createBlock)(O,{key:1,class:`action-panel`,bordered:!1},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,oe,[(0,i.createElementVNode)(`div`,se,[(0,i.createElementVNode)(`div`,X,[d[12]||=(0,i.createElementVNode)(`span`,{class:`label`},`完成进度:`,-1),(0,i.createElementVNode)(`div`,Z,[(0,i.createVNode)(j,{percentage:v.value,"show-indicator":!1,color:v.value===100?`#52c41a`:`#1890ff`,class:`flex-1`},null,8,[`percentage`,`color`]),(0,i.createElementVNode)(`span`,Q,(0,i.toDisplayString)(v.value)+`%`,1)])])]),(0,i.createElementVNode)(`div`,ce,[s.value?((0,i.openBlock)(),(0,i.createBlock)(A,{key:0,onClick:w},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:_.value?`mdi:unfold-more-horizontal`:`mdi:unfold-less-horizontal`,size:18},null,8,[`name`])]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` `+(0,i.toDisplayString)(_.value?`展开全部`:`折叠全部`),1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)])])]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)])}}});var le=n.t($,[[`__scopeId`,`data-v-28320dd2`]]);const ue={class:`c-form-tabs`},de={key:0,class:`single-panel`},fe={class:`tabs-container`},pe={key:0,class:`tab-header`},me={class:`tab-description`},he={class:`tab-form-items`},ge={key:0,class:`tabs-actions`},_e=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},beforeTabChange:{},validateTab:{}},emits:[`tab-change`,`tab-before-change`,`tab-validate`,`tab-close`,`tab-add`],setup(e,{expose:n,emit:r}){let o=e,s=r,c=(0,i.ref)(``),l=(0,i.reactive)({}),u=()=>({tabs:[],type:`line`,size:`medium`,placement:`top`,animated:!0,closable:!1,addable:!1,showTabHeader:!0,showActions:!1,showCount:!1,validateBeforeSwitch:!1,defaultTab:``}),d=(0,i.computed)(()=>{let e=u(),t=o.layoutConfig?.tabs||{};return{...e,...t}}),f=(0,i.computed)(()=>d.value.tabs.length>0),p=(0,i.computed)(()=>{if(!f.value)return[];let e=new Map;return d.value.tabs.forEach(t=>{e.set(t.key,[])}),o.formItems.forEach((t,n)=>{let r=(o.options?.[n])?.layout?.tab||d.value.tabs[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),d.value.tabs.map(t=>({config:t,items:e.get(t.key)||[]}))}),m=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?String(n.path):`tab-item-${t}`},h=async()=>{if(!c.value)return!0;try{let e=o.validateTab?await o.validateTab(c.value):!0;return s(`tab-validate`,c.value),l[c.value]=e,e}catch{return l[c.value]=!1,!1}},g=async e=>{if(!e||e===c.value)return!0;if(!p.value.some(t=>t.config.key===e))return!1;try{if(d.value.validateBeforeSwitch&&c.value&&!await h())return!1;if(c.value){if(await o.beforeTabChange?.(c.value,e)===!1)return!1;s(`tab-before-change`,c.value,e)}return c.value=e,s(`tab-change`,e,p.value.findIndex(t=>t.config.key===e)),!0}catch{return!1}},_=e=>{g(e)},v=e=>{s(`tab-close`,e)},y=()=>{s(`tab-add`)},b=()=>{if(!f.value||p.value.length===0)return;let{defaultTab:e}=d.value,t=e||p.value[0]?.config.key;t&&t!==c.value&&(c.value=t,(0,i.nextTick)(()=>{let e=p.value.findIndex(e=>e.config.key===t);e>=0&&s(`tab-change`,t,e)}))};return(0,i.onMounted)(()=>{b()}),(0,i.watch)((0,i.computed)(()=>d.value.tabs.map(e=>e.key).join(`,`)),()=>{c.value&&!d.value.tabs.some(e=>e.key===c.value)&&b()}),(0,i.watch)(()=>d.value.defaultTab,e=>{e&&e!==c.value&&g(e)}),n({switchToTab:g,validateCurrentTab:h,currentTab:(0,i.readonly)(c),totalTabs:(0,i.computed)(()=>p.value.length),tabsWithItems:(0,i.readonly)(p)}),(n,r)=>{let o=a.NBadge,s=a.NSpace,l=a.NEmpty,u=a.NTabPane,b=a.NTabs,x=a.NButton;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,ue,[(0,i.createCommentVNode)(` 无标签配置时的单一面板模式 `),f.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 有标签配置时的分标签模式 `),(0,i.createElementVNode)(`div`,fe,[(0,i.createVNode)(b,{value:c.value,"onUpdate:value":[r[0]||=e=>c.value=e,_],type:d.value.type,size:d.value.size,placement:d.value.placement,animated:d.value.animated,closable:d.value.closable,addable:d.value.addable,class:`form-tabs`,onClose:v,onAdd:y},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(p.value,e=>((0,i.openBlock)(),(0,i.createBlock)(u,{key:e.config.key,name:e.config.key,tab:e.config.title,disabled:e.config.disabled,closable:e.config.closable},{tab:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{align:`center`,size:8},{default:(0,i.withCtx)(()=>[e.config.icon?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:e.config.icon,size:16,class:`tab-icon`},null,8,[`name`])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createElementVNode)(`span`,null,(0,i.toDisplayString)(e.config.title),1),d.value.showCount?((0,i.openBlock)(),(0,i.createBlock)(o,{key:1,value:e.items.length,max:99,show:e.items.length>0,type:`info`},null,8,[`value`,`show`])):(0,i.createCommentVNode)(`v-if`,!0)]),_:2},1024)]),default:(0,i.withCtx)(()=>[d.value.showTabHeader&&e.config.description?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,pe,[(0,i.createElementVNode)(`p`,me,(0,i.toDisplayString)(e.config.description),1)])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createElementVNode)(`div`,he,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:m(e,t)}))),128))]),e.items.length===0?((0,i.openBlock)(),(0,i.createBlock)(l,{key:1,description:`暂无表单项`,class:`tab-empty`})):(0,i.createCommentVNode)(`v-if`,!0)]),_:2},1032,[`name`,`tab`,`disabled`,`closable`]))),128))]),_:1},8,[`value`,`type`,`size`,`placement`,`animated`,`closable`,`addable`]),(0,i.createCommentVNode)(` 标签页操作按钮 `),d.value.showActions?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ge,[(0,i.createVNode)(s,{justify:`space-between`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[d.value.validateBeforeSwitch?((0,i.openBlock)(),(0,i.createBlock)(x,{key:0,type:`primary`,size:`small`,onClick:h},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`carbon:star-check`,size:14,style:{"margin-right":`4px`}}),r[1]||=(0,i.createTextVNode)(` 验证当前标签 `,-1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)]),_:1}),(0,i.createVNode)(s,null,{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(n.$slots,`tab-actions`,{currentTab:c.value,totalTabs:p.value.length,validateTab:h,switchToTab:g},void 0,!0)]),_:3})]),_:3})])):(0,i.createCommentVNode)(`v-if`,!0)])],2112)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,de,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:m(e,t)}))),128))]))])}}});var ve=n.t(_e,[[`__scopeId`,`data-v-941576c0`]]);const ye={class:`c-form-steps`},be={key:0,class:`single-panel`},xe={key:0,class:`step-header`},Se={class:`step-title`},Ce={key:0,class:`step-description`},we={class:`step-form-items`},Te={class:`steps-actions`},Ee=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},beforeStepChange:{},validateStep:{}},emits:[`step-change`,`step-before-change`,`step-validate`],setup(e,{expose:n,emit:r}){let o=e,s=r,c=(0,i.ref)(0),l=(0,i.ref)(!1),u=(0,i.reactive)({}),d=(0,i.computed)(()=>{let e=o.layoutConfig?.steps||{};return{steps:e.steps||[],vertical:e.vertical||!1,size:e.size||`medium`,showStepHeader:e.showStepHeader!==!1,validateBeforeNext:e.validateBeforeNext||!1,prevButtonText:e.prevButtonText||`上一步`,nextButtonText:e.nextButtonText||`下一步`,defaultStep:e.defaultStep||0}}),f=(0,i.computed)(()=>d.value.steps.length>0),p=(0,i.computed)(()=>{if(!f.value)return[];let e=new Map;return d.value.steps.forEach(t=>{e.set(t.key,[])}),o.formItems.forEach((t,n)=>{let r=(o.options?.[n])?.layout?.step||d.value.steps[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),d.value.steps.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),m=(0,i.computed)(()=>{for(let e=0;e<=c.value;e++)if(u[e]===!1)return`error`;return`process`}),h=(0,i.computed)(()=>c.value===0),g=(0,i.computed)(()=>c.value===p.value.length-1),_=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`step-item-${t}`},v=async()=>{try{let e=o.validateStep?await o.validateStep(c.value):!0;return s(`step-validate`,c.value),u[c.value]=e,e}catch{return u[c.value]=!1,!1}},y=async(e,t=!1)=>{if(e<0||e>=p.value.length)return!1;if(e===c.value)return!0;try{return l.value=!0,t&&d.value.validateBeforeNext&&!await v()||await o.beforeStepChange?.(c.value,e)===!1?!1:(s(`step-before-change`,c.value,e),c.value=e,s(`step-change`,c.value,p.value[c.value].config.key),!0)}catch{return!1}finally{l.value=!1}},b=async()=>{await y(c.value+1,!0)},x=()=>{y(c.value-1)},S=async e=>{p.value[e]?.config.disabled||await y(e,e>c.value)},C=()=>{if(!f.value||p.value.length===0)return;let{defaultStep:e}=d.value;c.value=e>=0&&e<p.value.length&&!p.value[e]?.config.disabled?e:0};return(0,i.watch)((0,i.computed)(()=>d.value.steps.map(e=>e.key).join(`,`)),()=>{C()}),(0,i.onMounted)(()=>{C()}),n({nextStep:b,previousStep:x,goToStep:S,validateCurrentStep:v,currentStep:(0,i.readonly)(c),totalSteps:(0,i.computed)(()=>p.value.length)}),(n,r)=>{let o=a.NStep,s=a.NSteps,u=a.NCard,v=a.NButton,y=a.NSpace;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,ye,[(0,i.createCommentVNode)(` 无步骤配置时的单一面板模式 `),f.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 有步骤配置时的分步骤模式 `),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`steps-container`,{"is-vertical":d.value.vertical}])},[(0,i.createCommentVNode)(` 步骤指示器 `),(0,i.createVNode)(s,{current:c.value+1,status:m.value,size:d.value.size,vertical:d.value.vertical,class:`steps-indicator`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(p.value,e=>((0,i.openBlock)(),(0,i.createBlock)(o,{key:e.config.key,title:e.config.title,description:e.config.description,disabled:e.config.disabled},null,8,[`title`,`description`,`disabled`]))),128))]),_:1},8,[`current`,`status`,`size`,`vertical`]),(0,i.createCommentVNode)(` 步骤内容区域 `),(0,i.createVNode)(u,{class:`steps-content`,bordered:!1},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(p.value,(e,t)=>(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.config.key,class:`step-panel`},[(0,i.createCommentVNode)(` 步骤标题和描述 `),d.value.showStepHeader?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,xe,[(0,i.createElementVNode)(`h3`,Se,(0,i.toDisplayString)(e.config.title),1),e.config.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,Ce,(0,i.toDisplayString)(e.config.description),1)):(0,i.createCommentVNode)(`v-if`,!0)])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 步骤内的表单项 `),(0,i.createElementVNode)(`div`,we,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:_(e,t)}))),128))])])),[[i.vShow,c.value===t]])),128))]),_:1}),(0,i.createCommentVNode)(` 步骤操作按钮 `),(0,i.createElementVNode)(`div`,Te,[(0,i.createVNode)(y,{justify:`space-between`},{default:(0,i.withCtx)(()=>[c.value>0?((0,i.openBlock)(),(0,i.createBlock)(v,{key:0,disabled:l.value,onClick:x},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:chevron-left-first`,size:16,style:{"margin-right":`4px`}}),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(d.value.prevButtonText),1)]),_:1},8,[`disabled`])):(0,i.createCommentVNode)(`v-if`,!0),r[0]||=(0,i.createElementVNode)(`div`,null,null,-1),(0,i.createVNode)(y,null,{default:(0,i.withCtx)(()=>[c.value<p.value.length-1?((0,i.openBlock)(),(0,i.createBlock)(v,{key:0,type:`primary`,loading:l.value,onClick:b},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(d.value.nextButtonText)+` `,1),(0,i.createVNode)(t.t,{name:`mdi:chevron-right-last`,size:16,style:{"margin-left":`4px`}})]),_:1},8,[`loading`])):(0,i.createCommentVNode)(`v-if`,!0),(0,i.renderSlot)(n.$slots,`step-actions`,{currentStep:c.value,totalSteps:p.value.length,isFirstStep:h.value,isLastStep:g.value,nextStep:b,previousStep:x,goToStep:S},void 0,!0)]),_:3})]),_:3})])],2)],2112)):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,be,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:_(e,t)}))),128))]))])}}});var De=n.t(Ee,[[`__scopeId`,`data-v-5d92cc03`]]);const Oe={maxFields:20,autoSave:!1,enableSort:!0,showControls:!0,showItemControls:!0},ke=[{label:`文本输入`,value:`input`},{label:`数字输入`,value:`inputNumber`},{label:`多行文本`,value:`textarea`},{label:`下拉选择`,value:`select`},{label:`开关切换`,value:`switch`},{label:`评分组件`,value:`rate`}];function Ae(e,t){let n=t.label||`动态字段 ${e}`;return{...t,id:t.id?.trim()||`dynamic_field_${e}`,type:t.type||ke[0].value,prop:t.prop?.trim()||`dynamic_${e}`,label:n,placeholder:t.placeholder||`请输入${n||`内容`}`,visible:t.visible??!0,removable:t.removable??!0,created:t.created??Date.now(),layout:t.layout||{span:12}}}const je=()=>{let e=(0,i.reactive)({config:{...Oe},baseFields:[],dynamicFields:[],hiddenFieldIds:new Set,fieldCounter:0,isInitialized:!1}),t=(0,i.computed)(()=>[...e.baseFields,...e.dynamicFields.map(t=>({...t,show:!e.hiddenFieldIds.has(t.prop)}))]),n=(0,i.computed)(()=>t.value.filter(e=>e.show!==!1)),r=(0,i.computed)(()=>e.dynamicFields.length),a=(0,i.computed)(()=>e.hiddenFieldIds.size),o=(0,i.computed)(()=>e.dynamicFields.length<e.config.maxFields),s=(0,i.computed)(()=>e.hiddenFieldIds.size===0),c=(n={})=>{if(!o.value)return null;e.fieldCounter++;let r=Ae(e.fieldCounter,n);return t.value.some(e=>e.prop===r.prop)?null:(e.dynamicFields.push(r),r)},l=t=>{if(e.dynamicFields.length===0)return null;let n=t??e.dynamicFields.length-1;if(n<0||n>=e.dynamicFields.length||e.dynamicFields[n]?.removable===!1)return null;let r=e.dynamicFields.splice(n,1)[0];return r&&e.hiddenFieldIds.delete(r.prop),r??null},u=()=>{let t=e.dynamicFields.length;return e.dynamicFields.forEach(t=>e.hiddenFieldIds.delete(t.prop)),e.dynamicFields.length=0,e.fieldCounter=0,t},d=n=>t.value.some(e=>e.prop===n)?(e.hiddenFieldIds.has(n)?e.hiddenFieldIds.delete(n):e.hiddenFieldIds.add(n),!e.hiddenFieldIds.has(n)):!1,f=()=>(s.value?e.dynamicFields.forEach(t=>{e.hiddenFieldIds.add(t.prop)}):e.hiddenFieldIds.clear(),s.value),p=t=>{let n={...t};n.maxFields!==void 0&&(n.maxFields=Math.max(0,Math.trunc(n.maxFields))),Object.assign(e.config,n)};return{state:(0,i.readonly)(e),allFields:t,visibleFields:n,dynamicFieldsCount:r,hiddenFieldsCount:a,canAddMoreFields:o,allVisible:s,FIELD_TYPE_OPTIONS:ke,addField:c,removeField:l,clearDynamicFields:u,toggleFieldVisibility:d,toggleAllVisibility:f,updateConfig:p,exportConfig:()=>{let t={baseFields:e.baseFields,dynamicFields:e.dynamicFields,config:e.config,hiddenFields:Array.from(e.hiddenFieldIds),timestamp:Date.now()};return JSON.stringify(t,null,2)},initialize:(t,n={})=>{e.baseFields=[...t],e.dynamicFields.length=0,e.hiddenFieldIds.clear(),e.fieldCounter=0,Object.assign(e.config,Oe),p(n),e.isInitialized=!0}}},Me=Symbol(`dynamicFormState`),Ne={class:`c-form-dynamic`},Pe={key:0,class:`dynamic-controls`},Fe={class:`max-fields-config`},Ie={class:`dynamic-stats`},Le={class:`dynamic-controls-fallback`},Re={class:`dynamic-form-items`},ze=(0,i.defineComponent)({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},dynamicFormState:{default:null}},emits:[`field-add`,`field-remove`,`fields-clear`],setup(e,{expose:n,emit:r}){let o=e,s=r,c=(0,i.inject)(Me,null),l=(0,i.computed)(()=>o.dynamicFormState||c),u=(0,i.computed)(()=>!!l.value),d=(0,i.computed)(()=>o.layoutConfig?.dynamic?.grid?.cols??24),f=(0,i.computed)(()=>o.layoutConfig?.dynamic?.grid?.gutter??16),p=(0,i.computed)(()=>o.layoutConfig?.dynamic?.controls?.showControls!==!1),m=(0,i.computed)(()=>l.value?.state.config.maxFields??o.layoutConfig?.dynamic?.dynamic?.maxFields??50),h=(0,i.computed)(()=>l.value?.dynamicFieldsCount.value??0),g=(0,i.computed)(()=>l.value?.canAddMoreFields.value??!1),_=(0,i.computed)(()=>o.formItems.length),v=()=>{let e=l.value?.addField();e&&s(`field-add`,e)},y=()=>{let e=l.value?.removeField();e&&s(`field-remove`,e.prop)},b=()=>{(l.value?.clearDynamicFields()??0)>0&&s(`fields-clear`)},x=e=>{e!==null&&l.value?.updateConfig({maxFields:e})},S=(e,t)=>e.key?.toString()||e.props?.path?.toString()||`dynamic-item-${t}`,C=e=>{let t=o.options?.[e]?.layout?.span;return typeof t==`number`&&t>0&&t<=d.value?t:Math.min(12,d.value)},w=e=>{if(!l.value)return!1;let t=e.props?.path?.toString()||e.key?.toString()||``;return l.value.state.dynamicFields.some(e=>e.prop===t)};return n({addField:()=>l.value?.addField(),removeField:()=>l.value?.removeField(),clearAllDynamic:()=>l.value?.clearDynamicFields(),isDynamicStateAvailable:u,dynamicState:l}),(n,r)=>{let o=a.NBadge,s=a.NButton,c=a.NSpace,l=a.NInputNumber,T=a.NTag,E=a.NCard,D=a.NAlert,O=a.NGridItem,k=a.NGrid;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,Ne,[(0,i.createCommentVNode)(` 动态控制面板 `),p.value&&u.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Pe,[(0,i.createVNode)(E,{size:`small`,title:`动态表单控制`,bordered:!1},{"header-extra":(0,i.withCtx)(()=>[(0,i.createVNode)(o,{value:h.value,type:`warning`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:layers`,size:16})]),_:1},8,[`value`])]),default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{justify:`space-between`,align:`center`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{size:`small`,type:`primary`,disabled:!g.value,onClick:v},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:plus`,size:14})]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` 添加字段 (`+(0,i.toDisplayString)(h.value)+`/`+(0,i.toDisplayString)(m.value)+`) `,1)]),_:1},8,[`disabled`]),(0,i.createVNode)(s,{size:`small`,type:`warning`,disabled:h.value===0,onClick:y},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:minus`,size:14})]),default:(0,i.withCtx)(()=>[r[0]||=(0,i.createTextVNode)(` 移除字段 `,-1)]),_:1},8,[`disabled`]),(0,i.createVNode)(s,{size:`small`,type:`error`,disabled:h.value===0,onClick:b},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:delete-sweep`,size:14})]),default:(0,i.withCtx)(()=>[r[1]||=(0,i.createTextVNode)(` 清空动态 `,-1)]),_:1},8,[`disabled`])]),_:1}),(0,i.createCommentVNode)(` 最大字段数配置 `),(0,i.createElementVNode)(`div`,Fe,[r[2]||=(0,i.createElementVNode)(`span`,null,`最大字段数:`,-1),(0,i.createVNode)(l,{value:m.value,"onUpdate:value":x,min:5,max:50,size:`small`,style:{width:`100px`}},null,8,[`value`])])]),_:1}),(0,i.createElementVNode)(`div`,Ie,[(0,i.createVNode)(c,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(T,{type:`info`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(`总字段: `+(0,i.toDisplayString)(_.value),1)]),_:1}),(0,i.createVNode)(T,{type:`warning`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(`动态: `+(0,i.toDisplayString)(h.value),1)]),_:1})]),_:1})])]),_:1})])):p.value&&!u.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 状态不可用时的提示 `),(0,i.createElementVNode)(`div`,Le,[(0,i.createVNode)(E,{size:`small`,title:`动态表单控制 (静态模式)`,bordered:!1},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(D,{type:`info`,"show-icon":``},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(t.t,{name:`mdi:information-outline`,size:16})]),default:(0,i.withCtx)(()=>[r[3]||=(0,i.createTextVNode)(` 当前为静态模式，如需动态功能请在父组件中提供动态表单状态。 `,-1)]),_:1})]),_:1})])],2112)):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 表单项渲染区域 `),(0,i.createElementVNode)(`div`,Re,[(0,i.createVNode)(k,{cols:d.value,"x-gap":f.value,"y-gap":f.value},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.formItems,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)(O,{key:S(e,t),span:C(t)},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`dynamic-item-wrapper`,{"is-dynamic-field":w(e)}])},[((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e)))],2)]),_:2},1032,[`span`]))),128))]),_:1},8,[`cols`,`x-gap`,`y-gap`])])])}}});var Be=n.t(ze,[[`__scopeId`,`data-v-1c2158e7`]]);const Ve={class:`custom-layout`},He={class:`toolbar-content`},Ue={class:`mode-section`},We={class:`stats-section`},Ge={class:`stat-item`},Ke={class:`stat-value`},qe={class:`stat-item`},Je={class:`stat-value`},Ye={class:`actions-section`},Xe={class:`design-tools`},Ze={class:`tool-group`},Qe={key:0,class:`canvas-hint`},$e={class:`areas-container`},et={class:`area-header`},tt={class:`area-info`},nt=[`onClick`],rt={class:`area-controls`},it={class:`field-preview`},at={class:`field-label`},ot={class:`field-type`},st={key:0,class:`area-drop-zone`},ct={class:`field-name`},lt={class:`field-type-tag`},ut={key:0,class:`empty-layout`},dt={key:1,class:`form-container`},ft={class:`form-areas`},pt=(0,i.defineComponent)({__name:`index`,props:{options:{default:()=>[]},formItems:{default:()=>[]},formData:{default:()=>({})}},emits:[`fields-change`,`export-data`],setup(e,{emit:t}){let n=e,r=t,s=(0,i.ref)(!0),c=(0,i.ref)([]),l=(0,i.ref)([]),u=(0,i.ref)(``),d=(0,i.computed)(()=>n.options?.length>0?n.options:n.formItems?.map(e=>{let t=e.props;return{prop:t?.path||``,label:t?.label||t?.path||``,type:`input`,show:!0}}).filter(e=>e.prop)||[]),f=(0,i.computed)(()=>c.value.reduce((e,t)=>e+t.fields.length,0)),p=()=>`${Date.now()}-${Math.random().toString(36).substring(2,11)}`,m=e=>({input:`输入框`,select:`下拉框`,radio:`单选框`,checkbox:`复选框`,textarea:`文本域`,date:`日期`,number:`数字`})[e]||e,h=e=>n.formItems?.find(t=>t.props?.path===e.prop)||null,g=e=>{let t={id:p(),title:`${e===`horizontal`?`水平`:e===`vertical`?`垂直`:`网格`}区域`,type:e,fields:[]};c.value.push(t)},_=e=>{let t=c.value.findIndex(t=>t.id===e);t!==-1&&c.value.splice(t,1)},v=e=>({...e,id:`${e.prop}-${p()}`}),y=(e,t)=>{let n=c.value.find(t=>t.id===e);if(n){let e=n.fields.findIndex(e=>e.id===t);e!==-1&&n.fields.splice(e,1)}},b=()=>{let e=JSON.stringify(c.value,null,2),t=new Blob([e],{type:`application/json`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`layout-config-${Date.now()}.json`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)},x=()=>{c.value=[]},S=()=>{r(`export-data`,{layout:c.value,formData:n.formData,timestamp:new Date().toISOString()})};return(0,i.watchEffect)(()=>{let e=new Set(c.value.flatMap(e=>e.fields.map(e=>e.prop)));l.value=d.value.filter(t=>!e.has(t.prop)).map(e=>({...e,id:e.prop}))}),(0,i.watch)(()=>c.value,()=>{r(`fields-change`,c.value.flatMap(e=>e.fields.map(e=>({...e,id:void 0}))))},{deep:!0}),(e,t)=>{let n=a.NButton,r=a.NButtonGroup,d=a.NCard,p=a.NInput,C=a.NTag,w=a.NEmpty;return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,Ve,[(0,i.createCommentVNode)(` 顶部工具栏 `),(0,i.createVNode)(d,{bordered:!1,class:`toolbar-card`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,He,[(0,i.createCommentVNode)(` 模式切换 `),(0,i.createElementVNode)(`div`,Ue,[t[12]||=(0,i.createElementVNode)(`span`,{class:`section-label`},`自定义模式:`,-1),(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(n,{type:s.value?`primary`:`default`,onClick:t[0]||=e=>s.value=!0,size:`small`},{default:(0,i.withCtx)(()=>[...t[10]||=[(0,i.createTextVNode)(` 🎨 设计模式 `,-1)]]),_:1},8,[`type`]),(0,i.createVNode)(n,{type:s.value?`default`:`primary`,onClick:t[1]||=e=>s.value=!1,size:`small`},{default:(0,i.withCtx)(()=>[...t[11]||=[(0,i.createTextVNode)(` 📝 填写模式 `,-1)]]),_:1},8,[`type`])]),_:1})]),(0,i.createCommentVNode)(` 统计信息 `),(0,i.createElementVNode)(`div`,We,[(0,i.createElementVNode)(`div`,Ge,[(0,i.createElementVNode)(`div`,Ke,(0,i.toDisplayString)(c.value.length),1),t[13]||=(0,i.createElementVNode)(`div`,{class:`stat-label`},`自定义区域`,-1)]),(0,i.createElementVNode)(`div`,qe,[(0,i.createElementVNode)(`div`,Je,(0,i.toDisplayString)(f.value),1),t[14]||=(0,i.createElementVNode)(`div`,{class:`stat-label`},`字段总数`,-1)])]),(0,i.createCommentVNode)(` 操作按钮 `),(0,i.createElementVNode)(`div`,Ye,[s.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[(0,i.createVNode)(n,{secondary:``,onClick:b,size:`small`},{default:(0,i.withCtx)(()=>[...t[15]||=[(0,i.createTextVNode)(` 💾 保存布局 `,-1)]]),_:1}),(0,i.createVNode)(n,{secondary:``,onClick:x,size:`small`},{default:(0,i.withCtx)(()=>[...t[16]||=[(0,i.createTextVNode)(` 🔄 重置布局 `,-1)]]),_:1})],64)):((0,i.openBlock)(),(0,i.createBlock)(n,{key:1,secondary:``,onClick:S,size:`small`},{default:(0,i.withCtx)(()=>[...t[17]||=[(0,i.createTextVNode)(` 📊 导出数据 `,-1)]]),_:1}))])])]),_:1}),(0,i.createCommentVNode)(` 设计模式工具面板 `),s.value?((0,i.openBlock)(),(0,i.createBlock)(d,{key:0,class:`design-panel`,title:`🎨 设计工具`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,Xe,[(0,i.createElementVNode)(`div`,Ze,[t[21]||=(0,i.createElementVNode)(`span`,{class:`group-label`},`添加区域:`,-1),(0,i.createVNode)(n,{onClick:t[2]||=e=>g(`horizontal`),size:`small`},{default:(0,i.withCtx)(()=>[...t[18]||=[(0,i.createTextVNode)(` ➡️ 水平区域 `,-1)]]),_:1}),(0,i.createVNode)(n,{onClick:t[3]||=e=>g(`vertical`),size:`small`},{default:(0,i.withCtx)(()=>[...t[19]||=[(0,i.createTextVNode)(` ⬇️ 垂直区域 `,-1)]]),_:1}),(0,i.createVNode)(n,{onClick:t[4]||=e=>g(`grid`),size:`small`},{default:(0,i.withCtx)(()=>[...t[20]||=[(0,i.createTextVNode)(` ⚏ 网格区域 `,-1)]]),_:1})])])]),_:1})):(0,i.createCommentVNode)(`v-if`,!0),(0,i.createCommentVNode)(` 主画布区域 `),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`layout-canvas`,{"design-mode":s.value}])},[(0,i.createCommentVNode)(` 设计模式 `),s.value?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[c.value.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,Qe,[...t[22]||=[(0,i.createElementVNode)(`div`,{class:`hint-content`},[(0,i.createElementVNode)(`h3`,null,`🎨 开始自定义你的布局`),(0,i.createElementVNode)(`p`,null,`点击上方按钮添加区域`)],-1)]])):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 区域列表 `),(0,i.createElementVNode)(`div`,$e,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(c.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.id,class:(0,i.normalizeClass)([`custom-area`,`area-${e.type}`])},[(0,i.createElementVNode)(`div`,et,[(0,i.createElementVNode)(`div`,tt,[u.value===e.id?((0,i.openBlock)(),(0,i.createBlock)(p,{key:0,value:e.title,"onUpdate:value":t=>e.title=t,size:`small`,onBlur:t[5]||=e=>u.value=``,onKeyup:t[6]||=(0,i.withKeys)(e=>u.value=``,[`enter`]),class:`title-input`},null,8,[`value`,`onUpdate:value`])):((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:1,class:`area-title`,onClick:t=>u.value=e.id},(0,i.toDisplayString)(e.title),9,nt)),(0,i.createVNode)(C,{size:`small`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.fields.length)+` 字段`,1)]),_:2},1024)]),(0,i.createElementVNode)(`div`,rt,[(0,i.createVNode)(n,{text:``,onClick:t=>_(e.id),size:`tiny`,type:`error`,title:`删除区域`},{default:(0,i.withCtx)(()=>[...t[23]||=[(0,i.createTextVNode)(` 🗑️ `,-1)]]),_:1},8,[`onClick`])])]),(0,i.createCommentVNode)(` 字段容器（可拖入） `),(0,i.createVNode)((0,i.unref)(o.VueDraggable),{modelValue:e.fields,"onUpdate:modelValue":t=>e.fields=t,class:`area-fields`,group:{name:`form-fields`,pull:!0,put:!0},animation:200,"ghost-class":`field-ghost`,"item-key":`id`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.fields,r=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:r.id,class:`field-item`},[(0,i.createElementVNode)(`div`,it,[t[25]||=(0,i.createElementVNode)(`span`,{class:`drag-handle`},`⠿`,-1),(0,i.createElementVNode)(`span`,at,(0,i.toDisplayString)(r.label||r.prop),1),(0,i.createElementVNode)(`span`,ot,(0,i.toDisplayString)(m(r.type)),1),(0,i.createVNode)(n,{text:``,size:`tiny`,type:`error`,onClick:t=>y(e.id,r.id),title:`移出字段`},{default:(0,i.withCtx)(()=>[...t[24]||=[(0,i.createTextVNode)(` ✕ `,-1)]]),_:1},8,[`onClick`])])]))),128))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`]),e.fields.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,st,` 从下方字段池拖拽字段到这里 `)):(0,i.createCommentVNode)(`v-if`,!0)],2))),128))])],2112)),(0,i.createCommentVNode)(` 字段池（可拖出） `),(0,i.createVNode)(d,{class:`field-pool`,title:`📦 可用字段`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(o.VueDraggable),{modelValue:l.value,"onUpdate:modelValue":t[7]||=e=>l.value=e,class:`pool-fields-grid`,group:{name:`form-fields`,pull:`clone`,put:!0},animation:200,sort:!1,"ghost-class":`field-ghost`,"item-key":`id`,clone:v},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(l.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.id,class:`pool-field`},[t[26]||=(0,i.createElementVNode)(`span`,{class:`drag-handle`},`⠿`,-1),(0,i.createElementVNode)(`span`,ct,(0,i.toDisplayString)(e.label||e.prop),1),(0,i.createElementVNode)(`span`,lt,(0,i.toDisplayString)(m(e.type)),1)]))),128))]),_:1},8,[`modelValue`])]),_:1})],64)):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createCommentVNode)(` 填写模式 `),c.value.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ut,[(0,i.createVNode)(w,{description:`尚未设计布局`},{extra:(0,i.withCtx)(()=>[(0,i.createVNode)(n,{onClick:t[8]||=e=>s.value=!0,type:`primary`},{default:(0,i.withCtx)(()=>[...t[27]||=[(0,i.createTextVNode)(` 🎨 开始设计 `,-1)]]),_:1})]),_:1})])):((0,i.openBlock)(),(0,i.createElementBlock)(`div`,dt,[(0,i.createElementVNode)(`div`,ft,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(c.value,e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.id,class:(0,i.normalizeClass)([`form-area`,`area-${e.type}`])},[e.fields.length>0?((0,i.openBlock)(),(0,i.createBlock)(d,{key:0,title:e.title},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`area-form-items`,`layout-${e.type}`])},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.fields,e=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(h(e)),{key:e.prop}))),128))],2)]),_:2},1032,[`title`])):((0,i.openBlock)(),(0,i.createBlock)(w,{key:1,description:`此区域暂无字段`,size:`small`},{extra:(0,i.withCtx)(()=>[(0,i.createVNode)(n,{onClick:t[9]||=e=>s.value=!0,size:`small`,secondary:``},{default:(0,i.withCtx)(()=>[...t[28]||=[(0,i.createTextVNode)(` 🎨 添加字段 `,-1)]]),_:1})]),_:1}))],2))),128))])]))],64))],2)])}}});var mt=n.t(pt,[[`__scopeId`,`data-v-75b5d79c`]]);const ht=(0,i.defineComponent)({name:`C_Form`,__name:`index`,props:{options:{},modelValue:{},config:{default:()=>({})},renderers:{}},emits:[`submit`,`update:modelValue`,`validate-success`,`validate-error`],setup(t,{expose:n,emit:r}){let o=(0,i.defineAsyncComponent)(()=>Promise.resolve().then(()=>require(`./C_Editor.cjs`)).then(e=>e.C_Editor)),s={default:O,inline:A,grid:te,card:le,tabs:ve,steps:De,dynamic:Be,custom:mt},u={NFormItem:a.NFormItem,NInput:a.NInput,NInputNumber:a.NInputNumber,NSwitch:a.NSwitch,NSlider:a.NSlider,NRate:a.NRate,NDatePicker:a.NDatePicker,NTimePicker:a.NTimePicker,NCascader:a.NCascader,NColorPicker:a.NColorPicker,NSelect:a.NSelect,NCheckboxGroup:a.NCheckboxGroup,NCheckbox:a.NCheckbox,NRadioGroup:a.NRadioGroup,NRadio:a.NRadio,NUpload:a.NUpload,NButton:a.NButton,NSpace:a.NSpace,NTooltip:a.NTooltip,C_Editor:o},d=t,m=r,h=c(),g=(0,i.computed)(()=>f(l(d.config,h))),{t:_}=e.i(()=>g.value.locale),y=(0,i.ref)(null),{formModel:b,formRules:x,visibleOptions:S,initialize:C,handleFieldChange:w,validate:E,validateField:D,validateStep:k,validateTab:j,validateDynamicFields:M,validateCustomGroup:ee,clearValidation:N,getModel:P,setFields:F,resetFields:I,setFieldValue:ne,getFieldValue:L,setFieldsValue:R,handleSubmit:z,handleReset:B,isDirty:re,getChangedFields:V,isFieldDirty:ie,markAsClean:H,asyncOptionsCache:U,asyncLoadingMap:W,asyncErrorMap:G,reloadOptions:K,setFormItemRef:q,isSubmitting:J,submit:Y}=v((0,i.computed)(()=>d.options),g,y,m,(0,i.computed)(()=>d.modelValue)),ae=(0,i.computed)(()=>b.value),oe=()=>P(),{formItems:se}=T({formModel:b,visibleOptions:S,config:g,handleFieldChange:w,componentMap:u,instanceSlots:(0,i.getCurrentInstance)()?.slots,asyncOptionsCache:U,asyncLoadingMap:W,renderers:(0,i.computed)(()=>d.renderers),setFormItemRef:q,onError:(e,t)=>g.value.onError?.(e,{source:`render`,field:t})}),X=(0,i.computed)(()=>s[g.value.layout]||s.default),Z=(0,i.computed)(()=>({type:g.value.layout,grid:g.value.grid,inline:g.value.inline,card:g.value.card,tabs:g.value.tabs,steps:g.value.steps,dynamic:g.value.dynamic,custom:g.value.custom})),Q=(0,i.computed)(()=>p(g.value)),ce=(0,i.computed)(()=>g.value.layout===`steps`?{beforeStepChange:ge,validateStep:_e}:g.value.layout===`tabs`?{beforeTabChange:pe,validateTab:me}:{}),$=(e,...t)=>{let n=g.value[e];if(typeof n==`function`)try{let e=n(...t);e instanceof Promise&&e.catch(e=>g.value.onError?.(e,{source:`callback`}))}catch(e){g.value.onError?.(e,{source:`callback`})}},ue=e=>{g.value.onFieldsChange?.(e)},de=e=>{m(`validate-success`,e)},fe=e=>{m(`validate-error`,e)},pe=async(e,t)=>{try{return await g.value.onTabBeforeChange?.(e,t)!==!1}catch(e){return g.value.onError?.(e,{source:`callback`}),!1}},me=async e=>{let t=await j(e);return t&&g.value.onTabValidate?.(e),t},he=(e,t)=>{g.value.onStepChange?.(e,t)},ge=async(e,t)=>{try{return await g.value.onStepBeforeChange?.(e,t)!==!1}catch(e){return g.value.onError?.(e,{source:`callback`}),!1}},_e=async e=>{try{return await k(e)?(g.value.onStepValidate?.(e),!0):!1}catch{return!1}};return n({validate:E,validateField:D,validateStep:k,validateTab:j,validateDynamicFields:M,validateCustomGroup:ee,clearValidation:N,getModel:P,setFields:F,resetFields:I,setFieldValue:ne,getFieldValue:L,setFieldsValue:R,formRef:y,formModel:b,initialize:C,layoutType:(0,i.computed)(()=>g.value.layout),shouldShowDefaultActions:Q,isDirty:re,getChangedFields:V,isFieldDirty:ie,markAsClean:H,asyncLoadingMap:W,asyncErrorMap:G,reloadOptions:K,isSubmitting:J,submit:Y}),(e,t)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NForm),(0,i.mergeProps)({ref_key:`formRef`,ref:y,model:(0,i.unref)(b),rules:(0,i.unref)(x),"validate-on-rule-change":!1,"label-placement":g.value.labelPlacement,"label-width":g.value.labelWidth,size:g.value.size,disabled:g.value.disabled,readonly:g.value.readonly},e.$attrs),{default:(0,i.withCtx)(()=>[(0,i.createCommentVNode)(` 布局组件渲染 `),((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(X.value),(0,i.mergeProps)({"form-items":(0,i.unref)(se),"layout-config":Z.value,options:(0,i.unref)(S),"form-data":(0,i.unref)(b)},ce.value,{onTabChange:t[0]||=(e,t)=>$(`onTabChange`,e,t),onStepChange:he,onFieldAdd:t[1]||=e=>$(`onFieldAdd`,e),onFieldRemove:t[2]||=e=>$(`onFieldRemove`,e),onFieldToggle:t[3]||=(e,t)=>$(`onFieldToggle`,e,t),onFieldsClear:t[4]||=e=>$(`onFieldsClear`),onRenderModeChange:t[5]||=e=>$(`onRenderModeChange`,e),onGroupToggle:t[6]||=(e,t)=>$(`onGroupToggle`,e,t),onGroupReset:t[7]||=e=>$(`onGroupReset`,e),onValidateSuccess:de,onValidateError:fe,onFieldsChange:ue}),(0,i.createSlots)({"step-actions":(0,i.withCtx)(t=>[(0,i.renderSlot)(e.$slots,`step-actions`,(0,i.mergeProps)(t,{submit:(0,i.unref)(Y),submitting:(0,i.unref)(J)}),void 0,!0)]),_:2},[(0,i.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,i.withCtx)(t=>[n!==`action`&&n!==`step-actions`?(0,i.renderSlot)(e.$slots,n,(0,i.normalizeProps)((0,i.guardReactiveProps)(t)),void 0,!0,0):(0,i.createCommentVNode)(`v-if`,!0)])}))]),1040,[`form-items`,`layout-config`,`options`,`form-data`])),(0,i.createCommentVNode)(` 表单操作按钮区域（只在特定布局中显示） `),Q.value?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NFormItem),{key:0,style:{"margin-top":`20px`}},{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`action`,{form:y.value,model:ae.value,validate:(0,i.unref)(E),validateField:(0,i.unref)(D),reset:(0,i.unref)(I),setFields:(0,i.unref)(F),getModel:oe,clearValidation:(0,i.unref)(N),submit:(0,i.unref)(Y),reloadOptions:(0,i.unref)(K),submitting:(0,i.unref)(J)},()=>[(0,i.createVNode)((0,i.unref)(a.NSpace),null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NButton),{type:`primary`,loading:(0,i.unref)(J),disabled:(0,i.unref)(J),onClick:(0,i.unref)(z)},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(g.value.submitText||(0,i.unref)(_)(`common.submit`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`]),(0,i.createVNode)((0,i.unref)(a.NButton),{disabled:(0,i.unref)(J),onClick:(0,i.unref)(B)},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(g.value.resetText||(0,i.unref)(_)(`common.reset`)),1)]),_:1},8,[`disabled`,`onClick`])]),_:1})],!0)]),_:3})):(0,i.createCommentVNode)(`v-if`,!0)]),_:3},16,[`model`,`rules`,`label-placement`,`label-width`,`size`,`disabled`,`readonly`]))}});var gt=n.t(ht,[[`__scopeId`,`data-v-fff98c51`]]);Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return Me}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return gt}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return u}});

package/dist/C_Form2.js

@@ -1 +1 @@
-import{i as e,r as t}from"./config.js";import{t as n}from"./C_Icon2.js";import{t as r}from"./export-helper.js";import{a as i,i as a,n as o,o as s,r as c,s as l,t as u}from"./data.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createTextVNode as v,createVNode as y,defineAsyncComponent as b,defineComponent as x,getCurrentInstance as S,guardReactiveProps as C,h as w,inject as T,mergeProps as E,nextTick as D,normalizeClass as O,normalizeProps as k,normalizeStyle as A,onMounted as j,onScopeDispose as ee,openBlock as M,reactive as N,readonly as P,ref as F,renderList as I,renderSlot as L,resolveComponent as te,resolveDynamicComponent as R,toDisplayString as z,toValue as B,unref as V,vShow as ne,watch as H,watchEffect as re,withCtx as U,withDirectives as ie,withKeys as ae}from"vue";import{NAlert as W,NBadge as G,NButton as K,NButtonGroup as oe,NCard as q,NCascader as se,NCheckbox as ce,NCheckboxGroup as le,NColorPicker as ue,NDatePicker as de,NEmpty as J,NForm as fe,NFormItem as Y,NGrid as pe,NGridItem as me,NInput as he,NInputNumber as ge,NProgress as _e,NRadio as ve,NRadioGroup as ye,NRate as be,NSelect as xe,NSlider as Se,NSpace as X,NStep as Ce,NSteps as we,NSwitch as Te,NTabPane as Ee,NTabs as Z,NTag as De,NTimePicker as Oe,NTooltip as ke,NUpload as Ae}from"naive-ui";import{VueDraggable as je}from"vue-draggable-plus";const Me=Symbol(`c-form-global-config`);function Ne(){return S()?T(Me,{}):{}}function Pe(e,t){let n=e??{},r=(e,t)=>e||t?{...e,...t}:void 0;return{...t,...n,grid:r(t.grid,n.grid),inline:r(t.inline,n.inline),card:r(t.card,n.card),tabs:r(t.tabs,n.tabs),steps:r(t.steps,n.steps),dynamic:r(t.dynamic,n.dynamic),custom:r(t.custom,n.custom)}}const Fe={layout:`default`,labelPlacement:`left`,labelWidth:`auto`,size:`medium`,disabled:!1,readonly:!1,showActions:!0,validateOnChange:!1,preserveRemovedFields:!1,submitText:``,resetText:``,mode:`create`},Ie=[`steps`,`custom`];function Le(e){return{...Fe,...e}}function Re(e){return!(e.showActions===!1||Ie.includes(e.layout))}function ze(e,t){let n=F({}),r=f(()=>a().length>0);function a(){let r=n.value,a=t?B(t):void 0,o=new Set(a??[...Object.keys(r),...Object.keys(e)]),s=[];for(let t of o)i(c(r,t),c(e,t))||s.push(t);return s}function o(t){return!i(c(n.value,t),c(e,t))}function s(){n.value=u(e)}function l(){return u(n.value)}return{isDirty:r,getChangedFields:a,isFieldDirty:o,markAsClean:s,getCleanModel:l}}const Be={input:``,textarea:``,editor:``,select:null,datePicker:null,daterange:null,timePicker:null,cascader:null,colorPicker:null,checkbox:[],upload:[],radio:``,inputNumber:null,slider:null,rate:null,switch:!1};function Ve(e){return u((e.value===void 0?Be[e.type]:e.value)??null)}function Q(e){let t=new Set;e.forEach((e,n)=>{if(!e.prop?.trim())throw TypeError(`[C_Form] options[${n}].prop 不能为空`);if(t.has(e.prop))throw TypeError(`[C_Form] 字段 prop 重复: ${e.prop}`);t.add(e.prop)})}function He(n,r,d,p,m){let h=N({}),g=N({}),_=new Map,v=F({}),y=F({}),b=F({}),x=F(!1),S=new Map,C=new Map,w=new Map,T=new Set,E=!1,O=!1,k=0,A=t(()=>r.value.feedback),{t:j}=e(()=>r.value.locale),{isDirty:M,getChangedFields:P,isFieldDirty:I,markAsClean:L,getCleanModel:te}=ze(h,()=>n.value.map(e=>e.prop));function R(e,t,n){r.value.onError?r.value.onError(e,{source:t,field:n}):A.error(e instanceof Error?e.message:String(e),e)}let z=f(()=>n.value.filter(e=>{if(e.show===!1)return!1;if(!e.showWhen)return!0;try{return e.showWhen(h)}catch(t){return R(t,`callback`,e.prop),!1}}));function B(){O=!0;let e=++k;D(()=>{e===k&&(O=!1)})}function V(){return u(h)}function ne(e){let t=e?u(e):{};return n.value.forEach(e=>{a(t,e.prop)||l(t,e.prop,Ve(e))}),t}function re(e){try{let t=e.rulesWhen?[...e.rulesWhen(h)]:[...e.rules??[]];if(e.required&&!t.some(e=>e.required)&&t.unshift({required:!0,message:j(`form.required`,{label:e.label||e.prop}),trigger:[`input`,`change`,`blur`]}),e.crossFieldValidator){let n=e.crossFieldValidator;t.push({async validator(){let e=await n(h);if(e)throw Error(e)},trigger:[`change`,`blur`]})}if(t.length===0){delete g[e.prop];return}g[e.prop]=t.map(t=>({...t,key:e.prop}))}catch(t){delete g[e.prop],R(t,`callback`,e.prop)}}function U(){n.value.forEach(e=>{(e.rulesWhen||e.crossFieldValidator)&&re(e)})}function ie(e){T.forEach(t=>{e.has(t)||(_.delete(t),delete g[t],delete v.value[t],delete y.value[t],delete b.value[t],C.get(t)?.abort(),C.delete(t),S.delete(t),w.delete(t),r.value.preserveRemovedFields||o(h,t))})}function ae(e=!1){try{Q(n.value);let t=new Set(n.value.map(e=>e.prop));ie(t),n.value.forEach(e=>{a(h,e.prop)||l(h,e.prop,Ve(e)),re(e),e.asyncOptions&&w.get(e.prop)!==e.asyncOptions&&(w.set(e.prop,e.asyncOptions),D(()=>K(e,`initialize`)))}),T=t,e&&D(L)}catch(e){throw R(e,`initialize`),e}}function W(e){B(),s(h,ne(e)),U()}function G(e,t,n){return n.signal.aborted||S.get(e)!==t}async function K(e,t){if(!e.asyncOptions)return;let{prop:n}=e,r=(S.get(n)??0)+1;S.set(n,r),C.get(n)?.abort();let i=new AbortController;C.set(n,i),y.value[n]=!0,delete b.value[n];try{let a=await e.asyncOptions(V(),{field:n,reason:t,signal:i.signal});if(G(n,r,i))return;if(!Array.isArray(a))throw TypeError(`[C_Form] ${n}.asyncOptions 必须返回数组`);v.value[n]=u([...a])}catch(e){if(G(n,r,i))return;b.value[n]=e,R(e,`async-options`,n)}finally{S.get(n)===r&&(y.value[n]=!1,C.delete(n))}}async function oe(e){let t=n.value.filter(t=>t.asyncOptions&&(!e||t.prop===e));if(e&&t.length===0)throw Error(`[C_Form] 未找到异步选项字段: ${e}`);await Promise.all(t.map(e=>K(e,`manual`)))}function q(){let e=n.value.filter(e=>e.valueWhen);if(e.length!==0){for(let t=0;t<=e.length;t+=1){let t=!1;for(let n of e)try{let e=n.valueWhen?.(h);e!==void 0&&!i(c(h,n.prop),e)&&(l(h,n.prop,u(e)),t=!0)}catch(e){R(e,`callback`,n.prop)}if(!t)return}R(Error(`[C_Form] valueWhen 存在循环依赖，已停止继续计算`),`callback`)}}function se(e){let t=new Set(e);return n.value.filter(e=>!e.asyncOptions||!e.dependsOn?!1:(Array.isArray(e.dependsOn)?e.dependsOn:[e.dependsOn]).some(e=>t.has(e)))}function ce(e){q(),U(),se(e).forEach(e=>{K(e,`dependency`)}),r.value.validateOnChange&&D(()=>{J([...e]).catch(()=>void 0)})}function le(e){ce([e])}function ue(e,t){t?_.set(e,t):_.delete(e)}async function de(){if(!d.value)throw Error(`[C_Form] 表单引用不存在`);try{await d.value.validate(),p(`validate-success`,V())}catch(e){throw p(`validate-error`,e),e}}async function J(e){if(!d.value)throw Error(`[C_Form] 表单引用不存在`);let t=[...new Set(Array.isArray(e)?e:[e])],n=[],r=t.flatMap(e=>{let t=_.get(e);return t?[t.validate()]:(n.push(e),[])});n.length>0&&r.push(d.value.validate(void 0,e=>n.includes(String(e.key??``))));let i=(await Promise.allSettled(r)).filter(e=>e.status===`rejected`).map(e=>e.reason);if(i.length>0)throw i}function fe(e){if(!e){d.value?.restoreValidation();return}(Array.isArray(e)?e:[e]).forEach(e=>_.get(e)?.restoreValidation())}async function Y(e){let t=n.value.filter(e).map(e=>e.prop);if(t.length===0)return!0;try{return await J(t),!0}catch{return!1}}function pe(e){let t=r.value.steps?.steps?.[e]?.key;return t?Y(e=>e.layout?.step===t):Promise.resolve(!0)}function me(e){return Y(t=>t.layout?.tab===e)}function he(){return Y(e=>!!e.layout?.dynamic)}function ge(e){return Y(t=>t.layout?.group===e)}function _e(e){Object.entries(u(e)).forEach(([e,t])=>{l(h,e,t)}),ce(Object.keys(e))}function ve(){s(h,te()),fe(),U()}async function ye(e,t,n=!1){l(h,e,u(t)),le(e),n&&await J(e)}function be(e){return u(c(h,e))}async function xe(e,t=!1){_e(e),t&&await J(Object.keys(e))}async function Se(){if(x.value)return!1;x.value=!0;try{await de();let e={model:V(),form:d.value};try{await r.value.onSubmit?.(e)}catch(e){return R(e,`submit`),!1}return p(`submit`,e),!0}catch{return!1}finally{x.value=!1}}function X(){ae(!0);let e=m?.value??(r.value.mode===`edit`?r.value.initialValues:void 0);e&&W(e),q(),D(L)}return H(n,()=>{let e=!E;e&&B(),ae(e),E=!0},{deep:!0,immediate:!0}),m&&H(m,e=>{e!==void 0&&!i(h,e)&&W(e)},{deep:!0,immediate:!0}),H(()=>[r.value.mode,r.value.initialValues],([e,t])=>{m?.value!==void 0||e!==`edit`||!t||(W(t),D(L))},{deep:!0}),H(h,e=>{O||p(`update:modelValue`,u(e))},{deep:!0,flush:`post`}),ee(()=>{C.forEach(e=>e.abort()),C.clear(),_.clear()}),{formModel:h,formRules:g,visibleOptions:z,initialize:X,handleFieldChange:le,setFormItemRef:ue,validate:de,validateField:J,validateStep:pe,validateTab:me,validateDynamicFields:he,validateCustomGroup:ge,clearValidation:fe,getModel:V,setFields:_e,resetFields:ve,setFieldValue:ye,getFieldValue:be,setFieldsValue:xe,submit:Se,handleSubmit:Se,handleReset:ve,isSubmitting:x,isDirty:M,getChangedFields:P,isFieldDirty:I,markAsClean:L,asyncOptionsCache:v,asyncLoadingMap:y,asyncErrorMap:b,reloadOptions:oe}}function Ue(e,t,n){return e===void 0?t:typeof e==`function`?e(n):e}function We(e){return{input:t=>w(e.NInput,{...t}),textarea:t=>w(e.NInput,{...t,type:`textarea`}),inputNumber:t=>w(e.NInputNumber,{...t}),switch:t=>w(e.NSwitch,{...t}),slider:t=>w(e.NSlider,{...t}),rate:t=>w(e.NRate,{...t}),datePicker:t=>w(e.NDatePicker,{...t}),daterange:t=>w(e.NDatePicker,{...t,type:`daterange`}),timePicker:t=>w(e.NTimePicker,{...t}),cascader:t=>w(e.NCascader,{...t}),colorPicker:t=>w(e.NColorPicker,{...t}),select:(t,n)=>w(e.NSelect,{...t,options:n.children?.map(e=>({...e}))||[]}),checkbox:(t,n)=>w(e.NCheckboxGroup,{...t},{default:()=>w(e.NSpace,{},{default:()=>n.children?.map(t=>w(e.NCheckbox,{value:t.value,label:t.label,disabled:t.disabled,key:String(t.value)}))||[]})}),radio:(t,n)=>w(e.NRadioGroup,{...t},{default:()=>w(e.NSpace,{},{default:()=>n.children?.map(t=>w(e.NRadio,{value:t.value,disabled:t.disabled,key:String(t.value)},{default:()=>t.label}))||[]})}),upload:(t,n,r,i)=>{let a={...t},{value:o}=a,s=a[`onUpdate:value`];return delete a.value,delete a[`onUpdate:value`],w(e.NUpload,{...a,fileList:Array.isArray(o)?o:[],"onUpdate:fileList":e=>s?.(e)},{trigger:()=>i.slots?.uploadClick?.()||w(e.NButton,{type:`primary`},{default:()=>`选择文件`}),tip:()=>i.slots?.uploadTip?.()||null})},editor:(t,n)=>{let r={...t},{value:i}=r,a=r[`onUpdate:value`];return delete r.value,delete r[`onUpdate:value`],w(e.C_Editor,{...r,editorId:`editor-${n.prop}`,modelValue:typeof i==`string`?i:``,"onUpdate:modelValue":e=>a?.(e)})}}}const $={};function Ge(e,t){if(!e.trim())throw TypeError(`[C_Form] renderer type 不能为空`);if(typeof t!=`function`)throw TypeError(`[C_Form] renderer ${e} 必须是函数`);return $[e]=t,()=>Ke(e,t)}function Ke(e,t){return!$[e]||t&&$[e]!==t?!1:delete $[e]}const qe=new Set([`select`,`checkbox`,`radio`,`cascader`]);function Je(e){let{formModel:t,visibleOptions:n,config:r,handleFieldChange:i,componentMap:a,instanceSlots:o,asyncOptionsCache:s,asyncLoadingMap:u,renderers:d,setFormItemRef:p,onError:m}=e,h=a,g=We(h),_=e=>d?.value?.[e]??$[e]??g[e],v=e=>{let n={value:c(t,e.prop),"onUpdate:value":n=>{l(t,e.prop,n),i(e.prop)},disabled:Ue(e.disabled,r.value.disabled,t),readonly:Ue(e.readonly,r.value.readonly,t)};return e.type===`textarea`&&(n.type=`textarea`),e.placeholder&&(n.placeholder=e.placeholder),n};function y(e){let t=e.children??[];return Object.prototype.hasOwnProperty.call(s.value,e.prop)?s.value[e.prop]??[]:t}function b(e){return qe.has(e.type)?{...e,children:y(e)}:e}function x(e,t){return e.type===`select`&&u.value[e.prop]&&(t.loading=!0),t}let S=e=>{try{let t=b(e),n=_(t.type);return n?n(x(t,E(t.attrs??{},v(t))),t,r.value,{slots:o,components:h}):(m?.(TypeError(`[C_Form] 未支持的组件类型: ${t.type}`),t.prop),null)}catch(t){return m?.(t,e.prop),null}};function C(e){if(e.label)return e.help?w(`span`,{style:`display:inline-flex;align-items:center;gap:4px`},[e.label,w(h.NTooltip,{trigger:`hover`},{trigger:()=>w(`span`,{style:`cursor:help;opacity:0.5;font-size:14px`,textContent:`ⓘ`}),default:()=>e.help})]):e.label}return{renderFormItem:S,formItems:f(()=>n.value.map(e=>{let t=!!(e.required||e.rules?.some(e=>e.required)),n=C(e);return w(h.NFormItem,{label:typeof n==`string`?n:void 0,path:e.prop,key:e.prop,required:t,ref:t=>p?.(e.prop,t)},{...typeof n!=`string`&&n?{label:()=>n}:{},default:()=>S(e)})})),getBaseProps:v}}const Ye={class:`c-form-default`};var Xe=r(x({__name:`index`,props:{formItems:{},layoutConfig:{},options:{}},setup(e){return(t,n)=>(M(),h(`div`,Ye,[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(R(e),{key:e.key??t}))),128))]))}}),[[`__scopeId`,`data-v-4313de0c`]]),Ze=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(e){let t=e,n=f(()=>280),r=f(()=>t.layoutConfig?.inline?.gap??16),i=f(()=>16),a=f(()=>{let e=t.layoutConfig?.inline?.align;return e===`start`||e===`end`?e:`center`}),o=f(()=>{switch(a.value){case`start`:return`flex-start`;case`end`:return`flex-end`;default:return`center`}}),s=f(()=>{switch(a.value){case`start`:return`flex-start`;case`end`:return`flex-end`;case`center`:return`center`;default:return`flex-start`}}),c=f(()=>({display:`flex`,flexWrap:`wrap`,alignItems:o.value,justifyContent:s.value,gap:`${i.value}px ${r.value}px`,width:`100%`})),l=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`form-item-${t}`},u=e=>{let r=t.options?.[e]?.layout,i={width:`${n.value}px`,flexShrink:0,display:`flex`,flexDirection:`column`};return r?.width!==void 0&&(i.width=typeof r.width==`number`?`${r.width}px`:r.width),r?.style&&Object.assign(i,r.style),i};return(t,n)=>(M(),h(`div`,{class:`c-form-inline`,style:A(c.value)},[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),h(`div`,{key:l(e,t),class:`c-form-inline-item`,style:A(u(t))},[(M(),p(R(e)))],4))),128))],4))}}),[[`__scopeId`,`data-v-7c4a2aa3`]]);const Qe={class:`c-grid-layout`},$e={class:`config-header`},et={class:`config-controls`},tt={class:`config-label`},nt={class:`item-wrapper`};var rt=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(e,{expose:t}){let r=e,i=N({cols:24,gutter:16,responsive:!0}),a=f(()=>r.layoutConfig?.grid||{}),o=f(()=>a.value.showConfigPanel),s=f(()=>a.value.showStats),c=f(()=>({cols:o.value?i.cols:a.value.cols??24,gutter:o.value?i.gutter:a.value.gutter??16,responsive:o.value?i.responsive:a.value.responsive??!0})),l=f(()=>({cols:c.value.cols,xGap:c.value.gutter,yGap:c.value.gutter,responsive:c.value.responsive?`screen`:`self`})),u=f(()=>[{key:`cols`,label:`列数`,component:`NInputNumber`,value:f({get:()=>i.cols,set:e=>i.cols=e}),props:{min:1,max:48,size:`small`}},{key:`gutter`,label:`间距`,component:`NInputNumber`,value:f({get:()=>i.gutter,set:e=>i.gutter=e}),props:{min:0,max:48,size:`small`}},{key:`responsive`,label:`响应式`,component:`NSwitch`,value:f({get:()=>i.responsive,set:e=>i.responsive=e}),props:{size:`small`}}]),_=f(()=>`列数: ${c.value.cols} | 间距: ${c.value.gutter}px | 项目: ${r.formItems.length}个`),b=(e,t)=>String(e.key)||e.props?.path||`grid-item-${t}`,x=(e,t)=>{let n=r.options?.[e]?.layout;return n?.[t]??n?.grid?.[t]},S=()=>{let{cols:e}=c.value;return e<=12?e:e<=24?12:8},C=e=>{let t=x(e,`span`),n=x(e,`offset`),r=x(e,`suffix`);return{span:typeof t==`number`&&t>0&&t<=c.value.cols?t:S(),offset:typeof n==`number`&&n>=0&&n<c.value.cols?n:0,suffix:!!r}};return H(a,e=>{e.cols!==void 0&&(i.cols=e.cols),e.gutter!==void 0&&(i.gutter=e.gutter),e.responsive!==void 0&&(i.responsive=e.responsive)},{immediate:!0}),t({updateGridConfig:e=>Object.assign(i,e),getCurrentConfig:()=>({...c.value}),getGridInfo:()=>({...c.value,itemCount:r.formItems.length})}),(t,r)=>{let i=q,a=me,c=pe,f=W;return M(),h(`div`,Qe,[m(` 配置面板 `),o.value?(M(),p(i,{key:0,size:`small`,bordered:!1,class:`config-panel`},{header:U(()=>[g(`div`,$e,[y(n,{name:`mdi:view-grid`,size:18}),r[0]||=g(`span`,null,`网格配置`,-1)])]),default:U(()=>[g(`div`,et,[(M(!0),h(d,null,I(u.value,e=>(M(),h(`div`,{key:e.key,class:`config-item`},[g(`span`,tt,z(e.label)+`:`,1),(M(),p(R(e.component),E({value:e.value,"onUpdate:value":t=>e.value=t},{ref_for:!0},e.props),null,16,[`value`,`onUpdate:value`]))]))),128))])]),_:1})):m(`v-if`,!0),m(` 网格容器 `),y(c,E(l.value,{class:`grid-container`}),{default:U(()=>[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(a,E({key:b(e,t)},{ref_for:!0},C(t),{class:`grid-item`}),{default:U(()=>[g(`div`,nt,[(M(),p(R(e)))])]),_:2},1040))),128))]),_:1},16),m(` 统计信息 `),s.value?(M(),p(f,{key:1,type:`info`,"show-icon":!1,size:`small`,class:`grid-stats`},{header:U(()=>[y(n,{name:`mdi:information-outline`,size:16}),r[1]||=v(` 网格信息 `,-1)]),default:U(()=>[v(` `+z(_.value),1)]),_:1})):m(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-90ef9fa4`]]);const it={class:`c-form-card`},at={class:`flex items-center gap-2`},ot={class:`config-controls`},st={class:`config-item`},ct={class:`flex items-center gap-2`},lt={class:`text-xs min-w-12`},ut={class:`config-item`},dt={class:`config-item`},ft={class:`config-item`},pt={class:`flex items-center gap-3`},mt={class:`card-header`},ht={class:`header-info`},gt={class:`header-text`},_t={key:0},vt={class:`header-actions`},yt={class:`field-stats`},bt={class:`card-content`},xt={key:0,class:`progress-section`},St={class:`action-content`},Ct={class:`status-summary`},wt={class:`status-item`},Tt={class:`progress-display`},Et={class:`text-sm min-w-12`},Dt={class:`action-buttons`};var Ot=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},formData:{default:()=>({})}},setup(e){let t=e,r=F(20),i=F(!0),a=F(!0),o=F(!0),s=F(`vertical`),c=F({}),l=f(()=>t.layoutConfig?.card?.groups||[]),u=f(()=>l.value.length>0),_=f(()=>t.layoutConfig?.card?.showLayoutConfig??!0),b=f(()=>t.layoutConfig?.card?.showActionPanel??!0),x=f(()=>u.value?`layout-${s.value}`:`layout-single`),S=f(()=>{if(!u.value)return[];let e=new Map;return l.value.forEach(t=>{e.set(t.key,[])}),t.formItems.forEach((n,r)=>{let i=(t.options?.[r])?.layout?.group||l.value[0]?.key||`default`;e.has(i)||e.set(i,[]),e.get(i).push(n)}),l.value.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),C=f(()=>{let e=Object.keys(c.value);return e.length>0&&e.every(e=>c.value[e])}),w=f(()=>{if(!t.options||t.options.length===0)return 0;let e=t.options.filter(e=>{let n=t.formData?.[e.prop||``];return T(n)}).length;return Math.round(e/t.options.length*100)}),T=e=>e==null?!1:Array.isArray(e)?e.length>0:typeof e==`string`?e.trim()!==``:!0,E=e=>t.options?t.options.filter(t=>t.layout?.group===e.config.key).filter(e=>{let n=t.formData?.[e.prop||``];return T(n)}).length:0,D=e=>{if(e.items.length===0)return 0;let t=E(e);return Math.round(t/e.items.length*100)},k=e=>{let t={basic:`mdi:account`,contact:`mdi:phone`,preferences:`mdi:cog`,settings:`mdi:cog`,info:`mdi:information`,default:`mdi:form-select`};return t[e]||t.default},ee=e=>{c.value[e]=!c.value[e]},N=()=>{let e=!C.value;l.value.forEach(t=>{c.value[t.key]=e})};return j(()=>{let e=t.layoutConfig?.card;e?.direction&&(s.value=e.direction),e?.showProgress!==void 0&&(o.value=e.showProgress),l.value.forEach(e=>{c.value[e.key]=!1})}),(t,l)=>{let f=Se,T=Te,j=ve,P=ye,F=q,L=G,te=K,B=_e;return M(),h(`div`,it,[m(` 布局配置面板 `),u.value&&_.value?(M(),p(F,{key:0,class:`layout-config-panel`,bordered:!1},{header:U(()=>[g(`div`,at,[y(n,{name:`mdi:cog`,size:18}),l[4]||=g(`span`,null,`布局配置`,-1)])]),default:U(()=>[g(`div`,ot,[g(`div`,st,[l[5]||=g(`span`,null,`卡片间距`,-1),g(`div`,ct,[y(f,{value:r.value,"onUpdate:value":l[0]||=e=>r.value=e,min:12,max:32,step:4,class:`w-24`},null,8,[`value`]),g(`span`,lt,z(r.value)+`px`,1)])]),g(`div`,ut,[l[6]||=g(`span`,null,`显示图标`,-1),y(T,{value:i.value,"onUpdate:value":l[1]||=e=>i.value=e,size:`small`},null,8,[`value`])]),g(`div`,dt,[l[7]||=g(`span`,null,`可折叠`,-1),y(T,{value:a.value,"onUpdate:value":l[2]||=e=>a.value=e,size:`small`},null,8,[`value`])]),g(`div`,ft,[l[10]||=g(`span`,null,`布局方向`,-1),y(P,{value:s.value,"onUpdate:value":l[3]||=e=>s.value=e,size:`small`},{default:U(()=>[y(j,{value:`vertical`},{default:U(()=>[...l[8]||=[v(`垂直`,-1)]]),_:1}),y(j,{value:`horizontal`},{default:U(()=>[...l[9]||=[v(`水平`,-1)]]),_:1})]),_:1},8,[`value`])])])]),_:1})):m(`v-if`,!0),m(` 表单内容区域 `),g(`div`,{class:O([`form-content`,x.value]),style:A({gap:`${r.value}px`})},[m(` 无分组时的单卡片模式 `),u.value?(M(),h(d,{key:1},[m(` 有分组时的多卡片模式 `),(M(!0),h(d,null,I(S.value,e=>(M(),p(F,{key:e.config.key,class:O([`group-card`,[`${e.config.key}-card`,{collapsed:a.value&&c.value[e.config.key]}]]),hoverable:``},{header:U(()=>[g(`div`,mt,[g(`div`,ht,[i.value&&e.config.icon?(M(),p(n,{key:0,name:e.config.icon,size:20,class:`card-icon`},null,8,[`name`])):i.value?(M(),p(n,{key:1,name:k(e.config.key),size:20,class:`card-icon`},null,8,[`name`])):m(`v-if`,!0),g(`div`,gt,[g(`h3`,null,z(e.config.title),1),e.config.description?(M(),h(`p`,_t,z(e.config.description),1)):m(`v-if`,!0)])]),g(`div`,vt,[m(` 统计信息 `),g(`div`,yt,[y(L,{value:e.items.length,type:`info`,"show-zero":``},null,8,[`value`]),y(L,{value:`${E(e)}/${e.items.length}`,type:E(e)===e.items.length?`success`:`warning`},null,8,[`value`,`type`])]),m(` 折叠按钮 `),a.value?(M(),p(te,{key:0,quaternary:``,circle:``,size:`small`,onClick:t=>ee(e.config.key)},{icon:U(()=>[y(n,{name:c.value[e.config.key]?`mdi:chevron-down`:`mdi:chevron-up`,size:18},null,8,[`name`])]),_:2},1032,[`onClick`])):m(`v-if`,!0)])])]),default:U(()=>[ie(g(`div`,bt,[m(` 进度指示器 `),o.value?(M(),h(`div`,xt,[y(B,{percentage:D(e),color:D(e)===100?`#52c41a`:`#1890ff`,"show-indicator":!1,class:`mb-4`},null,8,[`percentage`,`color`])])):m(`v-if`,!0),m(` 表单项 `),(M(!0),h(d,null,I(e.items,(e,t)=>(M(),p(R(e),{key:e.key??t}))),128))],512),[[ne,!c.value[e.config.key]]])]),_:2},1032,[`class`]))),128))],64)):(M(),p(F,{key:0,class:`single-card`,hoverable:``},{header:U(()=>[g(`div`,pt,[i.value?(M(),p(n,{key:0,name:`mdi:form-select`,size:18,style:{color:`#3b82f6`}})):m(`v-if`,!0),l[11]||=g(`span`,null,`表单信息`,-1)])]),default:U(()=>[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(R(e),{key:e.key??t}))),128))]),_:1}))],6),m(` 统一操作面板 `),u.value&&b.value?(M(),p(F,{key:1,class:`action-panel`,bordered:!1},{default:U(()=>[g(`div`,St,[g(`div`,Ct,[g(`div`,wt,[l[12]||=g(`span`,{class:`label`},`完成进度:`,-1),g(`div`,Tt,[y(B,{percentage:w.value,"show-indicator":!1,color:w.value===100?`#52c41a`:`#1890ff`,class:`flex-1`},null,8,[`percentage`,`color`]),g(`span`,Et,z(w.value)+`%`,1)])])]),g(`div`,Dt,[a.value?(M(),p(te,{key:0,onClick:N},{icon:U(()=>[y(n,{name:C.value?`mdi:unfold-more-horizontal`:`mdi:unfold-less-horizontal`,size:18},null,8,[`name`])]),default:U(()=>[v(` `+z(C.value?`展开全部`:`折叠全部`),1)]),_:1})):m(`v-if`,!0)])])]),_:1})):m(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-e90147fb`]]);const kt={class:`c-form-tabs`},At={key:0,class:`single-panel`},jt={class:`tabs-container`},Mt={key:0,class:`tab-header`},Nt={class:`tab-description`},Pt={class:`tab-form-items`},Ft={key:0,class:`tabs-actions`};var It=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},beforeTabChange:{},validateTab:{}},emits:[`tab-change`,`tab-before-change`,`tab-validate`,`tab-close`,`tab-add`],setup(e,{expose:t,emit:r}){let i=e,a=r,o=F(``),s=N({}),c=()=>({tabs:[],type:`line`,size:`medium`,placement:`top`,animated:!0,closable:!1,addable:!1,showTabHeader:!0,showActions:!1,showCount:!1,validateBeforeSwitch:!1,defaultTab:``}),l=f(()=>{let e=c(),t=i.layoutConfig?.tabs||{};return{...e,...t}}),u=f(()=>l.value.tabs.length>0),_=f(()=>{if(!u.value)return[];let e=new Map;return l.value.tabs.forEach(t=>{e.set(t.key,[])}),i.formItems.forEach((t,n)=>{let r=(i.options?.[n])?.layout?.tab||l.value.tabs[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),l.value.tabs.map(t=>({config:t,items:e.get(t.key)||[]}))}),b=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?String(n.path):`tab-item-${t}`},x=async()=>{if(!o.value)return!0;try{let e=i.validateTab?await i.validateTab(o.value):!0;return a(`tab-validate`,o.value),s[o.value]=e,e}catch{return s[o.value]=!1,!1}},S=async e=>{if(!e||e===o.value)return!0;if(!_.value.some(t=>t.config.key===e))return!1;try{if(l.value.validateBeforeSwitch&&o.value&&!await x())return!1;if(o.value){if(await i.beforeTabChange?.(o.value,e)===!1)return!1;a(`tab-before-change`,o.value,e)}return o.value=e,a(`tab-change`,e,_.value.findIndex(t=>t.config.key===e)),!0}catch{return!1}},C=e=>{S(e)},w=e=>{a(`tab-close`,e)},T=()=>{a(`tab-add`)},E=()=>{if(!u.value||_.value.length===0)return;let{defaultTab:e}=l.value,t=e||_.value[0]?.config.key;t&&t!==o.value&&(o.value=t,D(()=>{let e=_.value.findIndex(e=>e.config.key===t);e>=0&&a(`tab-change`,t,e)}))};return j(()=>{E()}),H(f(()=>l.value.tabs.map(e=>e.key).join(`,`)),()=>{o.value&&!l.value.tabs.some(e=>e.key===o.value)&&E()}),H(()=>l.value.defaultTab,e=>{e&&e!==o.value&&S(e)}),t({switchToTab:S,validateCurrentTab:x,currentTab:P(o),totalTabs:f(()=>_.value.length),tabsWithItems:P(_)}),(t,r)=>{let i=G,a=X,s=J,c=Ee,f=Z,E=K;return M(),h(`div`,kt,[m(` 无标签配置时的单一面板模式 `),u.value?(M(),h(d,{key:1},[m(` 有标签配置时的分标签模式 `),g(`div`,jt,[y(f,{value:o.value,"onUpdate:value":[r[0]||=e=>o.value=e,C],type:l.value.type,size:l.value.size,placement:l.value.placement,animated:l.value.animated,closable:l.value.closable,addable:l.value.addable,class:`form-tabs`,onClose:w,onAdd:T},{default:U(()=>[(M(!0),h(d,null,I(_.value,e=>(M(),p(c,{key:e.config.key,name:e.config.key,tab:e.config.title,disabled:e.config.disabled,closable:e.config.closable},{tab:U(()=>[y(a,{align:`center`,size:8},{default:U(()=>[e.config.icon?(M(),p(n,{key:0,name:e.config.icon,size:16,class:`tab-icon`},null,8,[`name`])):m(`v-if`,!0),g(`span`,null,z(e.config.title),1),l.value.showCount?(M(),p(i,{key:1,value:e.items.length,max:99,show:e.items.length>0,type:`info`},null,8,[`value`,`show`])):m(`v-if`,!0)]),_:2},1024)]),default:U(()=>[l.value.showTabHeader&&e.config.description?(M(),h(`div`,Mt,[g(`p`,Nt,z(e.config.description),1)])):m(`v-if`,!0),g(`div`,Pt,[(M(!0),h(d,null,I(e.items,(e,t)=>(M(),p(R(e),{key:b(e,t)}))),128))]),e.items.length===0?(M(),p(s,{key:1,description:`暂无表单项`,class:`tab-empty`})):m(`v-if`,!0)]),_:2},1032,[`name`,`tab`,`disabled`,`closable`]))),128))]),_:1},8,[`value`,`type`,`size`,`placement`,`animated`,`closable`,`addable`]),m(` 标签页操作按钮 `),l.value.showActions?(M(),h(`div`,Ft,[y(a,{justify:`space-between`},{default:U(()=>[y(a,null,{default:U(()=>[l.value.validateBeforeSwitch?(M(),p(E,{key:0,type:`primary`,size:`small`,onClick:x},{default:U(()=>[y(n,{name:`carbon:star-check`,size:14,style:{"margin-right":`4px`}}),r[1]||=v(` 验证当前标签 `,-1)]),_:1})):m(`v-if`,!0)]),_:1}),y(a,null,{default:U(()=>[L(t.$slots,`tab-actions`,{currentTab:o.value,totalTabs:_.value.length,validateTab:x,switchToTab:S},void 0,!0)]),_:3})]),_:3})])):m(`v-if`,!0)])],2112)):(M(),h(`div`,At,[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(R(e),{key:b(e,t)}))),128))]))])}}}),[[`__scopeId`,`data-v-3617f22f`]]);const Lt={class:`c-form-steps`},Rt={key:0,class:`single-panel`},zt={key:0,class:`step-header`},Bt={class:`step-title`},Vt={key:0,class:`step-description`},Ht={class:`step-form-items`},Ut={class:`steps-actions`};var Wt=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},beforeStepChange:{},validateStep:{}},emits:[`step-change`,`step-before-change`,`step-validate`],setup(e,{expose:t,emit:r}){let i=e,a=r,o=F(0),s=F(!1),c=N({}),l=f(()=>{let e=i.layoutConfig?.steps||{};return{steps:e.steps||[],vertical:e.vertical||!1,size:e.size||`medium`,showStepHeader:e.showStepHeader!==!1,validateBeforeNext:e.validateBeforeNext||!1,prevButtonText:e.prevButtonText||`上一步`,nextButtonText:e.nextButtonText||`下一步`,defaultStep:e.defaultStep||0}}),u=f(()=>l.value.steps.length>0),_=f(()=>{if(!u.value)return[];let e=new Map;return l.value.steps.forEach(t=>{e.set(t.key,[])}),i.formItems.forEach((t,n)=>{let r=(i.options?.[n])?.layout?.step||l.value.steps[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),l.value.steps.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),b=f(()=>{for(let e=0;e<=o.value;e++)if(c[e]===!1)return`error`;return`process`}),x=f(()=>o.value===0),S=f(()=>o.value===_.value.length-1),C=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`step-item-${t}`},w=async()=>{try{let e=i.validateStep?await i.validateStep(o.value):!0;return a(`step-validate`,o.value),c[o.value]=e,e}catch{return c[o.value]=!1,!1}},T=async(e,t=!1)=>{if(e<0||e>=_.value.length)return!1;if(e===o.value)return!0;try{return s.value=!0,t&&l.value.validateBeforeNext&&!await w()||await i.beforeStepChange?.(o.value,e)===!1?!1:(a(`step-before-change`,o.value,e),o.value=e,a(`step-change`,o.value,_.value[o.value].config.key),!0)}catch{return!1}finally{s.value=!1}},E=async()=>{await T(o.value+1,!0)},D=()=>{T(o.value-1)},k=async e=>{_.value[e]?.config.disabled||await T(e,e>o.value)},A=()=>{if(!u.value||_.value.length===0)return;let{defaultStep:e}=l.value;o.value=e>=0&&e<_.value.length&&!_.value[e]?.config.disabled?e:0};return H(f(()=>l.value.steps.map(e=>e.key).join(`,`)),()=>{A()}),j(()=>{A()}),t({nextStep:E,previousStep:D,goToStep:k,validateCurrentStep:w,currentStep:P(o),totalSteps:f(()=>_.value.length)}),(t,r)=>{let i=Ce,a=we,c=q,f=K,w=X;return M(),h(`div`,Lt,[m(` 无步骤配置时的单一面板模式 `),u.value?(M(),h(d,{key:1},[m(` 有步骤配置时的分步骤模式 `),g(`div`,{class:O([`steps-container`,{"is-vertical":l.value.vertical}])},[m(` 步骤指示器 `),y(a,{current:o.value+1,status:b.value,size:l.value.size,vertical:l.value.vertical,class:`steps-indicator`},{default:U(()=>[(M(!0),h(d,null,I(_.value,e=>(M(),p(i,{key:e.config.key,title:e.config.title,description:e.config.description,disabled:e.config.disabled},null,8,[`title`,`description`,`disabled`]))),128))]),_:1},8,[`current`,`status`,`size`,`vertical`]),m(` 步骤内容区域 `),y(c,{class:`steps-content`,bordered:!1},{default:U(()=>[(M(!0),h(d,null,I(_.value,(e,t)=>ie((M(),h(`div`,{key:e.config.key,class:`step-panel`},[m(` 步骤标题和描述 `),l.value.showStepHeader?(M(),h(`div`,zt,[g(`h3`,Bt,z(e.config.title),1),e.config.description?(M(),h(`p`,Vt,z(e.config.description),1)):m(`v-if`,!0)])):m(`v-if`,!0),m(` 步骤内的表单项 `),g(`div`,Ht,[(M(!0),h(d,null,I(e.items,(e,t)=>(M(),p(R(e),{key:C(e,t)}))),128))])])),[[ne,o.value===t]])),128))]),_:1}),m(` 步骤操作按钮 `),g(`div`,Ut,[y(w,{justify:`space-between`},{default:U(()=>[o.value>0?(M(),p(f,{key:0,disabled:s.value,onClick:D},{default:U(()=>[y(n,{name:`mdi:chevron-left-first`,size:16,style:{"margin-right":`4px`}}),v(` `+z(l.value.prevButtonText),1)]),_:1},8,[`disabled`])):m(`v-if`,!0),r[0]||=g(`div`,null,null,-1),y(w,null,{default:U(()=>[o.value<_.value.length-1?(M(),p(f,{key:0,type:`primary`,loading:s.value,onClick:E},{default:U(()=>[v(z(l.value.nextButtonText)+` `,1),y(n,{name:`mdi:chevron-right-last`,size:16,style:{"margin-left":`4px`}})]),_:1},8,[`loading`])):m(`v-if`,!0),L(t.$slots,`step-actions`,{currentStep:o.value,totalSteps:_.value.length,isFirstStep:x.value,isLastStep:S.value,nextStep:E,previousStep:D,goToStep:k},void 0,!0)]),_:3})]),_:3})])],2)],2112)):(M(),h(`div`,Rt,[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(R(e),{key:C(e,t)}))),128))]))])}}}),[[`__scopeId`,`data-v-d1b5209b`]]);const Gt={maxFields:20,autoSave:!1,enableSort:!0,showControls:!0,showItemControls:!0},Kt=[{label:`文本输入`,value:`input`},{label:`数字输入`,value:`inputNumber`},{label:`多行文本`,value:`textarea`},{label:`下拉选择`,value:`select`},{label:`开关切换`,value:`switch`},{label:`评分组件`,value:`rate`}];function qt(e,t){let n=t.label||`动态字段 ${e}`;return{...t,id:t.id?.trim()||`dynamic_field_${e}`,type:t.type||Kt[0].value,prop:t.prop?.trim()||`dynamic_${e}`,label:n,placeholder:t.placeholder||`请输入${n||`内容`}`,visible:t.visible??!0,removable:t.removable??!0,created:t.created??Date.now(),layout:t.layout||{span:12}}}const Jt=()=>{let e=N({config:{...Gt},baseFields:[],dynamicFields:[],hiddenFieldIds:new Set,fieldCounter:0,isInitialized:!1}),t=f(()=>[...e.baseFields,...e.dynamicFields.map(t=>({...t,show:!e.hiddenFieldIds.has(t.prop)}))]),n=f(()=>t.value.filter(e=>e.show!==!1)),r=f(()=>e.dynamicFields.length),i=f(()=>e.hiddenFieldIds.size),a=f(()=>e.dynamicFields.length<e.config.maxFields),o=f(()=>e.hiddenFieldIds.size===0),s=(n={})=>{if(!a.value)return null;e.fieldCounter++;let r=qt(e.fieldCounter,n);return t.value.some(e=>e.prop===r.prop)?null:(e.dynamicFields.push(r),r)},c=t=>{if(e.dynamicFields.length===0)return null;let n=t??e.dynamicFields.length-1;if(n<0||n>=e.dynamicFields.length||e.dynamicFields[n]?.removable===!1)return null;let r=e.dynamicFields.splice(n,1)[0];return r&&e.hiddenFieldIds.delete(r.prop),r??null},l=()=>{let t=e.dynamicFields.length;return e.dynamicFields.forEach(t=>e.hiddenFieldIds.delete(t.prop)),e.dynamicFields.length=0,e.fieldCounter=0,t},u=n=>t.value.some(e=>e.prop===n)?(e.hiddenFieldIds.has(n)?e.hiddenFieldIds.delete(n):e.hiddenFieldIds.add(n),!e.hiddenFieldIds.has(n)):!1,d=()=>(o.value?e.dynamicFields.forEach(t=>{e.hiddenFieldIds.add(t.prop)}):e.hiddenFieldIds.clear(),o.value),p=t=>{let n={...t};n.maxFields!==void 0&&(n.maxFields=Math.max(0,Math.trunc(n.maxFields))),Object.assign(e.config,n)};return{state:P(e),allFields:t,visibleFields:n,dynamicFieldsCount:r,hiddenFieldsCount:i,canAddMoreFields:a,allVisible:o,FIELD_TYPE_OPTIONS:Kt,addField:s,removeField:c,clearDynamicFields:l,toggleFieldVisibility:u,toggleAllVisibility:d,updateConfig:p,exportConfig:()=>{let t={baseFields:e.baseFields,dynamicFields:e.dynamicFields,config:e.config,hiddenFields:Array.from(e.hiddenFieldIds),timestamp:Date.now()};return JSON.stringify(t,null,2)},initialize:(t,n={})=>{e.baseFields=[...t],e.dynamicFields.length=0,e.hiddenFieldIds.clear(),e.fieldCounter=0,Object.assign(e.config,Gt),p(n),e.isInitialized=!0}}},Yt=Symbol(`dynamicFormState`),Xt={class:`c-form-dynamic`},Zt={key:0,class:`dynamic-controls`},Qt={class:`max-fields-config`},$t={class:`dynamic-stats`},en={class:`dynamic-controls-fallback`},tn={class:`dynamic-form-items`};var nn=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},dynamicFormState:{default:null}},emits:[`field-add`,`field-remove`,`fields-clear`],setup(e,{expose:t,emit:r}){let i=e,a=r,o=T(Yt,null),s=f(()=>i.dynamicFormState||o),c=f(()=>!!s.value),l=f(()=>i.layoutConfig?.dynamic?.grid?.cols??24),u=f(()=>i.layoutConfig?.dynamic?.grid?.gutter??16),_=f(()=>i.layoutConfig?.dynamic?.controls?.showControls!==!1),b=f(()=>s.value?.state.config.maxFields??i.layoutConfig?.dynamic?.dynamic?.maxFields??50),x=f(()=>s.value?.dynamicFieldsCount.value??0),S=f(()=>s.value?.canAddMoreFields.value??!1),C=f(()=>i.formItems.length),w=()=>{let e=s.value?.addField();e&&a(`field-add`,e)},E=()=>{let e=s.value?.removeField();e&&a(`field-remove`,e.prop)},D=()=>{(s.value?.clearDynamicFields()??0)>0&&a(`fields-clear`)},k=e=>{e!==null&&s.value?.updateConfig({maxFields:e})},A=(e,t)=>e.key?.toString()||e.props?.path?.toString()||`dynamic-item-${t}`,j=e=>{let t=i.options?.[e]?.layout?.span;return typeof t==`number`&&t>0&&t<=l.value?t:Math.min(12,l.value)},ee=e=>{if(!s.value)return!1;let t=e.props?.path?.toString()||e.key?.toString()||``;return s.value.state.dynamicFields.some(e=>e.prop===t)};return t({addField:()=>s.value?.addField(),removeField:()=>s.value?.removeField(),clearAllDynamic:()=>s.value?.clearDynamicFields(),isDynamicStateAvailable:c,dynamicState:s}),(t,r)=>{let i=G,a=K,o=X,s=ge,f=De,T=q,N=W,P=me,F=pe;return M(),h(`div`,Xt,[m(` 动态控制面板 `),_.value&&c.value?(M(),h(`div`,Zt,[y(T,{size:`small`,title:`动态表单控制`,bordered:!1},{"header-extra":U(()=>[y(i,{value:x.value,type:`warning`},{default:U(()=>[y(n,{name:`mdi:layers`,size:16})]),_:1},8,[`value`])]),default:U(()=>[y(o,{justify:`space-between`,align:`center`},{default:U(()=>[y(o,null,{default:U(()=>[y(a,{size:`small`,type:`primary`,disabled:!S.value,onClick:w},{icon:U(()=>[y(n,{name:`mdi:plus`,size:14})]),default:U(()=>[v(` 添加字段 (`+z(x.value)+`/`+z(b.value)+`) `,1)]),_:1},8,[`disabled`]),y(a,{size:`small`,type:`warning`,disabled:x.value===0,onClick:E},{icon:U(()=>[y(n,{name:`mdi:minus`,size:14})]),default:U(()=>[r[0]||=v(` 移除字段 `,-1)]),_:1},8,[`disabled`]),y(a,{size:`small`,type:`error`,disabled:x.value===0,onClick:D},{icon:U(()=>[y(n,{name:`mdi:delete-sweep`,size:14})]),default:U(()=>[r[1]||=v(` 清空动态 `,-1)]),_:1},8,[`disabled`])]),_:1}),m(` 最大字段数配置 `),g(`div`,Qt,[r[2]||=g(`span`,null,`最大字段数:`,-1),y(s,{value:b.value,"onUpdate:value":k,min:5,max:50,size:`small`,style:{width:`100px`}},null,8,[`value`])])]),_:1}),g(`div`,$t,[y(o,null,{default:U(()=>[y(f,{type:`info`},{default:U(()=>[v(`总字段: `+z(C.value),1)]),_:1}),y(f,{type:`warning`},{default:U(()=>[v(`动态: `+z(x.value),1)]),_:1})]),_:1})])]),_:1})])):_.value&&!c.value?(M(),h(d,{key:1},[m(` 状态不可用时的提示 `),g(`div`,en,[y(T,{size:`small`,title:`动态表单控制 (静态模式)`,bordered:!1},{default:U(()=>[y(N,{type:`info`,"show-icon":``},{icon:U(()=>[y(n,{name:`mdi:information-outline`,size:16})]),default:U(()=>[r[3]||=v(` 当前为静态模式，如需动态功能请在父组件中提供动态表单状态。 `,-1)]),_:1})]),_:1})])],2112)):m(`v-if`,!0),m(` 表单项渲染区域 `),g(`div`,tn,[y(F,{cols:l.value,"x-gap":u.value,"y-gap":u.value},{default:U(()=>[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(P,{key:A(e,t),span:j(t)},{default:U(()=>[g(`div`,{class:O([`dynamic-item-wrapper`,{"is-dynamic-field":ee(e)}])},[(M(),p(R(e)))],2)]),_:2},1032,[`span`]))),128))]),_:1},8,[`cols`,`x-gap`,`y-gap`])])])}}}),[[`__scopeId`,`data-v-02a5a52b`]]);const rn={class:`custom-layout`},an={class:`toolbar-content`},on={class:`mode-section`},sn={class:`stats-section`},cn={class:`stat-item`},ln={class:`stat-value`},un={class:`stat-item`},dn={class:`stat-value`},fn={class:`actions-section`},pn={class:`design-tools`},mn={class:`tool-group`},hn={key:0,class:`canvas-hint`},gn={class:`areas-container`},_n={class:`area-header`},vn={class:`area-info`},yn=[`onClick`],bn={class:`area-controls`},xn={class:`field-preview`},Sn={class:`field-label`},Cn={class:`field-type`},wn={key:0,class:`area-drop-zone`},Tn={class:`field-name`},En={class:`field-type-tag`},Dn={key:0,class:`empty-layout`},On={key:1,class:`form-container`},kn={class:`form-areas`};var An=r(x({__name:`index`,props:{options:{default:()=>[]},formItems:{default:()=>[]},formData:{default:()=>({})}},emits:[`fields-change`,`export-data`],setup(e,{emit:t}){let n=e,r=t,i=F(!0),a=F([]),o=F([]),s=F(``),c=f(()=>n.options?.length>0?n.options:n.formItems?.map(e=>{let t=e.props;return{prop:t?.path||``,label:t?.label||t?.path||``,type:`input`,show:!0}}).filter(e=>e.prop)||[]),l=f(()=>a.value.reduce((e,t)=>e+t.fields.length,0)),u=()=>`${Date.now()}-${Math.random().toString(36).substring(2,11)}`,_=e=>({input:`输入框`,select:`下拉框`,radio:`单选框`,checkbox:`复选框`,textarea:`文本域`,date:`日期`,number:`数字`})[e]||e,b=e=>n.formItems?.find(t=>t.props?.path===e.prop)||null,x=e=>{let t={id:u(),title:`${e===`horizontal`?`水平`:e===`vertical`?`垂直`:`网格`}区域`,type:e,fields:[]};a.value.push(t)},S=e=>{let t=a.value.findIndex(t=>t.id===e);t!==-1&&a.value.splice(t,1)},C=e=>({...e,id:`${e.prop}-${u()}`}),w=(e,t)=>{let n=a.value.find(t=>t.id===e);if(n){let e=n.fields.findIndex(e=>e.id===t);e!==-1&&n.fields.splice(e,1)}},T=()=>{let e=JSON.stringify(a.value,null,2),t=new Blob([e],{type:`application/json`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`layout-config-${Date.now()}.json`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)},E=()=>{a.value=[]},D=()=>{r(`export-data`,{layout:a.value,formData:n.formData,timestamp:new Date().toISOString()})};return re(()=>{let e=new Set(a.value.flatMap(e=>e.fields.map(e=>e.prop)));o.value=c.value.filter(t=>!e.has(t.prop)).map(e=>({...e,id:e.prop}))}),H(()=>a.value,()=>{r(`fields-change`,a.value.flatMap(e=>e.fields.map(e=>({...e,id:void 0}))))},{deep:!0}),(e,t)=>{let n=K,r=oe,c=q,u=he,f=De,k=J;return M(),h(`div`,rn,[m(` 顶部工具栏 `),y(c,{bordered:!1,class:`toolbar-card`},{default:U(()=>[g(`div`,an,[m(` 模式切换 `),g(`div`,on,[t[12]||=g(`span`,{class:`section-label`},`自定义模式:`,-1),y(r,null,{default:U(()=>[y(n,{type:i.value?`primary`:`default`,onClick:t[0]||=e=>i.value=!0,size:`small`},{default:U(()=>[...t[10]||=[v(` 🎨 设计模式 `,-1)]]),_:1},8,[`type`]),y(n,{type:i.value?`default`:`primary`,onClick:t[1]||=e=>i.value=!1,size:`small`},{default:U(()=>[...t[11]||=[v(` 📝 填写模式 `,-1)]]),_:1},8,[`type`])]),_:1})]),m(` 统计信息 `),g(`div`,sn,[g(`div`,cn,[g(`div`,ln,z(a.value.length),1),t[13]||=g(`div`,{class:`stat-label`},`自定义区域`,-1)]),g(`div`,un,[g(`div`,dn,z(l.value),1),t[14]||=g(`div`,{class:`stat-label`},`字段总数`,-1)])]),m(` 操作按钮 `),g(`div`,fn,[i.value?(M(),h(d,{key:0},[y(n,{secondary:``,onClick:T,size:`small`},{default:U(()=>[...t[15]||=[v(` 💾 保存布局 `,-1)]]),_:1}),y(n,{secondary:``,onClick:E,size:`small`},{default:U(()=>[...t[16]||=[v(` 🔄 重置布局 `,-1)]]),_:1})],64)):(M(),p(n,{key:1,secondary:``,onClick:D,size:`small`},{default:U(()=>[...t[17]||=[v(` 📊 导出数据 `,-1)]]),_:1}))])])]),_:1}),m(` 设计模式工具面板 `),i.value?(M(),p(c,{key:0,class:`design-panel`,title:`🎨 设计工具`},{default:U(()=>[g(`div`,pn,[g(`div`,mn,[t[21]||=g(`span`,{class:`group-label`},`添加区域:`,-1),y(n,{onClick:t[2]||=e=>x(`horizontal`),size:`small`},{default:U(()=>[...t[18]||=[v(` ➡️ 水平区域 `,-1)]]),_:1}),y(n,{onClick:t[3]||=e=>x(`vertical`),size:`small`},{default:U(()=>[...t[19]||=[v(` ⬇️ 垂直区域 `,-1)]]),_:1}),y(n,{onClick:t[4]||=e=>x(`grid`),size:`small`},{default:U(()=>[...t[20]||=[v(` ⚏ 网格区域 `,-1)]]),_:1})])])]),_:1})):m(`v-if`,!0),m(` 主画布区域 `),g(`div`,{class:O([`layout-canvas`,{"design-mode":i.value}])},[m(` 设计模式 `),i.value?(M(),h(d,{key:0},[a.value.length===0?(M(),h(`div`,hn,[...t[22]||=[g(`div`,{class:`hint-content`},[g(`h3`,null,`🎨 开始自定义你的布局`),g(`p`,null,`点击上方按钮添加区域`)],-1)]])):(M(),h(d,{key:1},[m(` 区域列表 `),g(`div`,gn,[(M(!0),h(d,null,I(a.value,e=>(M(),h(`div`,{key:e.id,class:O([`custom-area`,`area-${e.type}`])},[g(`div`,_n,[g(`div`,vn,[s.value===e.id?(M(),p(u,{key:0,value:e.title,"onUpdate:value":t=>e.title=t,size:`small`,onBlur:t[5]||=e=>s.value=``,onKeyup:t[6]||=ae(e=>s.value=``,[`enter`]),class:`title-input`},null,8,[`value`,`onUpdate:value`])):(M(),h(`span`,{key:1,class:`area-title`,onClick:t=>s.value=e.id},z(e.title),9,yn)),y(f,{size:`small`},{default:U(()=>[v(z(e.fields.length)+` 字段`,1)]),_:2},1024)]),g(`div`,bn,[y(n,{text:``,onClick:t=>S(e.id),size:`tiny`,type:`error`,title:`删除区域`},{default:U(()=>[...t[23]||=[v(` 🗑️ `,-1)]]),_:1},8,[`onClick`])])]),m(` 字段容器（可拖入） `),y(V(je),{modelValue:e.fields,"onUpdate:modelValue":t=>e.fields=t,class:`area-fields`,group:{name:`form-fields`,pull:!0,put:!0},animation:200,"ghost-class":`field-ghost`,"item-key":`id`},{default:U(()=>[(M(!0),h(d,null,I(e.fields,r=>(M(),h(`div`,{key:r.id,class:`field-item`},[g(`div`,xn,[t[25]||=g(`span`,{class:`drag-handle`},`⠿`,-1),g(`span`,Sn,z(r.label||r.prop),1),g(`span`,Cn,z(_(r.type)),1),y(n,{text:``,size:`tiny`,type:`error`,onClick:t=>w(e.id,r.id),title:`移出字段`},{default:U(()=>[...t[24]||=[v(` ✕ `,-1)]]),_:1},8,[`onClick`])])]))),128))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`]),e.fields.length===0?(M(),h(`div`,wn,` 从下方字段池拖拽字段到这里 `)):m(`v-if`,!0)],2))),128))])],2112)),m(` 字段池（可拖出） `),y(c,{class:`field-pool`,title:`📦 可用字段`},{default:U(()=>[y(V(je),{modelValue:o.value,"onUpdate:modelValue":t[7]||=e=>o.value=e,class:`pool-fields-grid`,group:{name:`form-fields`,pull:`clone`,put:!0},animation:200,sort:!1,"ghost-class":`field-ghost`,"item-key":`id`,clone:C},{default:U(()=>[(M(!0),h(d,null,I(o.value,e=>(M(),h(`div`,{key:e.id,class:`pool-field`},[t[26]||=g(`span`,{class:`drag-handle`},`⠿`,-1),g(`span`,Tn,z(e.label||e.prop),1),g(`span`,En,z(_(e.type)),1)]))),128))]),_:1},8,[`modelValue`])]),_:1})],64)):(M(),h(d,{key:1},[m(` 填写模式 `),a.value.length===0?(M(),h(`div`,Dn,[y(k,{description:`尚未设计布局`},{extra:U(()=>[y(n,{onClick:t[8]||=e=>i.value=!0,type:`primary`},{default:U(()=>[...t[27]||=[v(` 🎨 开始设计 `,-1)]]),_:1})]),_:1})])):(M(),h(`div`,On,[g(`div`,kn,[(M(!0),h(d,null,I(a.value,e=>(M(),h(`div`,{key:e.id,class:O([`form-area`,`area-${e.type}`])},[e.fields.length>0?(M(),p(c,{key:0,title:e.title},{default:U(()=>[g(`div`,{class:O([`area-form-items`,`layout-${e.type}`])},[(M(!0),h(d,null,I(e.fields,e=>(M(),p(R(b(e)),{key:e.prop}))),128))],2)]),_:2},1032,[`title`])):(M(),p(k,{key:1,description:`此区域暂无字段`,size:`small`},{extra:U(()=>[y(n,{onClick:t[9]||=e=>i.value=!0,size:`small`,secondary:``},{default:U(()=>[...t[28]||=[v(` 🎨 添加字段 `,-1)]]),_:1})]),_:1}))],2))),128))])]))],64))],2)])}}}),[[`__scopeId`,`data-v-fe093284`]]);const jn=x({name:`C_Form`,__name:`index`,props:{options:{},modelValue:{},config:{default:()=>({})},renderers:{}},emits:[`submit`,`update:modelValue`,`validate-success`,`validate-error`],setup(t,{expose:n,emit:r}){let i=b(()=>import(`./C_Editor.js`).then(e=>e.C_Editor)),a={default:Xe,inline:Ze,grid:rt,card:Ot,tabs:It,steps:Wt,dynamic:nn,custom:An},o={NFormItem:Y,NInput:he,NInputNumber:ge,NSwitch:Te,NSlider:Se,NRate:be,NDatePicker:de,NTimePicker:Oe,NCascader:se,NColorPicker:ue,NSelect:xe,NCheckboxGroup:le,NCheckbox:ce,NRadioGroup:ye,NRadio:ve,NUpload:Ae,NButton:K,NSpace:X,NTooltip:ke,C_Editor:i},s=t,c=r,l=Ne(),u=f(()=>Le(Pe(s.config,l))),{t:d}=e(()=>u.value.locale),h=F(null),{formModel:g,formRules:x,visibleOptions:w,initialize:T,handleFieldChange:D,validate:O,validateField:A,validateStep:j,validateTab:ee,validateDynamicFields:N,validateCustomGroup:P,clearValidation:te,getModel:B,setFields:ne,resetFields:H,setFieldValue:re,getFieldValue:ie,setFieldsValue:ae,handleSubmit:W,handleReset:G,isDirty:oe,getChangedFields:q,isFieldDirty:J,markAsClean:pe,asyncOptionsCache:me,asyncLoadingMap:_e,asyncErrorMap:Ce,reloadOptions:we,setFormItemRef:Ee,isSubmitting:Z,submit:De}=He(f(()=>s.options),u,h,c,f(()=>s.modelValue)),je=f(()=>g.value),Me=()=>B(),{formItems:Fe}=Je({formModel:g,visibleOptions:w,config:u,handleFieldChange:D,componentMap:o,instanceSlots:S()?.slots,asyncOptionsCache:me,asyncLoadingMap:_e,renderers:f(()=>s.renderers),setFormItemRef:Ee,onError:(e,t)=>u.value.onError?.(e,{source:`render`,field:t})}),Ie=f(()=>a[u.value.layout]||a.default),ze=f(()=>({type:u.value.layout,grid:u.value.grid,inline:u.value.inline,card:u.value.card,tabs:u.value.tabs,steps:u.value.steps,dynamic:u.value.dynamic,custom:u.value.custom})),Be=f(()=>Re(u.value)),Ve=f(()=>u.value.layout===`steps`?{beforeStepChange:Ye,validateStep:Qe}:u.value.layout===`tabs`?{beforeTabChange:Ge,validateTab:Ke}:{}),Q=(e,...t)=>{let n=u.value[e];if(typeof n==`function`)try{let e=n(...t);e instanceof Promise&&e.catch(e=>u.value.onError?.(e,{source:`callback`}))}catch(e){u.value.onError?.(e,{source:`callback`})}},Ue=e=>{u.value.onFieldsChange?.(e)},We=e=>{c(`validate-success`,e)},$=e=>{c(`validate-error`,e)},Ge=async(e,t)=>{try{return await u.value.onTabBeforeChange?.(e,t)!==!1}catch(e){return u.value.onError?.(e,{source:`callback`}),!1}},Ke=async e=>{let t=await ee(e);return t&&u.value.onTabValidate?.(e),t},qe=(e,t)=>{u.value.onStepChange?.(e,t)},Ye=async(e,t)=>{try{return await u.value.onStepBeforeChange?.(e,t)!==!1}catch(e){return u.value.onError?.(e,{source:`callback`}),!1}},Qe=async e=>{try{return await j(e)?(u.value.onStepValidate?.(e),!0):!1}catch{return!1}};return n({validate:O,validateField:A,validateStep:j,validateTab:ee,validateDynamicFields:N,validateCustomGroup:P,clearValidation:te,getModel:B,setFields:ne,resetFields:H,setFieldValue:re,getFieldValue:ie,setFieldsValue:ae,formRef:h,formModel:g,initialize:T,layoutType:f(()=>u.value.layout),shouldShowDefaultActions:Be,isDirty:oe,getChangedFields:q,isFieldDirty:J,markAsClean:pe,asyncLoadingMap:_e,asyncErrorMap:Ce,reloadOptions:we,isSubmitting:Z,submit:De}),(e,t)=>(M(),p(V(fe),E({ref_key:`formRef`,ref:h,model:V(g),rules:V(x),"validate-on-rule-change":!1,"label-placement":u.value.labelPlacement,"label-width":u.value.labelWidth,size:u.value.size,disabled:u.value.disabled,readonly:u.value.readonly},e.$attrs),{default:U(()=>[m(` 布局组件渲染 `),(M(),p(R(Ie.value),E({"form-items":V(Fe),"layout-config":ze.value,options:V(w),"form-data":V(g)},Ve.value,{onTabChange:t[0]||=(e,t)=>Q(`onTabChange`,e,t),onStepChange:qe,onFieldAdd:t[1]||=e=>Q(`onFieldAdd`,e),onFieldRemove:t[2]||=e=>Q(`onFieldRemove`,e),onFieldToggle:t[3]||=(e,t)=>Q(`onFieldToggle`,e,t),onFieldsClear:t[4]||=e=>Q(`onFieldsClear`),onRenderModeChange:t[5]||=e=>Q(`onRenderModeChange`,e),onGroupToggle:t[6]||=(e,t)=>Q(`onGroupToggle`,e,t),onGroupReset:t[7]||=e=>Q(`onGroupReset`,e),onValidateSuccess:We,onValidateError:$,onFieldsChange:Ue}),_({"step-actions":U(t=>[L(e.$slots,`step-actions`,E(t,{submit:V(De),submitting:V(Z)}))]),_:2},[I(e.$slots,(t,n)=>({name:n,fn:U(t=>[n!==`action`&&n!==`step-actions`?L(e.$slots,n,k(C(t)),void 0,void 0,0):m(`v-if`,!0)])}))]),1040,[`form-items`,`layout-config`,`options`,`form-data`])),m(` 表单操作按钮区域（只在特定布局中显示） `),Be.value?(M(),p(V(Y),{key:0,style:{"margin-top":`20px`}},{default:U(()=>[L(e.$slots,`action`,{form:h.value,model:je.value,validate:V(O),validateField:V(A),reset:V(H),setFields:V(ne),getModel:Me,clearValidation:V(te),submit:V(De),reloadOptions:V(we),submitting:V(Z)},()=>[y(V(X),null,{default:U(()=>[y(V(K),{type:`primary`,loading:V(Z),disabled:V(Z),onClick:V(W)},{default:U(()=>[v(z(u.value.submitText||V(d)(`common.submit`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`]),y(V(K),{disabled:V(Z),onClick:V(G)},{default:U(()=>[v(z(u.value.resetText||V(d)(`common.reset`)),1)]),_:1},8,[`disabled`,`onClick`])]),_:1})])]),_:3})):m(`v-if`,!0)]),_:3},16,[`model`,`rules`,`label-placement`,`label-width`,`size`,`disabled`,`readonly`]))}});export{Ge as a,He as c,Me as d,Ie as f,Ne as g,Re as h,Jt as i,ze as l,Le as m,Yt as n,Ke as o,Pe as p,Kt as r,Je as s,jn as t,Fe as u};
+import{i as e,r as t}from"./config.js";import{t as n}from"./C_Icon2.js";import{t as r}from"./export-helper.js";import{a as i,i as a,n as o,o as s,r as c,s as l,t as u}from"./data.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createTextVNode as v,createVNode as y,defineAsyncComponent as b,defineComponent as x,getCurrentInstance as S,guardReactiveProps as C,h as w,inject as T,mergeProps as E,nextTick as D,normalizeClass as O,normalizeProps as k,normalizeStyle as A,onMounted as j,onScopeDispose as ee,openBlock as M,reactive as N,readonly as P,ref as F,renderList as I,renderSlot as L,resolveComponent as te,resolveDynamicComponent as R,toDisplayString as z,toValue as B,unref as V,vShow as ne,watch as H,watchEffect as re,withCtx as U,withDirectives as ie,withKeys as ae}from"vue";import{NAlert as W,NBadge as G,NButton as K,NButtonGroup as oe,NCard as q,NCascader as se,NCheckbox as ce,NCheckboxGroup as le,NColorPicker as ue,NDatePicker as de,NEmpty as J,NForm as fe,NFormItem as Y,NGrid as pe,NGridItem as me,NInput as he,NInputNumber as ge,NProgress as _e,NRadio as ve,NRadioGroup as ye,NRate as be,NSelect as xe,NSlider as Se,NSpace as X,NStep as Ce,NSteps as we,NSwitch as Te,NTabPane as Ee,NTabs as Z,NTag as De,NTimePicker as Oe,NTooltip as ke,NUpload as Ae}from"naive-ui";import{VueDraggable as je}from"vue-draggable-plus";const Me=Symbol(`c-form-global-config`);function Ne(){return S()?T(Me,{}):{}}function Pe(e,t){let n=e??{},r=(e,t)=>e||t?{...e,...t}:void 0;return{...t,...n,grid:r(t.grid,n.grid),inline:r(t.inline,n.inline),card:r(t.card,n.card),tabs:r(t.tabs,n.tabs),steps:r(t.steps,n.steps),dynamic:r(t.dynamic,n.dynamic),custom:r(t.custom,n.custom)}}const Fe={layout:`default`,labelPlacement:`left`,labelWidth:`auto`,size:`medium`,disabled:!1,readonly:!1,showActions:!0,validateOnChange:!1,preserveRemovedFields:!1,submitText:``,resetText:``,mode:`create`},Ie=[`steps`,`custom`];function Le(e){return{...Fe,...e}}function Re(e){return!(e.showActions===!1||Ie.includes(e.layout))}function ze(e,t){let n=F({}),r=f(()=>a().length>0);function a(){let r=n.value,a=t?B(t):void 0,o=new Set(a??[...Object.keys(r),...Object.keys(e)]),s=[];for(let t of o)i(c(r,t),c(e,t))||s.push(t);return s}function o(t){return!i(c(n.value,t),c(e,t))}function s(){n.value=u(e)}function l(){return u(n.value)}return{isDirty:r,getChangedFields:a,isFieldDirty:o,markAsClean:s,getCleanModel:l}}const Be={input:``,textarea:``,editor:``,select:null,datePicker:null,daterange:null,timePicker:null,cascader:null,colorPicker:null,checkbox:[],upload:[],radio:``,inputNumber:null,slider:null,rate:null,switch:!1};function Ve(e){return u((e.value===void 0?Be[e.type]:e.value)??null)}function Q(e){let t=new Set;e.forEach((e,n)=>{if(!e.prop?.trim())throw TypeError(`[C_Form] options[${n}].prop 不能为空`);if(t.has(e.prop))throw TypeError(`[C_Form] 字段 prop 重复: ${e.prop}`);t.add(e.prop)})}function He(n,r,d,p,m){let h=N({}),g=N({}),_=new Map,v=F({}),y=F({}),b=F({}),x=F(!1),S=new Map,C=new Map,w=new Map,T=new Set,E=!1,O=!1,k=0,A=t(()=>r.value.feedback),{t:j}=e(()=>r.value.locale),{isDirty:M,getChangedFields:P,isFieldDirty:I,markAsClean:L,getCleanModel:te}=ze(h,()=>n.value.map(e=>e.prop));function R(e,t,n){r.value.onError?r.value.onError(e,{source:t,field:n}):A.error(e instanceof Error?e.message:String(e),e)}let z=f(()=>n.value.filter(e=>{if(e.show===!1)return!1;if(!e.showWhen)return!0;try{return e.showWhen(h)}catch(t){return R(t,`callback`,e.prop),!1}}));function B(){O=!0;let e=++k;D(()=>{e===k&&(O=!1)})}function V(){return u(h)}function ne(e){let t=e?u(e):{};return n.value.forEach(e=>{a(t,e.prop)||l(t,e.prop,Ve(e))}),t}function re(e){try{let t=e.rulesWhen?[...e.rulesWhen(h)]:[...e.rules??[]];if(e.required&&!t.some(e=>e.required)&&t.unshift({required:!0,message:j(`form.required`,{label:e.label||e.prop}),trigger:[`input`,`change`,`blur`]}),e.crossFieldValidator){let n=e.crossFieldValidator;t.push({async validator(){let e=await n(h);if(e)throw Error(e)},trigger:[`change`,`blur`]})}if(t.length===0){delete g[e.prop];return}g[e.prop]=t.map(t=>({...t,key:e.prop}))}catch(t){delete g[e.prop],R(t,`callback`,e.prop)}}function U(){n.value.forEach(e=>{(e.rulesWhen||e.crossFieldValidator)&&re(e)})}function ie(e){T.forEach(t=>{e.has(t)||(_.delete(t),delete g[t],delete v.value[t],delete y.value[t],delete b.value[t],C.get(t)?.abort(),C.delete(t),S.delete(t),w.delete(t),r.value.preserveRemovedFields||o(h,t))})}function ae(e=!1){try{Q(n.value);let t=new Set(n.value.map(e=>e.prop));ie(t),n.value.forEach(e=>{a(h,e.prop)||l(h,e.prop,Ve(e)),re(e),e.asyncOptions&&w.get(e.prop)!==e.asyncOptions&&(w.set(e.prop,e.asyncOptions),D(()=>K(e,`initialize`)))}),T=t,e&&D(L)}catch(e){throw R(e,`initialize`),e}}function W(e){B(),s(h,ne(e)),U()}function G(e,t,n){return n.signal.aborted||S.get(e)!==t}async function K(e,t){if(!e.asyncOptions)return;let{prop:n}=e,r=(S.get(n)??0)+1;S.set(n,r),C.get(n)?.abort();let i=new AbortController;C.set(n,i),y.value[n]=!0,delete b.value[n];try{let a=await e.asyncOptions(V(),{field:n,reason:t,signal:i.signal});if(G(n,r,i))return;if(!Array.isArray(a))throw TypeError(`[C_Form] ${n}.asyncOptions 必须返回数组`);v.value[n]=u([...a])}catch(e){if(G(n,r,i))return;b.value[n]=e,R(e,`async-options`,n)}finally{S.get(n)===r&&(y.value[n]=!1,C.delete(n))}}async function oe(e){let t=n.value.filter(t=>t.asyncOptions&&(!e||t.prop===e));if(e&&t.length===0)throw Error(`[C_Form] 未找到异步选项字段: ${e}`);await Promise.all(t.map(e=>K(e,`manual`)))}function q(){let e=n.value.filter(e=>e.valueWhen);if(e.length!==0){for(let t=0;t<=e.length;t+=1){let t=!1;for(let n of e)try{let e=n.valueWhen?.(h);e!==void 0&&!i(c(h,n.prop),e)&&(l(h,n.prop,u(e)),t=!0)}catch(e){R(e,`callback`,n.prop)}if(!t)return}R(Error(`[C_Form] valueWhen 存在循环依赖，已停止继续计算`),`callback`)}}function se(e){let t=new Set(e);return n.value.filter(e=>!e.asyncOptions||!e.dependsOn?!1:(Array.isArray(e.dependsOn)?e.dependsOn:[e.dependsOn]).some(e=>t.has(e)))}function ce(e){q(),U(),se(e).forEach(e=>{K(e,`dependency`)}),r.value.validateOnChange&&D(()=>{J([...e]).catch(()=>void 0)})}function le(e){ce([e])}function ue(e,t){t?_.set(e,t):_.delete(e)}async function de(){if(!d.value)throw Error(`[C_Form] 表单引用不存在`);try{await d.value.validate(),p(`validate-success`,V())}catch(e){throw p(`validate-error`,e),e}}async function J(e){if(!d.value)throw Error(`[C_Form] 表单引用不存在`);let t=[...new Set(Array.isArray(e)?e:[e])],n=[],r=t.flatMap(e=>{let t=_.get(e);return t?[t.validate()]:(n.push(e),[])});n.length>0&&r.push(d.value.validate(void 0,e=>n.includes(String(e.key??``))));let i=(await Promise.allSettled(r)).filter(e=>e.status===`rejected`).map(e=>e.reason);if(i.length>0)throw i}function fe(e){if(!e){d.value?.restoreValidation();return}(Array.isArray(e)?e:[e]).forEach(e=>_.get(e)?.restoreValidation())}async function Y(e){let t=n.value.filter(e).map(e=>e.prop);if(t.length===0)return!0;try{return await J(t),!0}catch{return!1}}function pe(e){let t=r.value.steps?.steps?.[e]?.key;return t?Y(e=>e.layout?.step===t):Promise.resolve(!0)}function me(e){return Y(t=>t.layout?.tab===e)}function he(){return Y(e=>!!e.layout?.dynamic)}function ge(e){return Y(t=>t.layout?.group===e)}function _e(e){Object.entries(u(e)).forEach(([e,t])=>{l(h,e,t)}),ce(Object.keys(e))}function ve(){s(h,te()),fe(),U()}async function ye(e,t,n=!1){l(h,e,u(t)),le(e),n&&await J(e)}function be(e){return u(c(h,e))}async function xe(e,t=!1){_e(e),t&&await J(Object.keys(e))}async function Se(){if(x.value)return!1;x.value=!0;try{await de();let e={model:V(),form:d.value};try{await r.value.onSubmit?.(e)}catch(e){return R(e,`submit`),!1}return p(`submit`,e),!0}catch{return!1}finally{x.value=!1}}function X(){ae(!0);let e=m?.value??(r.value.mode===`edit`?r.value.initialValues:void 0);e&&W(e),q(),D(L)}return H(n,()=>{let e=!E;e&&B(),ae(e),E=!0},{deep:!0,immediate:!0}),m&&H(m,e=>{e!==void 0&&!i(h,e)&&W(e)},{deep:!0,immediate:!0}),H(()=>[r.value.mode,r.value.initialValues],([e,t])=>{m?.value!==void 0||e!==`edit`||!t||(W(t),D(L))},{deep:!0}),H(h,e=>{O||p(`update:modelValue`,u(e))},{deep:!0,flush:`post`}),ee(()=>{C.forEach(e=>e.abort()),C.clear(),_.clear()}),{formModel:h,formRules:g,visibleOptions:z,initialize:X,handleFieldChange:le,setFormItemRef:ue,validate:de,validateField:J,validateStep:pe,validateTab:me,validateDynamicFields:he,validateCustomGroup:ge,clearValidation:fe,getModel:V,setFields:_e,resetFields:ve,setFieldValue:ye,getFieldValue:be,setFieldsValue:xe,submit:Se,handleSubmit:Se,handleReset:ve,isSubmitting:x,isDirty:M,getChangedFields:P,isFieldDirty:I,markAsClean:L,asyncOptionsCache:v,asyncLoadingMap:y,asyncErrorMap:b,reloadOptions:oe}}function Ue(e,t,n){return e===void 0?t:typeof e==`function`?e(n):e}function We(e){return{input:t=>w(e.NInput,{...t}),textarea:t=>w(e.NInput,{...t,type:`textarea`}),inputNumber:t=>w(e.NInputNumber,{...t}),switch:t=>w(e.NSwitch,{...t}),slider:t=>w(e.NSlider,{...t}),rate:t=>w(e.NRate,{...t}),datePicker:t=>w(e.NDatePicker,{...t}),daterange:t=>w(e.NDatePicker,{...t,type:`daterange`}),timePicker:t=>w(e.NTimePicker,{...t}),cascader:t=>w(e.NCascader,{...t}),colorPicker:t=>w(e.NColorPicker,{...t}),select:(t,n)=>w(e.NSelect,{...t,options:n.children?.map(e=>({...e}))||[]}),checkbox:(t,n)=>w(e.NCheckboxGroup,{...t},{default:()=>w(e.NSpace,{},{default:()=>n.children?.map(t=>w(e.NCheckbox,{value:t.value,label:t.label,disabled:t.disabled,key:String(t.value)}))||[]})}),radio:(t,n)=>w(e.NRadioGroup,{...t},{default:()=>w(e.NSpace,{},{default:()=>n.children?.map(t=>w(e.NRadio,{value:t.value,disabled:t.disabled,key:String(t.value)},{default:()=>t.label}))||[]})}),upload:(t,n,r,i)=>{let a={...t},{value:o}=a,s=a[`onUpdate:value`];return delete a.value,delete a[`onUpdate:value`],w(e.NUpload,{...a,fileList:Array.isArray(o)?o:[],"onUpdate:fileList":e=>s?.(e)},{trigger:()=>i.slots?.uploadClick?.()||w(e.NButton,{type:`primary`},{default:()=>`选择文件`}),tip:()=>i.slots?.uploadTip?.()||null})},editor:(t,n)=>{let r={...t},{value:i}=r,a=r[`onUpdate:value`];return delete r.value,delete r[`onUpdate:value`],w(e.C_Editor,{...r,editorId:`editor-${n.prop}`,modelValue:typeof i==`string`?i:``,"onUpdate:modelValue":e=>a?.(e)})}}}const $={};function Ge(e,t){if(!e.trim())throw TypeError(`[C_Form] renderer type 不能为空`);if(typeof t!=`function`)throw TypeError(`[C_Form] renderer ${e} 必须是函数`);return $[e]=t,()=>Ke(e,t)}function Ke(e,t){return!$[e]||t&&$[e]!==t?!1:delete $[e]}const qe=new Set([`select`,`checkbox`,`radio`,`cascader`]);function Je(e){let{formModel:t,visibleOptions:n,config:r,handleFieldChange:i,componentMap:a,instanceSlots:o,asyncOptionsCache:s,asyncLoadingMap:u,renderers:d,setFormItemRef:p,onError:m}=e,h=a,g=We(h),_=e=>d?.value?.[e]??$[e]??g[e],v=e=>{let n={value:c(t,e.prop),"onUpdate:value":n=>{l(t,e.prop,n),i(e.prop)},disabled:Ue(e.disabled,r.value.disabled,t),readonly:Ue(e.readonly,r.value.readonly,t)};return e.type===`textarea`&&(n.type=`textarea`),e.placeholder&&(n.placeholder=e.placeholder),n};function y(e){let t=e.children??[];return Object.prototype.hasOwnProperty.call(s.value,e.prop)?s.value[e.prop]??[]:t}function b(e){return qe.has(e.type)?{...e,children:y(e)}:e}function x(e,t){return e.type===`select`&&u.value[e.prop]&&(t.loading=!0),t}let S=e=>{try{let t=b(e),n=_(t.type);return n?n(x(t,E(t.attrs??{},v(t))),t,r.value,{slots:o,components:h}):(m?.(TypeError(`[C_Form] 未支持的组件类型: ${t.type}`),t.prop),null)}catch(t){return m?.(t,e.prop),null}};function C(e){if(e.label)return e.help?w(`span`,{style:`display:inline-flex;align-items:center;gap:4px`},[e.label,w(h.NTooltip,{trigger:`hover`},{trigger:()=>w(`span`,{style:`cursor:help;opacity:0.5;font-size:14px`,textContent:`ⓘ`}),default:()=>e.help})]):e.label}return{renderFormItem:S,formItems:f(()=>n.value.map(e=>{let t=!!(e.required||e.rules?.some(e=>e.required)),n=C(e);return w(h.NFormItem,{label:typeof n==`string`?n:void 0,path:e.prop,key:e.prop,required:t,ref:t=>p?.(e.prop,t)},{...typeof n!=`string`&&n?{label:()=>n}:{},default:()=>S(e)})})),getBaseProps:v}}const Ye={class:`c-form-default`};var Xe=r(x({__name:`index`,props:{formItems:{},layoutConfig:{},options:{}},setup(e){return(t,n)=>(M(),h(`div`,Ye,[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(R(e),{key:e.key??t}))),128))]))}}),[[`__scopeId`,`data-v-4313de0c`]]),Ze=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(e){let t=e,n=f(()=>280),r=f(()=>t.layoutConfig?.inline?.gap??16),i=f(()=>16),a=f(()=>{let e=t.layoutConfig?.inline?.align;return e===`start`||e===`end`?e:`center`}),o=f(()=>{switch(a.value){case`start`:return`flex-start`;case`end`:return`flex-end`;default:return`center`}}),s=f(()=>{switch(a.value){case`start`:return`flex-start`;case`end`:return`flex-end`;case`center`:return`center`;default:return`flex-start`}}),c=f(()=>({display:`flex`,flexWrap:`wrap`,alignItems:o.value,justifyContent:s.value,gap:`${i.value}px ${r.value}px`,width:`100%`})),l=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`form-item-${t}`},u=e=>{let r=t.options?.[e]?.layout,i={width:`${n.value}px`,flexShrink:0,display:`flex`,flexDirection:`column`};return r?.width!==void 0&&(i.width=typeof r.width==`number`?`${r.width}px`:r.width),r?.style&&Object.assign(i,r.style),i};return(t,n)=>(M(),h(`div`,{class:`c-form-inline`,style:A(c.value)},[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),h(`div`,{key:l(e,t),class:`c-form-inline-item`,style:A(u(t))},[(M(),p(R(e)))],4))),128))],4))}}),[[`__scopeId`,`data-v-c92457c4`]]);const Qe={class:`c-grid-layout`},$e={class:`config-header`},et={class:`config-controls`},tt={class:`config-label`},nt={class:`item-wrapper`};var rt=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]}},setup(e,{expose:t}){let r=e,i=N({cols:24,gutter:16,responsive:!0}),a=f(()=>r.layoutConfig?.grid||{}),o=f(()=>a.value.showConfigPanel),s=f(()=>a.value.showStats),c=f(()=>({cols:o.value?i.cols:a.value.cols??24,gutter:o.value?i.gutter:a.value.gutter??16,responsive:o.value?i.responsive:a.value.responsive??!0})),l=f(()=>({cols:c.value.cols,xGap:c.value.gutter,yGap:c.value.gutter,responsive:c.value.responsive?`screen`:`self`})),u=f(()=>[{key:`cols`,label:`列数`,component:`NInputNumber`,value:f({get:()=>i.cols,set:e=>i.cols=e}),props:{min:1,max:48,size:`small`}},{key:`gutter`,label:`间距`,component:`NInputNumber`,value:f({get:()=>i.gutter,set:e=>i.gutter=e}),props:{min:0,max:48,size:`small`}},{key:`responsive`,label:`响应式`,component:`NSwitch`,value:f({get:()=>i.responsive,set:e=>i.responsive=e}),props:{size:`small`}}]),_=f(()=>`列数: ${c.value.cols} | 间距: ${c.value.gutter}px | 项目: ${r.formItems.length}个`),b=(e,t)=>String(e.key)||e.props?.path||`grid-item-${t}`,x=(e,t)=>{let n=r.options?.[e]?.layout;return n?.[t]??n?.grid?.[t]},S=()=>{let{cols:e}=c.value;return e<=12?e:e<=24?12:8},C=e=>{let t=x(e,`span`),n=x(e,`offset`),r=x(e,`suffix`);return{span:typeof t==`number`&&t>0&&t<=c.value.cols?t:S(),offset:typeof n==`number`&&n>=0&&n<c.value.cols?n:0,suffix:!!r}};return H(a,e=>{e.cols!==void 0&&(i.cols=e.cols),e.gutter!==void 0&&(i.gutter=e.gutter),e.responsive!==void 0&&(i.responsive=e.responsive)},{immediate:!0}),t({updateGridConfig:e=>Object.assign(i,e),getCurrentConfig:()=>({...c.value}),getGridInfo:()=>({...c.value,itemCount:r.formItems.length})}),(t,r)=>{let i=q,a=me,c=pe,f=W;return M(),h(`div`,Qe,[m(` 配置面板 `),o.value?(M(),p(i,{key:0,size:`small`,bordered:!1,class:`config-panel`},{header:U(()=>[g(`div`,$e,[y(n,{name:`mdi:view-grid`,size:18}),r[0]||=g(`span`,null,`网格配置`,-1)])]),default:U(()=>[g(`div`,et,[(M(!0),h(d,null,I(u.value,e=>(M(),h(`div`,{key:e.key,class:`config-item`},[g(`span`,tt,z(e.label)+`:`,1),(M(),p(R(e.component),E({value:e.value,"onUpdate:value":t=>e.value=t},{ref_for:!0},e.props),null,16,[`value`,`onUpdate:value`]))]))),128))])]),_:1})):m(`v-if`,!0),m(` 网格容器 `),y(c,E(l.value,{class:`grid-container`}),{default:U(()=>[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(a,E({key:b(e,t)},{ref_for:!0},C(t),{class:`grid-item`}),{default:U(()=>[g(`div`,nt,[(M(),p(R(e)))])]),_:2},1040))),128))]),_:1},16),m(` 统计信息 `),s.value?(M(),p(f,{key:1,type:`info`,"show-icon":!1,size:`small`,class:`grid-stats`},{header:U(()=>[y(n,{name:`mdi:information-outline`,size:16}),r[1]||=v(` 网格信息 `,-1)]),default:U(()=>[v(` `+z(_.value),1)]),_:1})):m(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-5debeeab`]]);const it={class:`c-form-card`},at={class:`flex items-center gap-2`},ot={class:`config-controls`},st={class:`config-item`},ct={class:`flex items-center gap-2`},lt={class:`text-xs min-w-12`},ut={class:`config-item`},dt={class:`config-item`},ft={class:`config-item`},pt={class:`flex items-center gap-3`},mt={class:`card-header`},ht={class:`header-info`},gt={class:`header-text`},_t={key:0},vt={class:`header-actions`},yt={class:`field-stats`},bt={class:`card-content`},xt={key:0,class:`progress-section`},St={class:`action-content`},Ct={class:`status-summary`},wt={class:`status-item`},Tt={class:`progress-display`},Et={class:`text-sm min-w-12`},Dt={class:`action-buttons`};var Ot=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},formData:{default:()=>({})}},setup(e){let t=e,r=F(20),i=F(!0),a=F(!0),o=F(!0),s=F(`vertical`),c=F({}),l=f(()=>t.layoutConfig?.card?.groups||[]),u=f(()=>l.value.length>0),_=f(()=>t.layoutConfig?.card?.showLayoutConfig??!0),b=f(()=>t.layoutConfig?.card?.showActionPanel??!0),x=f(()=>u.value?`layout-${s.value}`:`layout-single`),S=f(()=>{if(!u.value)return[];let e=new Map;return l.value.forEach(t=>{e.set(t.key,[])}),t.formItems.forEach((n,r)=>{let i=(t.options?.[r])?.layout?.group||l.value[0]?.key||`default`;e.has(i)||e.set(i,[]),e.get(i).push(n)}),l.value.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),C=f(()=>{let e=Object.keys(c.value);return e.length>0&&e.every(e=>c.value[e])}),w=f(()=>{if(!t.options||t.options.length===0)return 0;let e=t.options.filter(e=>{let n=t.formData?.[e.prop||``];return T(n)}).length;return Math.round(e/t.options.length*100)}),T=e=>e==null?!1:Array.isArray(e)?e.length>0:typeof e==`string`?e.trim()!==``:!0,E=e=>t.options?t.options.filter(t=>t.layout?.group===e.config.key).filter(e=>{let n=t.formData?.[e.prop||``];return T(n)}).length:0,D=e=>{if(e.items.length===0)return 0;let t=E(e);return Math.round(t/e.items.length*100)},k=e=>{let t={basic:`mdi:account`,contact:`mdi:phone`,preferences:`mdi:cog`,settings:`mdi:cog`,info:`mdi:information`,default:`mdi:form-select`};return t[e]||t.default},ee=e=>{c.value[e]=!c.value[e]},N=()=>{let e=!C.value;l.value.forEach(t=>{c.value[t.key]=e})};return j(()=>{let e=t.layoutConfig?.card;e?.direction&&(s.value=e.direction),e?.showProgress!==void 0&&(o.value=e.showProgress),l.value.forEach(e=>{c.value[e.key]=!1})}),(t,l)=>{let f=Se,T=Te,j=ve,P=ye,F=q,L=G,te=K,B=_e;return M(),h(`div`,it,[m(` 布局配置面板 `),u.value&&_.value?(M(),p(F,{key:0,class:`layout-config-panel`,bordered:!1},{header:U(()=>[g(`div`,at,[y(n,{name:`mdi:cog`,size:18}),l[4]||=g(`span`,null,`布局配置`,-1)])]),default:U(()=>[g(`div`,ot,[g(`div`,st,[l[5]||=g(`span`,null,`卡片间距`,-1),g(`div`,ct,[y(f,{value:r.value,"onUpdate:value":l[0]||=e=>r.value=e,min:12,max:32,step:4,class:`w-24`},null,8,[`value`]),g(`span`,lt,z(r.value)+`px`,1)])]),g(`div`,ut,[l[6]||=g(`span`,null,`显示图标`,-1),y(T,{value:i.value,"onUpdate:value":l[1]||=e=>i.value=e,size:`small`},null,8,[`value`])]),g(`div`,dt,[l[7]||=g(`span`,null,`可折叠`,-1),y(T,{value:a.value,"onUpdate:value":l[2]||=e=>a.value=e,size:`small`},null,8,[`value`])]),g(`div`,ft,[l[10]||=g(`span`,null,`布局方向`,-1),y(P,{value:s.value,"onUpdate:value":l[3]||=e=>s.value=e,size:`small`},{default:U(()=>[y(j,{value:`vertical`},{default:U(()=>[...l[8]||=[v(`垂直`,-1)]]),_:1}),y(j,{value:`horizontal`},{default:U(()=>[...l[9]||=[v(`水平`,-1)]]),_:1})]),_:1},8,[`value`])])])]),_:1})):m(`v-if`,!0),m(` 表单内容区域 `),g(`div`,{class:O([`form-content`,x.value]),style:A({gap:`${r.value}px`})},[m(` 无分组时的单卡片模式 `),u.value?(M(),h(d,{key:1},[m(` 有分组时的多卡片模式 `),(M(!0),h(d,null,I(S.value,e=>(M(),p(F,{key:e.config.key,class:O([`group-card`,[`${e.config.key}-card`,{collapsed:a.value&&c.value[e.config.key]}]]),hoverable:``},{header:U(()=>[g(`div`,mt,[g(`div`,ht,[i.value&&e.config.icon?(M(),p(n,{key:0,name:e.config.icon,size:20,class:`card-icon`},null,8,[`name`])):i.value?(M(),p(n,{key:1,name:k(e.config.key),size:20,class:`card-icon`},null,8,[`name`])):m(`v-if`,!0),g(`div`,gt,[g(`h3`,null,z(e.config.title),1),e.config.description?(M(),h(`p`,_t,z(e.config.description),1)):m(`v-if`,!0)])]),g(`div`,vt,[m(` 统计信息 `),g(`div`,yt,[y(L,{value:e.items.length,type:`info`,"show-zero":``},null,8,[`value`]),y(L,{value:`${E(e)}/${e.items.length}`,type:E(e)===e.items.length?`success`:`warning`},null,8,[`value`,`type`])]),m(` 折叠按钮 `),a.value?(M(),p(te,{key:0,quaternary:``,circle:``,size:`small`,onClick:t=>ee(e.config.key)},{icon:U(()=>[y(n,{name:c.value[e.config.key]?`mdi:chevron-down`:`mdi:chevron-up`,size:18},null,8,[`name`])]),_:2},1032,[`onClick`])):m(`v-if`,!0)])])]),default:U(()=>[ie(g(`div`,bt,[m(` 进度指示器 `),o.value?(M(),h(`div`,xt,[y(B,{percentage:D(e),color:D(e)===100?`#52c41a`:`#1890ff`,"show-indicator":!1,class:`mb-4`},null,8,[`percentage`,`color`])])):m(`v-if`,!0),m(` 表单项 `),(M(!0),h(d,null,I(e.items,(e,t)=>(M(),p(R(e),{key:e.key??t}))),128))],512),[[ne,!c.value[e.config.key]]])]),_:2},1032,[`class`]))),128))],64)):(M(),p(F,{key:0,class:`single-card`,hoverable:``},{header:U(()=>[g(`div`,pt,[i.value?(M(),p(n,{key:0,name:`mdi:form-select`,size:18,style:{color:`#3b82f6`}})):m(`v-if`,!0),l[11]||=g(`span`,null,`表单信息`,-1)])]),default:U(()=>[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(R(e),{key:e.key??t}))),128))]),_:1}))],6),m(` 统一操作面板 `),u.value&&b.value?(M(),p(F,{key:1,class:`action-panel`,bordered:!1},{default:U(()=>[g(`div`,St,[g(`div`,Ct,[g(`div`,wt,[l[12]||=g(`span`,{class:`label`},`完成进度:`,-1),g(`div`,Tt,[y(B,{percentage:w.value,"show-indicator":!1,color:w.value===100?`#52c41a`:`#1890ff`,class:`flex-1`},null,8,[`percentage`,`color`]),g(`span`,Et,z(w.value)+`%`,1)])])]),g(`div`,Dt,[a.value?(M(),p(te,{key:0,onClick:N},{icon:U(()=>[y(n,{name:C.value?`mdi:unfold-more-horizontal`:`mdi:unfold-less-horizontal`,size:18},null,8,[`name`])]),default:U(()=>[v(` `+z(C.value?`展开全部`:`折叠全部`),1)]),_:1})):m(`v-if`,!0)])])]),_:1})):m(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-28320dd2`]]);const kt={class:`c-form-tabs`},At={key:0,class:`single-panel`},jt={class:`tabs-container`},Mt={key:0,class:`tab-header`},Nt={class:`tab-description`},Pt={class:`tab-form-items`},Ft={key:0,class:`tabs-actions`};var It=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},beforeTabChange:{},validateTab:{}},emits:[`tab-change`,`tab-before-change`,`tab-validate`,`tab-close`,`tab-add`],setup(e,{expose:t,emit:r}){let i=e,a=r,o=F(``),s=N({}),c=()=>({tabs:[],type:`line`,size:`medium`,placement:`top`,animated:!0,closable:!1,addable:!1,showTabHeader:!0,showActions:!1,showCount:!1,validateBeforeSwitch:!1,defaultTab:``}),l=f(()=>{let e=c(),t=i.layoutConfig?.tabs||{};return{...e,...t}}),u=f(()=>l.value.tabs.length>0),_=f(()=>{if(!u.value)return[];let e=new Map;return l.value.tabs.forEach(t=>{e.set(t.key,[])}),i.formItems.forEach((t,n)=>{let r=(i.options?.[n])?.layout?.tab||l.value.tabs[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),l.value.tabs.map(t=>({config:t,items:e.get(t.key)||[]}))}),b=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?String(n.path):`tab-item-${t}`},x=async()=>{if(!o.value)return!0;try{let e=i.validateTab?await i.validateTab(o.value):!0;return a(`tab-validate`,o.value),s[o.value]=e,e}catch{return s[o.value]=!1,!1}},S=async e=>{if(!e||e===o.value)return!0;if(!_.value.some(t=>t.config.key===e))return!1;try{if(l.value.validateBeforeSwitch&&o.value&&!await x())return!1;if(o.value){if(await i.beforeTabChange?.(o.value,e)===!1)return!1;a(`tab-before-change`,o.value,e)}return o.value=e,a(`tab-change`,e,_.value.findIndex(t=>t.config.key===e)),!0}catch{return!1}},C=e=>{S(e)},w=e=>{a(`tab-close`,e)},T=()=>{a(`tab-add`)},E=()=>{if(!u.value||_.value.length===0)return;let{defaultTab:e}=l.value,t=e||_.value[0]?.config.key;t&&t!==o.value&&(o.value=t,D(()=>{let e=_.value.findIndex(e=>e.config.key===t);e>=0&&a(`tab-change`,t,e)}))};return j(()=>{E()}),H(f(()=>l.value.tabs.map(e=>e.key).join(`,`)),()=>{o.value&&!l.value.tabs.some(e=>e.key===o.value)&&E()}),H(()=>l.value.defaultTab,e=>{e&&e!==o.value&&S(e)}),t({switchToTab:S,validateCurrentTab:x,currentTab:P(o),totalTabs:f(()=>_.value.length),tabsWithItems:P(_)}),(t,r)=>{let i=G,a=X,s=J,c=Ee,f=Z,E=K;return M(),h(`div`,kt,[m(` 无标签配置时的单一面板模式 `),u.value?(M(),h(d,{key:1},[m(` 有标签配置时的分标签模式 `),g(`div`,jt,[y(f,{value:o.value,"onUpdate:value":[r[0]||=e=>o.value=e,C],type:l.value.type,size:l.value.size,placement:l.value.placement,animated:l.value.animated,closable:l.value.closable,addable:l.value.addable,class:`form-tabs`,onClose:w,onAdd:T},{default:U(()=>[(M(!0),h(d,null,I(_.value,e=>(M(),p(c,{key:e.config.key,name:e.config.key,tab:e.config.title,disabled:e.config.disabled,closable:e.config.closable},{tab:U(()=>[y(a,{align:`center`,size:8},{default:U(()=>[e.config.icon?(M(),p(n,{key:0,name:e.config.icon,size:16,class:`tab-icon`},null,8,[`name`])):m(`v-if`,!0),g(`span`,null,z(e.config.title),1),l.value.showCount?(M(),p(i,{key:1,value:e.items.length,max:99,show:e.items.length>0,type:`info`},null,8,[`value`,`show`])):m(`v-if`,!0)]),_:2},1024)]),default:U(()=>[l.value.showTabHeader&&e.config.description?(M(),h(`div`,Mt,[g(`p`,Nt,z(e.config.description),1)])):m(`v-if`,!0),g(`div`,Pt,[(M(!0),h(d,null,I(e.items,(e,t)=>(M(),p(R(e),{key:b(e,t)}))),128))]),e.items.length===0?(M(),p(s,{key:1,description:`暂无表单项`,class:`tab-empty`})):m(`v-if`,!0)]),_:2},1032,[`name`,`tab`,`disabled`,`closable`]))),128))]),_:1},8,[`value`,`type`,`size`,`placement`,`animated`,`closable`,`addable`]),m(` 标签页操作按钮 `),l.value.showActions?(M(),h(`div`,Ft,[y(a,{justify:`space-between`},{default:U(()=>[y(a,null,{default:U(()=>[l.value.validateBeforeSwitch?(M(),p(E,{key:0,type:`primary`,size:`small`,onClick:x},{default:U(()=>[y(n,{name:`carbon:star-check`,size:14,style:{"margin-right":`4px`}}),r[1]||=v(` 验证当前标签 `,-1)]),_:1})):m(`v-if`,!0)]),_:1}),y(a,null,{default:U(()=>[L(t.$slots,`tab-actions`,{currentTab:o.value,totalTabs:_.value.length,validateTab:x,switchToTab:S},void 0,!0)]),_:3})]),_:3})])):m(`v-if`,!0)])],2112)):(M(),h(`div`,At,[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(R(e),{key:b(e,t)}))),128))]))])}}}),[[`__scopeId`,`data-v-941576c0`]]);const Lt={class:`c-form-steps`},Rt={key:0,class:`single-panel`},zt={key:0,class:`step-header`},Bt={class:`step-title`},Vt={key:0,class:`step-description`},Ht={class:`step-form-items`},Ut={class:`steps-actions`};var Wt=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},beforeStepChange:{},validateStep:{}},emits:[`step-change`,`step-before-change`,`step-validate`],setup(e,{expose:t,emit:r}){let i=e,a=r,o=F(0),s=F(!1),c=N({}),l=f(()=>{let e=i.layoutConfig?.steps||{};return{steps:e.steps||[],vertical:e.vertical||!1,size:e.size||`medium`,showStepHeader:e.showStepHeader!==!1,validateBeforeNext:e.validateBeforeNext||!1,prevButtonText:e.prevButtonText||`上一步`,nextButtonText:e.nextButtonText||`下一步`,defaultStep:e.defaultStep||0}}),u=f(()=>l.value.steps.length>0),_=f(()=>{if(!u.value)return[];let e=new Map;return l.value.steps.forEach(t=>{e.set(t.key,[])}),i.formItems.forEach((t,n)=>{let r=(i.options?.[n])?.layout?.step||l.value.steps[0]?.key||`default`;e.has(r)||e.set(r,[]),e.get(r).push(t)}),l.value.steps.map(t=>({config:t,items:e.get(t.key)||[]})).filter(e=>e.items.length>0)}),b=f(()=>{for(let e=0;e<=o.value;e++)if(c[e]===!1)return`error`;return`process`}),x=f(()=>o.value===0),S=f(()=>o.value===_.value.length-1),C=(e,t)=>{if(e.key!=null)return String(e.key);let n=e.props;return n?.path?n.path:`step-item-${t}`},w=async()=>{try{let e=i.validateStep?await i.validateStep(o.value):!0;return a(`step-validate`,o.value),c[o.value]=e,e}catch{return c[o.value]=!1,!1}},T=async(e,t=!1)=>{if(e<0||e>=_.value.length)return!1;if(e===o.value)return!0;try{return s.value=!0,t&&l.value.validateBeforeNext&&!await w()||await i.beforeStepChange?.(o.value,e)===!1?!1:(a(`step-before-change`,o.value,e),o.value=e,a(`step-change`,o.value,_.value[o.value].config.key),!0)}catch{return!1}finally{s.value=!1}},E=async()=>{await T(o.value+1,!0)},D=()=>{T(o.value-1)},k=async e=>{_.value[e]?.config.disabled||await T(e,e>o.value)},A=()=>{if(!u.value||_.value.length===0)return;let{defaultStep:e}=l.value;o.value=e>=0&&e<_.value.length&&!_.value[e]?.config.disabled?e:0};return H(f(()=>l.value.steps.map(e=>e.key).join(`,`)),()=>{A()}),j(()=>{A()}),t({nextStep:E,previousStep:D,goToStep:k,validateCurrentStep:w,currentStep:P(o),totalSteps:f(()=>_.value.length)}),(t,r)=>{let i=Ce,a=we,c=q,f=K,w=X;return M(),h(`div`,Lt,[m(` 无步骤配置时的单一面板模式 `),u.value?(M(),h(d,{key:1},[m(` 有步骤配置时的分步骤模式 `),g(`div`,{class:O([`steps-container`,{"is-vertical":l.value.vertical}])},[m(` 步骤指示器 `),y(a,{current:o.value+1,status:b.value,size:l.value.size,vertical:l.value.vertical,class:`steps-indicator`},{default:U(()=>[(M(!0),h(d,null,I(_.value,e=>(M(),p(i,{key:e.config.key,title:e.config.title,description:e.config.description,disabled:e.config.disabled},null,8,[`title`,`description`,`disabled`]))),128))]),_:1},8,[`current`,`status`,`size`,`vertical`]),m(` 步骤内容区域 `),y(c,{class:`steps-content`,bordered:!1},{default:U(()=>[(M(!0),h(d,null,I(_.value,(e,t)=>ie((M(),h(`div`,{key:e.config.key,class:`step-panel`},[m(` 步骤标题和描述 `),l.value.showStepHeader?(M(),h(`div`,zt,[g(`h3`,Bt,z(e.config.title),1),e.config.description?(M(),h(`p`,Vt,z(e.config.description),1)):m(`v-if`,!0)])):m(`v-if`,!0),m(` 步骤内的表单项 `),g(`div`,Ht,[(M(!0),h(d,null,I(e.items,(e,t)=>(M(),p(R(e),{key:C(e,t)}))),128))])])),[[ne,o.value===t]])),128))]),_:1}),m(` 步骤操作按钮 `),g(`div`,Ut,[y(w,{justify:`space-between`},{default:U(()=>[o.value>0?(M(),p(f,{key:0,disabled:s.value,onClick:D},{default:U(()=>[y(n,{name:`mdi:chevron-left-first`,size:16,style:{"margin-right":`4px`}}),v(` `+z(l.value.prevButtonText),1)]),_:1},8,[`disabled`])):m(`v-if`,!0),r[0]||=g(`div`,null,null,-1),y(w,null,{default:U(()=>[o.value<_.value.length-1?(M(),p(f,{key:0,type:`primary`,loading:s.value,onClick:E},{default:U(()=>[v(z(l.value.nextButtonText)+` `,1),y(n,{name:`mdi:chevron-right-last`,size:16,style:{"margin-left":`4px`}})]),_:1},8,[`loading`])):m(`v-if`,!0),L(t.$slots,`step-actions`,{currentStep:o.value,totalSteps:_.value.length,isFirstStep:x.value,isLastStep:S.value,nextStep:E,previousStep:D,goToStep:k},void 0,!0)]),_:3})]),_:3})])],2)],2112)):(M(),h(`div`,Rt,[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(R(e),{key:C(e,t)}))),128))]))])}}}),[[`__scopeId`,`data-v-5d92cc03`]]);const Gt={maxFields:20,autoSave:!1,enableSort:!0,showControls:!0,showItemControls:!0},Kt=[{label:`文本输入`,value:`input`},{label:`数字输入`,value:`inputNumber`},{label:`多行文本`,value:`textarea`},{label:`下拉选择`,value:`select`},{label:`开关切换`,value:`switch`},{label:`评分组件`,value:`rate`}];function qt(e,t){let n=t.label||`动态字段 ${e}`;return{...t,id:t.id?.trim()||`dynamic_field_${e}`,type:t.type||Kt[0].value,prop:t.prop?.trim()||`dynamic_${e}`,label:n,placeholder:t.placeholder||`请输入${n||`内容`}`,visible:t.visible??!0,removable:t.removable??!0,created:t.created??Date.now(),layout:t.layout||{span:12}}}const Jt=()=>{let e=N({config:{...Gt},baseFields:[],dynamicFields:[],hiddenFieldIds:new Set,fieldCounter:0,isInitialized:!1}),t=f(()=>[...e.baseFields,...e.dynamicFields.map(t=>({...t,show:!e.hiddenFieldIds.has(t.prop)}))]),n=f(()=>t.value.filter(e=>e.show!==!1)),r=f(()=>e.dynamicFields.length),i=f(()=>e.hiddenFieldIds.size),a=f(()=>e.dynamicFields.length<e.config.maxFields),o=f(()=>e.hiddenFieldIds.size===0),s=(n={})=>{if(!a.value)return null;e.fieldCounter++;let r=qt(e.fieldCounter,n);return t.value.some(e=>e.prop===r.prop)?null:(e.dynamicFields.push(r),r)},c=t=>{if(e.dynamicFields.length===0)return null;let n=t??e.dynamicFields.length-1;if(n<0||n>=e.dynamicFields.length||e.dynamicFields[n]?.removable===!1)return null;let r=e.dynamicFields.splice(n,1)[0];return r&&e.hiddenFieldIds.delete(r.prop),r??null},l=()=>{let t=e.dynamicFields.length;return e.dynamicFields.forEach(t=>e.hiddenFieldIds.delete(t.prop)),e.dynamicFields.length=0,e.fieldCounter=0,t},u=n=>t.value.some(e=>e.prop===n)?(e.hiddenFieldIds.has(n)?e.hiddenFieldIds.delete(n):e.hiddenFieldIds.add(n),!e.hiddenFieldIds.has(n)):!1,d=()=>(o.value?e.dynamicFields.forEach(t=>{e.hiddenFieldIds.add(t.prop)}):e.hiddenFieldIds.clear(),o.value),p=t=>{let n={...t};n.maxFields!==void 0&&(n.maxFields=Math.max(0,Math.trunc(n.maxFields))),Object.assign(e.config,n)};return{state:P(e),allFields:t,visibleFields:n,dynamicFieldsCount:r,hiddenFieldsCount:i,canAddMoreFields:a,allVisible:o,FIELD_TYPE_OPTIONS:Kt,addField:s,removeField:c,clearDynamicFields:l,toggleFieldVisibility:u,toggleAllVisibility:d,updateConfig:p,exportConfig:()=>{let t={baseFields:e.baseFields,dynamicFields:e.dynamicFields,config:e.config,hiddenFields:Array.from(e.hiddenFieldIds),timestamp:Date.now()};return JSON.stringify(t,null,2)},initialize:(t,n={})=>{e.baseFields=[...t],e.dynamicFields.length=0,e.hiddenFieldIds.clear(),e.fieldCounter=0,Object.assign(e.config,Gt),p(n),e.isInitialized=!0}}},Yt=Symbol(`dynamicFormState`),Xt={class:`c-form-dynamic`},Zt={key:0,class:`dynamic-controls`},Qt={class:`max-fields-config`},$t={class:`dynamic-stats`},en={class:`dynamic-controls-fallback`},tn={class:`dynamic-form-items`};var nn=r(x({__name:`index`,props:{formItems:{},layoutConfig:{default:()=>({})},options:{default:()=>[]},dynamicFormState:{default:null}},emits:[`field-add`,`field-remove`,`fields-clear`],setup(e,{expose:t,emit:r}){let i=e,a=r,o=T(Yt,null),s=f(()=>i.dynamicFormState||o),c=f(()=>!!s.value),l=f(()=>i.layoutConfig?.dynamic?.grid?.cols??24),u=f(()=>i.layoutConfig?.dynamic?.grid?.gutter??16),_=f(()=>i.layoutConfig?.dynamic?.controls?.showControls!==!1),b=f(()=>s.value?.state.config.maxFields??i.layoutConfig?.dynamic?.dynamic?.maxFields??50),x=f(()=>s.value?.dynamicFieldsCount.value??0),S=f(()=>s.value?.canAddMoreFields.value??!1),C=f(()=>i.formItems.length),w=()=>{let e=s.value?.addField();e&&a(`field-add`,e)},E=()=>{let e=s.value?.removeField();e&&a(`field-remove`,e.prop)},D=()=>{(s.value?.clearDynamicFields()??0)>0&&a(`fields-clear`)},k=e=>{e!==null&&s.value?.updateConfig({maxFields:e})},A=(e,t)=>e.key?.toString()||e.props?.path?.toString()||`dynamic-item-${t}`,j=e=>{let t=i.options?.[e]?.layout?.span;return typeof t==`number`&&t>0&&t<=l.value?t:Math.min(12,l.value)},ee=e=>{if(!s.value)return!1;let t=e.props?.path?.toString()||e.key?.toString()||``;return s.value.state.dynamicFields.some(e=>e.prop===t)};return t({addField:()=>s.value?.addField(),removeField:()=>s.value?.removeField(),clearAllDynamic:()=>s.value?.clearDynamicFields(),isDynamicStateAvailable:c,dynamicState:s}),(t,r)=>{let i=G,a=K,o=X,s=ge,f=De,T=q,N=W,P=me,F=pe;return M(),h(`div`,Xt,[m(` 动态控制面板 `),_.value&&c.value?(M(),h(`div`,Zt,[y(T,{size:`small`,title:`动态表单控制`,bordered:!1},{"header-extra":U(()=>[y(i,{value:x.value,type:`warning`},{default:U(()=>[y(n,{name:`mdi:layers`,size:16})]),_:1},8,[`value`])]),default:U(()=>[y(o,{justify:`space-between`,align:`center`},{default:U(()=>[y(o,null,{default:U(()=>[y(a,{size:`small`,type:`primary`,disabled:!S.value,onClick:w},{icon:U(()=>[y(n,{name:`mdi:plus`,size:14})]),default:U(()=>[v(` 添加字段 (`+z(x.value)+`/`+z(b.value)+`) `,1)]),_:1},8,[`disabled`]),y(a,{size:`small`,type:`warning`,disabled:x.value===0,onClick:E},{icon:U(()=>[y(n,{name:`mdi:minus`,size:14})]),default:U(()=>[r[0]||=v(` 移除字段 `,-1)]),_:1},8,[`disabled`]),y(a,{size:`small`,type:`error`,disabled:x.value===0,onClick:D},{icon:U(()=>[y(n,{name:`mdi:delete-sweep`,size:14})]),default:U(()=>[r[1]||=v(` 清空动态 `,-1)]),_:1},8,[`disabled`])]),_:1}),m(` 最大字段数配置 `),g(`div`,Qt,[r[2]||=g(`span`,null,`最大字段数:`,-1),y(s,{value:b.value,"onUpdate:value":k,min:5,max:50,size:`small`,style:{width:`100px`}},null,8,[`value`])])]),_:1}),g(`div`,$t,[y(o,null,{default:U(()=>[y(f,{type:`info`},{default:U(()=>[v(`总字段: `+z(C.value),1)]),_:1}),y(f,{type:`warning`},{default:U(()=>[v(`动态: `+z(x.value),1)]),_:1})]),_:1})])]),_:1})])):_.value&&!c.value?(M(),h(d,{key:1},[m(` 状态不可用时的提示 `),g(`div`,en,[y(T,{size:`small`,title:`动态表单控制 (静态模式)`,bordered:!1},{default:U(()=>[y(N,{type:`info`,"show-icon":``},{icon:U(()=>[y(n,{name:`mdi:information-outline`,size:16})]),default:U(()=>[r[3]||=v(` 当前为静态模式，如需动态功能请在父组件中提供动态表单状态。 `,-1)]),_:1})]),_:1})])],2112)):m(`v-if`,!0),m(` 表单项渲染区域 `),g(`div`,tn,[y(F,{cols:l.value,"x-gap":u.value,"y-gap":u.value},{default:U(()=>[(M(!0),h(d,null,I(e.formItems,(e,t)=>(M(),p(P,{key:A(e,t),span:j(t)},{default:U(()=>[g(`div`,{class:O([`dynamic-item-wrapper`,{"is-dynamic-field":ee(e)}])},[(M(),p(R(e)))],2)]),_:2},1032,[`span`]))),128))]),_:1},8,[`cols`,`x-gap`,`y-gap`])])])}}}),[[`__scopeId`,`data-v-1c2158e7`]]);const rn={class:`custom-layout`},an={class:`toolbar-content`},on={class:`mode-section`},sn={class:`stats-section`},cn={class:`stat-item`},ln={class:`stat-value`},un={class:`stat-item`},dn={class:`stat-value`},fn={class:`actions-section`},pn={class:`design-tools`},mn={class:`tool-group`},hn={key:0,class:`canvas-hint`},gn={class:`areas-container`},_n={class:`area-header`},vn={class:`area-info`},yn=[`onClick`],bn={class:`area-controls`},xn={class:`field-preview`},Sn={class:`field-label`},Cn={class:`field-type`},wn={key:0,class:`area-drop-zone`},Tn={class:`field-name`},En={class:`field-type-tag`},Dn={key:0,class:`empty-layout`},On={key:1,class:`form-container`},kn={class:`form-areas`};var An=r(x({__name:`index`,props:{options:{default:()=>[]},formItems:{default:()=>[]},formData:{default:()=>({})}},emits:[`fields-change`,`export-data`],setup(e,{emit:t}){let n=e,r=t,i=F(!0),a=F([]),o=F([]),s=F(``),c=f(()=>n.options?.length>0?n.options:n.formItems?.map(e=>{let t=e.props;return{prop:t?.path||``,label:t?.label||t?.path||``,type:`input`,show:!0}}).filter(e=>e.prop)||[]),l=f(()=>a.value.reduce((e,t)=>e+t.fields.length,0)),u=()=>`${Date.now()}-${Math.random().toString(36).substring(2,11)}`,_=e=>({input:`输入框`,select:`下拉框`,radio:`单选框`,checkbox:`复选框`,textarea:`文本域`,date:`日期`,number:`数字`})[e]||e,b=e=>n.formItems?.find(t=>t.props?.path===e.prop)||null,x=e=>{let t={id:u(),title:`${e===`horizontal`?`水平`:e===`vertical`?`垂直`:`网格`}区域`,type:e,fields:[]};a.value.push(t)},S=e=>{let t=a.value.findIndex(t=>t.id===e);t!==-1&&a.value.splice(t,1)},C=e=>({...e,id:`${e.prop}-${u()}`}),w=(e,t)=>{let n=a.value.find(t=>t.id===e);if(n){let e=n.fields.findIndex(e=>e.id===t);e!==-1&&n.fields.splice(e,1)}},T=()=>{let e=JSON.stringify(a.value,null,2),t=new Blob([e],{type:`application/json`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`layout-config-${Date.now()}.json`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(n)},E=()=>{a.value=[]},D=()=>{r(`export-data`,{layout:a.value,formData:n.formData,timestamp:new Date().toISOString()})};return re(()=>{let e=new Set(a.value.flatMap(e=>e.fields.map(e=>e.prop)));o.value=c.value.filter(t=>!e.has(t.prop)).map(e=>({...e,id:e.prop}))}),H(()=>a.value,()=>{r(`fields-change`,a.value.flatMap(e=>e.fields.map(e=>({...e,id:void 0}))))},{deep:!0}),(e,t)=>{let n=K,r=oe,c=q,u=he,f=De,k=J;return M(),h(`div`,rn,[m(` 顶部工具栏 `),y(c,{bordered:!1,class:`toolbar-card`},{default:U(()=>[g(`div`,an,[m(` 模式切换 `),g(`div`,on,[t[12]||=g(`span`,{class:`section-label`},`自定义模式:`,-1),y(r,null,{default:U(()=>[y(n,{type:i.value?`primary`:`default`,onClick:t[0]||=e=>i.value=!0,size:`small`},{default:U(()=>[...t[10]||=[v(` 🎨 设计模式 `,-1)]]),_:1},8,[`type`]),y(n,{type:i.value?`default`:`primary`,onClick:t[1]||=e=>i.value=!1,size:`small`},{default:U(()=>[...t[11]||=[v(` 📝 填写模式 `,-1)]]),_:1},8,[`type`])]),_:1})]),m(` 统计信息 `),g(`div`,sn,[g(`div`,cn,[g(`div`,ln,z(a.value.length),1),t[13]||=g(`div`,{class:`stat-label`},`自定义区域`,-1)]),g(`div`,un,[g(`div`,dn,z(l.value),1),t[14]||=g(`div`,{class:`stat-label`},`字段总数`,-1)])]),m(` 操作按钮 `),g(`div`,fn,[i.value?(M(),h(d,{key:0},[y(n,{secondary:``,onClick:T,size:`small`},{default:U(()=>[...t[15]||=[v(` 💾 保存布局 `,-1)]]),_:1}),y(n,{secondary:``,onClick:E,size:`small`},{default:U(()=>[...t[16]||=[v(` 🔄 重置布局 `,-1)]]),_:1})],64)):(M(),p(n,{key:1,secondary:``,onClick:D,size:`small`},{default:U(()=>[...t[17]||=[v(` 📊 导出数据 `,-1)]]),_:1}))])])]),_:1}),m(` 设计模式工具面板 `),i.value?(M(),p(c,{key:0,class:`design-panel`,title:`🎨 设计工具`},{default:U(()=>[g(`div`,pn,[g(`div`,mn,[t[21]||=g(`span`,{class:`group-label`},`添加区域:`,-1),y(n,{onClick:t[2]||=e=>x(`horizontal`),size:`small`},{default:U(()=>[...t[18]||=[v(` ➡️ 水平区域 `,-1)]]),_:1}),y(n,{onClick:t[3]||=e=>x(`vertical`),size:`small`},{default:U(()=>[...t[19]||=[v(` ⬇️ 垂直区域 `,-1)]]),_:1}),y(n,{onClick:t[4]||=e=>x(`grid`),size:`small`},{default:U(()=>[...t[20]||=[v(` ⚏ 网格区域 `,-1)]]),_:1})])])]),_:1})):m(`v-if`,!0),m(` 主画布区域 `),g(`div`,{class:O([`layout-canvas`,{"design-mode":i.value}])},[m(` 设计模式 `),i.value?(M(),h(d,{key:0},[a.value.length===0?(M(),h(`div`,hn,[...t[22]||=[g(`div`,{class:`hint-content`},[g(`h3`,null,`🎨 开始自定义你的布局`),g(`p`,null,`点击上方按钮添加区域`)],-1)]])):(M(),h(d,{key:1},[m(` 区域列表 `),g(`div`,gn,[(M(!0),h(d,null,I(a.value,e=>(M(),h(`div`,{key:e.id,class:O([`custom-area`,`area-${e.type}`])},[g(`div`,_n,[g(`div`,vn,[s.value===e.id?(M(),p(u,{key:0,value:e.title,"onUpdate:value":t=>e.title=t,size:`small`,onBlur:t[5]||=e=>s.value=``,onKeyup:t[6]||=ae(e=>s.value=``,[`enter`]),class:`title-input`},null,8,[`value`,`onUpdate:value`])):(M(),h(`span`,{key:1,class:`area-title`,onClick:t=>s.value=e.id},z(e.title),9,yn)),y(f,{size:`small`},{default:U(()=>[v(z(e.fields.length)+` 字段`,1)]),_:2},1024)]),g(`div`,bn,[y(n,{text:``,onClick:t=>S(e.id),size:`tiny`,type:`error`,title:`删除区域`},{default:U(()=>[...t[23]||=[v(` 🗑️ `,-1)]]),_:1},8,[`onClick`])])]),m(` 字段容器（可拖入） `),y(V(je),{modelValue:e.fields,"onUpdate:modelValue":t=>e.fields=t,class:`area-fields`,group:{name:`form-fields`,pull:!0,put:!0},animation:200,"ghost-class":`field-ghost`,"item-key":`id`},{default:U(()=>[(M(!0),h(d,null,I(e.fields,r=>(M(),h(`div`,{key:r.id,class:`field-item`},[g(`div`,xn,[t[25]||=g(`span`,{class:`drag-handle`},`⠿`,-1),g(`span`,Sn,z(r.label||r.prop),1),g(`span`,Cn,z(_(r.type)),1),y(n,{text:``,size:`tiny`,type:`error`,onClick:t=>w(e.id,r.id),title:`移出字段`},{default:U(()=>[...t[24]||=[v(` ✕ `,-1)]]),_:1},8,[`onClick`])])]))),128))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`]),e.fields.length===0?(M(),h(`div`,wn,` 从下方字段池拖拽字段到这里 `)):m(`v-if`,!0)],2))),128))])],2112)),m(` 字段池（可拖出） `),y(c,{class:`field-pool`,title:`📦 可用字段`},{default:U(()=>[y(V(je),{modelValue:o.value,"onUpdate:modelValue":t[7]||=e=>o.value=e,class:`pool-fields-grid`,group:{name:`form-fields`,pull:`clone`,put:!0},animation:200,sort:!1,"ghost-class":`field-ghost`,"item-key":`id`,clone:C},{default:U(()=>[(M(!0),h(d,null,I(o.value,e=>(M(),h(`div`,{key:e.id,class:`pool-field`},[t[26]||=g(`span`,{class:`drag-handle`},`⠿`,-1),g(`span`,Tn,z(e.label||e.prop),1),g(`span`,En,z(_(e.type)),1)]))),128))]),_:1},8,[`modelValue`])]),_:1})],64)):(M(),h(d,{key:1},[m(` 填写模式 `),a.value.length===0?(M(),h(`div`,Dn,[y(k,{description:`尚未设计布局`},{extra:U(()=>[y(n,{onClick:t[8]||=e=>i.value=!0,type:`primary`},{default:U(()=>[...t[27]||=[v(` 🎨 开始设计 `,-1)]]),_:1})]),_:1})])):(M(),h(`div`,On,[g(`div`,kn,[(M(!0),h(d,null,I(a.value,e=>(M(),h(`div`,{key:e.id,class:O([`form-area`,`area-${e.type}`])},[e.fields.length>0?(M(),p(c,{key:0,title:e.title},{default:U(()=>[g(`div`,{class:O([`area-form-items`,`layout-${e.type}`])},[(M(!0),h(d,null,I(e.fields,e=>(M(),p(R(b(e)),{key:e.prop}))),128))],2)]),_:2},1032,[`title`])):(M(),p(k,{key:1,description:`此区域暂无字段`,size:`small`},{extra:U(()=>[y(n,{onClick:t[9]||=e=>i.value=!0,size:`small`,secondary:``},{default:U(()=>[...t[28]||=[v(` 🎨 添加字段 `,-1)]]),_:1})]),_:1}))],2))),128))])]))],64))],2)])}}}),[[`__scopeId`,`data-v-75b5d79c`]]),jn=r(x({name:`C_Form`,__name:`index`,props:{options:{},modelValue:{},config:{default:()=>({})},renderers:{}},emits:[`submit`,`update:modelValue`,`validate-success`,`validate-error`],setup(t,{expose:n,emit:r}){let i=b(()=>import(`./C_Editor.js`).then(e=>e.C_Editor)),a={default:Xe,inline:Ze,grid:rt,card:Ot,tabs:It,steps:Wt,dynamic:nn,custom:An},o={NFormItem:Y,NInput:he,NInputNumber:ge,NSwitch:Te,NSlider:Se,NRate:be,NDatePicker:de,NTimePicker:Oe,NCascader:se,NColorPicker:ue,NSelect:xe,NCheckboxGroup:le,NCheckbox:ce,NRadioGroup:ye,NRadio:ve,NUpload:Ae,NButton:K,NSpace:X,NTooltip:ke,C_Editor:i},s=t,c=r,l=Ne(),u=f(()=>Le(Pe(s.config,l))),{t:d}=e(()=>u.value.locale),h=F(null),{formModel:g,formRules:x,visibleOptions:w,initialize:T,handleFieldChange:D,validate:O,validateField:A,validateStep:j,validateTab:ee,validateDynamicFields:N,validateCustomGroup:P,clearValidation:te,getModel:B,setFields:ne,resetFields:H,setFieldValue:re,getFieldValue:ie,setFieldsValue:ae,handleSubmit:W,handleReset:G,isDirty:oe,getChangedFields:q,isFieldDirty:J,markAsClean:pe,asyncOptionsCache:me,asyncLoadingMap:_e,asyncErrorMap:Ce,reloadOptions:we,setFormItemRef:Ee,isSubmitting:Z,submit:De}=He(f(()=>s.options),u,h,c,f(()=>s.modelValue)),je=f(()=>g.value),Me=()=>B(),{formItems:Fe}=Je({formModel:g,visibleOptions:w,config:u,handleFieldChange:D,componentMap:o,instanceSlots:S()?.slots,asyncOptionsCache:me,asyncLoadingMap:_e,renderers:f(()=>s.renderers),setFormItemRef:Ee,onError:(e,t)=>u.value.onError?.(e,{source:`render`,field:t})}),Ie=f(()=>a[u.value.layout]||a.default),ze=f(()=>({type:u.value.layout,grid:u.value.grid,inline:u.value.inline,card:u.value.card,tabs:u.value.tabs,steps:u.value.steps,dynamic:u.value.dynamic,custom:u.value.custom})),Be=f(()=>Re(u.value)),Ve=f(()=>u.value.layout===`steps`?{beforeStepChange:Ye,validateStep:Qe}:u.value.layout===`tabs`?{beforeTabChange:Ge,validateTab:Ke}:{}),Q=(e,...t)=>{let n=u.value[e];if(typeof n==`function`)try{let e=n(...t);e instanceof Promise&&e.catch(e=>u.value.onError?.(e,{source:`callback`}))}catch(e){u.value.onError?.(e,{source:`callback`})}},Ue=e=>{u.value.onFieldsChange?.(e)},We=e=>{c(`validate-success`,e)},$=e=>{c(`validate-error`,e)},Ge=async(e,t)=>{try{return await u.value.onTabBeforeChange?.(e,t)!==!1}catch(e){return u.value.onError?.(e,{source:`callback`}),!1}},Ke=async e=>{let t=await ee(e);return t&&u.value.onTabValidate?.(e),t},qe=(e,t)=>{u.value.onStepChange?.(e,t)},Ye=async(e,t)=>{try{return await u.value.onStepBeforeChange?.(e,t)!==!1}catch(e){return u.value.onError?.(e,{source:`callback`}),!1}},Qe=async e=>{try{return await j(e)?(u.value.onStepValidate?.(e),!0):!1}catch{return!1}};return n({validate:O,validateField:A,validateStep:j,validateTab:ee,validateDynamicFields:N,validateCustomGroup:P,clearValidation:te,getModel:B,setFields:ne,resetFields:H,setFieldValue:re,getFieldValue:ie,setFieldsValue:ae,formRef:h,formModel:g,initialize:T,layoutType:f(()=>u.value.layout),shouldShowDefaultActions:Be,isDirty:oe,getChangedFields:q,isFieldDirty:J,markAsClean:pe,asyncLoadingMap:_e,asyncErrorMap:Ce,reloadOptions:we,isSubmitting:Z,submit:De}),(e,t)=>(M(),p(V(fe),E({ref_key:`formRef`,ref:h,model:V(g),rules:V(x),"validate-on-rule-change":!1,"label-placement":u.value.labelPlacement,"label-width":u.value.labelWidth,size:u.value.size,disabled:u.value.disabled,readonly:u.value.readonly},e.$attrs),{default:U(()=>[m(` 布局组件渲染 `),(M(),p(R(Ie.value),E({"form-items":V(Fe),"layout-config":ze.value,options:V(w),"form-data":V(g)},Ve.value,{onTabChange:t[0]||=(e,t)=>Q(`onTabChange`,e,t),onStepChange:qe,onFieldAdd:t[1]||=e=>Q(`onFieldAdd`,e),onFieldRemove:t[2]||=e=>Q(`onFieldRemove`,e),onFieldToggle:t[3]||=(e,t)=>Q(`onFieldToggle`,e,t),onFieldsClear:t[4]||=e=>Q(`onFieldsClear`),onRenderModeChange:t[5]||=e=>Q(`onRenderModeChange`,e),onGroupToggle:t[6]||=(e,t)=>Q(`onGroupToggle`,e,t),onGroupReset:t[7]||=e=>Q(`onGroupReset`,e),onValidateSuccess:We,onValidateError:$,onFieldsChange:Ue}),_({"step-actions":U(t=>[L(e.$slots,`step-actions`,E(t,{submit:V(De),submitting:V(Z)}),void 0,!0)]),_:2},[I(e.$slots,(t,n)=>({name:n,fn:U(t=>[n!==`action`&&n!==`step-actions`?L(e.$slots,n,k(C(t)),void 0,!0,0):m(`v-if`,!0)])}))]),1040,[`form-items`,`layout-config`,`options`,`form-data`])),m(` 表单操作按钮区域（只在特定布局中显示） `),Be.value?(M(),p(V(Y),{key:0,style:{"margin-top":`20px`}},{default:U(()=>[L(e.$slots,`action`,{form:h.value,model:je.value,validate:V(O),validateField:V(A),reset:V(H),setFields:V(ne),getModel:Me,clearValidation:V(te),submit:V(De),reloadOptions:V(we),submitting:V(Z)},()=>[y(V(X),null,{default:U(()=>[y(V(K),{type:`primary`,loading:V(Z),disabled:V(Z),onClick:V(W)},{default:U(()=>[v(z(u.value.submitText||V(d)(`common.submit`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`]),y(V(K),{disabled:V(Z),onClick:V(G)},{default:U(()=>[v(z(u.value.resetText||V(d)(`common.reset`)),1)]),_:1},8,[`disabled`,`onClick`])]),_:1})],!0)]),_:3})):m(`v-if`,!0)]),_:3},16,[`model`,`rules`,`label-placement`,`label-width`,`size`,`disabled`,`readonly`]))}}),[[`__scopeId`,`data-v-fff98c51`]]);export{Ge as a,He as c,Me as d,Ie as f,Ne as g,Re as h,Jt as i,ze as l,Le as m,Yt as n,Ke as o,Pe as p,Kt as r,Je as s,jn as t,Fe as u};