@robot-admin/naive-ui-components 0.11.8 → 0.13.0

package/dist/C_Form2.js

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

package/dist/C_FormModal.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon2.cjs`),require(`./C_ActionBar2.cjs`),require(`./C_Form2.cjs`);const e=require(`./C_FormModal2.cjs`);exports.C_FormModal=e.t;

package/dist/C_FormModal.css

@@ -0,0 +1,41 @@
+/* unplugin-vue-components disabled *//*
+ * @Author: ChenYu ycyplus@gmail.com
+ * @Date: 2026-09-13
+ * @FilePath: \naive-ui-components\src\components\C_FormModal\index.scss
+ * @Description: 紧凑型数据驱动表单弹窗样式
+ * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
+ */
+.c-form-modal[data-v-d429a274] {
+  overflow: hidden;
+  border-radius: 10px;
+}
+.c-form-modal[data-v-d429a274] .n-card-header {
+  min-height: 46px;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--n-border-color);
+}
+.c-form-modal[data-v-d429a274] .n-card-header__main {
+  font-size: 15px;
+  font-weight: 650;
+}
+.c-form-modal[data-v-d429a274] .n-card__content {
+  padding: 14px 16px 8px;
+}
+.c-form-modal[data-v-d429a274] .n-card__action {
+  display: flex;
+  justify-content: flex-end;
+  padding: 10px 16px;
+  background: color-mix(in srgb, var(--n-color-modal) 94%, var(--n-border-color));
+  border-top: 1px solid var(--n-border-color);
+}
+.c-form-modal[data-v-d429a274] .n-form-item {
+  margin-bottom: 2px;
+}
+@media (max-width: 640px) {
+.c-form-modal[data-v-d429a274] .n-card__content {
+    padding-inline: 12px;
+}
+.c-form-modal[data-v-d429a274] .n-card__action {
+    padding-inline: 12px;
+}
+}

package/dist/C_FormModal.d.cts

@@ -0,0 +1,2 @@
+import { a as FormModalProps, i as FormModalMode, n as FormModalEditor, r as FormModalEmits, t as _default } from "./index13.vue.cjs";
+export { _default as C_FormModal, type FormModalEditor, type FormModalEmits, type FormModalMode, type FormModalProps };

package/dist/C_FormModal.d.ts

@@ -0,0 +1,3 @@
+import "./useDynamicFormState.js";
+import { a as FormModalProps, i as FormModalMode, n as FormModalEditor, r as FormModalEmits, t as _default } from "./index12.vue.js";
+export { _default as C_FormModal, type FormModalEditor, type FormModalEmits, type FormModalMode, type FormModalProps };

package/dist/C_FormModal.js

@@ -0,0 +1 @@
+import"./C_Icon2.js";import"./C_ActionBar2.js";import"./C_Form2.js";import{t as e}from"./C_FormModal2.js";export{e as C_FormModal};

package/dist/C_FormModal2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./export-helper.cjs`),t=require(`./C_ActionBar2.cjs`),n=require(`./C_Form2.cjs`);let r=require(`vue`),i=require(`naive-ui`);const a=(0,r.defineComponent)({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(e,{emit:a}){let o=e,s=a,c=(0,r.ref)(null),l=(0,r.computed)({get:()=>o.editor.visible.value,set:e=>{e||h()}}),u=(0,r.computed)(()=>o.editor.title.value),d=(0,r.computed)(()=>o.editor.loading.value),f=(0,r.computed)(()=>typeof o.width==`number`?`${o.width}px`:o.width),p=(0,r.computed)({get:()=>o.editor.model.value??{},set:e=>{o.editor.setModel(e)}}),m=(0,r.computed)(()=>({size:`small`,...o.config,mode:o.editor.mode.value,initialValues:o.editor.model.value??void 0,showActions:!1,onSubmit:async e=>{await o.config?.onSubmit?.(e),s(`submit`,e,await o.editor.submit(e.model))}})),h=()=>{o.editor.close(),s(`close`)},g={align:`right`},_=(0,r.computed)(()=>t.a([{key:`cancel`,label:o.cancelText,disabled:d,onClick:h},{key:o.editor.mode.value===`create`?`create`:`save`,label:o.editor.mode.value===`create`?o.createText:o.saveText,loading:d,onClick:async()=>{await c.value?.submit()}}]));return(a,o)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.NModal),{show:l.value,"onUpdate:show":o[1]||=e=>l.value=e,preset:`card`,title:u.value,style:(0,r.normalizeStyle)({width:f.value}),"mask-closable":e.maskClosable,"close-on-esc":e.closeOnEsc,closable:e.closable,class:`c-form-modal`},{action:(0,r.withCtx)(()=>[(0,r.createVNode)(t.t,{actions:_.value,config:g},null,8,[`actions`])]),default:(0,r.withCtx)(()=>[l.value&&e.editor.model.value?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:0,ref_key:`formRef`,ref:c,modelValue:p.value,"onUpdate:modelValue":o[0]||=e=>p.value=e,options:e.options,config:m.value},(0,r.createSlots)({_:2},[(0,r.renderList)(a.$slots,(e,t)=>({name:t,fn:(0,r.withCtx)(e=>[(0,r.renderSlot)(a.$slots,t,(0,r.normalizeProps)((0,r.guardReactiveProps)(e)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):(0,r.createCommentVNode)(`v-if`,!0)]),_:3},8,[`show`,`title`,`style`,`mask-closable`,`close-on-esc`,`closable`]))}});var o=e.t(a,[[`__scopeId`,`data-v-d429a274`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/C_FormModal2.js

@@ -0,0 +1 @@
+import{t as e}from"./export-helper.js";import{a as t,t as n}from"./C_ActionBar2.js";import{t as r}from"./C_Form2.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,normalizeProps as d,normalizeStyle as f,openBlock as p,ref as m,renderList as h,renderSlot as g,unref as _,withCtx as v}from"vue";import{NModal as y}from"naive-ui";var b=e(l({name:`C_FormModal`,__name:`index`,props:{editor:{},options:{},config:{default:()=>({})},width:{default:`min(620px, calc(100vw - 24px))`},createText:{default:`创建`},saveText:{default:`保存`},cancelText:{default:`取消`},closable:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0}},emits:[`submit`,`close`],setup(e,{emit:l}){let b=e,x=l,S=m(null),C=i({get:()=>b.editor.visible.value,set:e=>{e||k()}}),w=i(()=>b.editor.title.value),T=i(()=>b.editor.loading.value),E=i(()=>typeof b.width==`number`?`${b.width}px`:b.width),D=i({get:()=>b.editor.model.value??{},set:e=>{b.editor.setModel(e)}}),O=i(()=>({size:`small`,...b.config,mode:b.editor.mode.value,initialValues:b.editor.model.value??void 0,showActions:!1,onSubmit:async e=>{await b.config?.onSubmit?.(e),x(`submit`,e,await b.editor.submit(e.model))}})),k=()=>{b.editor.close(),x(`close`)},A={align:`right`},j=i(()=>t([{key:`cancel`,label:b.cancelText,disabled:T,onClick:k},{key:b.editor.mode.value===`create`?`create`:`save`,label:b.editor.mode.value===`create`?b.createText:b.saveText,loading:T,onClick:async()=>{await S.value?.submit()}}]));return(t,i)=>(p(),a(_(y),{show:C.value,"onUpdate:show":i[1]||=e=>C.value=e,preset:`card`,title:w.value,style:f({width:E.value}),"mask-closable":e.maskClosable,"close-on-esc":e.closeOnEsc,closable:e.closable,class:`c-form-modal`},{action:v(()=>[c(n,{actions:j.value,config:A},null,8,[`actions`])]),default:v(()=>[C.value&&e.editor.model.value?(p(),a(_(r),{key:0,ref_key:`formRef`,ref:S,modelValue:D.value,"onUpdate:modelValue":i[0]||=e=>D.value=e,options:e.options,config:O.value},s({_:2},[h(t.$slots,(e,n)=>({name:n,fn:v(e=>[g(t.$slots,n,d(u(e)),void 0,!0)])}))]),1032,[`modelValue`,`options`,`config`])):o(`v-if`,!0)]),_:3},8,[`show`,`title`,`style`,`mask-closable`,`close-on-esc`,`closable`]))}}),[[`__scopeId`,`data-v-d429a274`]]);export{b as t};

package/dist/C_FormSearch.css

@@ -1,24 +1,24 @@
-/* unplugin-vue-components disabled */.form-search-card[data-v-b3fd614b] .n-card__content {
+/* unplugin-vue-components disabled */.form-search-card[data-v-19437573] .n-card__content {
   padding: 20px;
 }
-.form-search[data-v-b3fd614b] {
+.form-search[data-v-19437573] {
   display: flex;
   flex-wrap: wrap;
   align-items: end;
   gap: 20px 32px;
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] {
   position: relative;
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-input,
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-select,
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-input,
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-select,
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-date-picker {
   width: 260px !important;
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-space {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-space {
   gap: 8px !important;
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-space .n-button {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-space .n-button {
   width: 36px;
   height: 36px;
   display: flex;
@@ -26,14 +26,14 @@
   justify-content: center;
   transition: all 0.2s ease;
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-space .n-button:hover {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-space .n-button:hover {
   transform: translateY(-1px);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-space .n-button .n-button__icon {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-space .n-button .n-button__icon {
   margin: 0;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-19437573] {
   width: 100%;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
   border: 1px solid var(--n-border-color);
@@ -49,7 +49,7 @@
   max-height: 240px;
   overflow-y: auto;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-19437573] {
   padding: 10px 12px;
   display: flex;
   align-items: center;
@@ -60,24 +60,24 @@
   transition: all 0.2s ease;
   position: relative;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-b3fd614b]:hover {
+.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-19437573]:hover {
   background: var(--n-option-color-hover);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item:hover .delete-icon[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item:hover .delete-icon[data-v-19437573] {
   opacity: 1;
   transform: scale(1);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-b3fd614b]:not(:last-of-type) {
+.form-search .form-search-item-box .form-item-input .input-history .history-item[data-v-19437573]:not(:last-of-type) {
   border-bottom: 1px solid var(--n-divider-color);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .history-text[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .history-text[data-v-19437573] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-right: 8px;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-19437573] {
   opacity: 0;
   transform: scale(0.8);
   transition: all 0.2s ease;
@@ -89,89 +89,89 @@
   align-items: center;
   justify-content: center;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-b3fd614b]:hover {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-19437573]:hover {
   background: var(--n-close-color-hover);
   color: var(--n-close-color-pressed);
   transform: scale(1.1);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-footer[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input .input-history .history-footer[data-v-19437573] {
   padding: 8px 12px;
   border-top: 1px solid var(--n-divider-color);
   background: var(--n-modal-color);
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-19437573] {
   color: var(--n-text-color-disabled);
   font-size: 12px;
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-b3fd614b]:hover {
+.form-search .form-search-item-box .form-item-input .input-history .history-footer .clear-all[data-v-19437573]:hover {
   color: var(--n-error-color);
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-19437573] {
   /* custom scrollbar */
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-b3fd614b]::-webkit-scrollbar {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-19437573]::-webkit-scrollbar {
   width: 6px;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-b3fd614b]::-webkit-scrollbar-track {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-19437573]::-webkit-scrollbar-track {
   background: transparent;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-b3fd614b]::-webkit-scrollbar-thumb {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-19437573]::-webkit-scrollbar-thumb {
   background: var(--n-scrollbar-color);
   border-radius: 3px;
 }
-.form-search .form-search-item-box .form-item-input .input-history[data-v-b3fd614b]::-webkit-scrollbar-thumb:hover {
+.form-search .form-search-item-box .form-item-input .input-history[data-v-19437573]::-webkit-scrollbar-thumb:hover {
   background: var(--n-scrollbar-color-hover);
 }
 
 /* responsive */
 @media (max-width: 1400px) {
-.form-search[data-v-b3fd614b] {
+.form-search[data-v-19437573] {
     gap: 16px 28px;
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-19437573] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-19437573] .n-date-picker {
     width: 240px !important;
 }
 }
 @media (max-width: 1200px) {
-.form-search[data-v-b3fd614b] {
+.form-search[data-v-19437573] {
     gap: 16px 24px;
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-19437573] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-19437573] .n-date-picker {
     width: 220px !important;
 }
 }
 @media (max-width: 900px) {
-.form-search[data-v-b3fd614b] {
+.form-search[data-v-19437573] {
     gap: 12px 20px;
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-19437573] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-19437573] .n-date-picker {
     width: 200px !important;
 }
 }
 @media (max-width: 600px) {
-.form-search-card[data-v-b3fd614b] .n-card__content {
+.form-search-card[data-v-19437573] .n-card__content {
     padding: 16px;
 }
-.form-search[data-v-b3fd614b] {
+.form-search[data-v-19437573] {
     gap: 12px 0;
 }
-.form-search .form-search-item-box[data-v-b3fd614b] {
+.form-search .form-search-item-box[data-v-19437573] {
     width: 100%;
 }
-.form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-input,
-  .form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-select,
-  .form-search .form-search-item-box .form-item-input[data-v-b3fd614b] .n-date-picker {
+.form-search .form-search-item-box .form-item-input[data-v-19437573] .n-input,
+  .form-search .form-search-item-box .form-item-input[data-v-19437573] .n-select,
+  .form-search .form-search-item-box .form-item-input[data-v-19437573] .n-date-picker {
     width: 100% !important;
 }
-.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-b3fd614b] {
+.form-search .form-search-item-box .form-item-input .input-history .history-item .delete-icon[data-v-19437573] {
     opacity: 1;
 }
 }

package/dist/C_FormSearch2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./config.cjs`),t=require(`./export-helper.cjs`),n=require(`./storage.cjs`),r=require(`./data.cjs`);let i=require(`vue`),a=require(`naive-ui`);function o(e,t,r={}){let a=()=>(0,i.toValue)(r),o=(0,i.computed)(()=>!!a().storageKey),s=t=>e.value.find(e=>e.prop===t),c=()=>{let{storageKey:t}=a();t&&n.i(t,Object.fromEntries(e.value.filter(e=>e.hisList?.length).map(e=>[e.prop,e.hisList])))},l=()=>{let{storageKey:e}=a();if(!e)return;let t=n.t(e);t&&(Array.isArray(t)?t.map(e=>[e.prop,e.hisList]):Object.entries(t)).forEach(([e,t])=>{let n=s(e);n&&Array.isArray(t)&&(n.hisList=[...t])})},u=t=>{e.value.forEach(e=>{e.isFocus=!!(e.hisList&&e.prop===t)})},d=e=>{l(),u(e)},f=()=>u(),p=(e,n)=>{t.value[n]=e,f()},m=(e,t)=>{let n=s(e);n?.hisList&&(n.hisList.splice(t,1),n.hisList.length===0&&(n.isFocus=!1),c())},h=e=>{let t=s(e);t?.hisList&&(t.hisList=[],t.isFocus=!1,c())},g=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1),e.unshift(t);let r=Math.max(1,a().maxItems??5);return e.length>r&&(e.length=r),e};return{enabled:o,handleFocus:d,closeAllPanels:f,selectHistoryItem:p,deleteHistoryItem:m,clearAllHistory:h,saveCurrentInputs:()=>{o.value&&(Object.keys(t.value).forEach(e=>{let n=t.value[e];if(n==null||n===``)return;let r=s(e);if(r?.type!==`input`||!r.hisList)return;let i=String(n).trim();i&&g(r.hisList,i)}),f(),c())},restoreFromStorage:l}}function s(t,n){let a=(0,i.computed)(()=>(0,i.toValue)(n.config)??{}),s=e.r(()=>a.value.feedback),{t:c}=e.i(()=>a.value.locale),l=(0,i.ref)(null),u=(0,i.computed)(()=>a.value.foldThreshold??7),d=(0,i.computed)(()=>a.value.requireValue??!0),f=(0,i.ref)(r.t(n.formItemList)),p=(0,i.ref)(r.t(n.formParams)),m=(0,i.ref)(!1),h=(0,i.ref)(!1),g=o(f,p,n.historyOptions),_=(0,i.computed)(()=>f.value.filter(e=>e.show!==!1)),v=(0,i.computed)(()=>_.value.filter((e,t)=>m.value||t<u.value)),y=(0,i.computed)(()=>_.value.length>u.value),b=e=>e==null||e===``||Array.isArray(e)&&e.length===0,x=()=>{f.value.forEach(e=>{e.isFocus=!1,e.type===`select`?(e.placeholder||=`请选择`,p.value[e.prop]===void 0&&(p.value[e.prop]=r.t(e.defaultValue??null))):p.value[e.prop]===void 0&&e.defaultValue!==void 0&&(p.value[e.prop]=r.t(e.defaultValue))})},S=async()=>{if(d.value&&!Object.entries(p.value).filter(([e])=>e!==`pageNum`&&e!==`pageSize`).some(([,e])=>!b(e)))return s.warning(c(`search.valueRequired`)),!1;g.saveCurrentInputs();let e=r.t(p.value);if(t(`search`,e),!a.value.onSearch)return!0;h.value=!0;try{return await a.value.onSearch(e),!0}catch(e){return s.error(c(`search.failed`),e),!1}finally{h.value=!1}},C=()=>{l.value?.restoreValidation(),Object.keys(p.value).forEach(e=>{if(e!==`pageNum`&&e!==`pageSize`){let t=f.value.find(t=>t.prop===e);p.value[e]=r.t(t?.defaultValue??null)}}),t(`reset`)},w=()=>{m.value=!m.value},T=(e,t)=>{E=!0;let n=++D;f.value=r.t(e),p.value=r.t(t),x(),(0,i.nextTick)(()=>{n===D&&(E=!1)})},E=!1,D=0;return x(),(0,i.watch)(p,e=>{if(E)return;let n=r.t(e);t(`change-params`,n),t(`update:modelValue`,n)},{deep:!0}),(0,i.onMounted)(()=>{g.restoreFromStorage()}),{formRef:l,fields:f,formParams:p,expanded:m,searching:h,visibleFields:v,hasExpandButton:y,history:g,searchFn:S,resetFn:C,toggleFold:w,syncFromProps:T}}const c=[`onClick`],l={class:`history-text`},u={key:0,class:`history-footer`},d=[`onClick`],f={class:`form-search-item-box`},p={class:`form-item-input`},m=(0,i.defineComponent)({name:`C_FormSearch`,__name:`index`,props:{bordered:{type:Boolean,default:!0},formItemList:{default:()=>[]},formParams:{default:()=>({})},modelValue:{},formSearchInputHistoryString:{},size:{default:`medium`},loading:{type:Boolean,default:!1},config:{}},emits:[`search`,`reset`,`change-params`,`update:modelValue`],setup(e,{expose:t,emit:n}){let r=e,{formRef:o,formParams:m,expanded:h,searching:g,visibleFields:_,hasExpandButton:v,history:y,searchFn:b,resetFn:x,toggleFold:S,syncFromProps:C}=s(n,{formItemList:r.formItemList,formParams:r.modelValue??r.formParams,config:()=>r.config,historyOptions:()=>({storageKey:r.formSearchInputHistoryString,maxItems:r.config?.historyMaxItems})}),w=e=>e?.map(e=>({...e,label:e.label??e.labelDefault??``,value:e.value===void 0?e.label??e.labelDefault:e.value}));return(0,i.watch)(()=>[r.formItemList,r.modelValue,r.formParams,r.config],([e,t,n])=>C(e,t??n),{deep:!0}),t({formRef:o,formParams:m,searchFn:b,cleanFn:x,changeFoldState:S}),(t,n)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NCard),{class:`form-search-card custom-card`,bordered:e.bordered},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NForm),{class:`form-search`,model:(0,i.unref)(m),ref_key:`formRef`,ref:o,size:e.size},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(_),(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`form-search-item-box`,key:e.prop||t},[e.type===`spacer`?(0,i.createCommentVNode)(`v-if`,!0):((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NFormItem),{key:0,class:`form-item-input`,path:e.prop,rule:e.rules,"show-feedback":!1,"show-label":!1},{default:(0,i.withCtx)(()=>[e.type===`input`?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NInput),(0,i.mergeProps)({key:0,clearable:``,value:(0,i.unref)(m)[e.prop],"onUpdate:value":t=>(0,i.unref)(m)[e.prop]=t,placeholder:e.placeholder},{ref_for:!0},e.attrs,{onFocus:t=>(0,i.unref)(y).handleFocus(e.prop),onBlur:(0,i.unref)(y).closeAllPanels}),null,16,[`value`,`onUpdate:value`,`placeholder`,`onFocus`,`onBlur`])):(0,i.createCommentVNode)(`v-if`,!0),e.isFocus?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:`input-history`,onMousedown:n[0]||=(0,i.withModifiers)(()=>{},[`prevent`])},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.hisList,(t,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`history-item`,onClick:n=>(0,i.unref)(y).selectHistoryItem(t,e.prop),key:t},[(0,i.createElementVNode)(`span`,l,(0,i.toDisplayString)(t),1),(0,i.createVNode)((0,i.unref)(a.NIcon),{class:`delete-icon`,size:`14`,onClick:(0,i.withModifiers)(t=>(0,i.unref)(y).deleteHistoryItem(e.prop,r),[`stop`])},{default:(0,i.withCtx)(()=>[...n[1]||=[(0,i.createElementVNode)(`div`,{class:`i-mdi:close`},null,-1)]]),_:1},8,[`onClick`])],8,c))),128)),e.hisList&&e.hisList.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,u,[(0,i.createElementVNode)(`span`,{class:`clear-all`,onClick:(0,i.withModifiers)(t=>(0,i.unref)(y).clearAllHistory(e.prop),[`stop`])},` 清空历史记录 `,8,d)])):(0,i.createCommentVNode)(`v-if`,!0)],32)):(0,i.createCommentVNode)(`v-if`,!0),e.type===`select`?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NSelect),(0,i.mergeProps)({key:2,value:(0,i.unref)(m)[e.prop],"onUpdate:value":t=>(0,i.unref)(m)[e.prop]=t,placeholder:e.placeholder||`请选择`,clearable:``,options:w(e.list)},{ref_for:!0},e.attrs),null,16,[`value`,`onUpdate:value`,`placeholder`,`options`])):(0,i.createCommentVNode)(`v-if`,!0),e.type===`date-range`?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NDatePicker),(0,i.mergeProps)({key:3,type:`datetimerange`,value:(0,i.unref)(m)[e.prop],"onUpdate:value":t=>(0,i.unref)(m)[e.prop]=t,format:`yyyy-MM-dd HH:mm`,"value-format":`yyyy-MM-dd HH:mm`,"start-placeholder":`开始时间`,"end-placeholder":`结束时间`,clearable:``},{ref_for:!0},e.attrs),null,16,[`value`,`onUpdate:value`])):(0,i.createCommentVNode)(`v-if`,!0)]),_:2},1032,[`path`,`rule`]))]))),128)),(0,i.createElementVNode)(`div`,f,[(0,i.createElementVNode)(`div`,p,[n[6]||=(0,i.createElementVNode)(`div`,{class:`button-label-placeholder`},null,-1),(0,i.createVNode)((0,i.unref)(a.NSpace),null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NTooltip),{trigger:`hover`},{trigger:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NButton),{type:`primary`,onClick:(0,i.unref)(b),loading:e.loading||(0,i.unref)(g)},{icon:(0,i.withCtx)(()=>[...n[2]||=[(0,i.createElementVNode)(`div`,{class:`i-mdi:search w-4 h-4`},null,-1)]]),_:1},8,[`onClick`,`loading`])]),default:(0,i.withCtx)(()=>[n[3]||=(0,i.createTextVNode)(` 搜索 `,-1)]),_:1}),(0,i.createVNode)((0,i.unref)(a.NTooltip),{trigger:`hover`},{trigger:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NButton),{onClick:(0,i.unref)(x)},{icon:(0,i.withCtx)(()=>[...n[4]||=[(0,i.createElementVNode)(`div`,{class:`i-mdi:refresh w-4 h-4`},null,-1)]]),_:1},8,[`onClick`])]),default:(0,i.withCtx)(()=>[n[5]||=(0,i.createTextVNode)(` 重置 `,-1)]),_:1}),(0,i.unref)(v)?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NTooltip),{key:0,trigger:`hover`},{trigger:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NButton),{onClick:(0,i.unref)(S)},{icon:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)((0,i.unref)(h)?`i-mdi:chevron-up w-4 h-4`:`i-mdi:chevron-down w-4 h-4`)},null,2)]),_:1},8,[`onClick`])]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` `+(0,i.toDisplayString)((0,i.unref)(h)?`收起`:`展开`),1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)]),_:1})])])]),_:1},8,[`model`,`size`])]),_:1},8,[`bordered`]))}});var h=t.t(m,[[`__scopeId`,`data-v-b3fd614b`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});
+require(`./chunk.cjs`);const e=require(`./config.cjs`),t=require(`./export-helper.cjs`),n=require(`./storage.cjs`),r=require(`./data.cjs`);let i=require(`vue`),a=require(`naive-ui`);function o(e,t,r={}){let a=()=>(0,i.toValue)(r),o=(0,i.computed)(()=>!!a().storageKey),s=t=>e.value.find(e=>e.prop===t),c=()=>{let{storageKey:t}=a();t&&n.i(t,Object.fromEntries(e.value.filter(e=>e.hisList?.length).map(e=>[e.prop,e.hisList])))},l=()=>{let{storageKey:e}=a();if(!e)return;let t=n.t(e);t&&(Array.isArray(t)?t.map(e=>[e.prop,e.hisList]):Object.entries(t)).forEach(([e,t])=>{let n=s(e);n&&Array.isArray(t)&&(n.hisList=[...t])})},u=t=>{e.value.forEach(e=>{e.isFocus=!!(e.hisList&&e.prop===t)})},d=e=>{l(),u(e)},f=()=>u(),p=(e,n)=>{t.value[n]=e,f()},m=(e,t)=>{let n=s(e);n?.hisList&&(n.hisList.splice(t,1),n.hisList.length===0&&(n.isFocus=!1),c())},h=e=>{let t=s(e);t?.hisList&&(t.hisList=[],t.isFocus=!1,c())},g=(e,t)=>{let n=e.indexOf(t);n>-1&&e.splice(n,1),e.unshift(t);let r=Math.max(1,a().maxItems??5);return e.length>r&&(e.length=r),e};return{enabled:o,handleFocus:d,closeAllPanels:f,selectHistoryItem:p,deleteHistoryItem:m,clearAllHistory:h,saveCurrentInputs:()=>{o.value&&(Object.keys(t.value).forEach(e=>{let n=t.value[e];if(n==null||n===``)return;let r=s(e);if(r?.type!==`input`||!r.hisList)return;let i=String(n).trim();i&&g(r.hisList,i)}),f(),c())},restoreFromStorage:l}}function s(t,n){let a=(0,i.computed)(()=>(0,i.toValue)(n.config)??{}),s=e.r(()=>a.value.feedback),{t:c}=e.i(()=>a.value.locale),l=(0,i.ref)(null),u=(0,i.computed)(()=>a.value.foldThreshold??7),d=(0,i.computed)(()=>a.value.requireValue??!0),f=(0,i.ref)(r.t(n.formItemList)),p=(0,i.ref)(r.t(n.formParams)),m=(0,i.ref)(!1),h=(0,i.ref)(!1),g=o(f,p,n.historyOptions),_=(0,i.computed)(()=>f.value.filter(e=>e.show!==!1)),v=(0,i.computed)(()=>_.value.filter((e,t)=>m.value||t<u.value)),y=(0,i.computed)(()=>_.value.length>u.value),b=e=>e==null||e===``||Array.isArray(e)&&e.length===0,x=()=>{f.value.forEach(e=>{e.isFocus=!1,e.type===`select`?(e.placeholder||=`请选择`,p.value[e.prop]===void 0&&(p.value[e.prop]=r.t(e.defaultValue??null))):p.value[e.prop]===void 0&&e.defaultValue!==void 0&&(p.value[e.prop]=r.t(e.defaultValue))})},S=async()=>{if(d.value&&!Object.entries(p.value).filter(([e])=>e!==`pageNum`&&e!==`pageSize`).some(([,e])=>!b(e)))return s.warning(c(`search.valueRequired`)),!1;g.saveCurrentInputs();let e=r.t(p.value);if(t(`search`,e),!a.value.onSearch)return!0;h.value=!0;try{return await a.value.onSearch(e),!0}catch(e){return s.error(c(`search.failed`),e),!1}finally{h.value=!1}},C=()=>{l.value?.restoreValidation(),Object.keys(p.value).forEach(e=>{if(e!==`pageNum`&&e!==`pageSize`){let t=f.value.find(t=>t.prop===e);p.value[e]=r.t(t?.defaultValue??null)}}),t(`reset`)},w=()=>{m.value=!m.value},T=(e,t)=>{E=!0;let n=++D;f.value=r.t(e),p.value=r.t(t),x(),(0,i.nextTick)(()=>{n===D&&(E=!1)})},E=!1,D=0;return x(),(0,i.watch)(p,e=>{if(E)return;let n=r.t(e);t(`change-params`,n),t(`update:modelValue`,n)},{deep:!0}),(0,i.onMounted)(()=>{g.restoreFromStorage()}),{formRef:l,fields:f,formParams:p,expanded:m,searching:h,visibleFields:v,hasExpandButton:y,history:g,searchFn:S,resetFn:C,toggleFold:w,syncFromProps:T}}const c=e=>{if(Array.isArray(e)&&e.length===2){if(e.every(e=>typeof e==`string`))return{mode:`formatted`,value:[e[0],e[1]]};if(e.every(e=>typeof e==`number`&&Number.isFinite(e)))return{mode:`timestamp`,value:[e[0],e[1]]}}return{mode:`timestamp`,value:null}},l=[`onClick`],u={class:`history-text`},d={key:0,class:`history-footer`},f=[`onClick`],p={class:`form-search-item-box`},m={class:`form-item-input`},h=(0,i.defineComponent)({name:`C_FormSearch`,__name:`index`,props:{bordered:{type:Boolean,default:!0},formItemList:{default:()=>[]},formParams:{default:()=>({})},modelValue:{},formSearchInputHistoryString:{},size:{default:`medium`},loading:{type:Boolean,default:!1},config:{}},emits:[`search`,`reset`,`change-params`,`update:modelValue`],setup(e,{expose:t,emit:n}){let r=e,{formRef:o,formParams:h,expanded:g,searching:_,visibleFields:v,hasExpandButton:y,history:b,searchFn:x,resetFn:S,toggleFold:C,syncFromProps:w}=s(n,{formItemList:r.formItemList,formParams:r.modelValue??r.formParams,config:()=>r.config,historyOptions:()=>({storageKey:r.formSearchInputHistoryString,maxItems:r.config?.historyMaxItems})}),T=e=>e?.map(e=>({...e,label:e.label??e.labelDefault??``,value:e.value===void 0?e.label??e.labelDefault:e.value})),E=e=>{let t=h.value[e];return typeof t==`string`?t:null},D=e=>{let t=h.value[e];return typeof t==`string`||typeof t==`number`?t:null},O=(e,t)=>{h.value[e]=t},k=e=>{let t=c(h.value[e]);return t.mode===`formatted`?{formattedValue:t.value,"onUpdate:formattedValue":t=>O(e,t)}:{value:t.value,"onUpdate:value":t=>O(e,t)}};return(0,i.watch)(()=>[r.formItemList,r.modelValue,r.formParams,r.config],([e,t,n])=>w(e,t??n),{deep:!0}),t({formRef:o,formParams:h,searchFn:x,cleanFn:S,changeFoldState:C}),(t,n)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NCard),{class:`form-search-card custom-card`,bordered:e.bordered},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NForm),{class:`form-search`,model:(0,i.unref)(h),ref_key:`formRef`,ref:o,size:e.size},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(v),(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`form-search-item-box`,key:e.prop||t},[e.type===`spacer`?(0,i.createCommentVNode)(`v-if`,!0):((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NFormItem),{key:0,class:`form-item-input`,path:e.prop,rule:e.rules,"show-feedback":!1,"show-label":!1},{default:(0,i.withCtx)(()=>[e.type===`input`?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NInput),(0,i.mergeProps)({key:0,clearable:``,value:E(e.prop),"onUpdate:value":t=>O(e.prop,t),placeholder:e.placeholder},{ref_for:!0},e.attrs,{onFocus:t=>(0,i.unref)(b).handleFocus(e.prop),onBlur:(0,i.unref)(b).closeAllPanels}),null,16,[`value`,`onUpdate:value`,`placeholder`,`onFocus`,`onBlur`])):(0,i.createCommentVNode)(`v-if`,!0),e.isFocus?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:`input-history`,onMousedown:n[0]||=(0,i.withModifiers)(()=>{},[`prevent`])},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(e.hisList,(t,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{class:`history-item`,onClick:n=>(0,i.unref)(b).selectHistoryItem(t,e.prop),key:t},[(0,i.createElementVNode)(`span`,u,(0,i.toDisplayString)(t),1),(0,i.createVNode)((0,i.unref)(a.NIcon),{class:`delete-icon`,size:`14`,onClick:(0,i.withModifiers)(t=>(0,i.unref)(b).deleteHistoryItem(e.prop,r),[`stop`])},{default:(0,i.withCtx)(()=>[...n[1]||=[(0,i.createElementVNode)(`div`,{class:`i-mdi:close`},null,-1)]]),_:1},8,[`onClick`])],8,l))),128)),e.hisList&&e.hisList.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,d,[(0,i.createElementVNode)(`span`,{class:`clear-all`,onClick:(0,i.withModifiers)(t=>(0,i.unref)(b).clearAllHistory(e.prop),[`stop`])},` 清空历史记录 `,8,f)])):(0,i.createCommentVNode)(`v-if`,!0)],32)):(0,i.createCommentVNode)(`v-if`,!0),e.type===`select`?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NSelect),(0,i.mergeProps)({key:2,value:D(e.prop),"onUpdate:value":t=>O(e.prop,t),placeholder:e.placeholder||`请选择`,clearable:``,options:T(e.list)},{ref_for:!0},e.attrs),null,16,[`value`,`onUpdate:value`,`placeholder`,`options`])):(0,i.createCommentVNode)(`v-if`,!0),e.type===`date-range`?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NDatePicker),(0,i.mergeProps)({key:3,type:`datetimerange`},{ref_for:!0},{...k(e.prop),...e.attrs},{format:`yyyy-MM-dd HH:mm`,"value-format":`yyyy-MM-dd HH:mm`,"start-placeholder":`开始时间`,"end-placeholder":`结束时间`,clearable:``}),null,16)):(0,i.createCommentVNode)(`v-if`,!0)]),_:2},1032,[`path`,`rule`]))]))),128)),(0,i.createElementVNode)(`div`,p,[(0,i.createElementVNode)(`div`,m,[n[6]||=(0,i.createElementVNode)(`div`,{class:`button-label-placeholder`},null,-1),(0,i.createVNode)((0,i.unref)(a.NSpace),null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NTooltip),{trigger:`hover`},{trigger:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NButton),{type:`primary`,onClick:(0,i.unref)(x),loading:e.loading||(0,i.unref)(_)},{icon:(0,i.withCtx)(()=>[...n[2]||=[(0,i.createElementVNode)(`div`,{class:`i-mdi:search w-4 h-4`},null,-1)]]),_:1},8,[`onClick`,`loading`])]),default:(0,i.withCtx)(()=>[n[3]||=(0,i.createTextVNode)(` 搜索 `,-1)]),_:1}),(0,i.createVNode)((0,i.unref)(a.NTooltip),{trigger:`hover`},{trigger:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NButton),{onClick:(0,i.unref)(S)},{icon:(0,i.withCtx)(()=>[...n[4]||=[(0,i.createElementVNode)(`div`,{class:`i-mdi:refresh w-4 h-4`},null,-1)]]),_:1},8,[`onClick`])]),default:(0,i.withCtx)(()=>[n[5]||=(0,i.createTextVNode)(` 重置 `,-1)]),_:1}),(0,i.unref)(y)?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.NTooltip),{key:0,trigger:`hover`},{trigger:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.NButton),{onClick:(0,i.unref)(C)},{icon:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)((0,i.unref)(g)?`i-mdi:chevron-up w-4 h-4`:`i-mdi:chevron-down w-4 h-4`)},null,2)]),_:1},8,[`onClick`])]),default:(0,i.withCtx)(()=>[(0,i.createTextVNode)(` `+(0,i.toDisplayString)((0,i.unref)(g)?`收起`:`展开`),1)]),_:1})):(0,i.createCommentVNode)(`v-if`,!0)]),_:1})])])]),_:1},8,[`model`,`size`])]),_:1},8,[`bordered`]))}});var g=t.t(h,[[`__scopeId`,`data-v-19437573`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});