@robot-admin/naive-ui-components 0.11.2 → 0.11.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @robot-admin/naive-ui-components
 
+## 0.11.4
+
+### Patch Changes
+
+- c98137f: Forward and type the `C_Form` tabs and steps layout action slots so custom layout controls work through the public component boundary.
+
+## 0.11.3
+
+### Patch Changes
+
+- 27b8dfa: Preserve the form model generic across `C_Form` model, options, config, validation, and submit bindings for fully typed Vue template consumers.
+
 ## 0.11.2
 
 ### Patch Changes

package/dist/C_Form.d.cts

@@ -1,2 +1,2 @@
-import { $ as OptionItem, A as useFormGlobalConfig, B as FieldPathValue, C as FormConfig, D as mergeFormConfig, E as ResolvedFormConfig, F as DynamicFieldConfig, G as FormOption, H as FormInstance, I as DynamicFormConfig, J as InlineLayoutConfig, K as FormRecord, L as DynamicFormController, M as CardLayoutConfig, N as ComponentType, O as resolveFormConfig, P as CustomLayoutConfig, Q as MaybePromise, R as DynamicFormState, S as FORM_GLOBAL_CONFIG_KEY, T as LayoutCallbacks, U as FormMode, V as FormErrorContext, W as FormModel, X as LayoutConfig, Y as LabelPlacement, Z as LayoutType, _ as UseFormRendererOptions, a as UseFormDirtyReturn, b as useFormRenderer, c as UseCFormOptions, d as useCForm, et as StepsLayoutConfig, f as _default, g as RendererProps, h as FormRendererContext, i as useDynamicFormState, j as AsyncOptionsContext, k as shouldShowActions, l as defineFormConfig, m as FormRenderer, n as DynamicFormStateType, nt as TabsLayoutConfig, o as useFormDirty, p as ComponentMap, q as GridLayoutConfig, r as FIELD_TYPE_OPTIONS, s as useFormState, t as DYNAMIC_FORM_STATE_KEY, tt as SubmitEventPayload, u as defineFormOptions, v as registerRenderer, w as LAYOUTS_WITH_OWN_CONTROLS, x as FORM_DEFAULTS, y as unregisterRenderer, z as FieldPath } from "./useDynamicFormState.cjs";
-export { type AsyncOptionsContext, _default as C_Form, type CardLayoutConfig, type ComponentMap, type ComponentType, type CustomLayoutConfig, DYNAMIC_FORM_STATE_KEY, type DynamicFieldConfig, type DynamicFormConfig, type DynamicFormController, type DynamicFormState, type DynamicFormStateType, FIELD_TYPE_OPTIONS, FORM_DEFAULTS, FORM_GLOBAL_CONFIG_KEY, type FieldPath, type FieldPathValue, type FormConfig, type FormErrorContext, type FormInstance, type FormMode, type FormModel, type FormOption, type FormRecord, type FormRenderer, type FormRendererContext, type GridLayoutConfig, type InlineLayoutConfig, LAYOUTS_WITH_OWN_CONTROLS, type LabelPlacement, type LayoutCallbacks, type LayoutConfig, type LayoutType, type MaybePromise, type OptionItem, type RendererProps, type ResolvedFormConfig, type StepsLayoutConfig, type SubmitEventPayload, type TabsLayoutConfig, type UseCFormOptions, type UseFormDirtyReturn, type UseFormRendererOptions, defineFormConfig, defineFormOptions, mergeFormConfig, registerRenderer, resolveFormConfig, shouldShowActions, unregisterRenderer, useCForm, useDynamicFormState, useFormDirty, useFormGlobalConfig, useFormRenderer, useFormState };
+import { $ as LabelPlacement, A as useFormGlobalConfig, B as FieldPathValue, C as FormConfig, D as mergeFormConfig, E as ResolvedFormConfig, F as DynamicFieldConfig, G as FormModel, H as FormErrorContext, I as DynamicFormConfig, J as FormSlots, K as FormOption, L as DynamicFormController, M as CardLayoutConfig, N as ComponentType, O as resolveFormConfig, P as CustomLayoutConfig, Q as InlineLayoutConfig, R as DynamicFormState, S as FORM_GLOBAL_CONFIG_KEY, T as LayoutCallbacks, U as FormInstance, V as FormActionSlotProps, W as FormMode, X as FormTabActionsSlotProps, Y as FormStepActionsSlotProps, Z as GridLayoutConfig, _ as UseFormRendererOptions, a as UseFormDirtyReturn, at as SubmitEventPayload, b as useFormRenderer, c as UseCFormOptions, d as useCForm, et as LayoutConfig, f as _default, g as RendererProps, h as FormRendererContext, i as useDynamicFormState, it as StepsLayoutConfig, j as AsyncOptionsContext, k as shouldShowActions, l as defineFormConfig, m as FormRenderer, n as DynamicFormStateType, nt as MaybePromise, o as useFormDirty, ot as TabsLayoutConfig, p as ComponentMap, q as FormRecord, r as FIELD_TYPE_OPTIONS, rt as OptionItem, s as useFormState, t as DYNAMIC_FORM_STATE_KEY, tt as LayoutType, u as defineFormOptions, v as registerRenderer, w as LAYOUTS_WITH_OWN_CONTROLS, x as FORM_DEFAULTS, y as unregisterRenderer, z as FieldPath } from "./useDynamicFormState.cjs";
+export { type AsyncOptionsContext, _default as C_Form, type CardLayoutConfig, type ComponentMap, type ComponentType, type CustomLayoutConfig, DYNAMIC_FORM_STATE_KEY, type DynamicFieldConfig, type DynamicFormConfig, type DynamicFormController, type DynamicFormState, type DynamicFormStateType, FIELD_TYPE_OPTIONS, FORM_DEFAULTS, FORM_GLOBAL_CONFIG_KEY, type FieldPath, type FieldPathValue, type FormActionSlotProps, type FormConfig, type FormErrorContext, type FormInstance, type FormMode, type FormModel, type FormOption, type FormRecord, type FormRenderer, type FormRendererContext, type FormSlots, type FormStepActionsSlotProps, type FormTabActionsSlotProps, type GridLayoutConfig, type InlineLayoutConfig, LAYOUTS_WITH_OWN_CONTROLS, type LabelPlacement, type LayoutCallbacks, type LayoutConfig, type LayoutType, type MaybePromise, type OptionItem, type RendererProps, type ResolvedFormConfig, type StepsLayoutConfig, type SubmitEventPayload, type TabsLayoutConfig, type UseCFormOptions, type UseFormDirtyReturn, type UseFormRendererOptions, defineFormConfig, defineFormOptions, mergeFormConfig, registerRenderer, resolveFormConfig, shouldShowActions, unregisterRenderer, useCForm, useDynamicFormState, useFormDirty, useFormGlobalConfig, useFormRenderer, useFormState };

package/dist/C_Form.d.ts

@@ -1,2 +1,2 @@
-import { $ as OptionItem, A as useFormGlobalConfig, B as FieldPathValue, C as FormConfig, D as mergeFormConfig, E as ResolvedFormConfig, F as DynamicFieldConfig, G as FormOption, H as FormInstance, I as DynamicFormConfig, J as InlineLayoutConfig, K as FormRecord, L as DynamicFormController, M as CardLayoutConfig, N as ComponentType, O as resolveFormConfig, P as CustomLayoutConfig, Q as MaybePromise, R as DynamicFormState, S as FORM_GLOBAL_CONFIG_KEY, T as LayoutCallbacks, U as FormMode, V as FormErrorContext, W as FormModel, X as LayoutConfig, Y as LabelPlacement, Z as LayoutType, _ as UseFormRendererOptions, a as UseFormDirtyReturn, b as useFormRenderer, c as UseCFormOptions, d as useCForm, et as StepsLayoutConfig, f as _default, g as RendererProps, h as FormRendererContext, i as useDynamicFormState, j as AsyncOptionsContext, k as shouldShowActions, l as defineFormConfig, m as FormRenderer, n as DynamicFormStateType, nt as TabsLayoutConfig, o as useFormDirty, p as ComponentMap, q as GridLayoutConfig, r as FIELD_TYPE_OPTIONS, s as useFormState, t as DYNAMIC_FORM_STATE_KEY, tt as SubmitEventPayload, u as defineFormOptions, v as registerRenderer, w as LAYOUTS_WITH_OWN_CONTROLS, x as FORM_DEFAULTS, y as unregisterRenderer, z as FieldPath } from "./useDynamicFormState.js";
-export { type AsyncOptionsContext, _default as C_Form, type CardLayoutConfig, type ComponentMap, type ComponentType, type CustomLayoutConfig, DYNAMIC_FORM_STATE_KEY, type DynamicFieldConfig, type DynamicFormConfig, type DynamicFormController, type DynamicFormState, type DynamicFormStateType, FIELD_TYPE_OPTIONS, FORM_DEFAULTS, FORM_GLOBAL_CONFIG_KEY, type FieldPath, type FieldPathValue, type FormConfig, type FormErrorContext, type FormInstance, type FormMode, type FormModel, type FormOption, type FormRecord, type FormRenderer, type FormRendererContext, type GridLayoutConfig, type InlineLayoutConfig, LAYOUTS_WITH_OWN_CONTROLS, type LabelPlacement, type LayoutCallbacks, type LayoutConfig, type LayoutType, type MaybePromise, type OptionItem, type RendererProps, type ResolvedFormConfig, type StepsLayoutConfig, type SubmitEventPayload, type TabsLayoutConfig, type UseCFormOptions, type UseFormDirtyReturn, type UseFormRendererOptions, defineFormConfig, defineFormOptions, mergeFormConfig, registerRenderer, resolveFormConfig, shouldShowActions, unregisterRenderer, useCForm, useDynamicFormState, useFormDirty, useFormGlobalConfig, useFormRenderer, useFormState };
+import { $ as LabelPlacement, A as useFormGlobalConfig, B as FieldPathValue, C as FormConfig, D as mergeFormConfig, E as ResolvedFormConfig, F as DynamicFieldConfig, G as FormModel, H as FormErrorContext, I as DynamicFormConfig, J as FormSlots, K as FormOption, L as DynamicFormController, M as CardLayoutConfig, N as ComponentType, O as resolveFormConfig, P as CustomLayoutConfig, Q as InlineLayoutConfig, R as DynamicFormState, S as FORM_GLOBAL_CONFIG_KEY, T as LayoutCallbacks, U as FormInstance, V as FormActionSlotProps, W as FormMode, X as FormTabActionsSlotProps, Y as FormStepActionsSlotProps, Z as GridLayoutConfig, _ as UseFormRendererOptions, a as UseFormDirtyReturn, at as SubmitEventPayload, b as useFormRenderer, c as UseCFormOptions, d as useCForm, et as LayoutConfig, f as _default, g as RendererProps, h as FormRendererContext, i as useDynamicFormState, it as StepsLayoutConfig, j as AsyncOptionsContext, k as shouldShowActions, l as defineFormConfig, m as FormRenderer, n as DynamicFormStateType, nt as MaybePromise, o as useFormDirty, ot as TabsLayoutConfig, p as ComponentMap, q as FormRecord, r as FIELD_TYPE_OPTIONS, rt as OptionItem, s as useFormState, t as DYNAMIC_FORM_STATE_KEY, tt as LayoutType, u as defineFormOptions, v as registerRenderer, w as LAYOUTS_WITH_OWN_CONTROLS, x as FORM_DEFAULTS, y as unregisterRenderer, z as FieldPath } from "./useDynamicFormState.js";
+export { type AsyncOptionsContext, _default as C_Form, type CardLayoutConfig, type ComponentMap, type ComponentType, type CustomLayoutConfig, DYNAMIC_FORM_STATE_KEY, type DynamicFieldConfig, type DynamicFormConfig, type DynamicFormController, type DynamicFormState, type DynamicFormStateType, FIELD_TYPE_OPTIONS, FORM_DEFAULTS, FORM_GLOBAL_CONFIG_KEY, type FieldPath, type FieldPathValue, type FormActionSlotProps, type FormConfig, type FormErrorContext, type FormInstance, type FormMode, type FormModel, type FormOption, type FormRecord, type FormRenderer, type FormRendererContext, type FormSlots, type FormStepActionsSlotProps, type FormTabActionsSlotProps, type GridLayoutConfig, type InlineLayoutConfig, LAYOUTS_WITH_OWN_CONTROLS, type LabelPlacement, type LayoutCallbacks, type LayoutConfig, type LayoutType, type MaybePromise, type OptionItem, type RendererProps, type ResolvedFormConfig, type StepsLayoutConfig, type SubmitEventPayload, type TabsLayoutConfig, type UseCFormOptions, type UseFormDirtyReturn, type UseFormRendererOptions, defineFormConfig, defineFormOptions, mergeFormConfig, registerRenderer, resolveFormConfig, shouldShowActions, unregisterRenderer, useCForm, useDynamicFormState, useFormDirty, useFormGlobalConfig, useFormRenderer, useFormState };

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 le(e,t=!1){X(e),t&&await K(Object.keys(e))}async function ue(){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 $(){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:$,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:le,submit:ue,handleSubmit:ue,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=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key}))),128))]))}});var O=n.t(D,[[`__scopeId`,`data-v-f5303a7c`]]);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`},le=(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=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key}))),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=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key}))),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 ue=n.t(le,[[`__scopeId`,`data-v-cb63c8f5`]]);const $={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`,$,[(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:ue,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)),{formItems:ae}=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})}),oe=(0,i.computed)(()=>s[g.value.layout]||s.default),se=(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})),X=(0,i.computed)(()=>p(g.value)),Z=(0,i.computed)(()=>g.value.layout===`steps`?{beforeStepChange:fe,validateStep:pe}:g.value.layout===`tabs`?{beforeTabChange:le,validateTab:$}:{}),Q=(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`})}},ce=e=>{g.value.onFieldsChange?.(e)},le=async(e,t)=>{try{return await g.value.onTabBeforeChange?.(e,t)!==!1}catch(e){return g.value.onError?.(e,{source:`callback`}),!1}},$=async e=>{let t=await j(e);return t&&g.value.onTabValidate?.(e),t},de=(e,t)=>{g.value.onStepChange?.(e,t)},fe=async(e,t)=>{try{return await g.value.onStepBeforeChange?.(e,t)!==!1}catch(e){return g.value.onError?.(e,{source:`callback`}),!1}},pe=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:X,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)(oe.value),(0,i.mergeProps)({"form-items":(0,i.unref)(ae),"layout-config":se.value,options:(0,i.unref)(S),"form-data":(0,i.unref)(b)},Z.value,{onTabChange:t[0]||=(e,t)=>Q(`onTabChange`,e,t),onStepChange:de,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:t[8]||=e=>m(`validate-success`,e),onValidateError:t[9]||=e=>m(`validate-error`,e),onFieldsChange:ce}),null,16,[`form-items`,`layout-config`,`options`,`form-data`])),(0,i.createCommentVNode)(` 表单操作按钮区域（只在特定布局中显示） `),X.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:(0,i.unref)(b),validate:(0,i.unref)(E),validateField:(0,i.unref)(D),reset:(0,i.unref)(I),setFields:(0,i.unref)(F),getModel:(0,i.unref)(P),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 le(e,t=!1){X(e),t&&await K(Object.keys(e))}async function ue(){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 $(){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:$,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:le,submit:ue,handleSubmit:ue,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=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key}))),128))]))}});var O=n.t(D,[[`__scopeId`,`data-v-f5303a7c`]]);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`},le=(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=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key}))),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=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key}))),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 ue=n.t(le,[[`__scopeId`,`data-v-cb63c8f5`]]);const $={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`,$,[(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:ue,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)),{formItems:ae}=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})}),oe=(0,i.computed)(()=>s[g.value.layout]||s.default),se=(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})),X=(0,i.computed)(()=>p(g.value)),Z=(0,i.computed)(()=>g.value.layout===`steps`?{beforeStepChange:me,validateStep:he}:g.value.layout===`tabs`?{beforeTabChange:de,validateTab:fe}:{}),Q=(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`})}},ce=e=>{g.value.onFieldsChange?.(e)},le=e=>{m(`validate-success`,e)},$=e=>{m(`validate-error`,e)},de=async(e,t)=>{try{return await g.value.onTabBeforeChange?.(e,t)!==!1}catch(e){return g.value.onError?.(e,{source:`callback`}),!1}},fe=async e=>{let t=await j(e);return t&&g.value.onTabValidate?.(e),t},pe=(e,t)=>{g.value.onStepChange?.(e,t)},me=async(e,t)=>{try{return await g.value.onStepBeforeChange?.(e,t)!==!1}catch(e){return g.value.onError?.(e,{source:`callback`}),!1}},he=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:X,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)(oe.value),(0,i.mergeProps)({"form-items":(0,i.unref)(ae),"layout-config":se.value,options:(0,i.unref)(S),"form-data":(0,i.unref)(b)},Z.value,{onTabChange:t[0]||=(e,t)=>Q(`onTabChange`,e,t),onStepChange:pe,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:le,onValidateError:$,onFieldsChange:ce}),(0,i.createSlots)({_:2},[(0,i.renderList)(e.$slots,(t,n)=>({name:n,fn:(0,i.withCtx)(t=>[n===`action`?(0,i.createCommentVNode)(`v-if`,!0):(0,i.renderSlot)(e.$slots,n,(0,i.normalizeProps)((0,i.guardReactiveProps)(t)),void 0,void 0,0)])}))]),1040,[`form-items`,`layout-config`,`options`,`form-data`])),(0,i.createCommentVNode)(` 表单操作按钮区域（只在特定布局中显示） `),X.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:(0,i.unref)(b),validate:(0,i.unref)(E),validateField:(0,i.unref)(D),reset:(0,i.unref)(I),setFields:(0,i.unref)(F),getModel:(0,i.unref)(P),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}});