@harbor-design/proform 1.0.6 → 1.0.7

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var k=Object.defineProperty;var W=(u,e,t)=>e in u?k(u,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[e]=t;var a=(u,e,t)=>(W(u,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");class R{constructor(e){a(this,"runtimeCore");this.formCustomization=e}cleanFallbackFields(e){return e!==null&&typeof e=="object"&&(delete e.__yiwwhl_async_field_fallback,Object.values(e).forEach(t=>{this.cleanFallbackFields(t)})),e}setup(e){return this.runtimeCore=e,this.formCustomization}submit(){return new Promise((e,t)=>{this.runtimeCore.formRef.value.validate(i=>i?t(i):e(this.cleanFallbackFields(l.toRaw(this.runtimeCore.processors.processedModel.value))))})}}class m{static typeChecker(e){return{}.toString.call(e)}static isArray(e){return this.typeChecker(e)==="[object Array]"}static isFunction(e){return this.typeChecker(e).includes("Function")}static isAsyncFunction(e){let t=!1;return this.typeChecker(e)==="[object AsyncFunction]"&&(t=!0),t}static isUndefined(e){return e===void 0}static isArrayEmpty(e){return(e==null?void 0:e.length)<1}static isObjectEmpty(e){return this.isArrayEmpty(Object.keys(e))}static isListSchema(e){return e.type==="list"}static isGroupSchema(e){return e.type==="group"}static isItemSchema(e){return this.isUndefined(e.type)||e.type==="item"}}function V(u){const e=new WeakMap;function t(i){if(i===null||typeof i!="object")return i;if(i instanceof Date)return new Date(i);if(i instanceof RegExp)return new RegExp(i);if(i instanceof Map){const o=new Map;for(let[s,c]of i)o.set(t(s),t(c));return o}if(i instanceof Set){const o=new Set;for(let s of i)o.add(t(s));return o}if(e.has(i))return e.get(i);if(Array.isArray(i)){const o=[];e.set(i,o);for(let s=0;s<i.length;s++)o[s]=t(i[s]);return o}const f=Object.create(Object.getPrototypeOf(i));e.set(i,f);for(let o in i)i.hasOwnProperty(o)&&(f[o]=t(i[o]));return f}return t(u)}class C{constructor(e,t){a(this,"rawSchemas",[]);a(this,"rawModel",{});a(this,"schemaPreset",A.schemaPreset);a(this,"componentPropsPreset",A.componentPropsPreset);a(this,"uniqueEffectMap",{});a(this,"schemaEffect",new S);a(this,"modelEffect",new S);a(this,"stopWatchEffect",new S);this.processedSchemas=e,this.processedModel=t,l.watch(()=>this.processedModel.value,()=>{this.schemaEffect.triggerEffects(),this.modelEffect.triggerEffects()},{deep:!0})}schemaAnalyzer(e,t=this.processedSchemas.value,i=this.rawSchemas,f,o){for(let s=0;s<e.length;s++){let c=e[s];this.schemaProcessor(c,s,(v,E,h)=>{h?i[s][h]=v[h]:(t[s]=v,this.modelProcessor(v,f&&this.processedModel.value[f][0]),(!i[s]||E)&&(i[s]=V(v)),this.schemaEffect.triggerEffects(),this.modelEffect.triggerEffects())},o,f)}}schemaProcessor(e,t,i,f,o){const s={},c=this;function v(E=!1){var h,P;if(s.componentProps){const d={};c.propsProcessor(s.componentProps,c.componentPropsPreset,d,y=>{s.componentProps=d,i({...s},y,"componentProps")},t,f);return}if(s.children){c.processedSchemas.value[t]=s,c.rawSchemas[t]=s,i({...s},E),c.schemaAnalyzer(s.children,(h=c.processedSchemas.value[t])==null?void 0:h.children,(P=c.rawSchemas[t])==null?void 0:P.children,s.field,t);return}i({...s},E),c.rawModel=V(c.processedModel.value)}this.propsProcessor(e,this.schemaPreset,s,v,t,f,o)}replaceFunctionsWithUndefined(e){if(typeof e!="object"||e===null)return e;for(let t in e)if(e.hasOwnProperty(t)){let i=e[t];typeof i=="function"||typeof i=="object"&&this.replaceFunctionsWithUndefined(i)}return e}runtimeMeta(){return{model:this.replaceFunctionsWithUndefined(l.toRaw(V(this.processedModel.value)))}}propsProcessor(e,t,i,f,o,s,c){const v=Object.keys(e),E=Array.from({length:v.length}).fill(!1);function h(){return E.every(P=>P)}for(let P=0;P<v.length;P++){const d=v[P],y=e[d];if(m.isFunction(y)){const w=y(this.runtimeMeta());d!=="defaultValue"?this.schemaEffect.trackEffect(()=>{let n=y(this.runtimeMeta());n instanceof Promise?n.then(r=>{s===void 0?m.isFunction(r)||(typeof r=="string"&&r.includes("undefined")&&(r=r.replace(/undefined/g,"")),this.processedSchemas.value[o][d]=r):m.isFunction(r)||(typeof r=="string"&&r.includes("undefined")&&(r=r.replace(/undefined/g,"")),this.processedSchemas.value[s].children[o][d]=r)}):s===void 0?m.isFunction(n)||(typeof n=="string"&&n.includes("undefined")&&(n=n.replace(/undefined/g,"")),this.processedSchemas.value[o][d]=n):m.isFunction(n)||(typeof n=="string"&&n.includes("undefined")&&(n=n.replace(/undefined/g,"")),this.processedSchemas.value[s].children[o][d]=n)}):this.modelEffect.trackEffect(()=>{let n=y(this.runtimeMeta());this.stopWatchEffect.trackEffect(l.watchEffect(()=>{if(n=y(this.runtimeMeta()),n instanceof Promise)n.then(r=>{if(typeof r=="string"&&!r.includes("undefined")?this.stopWatchEffect.triggerEffects():r=r.replace(/undefined/g,""),o===void 0||c===void 0){if(m.isFunction(e.field)){const p=e.field(this.runtimeMeta());p instanceof Promise?p.then(g=>{this.processedModel.value[g]=r}):this.processedModel.value[p]=r;return}this.processedModel.value[e.field]=r}else{if(m.isFunction(e.field)){const p=e.field(this.runtimeMeta());p instanceof Promise?p.then(g=>{this.processedModel.value[c][o][g]=r}):this.processedModel.value[c][o]&&(this.processedModel.value[c][o][p]=r);return}this.processedModel.value[c]&&this.processedModel.value[c].forEach(p=>{p[e.field]=r})}this.rawModel=V(this.processedModel.value),this.modelEffect.clearEffects()});else{if(typeof n=="string"&&!n.includes("undefined")?this.stopWatchEffect.triggerEffects():n=n.replace(/undefined/g,""),m.isFunction(e.field)){const r=e.field(this.runtimeMeta());r instanceof Promise?r.then(p=>{this.processedModel.value[p]=n}):this.processedModel.value[r]=n;return}if(this.processedModel.value[e.field]=n,o===void 0||c===void 0){if(m.isFunction(e.field)){const r=e.field(this.runtimeMeta());r instanceof Promise?r.then(p=>{this.processedModel.value[p]=n}):this.processedModel.value[r]=n;return}this.processedModel.value[e.field]=n}else for(let r=0;r<this.processedModel.value[c].length;r++){const p=this.processedModel.value[c][r];if(!m.isFunction(e.field))p[e.field]=n;else{const g=e.field(this.runtimeMeta());g instanceof Promise?g.then(N=>{p[N]=n}):p[g]=n;return}}this.rawModel=V(this.processedModel.value),this.modelEffect.clearEffects()}}))}),w instanceof Promise?(E[P]=!0,i[d]=t[d].defaultValueWhenAsync,h()&&f(),w.then(n=>{E[P]=!0,i[d]=n,h()&&f(!0)})):(E[P]=!0,i[d]=w,h()&&f())}else E[P]=!0,l.isRef(y)?l.watch(()=>y.value,w=>{i[d]=w,h()&&f()},{immediate:!0,deep:!0}):l.isReactive(y)?l.watch(()=>y,w=>{i[d]=w,h()&&f()},{immediate:!0,deep:!0}):(i[d]=y,h()&&f())}}modelProcessor(e,t=this.processedModel.value){if(m.isListSchema(e)){if(m.isFunction(e.field))return;t[e.field]||(t[e.field]=[{}]),e.children.forEach(i=>{this.modelProcessor(i,t[e.field][0])});return}if(m.isGroupSchema(e)){e.children.forEach(i=>{this.modelProcessor(i,t)});return}if(m.isItemSchema(e)){if(m.isFunction(e.field)||m.isUndefined(e.field)||!Number.isNaN(Number(e.field))||m.isFunction(e.defaultValue))return;t[e.field]=e.defaultValue}}}function b(u){return typeof u=="function"||Object.prototype.toString.call(u)==="[object Object]"&&!l.isVNode(u)}class D{constructor(e){a(this,"schemas",l.ref([]));a(this,"model",l.ref({}));a(this,"processorBySchemaType",{item:this.runtimeItemProcessor.bind(this),group:this.runtimeGroupProcessor.bind(this),list:this.runtimeListProcessor.bind(this)});a(this,"formRef",l.ref(null));this.setup=e,this.processors=new C(this.schemas,this.model),this.analyze(this.setup(this))}analyze(e){this.processors.schemaAnalyzer(e.schemas)}runtimeItemProcessor(e,t,i=this.model.value,f){var y;const o=f?`${f.field}.${t}.${e.field}`:e.field,s=l.toRaw(e.component),c=s.name,v=e.componentProps??{},E=A.placeholderPresetByComponentName;let h=e.placeholder;h||(h=`${E[c]??"请输入"}${e.label}`),e.required&&(e.rules||(e.rules=[]),(y=e.rules)==null||y.push({required:!0,message:`${e.label}是必填项`}));let d=e.show;return d===void 0&&(d=!0),d||delete i[e.field],l.createVNode(M.runtimeDoms.Item,null,{default(){return l.withDirectives(l.createVNode(M.runtimeDoms.FormItem,{label:`${e.label}:`,rules:e.rules,field:o},{default:()=>[l.createVNode(s,l.mergeProps({modelValue:i[e.field],"onUpdate:modelValue":w=>i[e.field]=w,placeholder:h},v),null)]}),[[l.vShow,d]])}})}runtimeGroupProcessor(e){let t;return l.createVNode(M.runtimeDoms.Group,{schema:e},b(t=e.children.map(i=>this.runtimeItemProcessor(i)))?t:{default:()=>[t]})}addListItem(e){var t,i;if(!((t=this.processors.rawModel[e.field])!=null&&t[0]))return Promise.reject({code:"0001",message:"异步默认值数据正在处理中，请您耐心等待... "});(i=this.processors.rawModel[e.field])!=null&&i[0]&&this.model.value[e.field].push(V(this.processors.rawModel[e.field][0]))}deleteListItem(e,t){this.model.value[e.field].splice(t,1)}runtimeListProcessor(e){const t=this;return l.createVNode(M.runtimeDoms.List,{schema:e},{default(){return t.model.value[e.field].map((i,f)=>l.createVNode(M.runtimeDoms.ListItem,null,{default(){return e.children.map((o,s)=>t.runtimeItemProcessor(o,s,i,e))},delete({container:o}={}){var c;let s=o??l.createVNode("button",null,null);return l.withDirectives(l.createVNode(s,{onClick:()=>t.deleteListItem(e,f)},null),[[l.vShow,((c=t.model.value[e.field])==null?void 0:c.length)>1]])}}))},add({container:i}={}){let f=i??l.createVNode("button",null,[l.createTextVNode("添加")]);return l.createVNode(f,{onClick:()=>t.addListItem(e)},null)}})}runtimeProcessor(e){return e.map(t=>(t.type||(t.type="item"),this.processorBySchemaType[t.type](t)))}exec(){let e;return l.createVNode(M.runtimeDoms.Form,{ref:this.formRef,model:this.model.value},b(e=this.runtimeProcessor(this.schemas.value))?e:{default:()=>[e]})}}class M{}a(M,"runtimeDoms");class S{constructor(){a(this,"effects",new Set)}clearEffects(){this.effects.clear()}triggerEffects(){Array.from(this.effects).forEach(e=>e())}trackEffect(e){this.effects.add(e)}}const F=class F{static getPlaceholderPrefixPresetByComponentName(){const e={请选择:["Select","Tree","TreeSelect"],请输入:["Input"]},t={};for(let i in e)e[i].forEach(f=>{t[f]=i});return t}};a(F,"schemaPreset",{type:{defaultValueWhenAsync:"item"},component:{defaultValueWhenAsync:void 0},componentProps:{defaultValueWhenAsync:void 0},defaultValue:{defaultValueWhenAsync:void 0},label:{defaultValueWhenAsync:""},field:{defaultValueWhenAsync:"__yiwwhl_async_field_fallback"},rules:{defaultValueWhenAsync:[]},show:{defaultValueWhenAsync:!0},required:{defaultValueWhenAsync:!1},placeholder:{defaultValueWhenAsync:void 0}}),a(F,"componentPropsPreset",{options:{defaultValueWhenAsync:[]}}),a(F,"placeholderPresetByComponentName",F.getPlaceholderPrefixPresetByComponentName());let A=F;const j=l.defineComponent({props:{setup:{type:Function,required:!0}},setup(u){const e=new D(u.setup);return()=>e.exec()}});function L(u){const e=new R(u);return[e.setup.bind(e),{submit:e.submit.bind(e)}]}function z(u){return{install(){M.runtimeDoms=u}}}exports.ProForm=j;exports.useForm=L;exports.useFormRenderer=z;
+"use strict";var I=Object.defineProperty;var v=(l,e,t)=>e in l?I(l,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[e]=t;var f=(l,e,t)=>(v(l,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue");class O{constructor(e){f(this,"runtimeCore");this.formCustomization=e}cleanFallbackFields(e){return e!==null&&typeof e=="object"&&(delete e.__yiwwhl_async_field_fallback,Object.values(e).forEach(t=>{this.cleanFallbackFields(t)})),e}setup(e){return this.runtimeCore=e,this.formCustomization}submit(){return new Promise((e,t)=>{this.runtimeCore.formRef.value.validate(s=>s?t(s):e(this.cleanFallbackFields(i.toRaw(this.runtimeCore.processor.processedModel.value))))})}}class u{static typeChecker(e){return{}.toString.call(e)}static isArray(e){return this.typeChecker(e)==="[object Array]"}static isFunction(e){return this.typeChecker(e)==="[object Function]"}static isPromise(e){return e instanceof Promise}static isObject(e){return this.typeChecker(e)==="[object Object]"}static isAsyncFunction(e){return this.typeChecker(e)==="[object AsyncFunction]"}static isUndefined(e){return e===void 0}static isArrayEmpty(e){return(e==null?void 0:e.length)<1}static isObjectEmpty(e){return this.isArrayEmpty(Object.keys(e))}static isListSchema(e){return e.type==="list"}static isGroupSchema(e){return e.type==="group"}static isItemSchema(e){return this.isUndefined(e.type)||e.type==="item"}static isProcessInprogress(e){if(e===void 0)return!0;if(this.isObject(e)){if(e.setup&&this.isFunction(e.setup)&&e.props)return!1;if(this.isObjectEmpty(e))return!0;for(const t in e)if(e.hasOwnProperty(t)&&this.isProcessInprogress(e[t]))return!0}else if(this.isArray(e)){if(this.isArrayEmpty(e))return!0;for(const t of e)if(this.isProcessInprogress(t))return!0}return!1}}function j(l){const e=new WeakMap;function t(s){if(s===null||typeof s!="object")return s;if(s instanceof Date)return new Date(s);if(s instanceof RegExp)return new RegExp(s);if(s instanceof Map){const n=new Map;for(let[o,c]of s)n.set(t(o),t(c));return n}if(s instanceof Set){const n=new Set;for(let o of s)n.add(t(o));return n}if(e.has(s))return e.get(s);if(Array.isArray(s)){const n=[];e.set(s,n);for(let o=0;o<s.length;o++)n[o]=t(s[o]);return n}const r=Object.create(Object.getPrototypeOf(s));e.set(s,r);for(let n in s)s.hasOwnProperty(n)&&(r[n]=t(s[n]));return r}return t(l)}class E{constructor(){f(this,"effects",new Set)}clearEffects(){this.effects.clear()}triggerEffects(){Array.from(this.effects).forEach(e=>e())}trackEffect(e){return e(),this.effects.add(e),()=>this.effects.delete(e)}}class C{constructor(e){f(this,"processedSchemas");f(this,"processedModel");f(this,"getRuntimeMeta");f(this,"stableSchemas",[]);f(this,"stableModel",{});f(this,"schemaPreset",S.schemaPreset);f(this,"componentPropsPreset",S.componentPropsPreset);f(this,"stableUpdaterProcessProgress");f(this,"stableUpdaterTimes",0);f(this,"schemaEffect",new E);f(this,"defaultValueEffect",new E);f(this,"defaultValueInprogressMap",new Map);this.processedSchemas=e.schemas,this.processedModel=e.model,this.getRuntimeMeta=e.getRuntimeMeta.bind(e),i.watch(()=>this.processedModel.value,()=>{this.schemaEffect.triggerEffects()},{deep:!0})}parse(e,t){e.forEach((s,r)=>{this.parseItem(s,r,t)})}initSchemas(e){return e.map(t=>{const s={};return t.children&&(s.children=this.initSchemas(t.children)),s})}parseSchemas(e,t){u.isArrayEmpty(this.processedSchemas.value)&&(this.processedSchemas.value=this.initSchemas(e)),this.parse(e,t)}parseStable(e){const t={};if(!u.isUndefined(e.stable))t[e.key]=this.parseStable(e.stable);else return e;return t}stableUpdater(e=[]){if(e.every(Boolean)){const t=i.toRaw(this.processedSchemas.value);!u.isProcessInprogress(t)&&u.isObjectEmpty(this.stableModel)&&(this.stableUpdaterProcessProgress||(this.stableUpdaterProcessProgress=Array.from({length:t.length}).fill(!1)),this.stableUpdaterProcessProgress[this.stableUpdaterTimes]=!0,this.stableUpdaterTimes++,this.modelProcessor(t))}}parseItem(e,t,s){const r=this,n=Array.from({length:Object.keys(e).filter(c=>c!=="children").length}).fill(!1);this.objectParser({data:e,index:t,updater:o});function o(c){const a=c.index,d=c.key,y=c.keyIndex;if(!c.stable)return;const V=r.parseStable(c.stable),m=s==null?void 0:s.index,g=s==null?void 0:s.key;let p=V;if(u.isProcessInprogress(p)||(n[y]=!0),s){let b=r.processedSchemas.value[m][g][a][d];b&&u.isObject(b)&&d!=="component"&&(p=Object.assign(b,p)),r.processedSchemas.value[m][g][a][d]=p,r.stableUpdater(n)}else{let b=r.processedSchemas.value[a][d];b&&u.isObject(b)&&(p=Object.assign(b,p)),r.processedSchemas.value[a][d]=p,r.stableUpdater(n)}}}objectParser(e){const t=e.data;Object.keys(t).forEach((r,n)=>{if(r==="children")this.parseSchemas(t[r],{...e,key:r,keyIndex:n});else{const o=c=>{e.updater({...e,key:r,keyIndex:n,stable:c})};if(u.isFunction(t[r]))r!=="defaultValue"?this.schemaEffect.trackEffect(()=>{if(r==="component"){const c=t[r](this.getRuntimeMeta());this.promiseFieldParser(c,o,!1)}else this.fieldParser(t[r],o)}):this.defaultValueEffect.trackEffect(()=>{const c=this.schemaEffect.trackEffect(()=>{/\{\s*model\s*\}/.test(t[r].toString())?this.fieldParser(t[r],a=>{if(!a)return o(a);this.defaultValueInprogressMap.set(t[r],a),!u.isProcessInprogress(a)&&Array.from(this.defaultValueInprogressMap.values()).every(d=>!d.includes("undefined"))?(o(a),this.defaultValueEffect.clearEffects(),c()):o(a)}):this.fieldParser(t[r],a=>{!u.isProcessInprogress(a)&&Array.from(this.defaultValueInprogressMap.values()).every(d=>!d.includes("undefined"))?(o(a),this.defaultValueEffect.clearEffects(),c()):o(a)})})});else if(r==="component"){const c=t[r];this.promiseFieldParser(c,o,!1)}else this.fieldParser(t[r],o)}})}promiseFieldParser(e,t,s){u.isPromise(e)?e.then(r=>{s&&u.isObject(r)?this.objectParser({data:r,updater:t}):t(r)}):s&&u.isObject(e)?this.objectParser({data:e,updater:t}):t(e)}fieldParser(e,t,s=!0){if(u.isFunction(e)){const r=e(this.getRuntimeMeta());this.promiseFieldParser(r,t,s)}else i.isRef(e)?i.watch(()=>e.value,()=>{u.isUndefined(e.value)||(s&&u.isObject(e.value)?this.objectParser({data:e.value,updater:t}):t(e.value))},{immediate:!0,deep:!0}):i.isReactive(e)?i.watch(()=>e,()=>{u.isUndefined(e)||(s&&u.isObject(e)?this.objectParser({data:e,updater:t}):t(e))},{immediate:!0,deep:!0}):s&&u.isObject(e)?this.objectParser({data:e,updater:t}):t(e)}modelProcessor(e){e.map(t=>this.createModel(t,this.processedModel.value)),u.isObjectEmpty(this.stableModel)&&this.stableUpdaterProcessProgress.every(Boolean)&&this.defaultValueEffect.effects.size===0&&(this.stableModel=j(this.processedModel.value))}createModel(e,t){u.isListSchema(e)&&(t[e.field]||(t[e.field]=[{}]),e.children.forEach(s=>{this.createModel(s,t[e.field][0])})),u.isGroupSchema(e)&&e.children.forEach(s=>{this.createModel(s,t)}),u.isItemSchema(e)&&(t[e.field]=e.defaultValue)}}function w(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!i.isVNode(l)}class R{constructor(e){f(this,"schemas",i.ref([]));f(this,"model",i.ref({}));f(this,"processorBySchemaType",{item:this.runtimeItemProcessor.bind(this),group:this.runtimeGroupProcessor.bind(this),list:this.runtimeListProcessor.bind(this)});f(this,"formRef",i.ref(null));this.setup=e,this.processor=new C(this);const t=this.setup(this);this.processor.parseSchemas(t.schemas)}getRuntimeMeta(){return{model:i.toRaw(j(this.model.value))}}runtimeItemProcessor(e,t,s=this.model.value,r){var g;const n=r?`${r.field}.${t}.${e.field}`:e.field,o=i.toRaw(e.component);if(!o)return;const c=o.name,a=e.componentProps??{},d=S.placeholderPresetByComponentName;let y=e.placeholder;y||(y=`${d[c]??"请输入"}${e.label}`),e.required&&(e.rules||(e.rules=[]),(g=e.rules)==null||g.push({required:!0,message:`${e.label}是必填项`}));let m=e.show;return m===void 0&&(m=!0),m||delete s[e.field],i.createVNode(h.runtimeDoms.Item,null,{default(){return i.withDirectives(i.createVNode(h.runtimeDoms.FormItem,{label:`${e.label}:`,rules:e.rules,field:n},{default:()=>[i.createVNode(o,i.mergeProps({modelValue:s[e.field],"onUpdate:modelValue":p=>s[e.field]=p,placeholder:y},a),null)]}),[[i.vShow,m]])}})}runtimeGroupProcessor(e){let t;return i.createVNode(h.runtimeDoms.Group,{schema:e},w(t=e.children.map(s=>this.runtimeItemProcessor(s)))?t:{default:()=>[t]})}addListItem(e){var t,s;if(!((t=this.processor.stableModel[e.field])!=null&&t[0]))return Promise.reject({code:"0001",message:"异步默认值数据正在处理中，请您耐心等待... "});(s=this.processor.stableModel[e.field])!=null&&s[0]&&this.model.value[e.field].push(j(this.processor.stableModel[e.field][0]))}deleteListItem(e,t){this.model.value[e.field].splice(t,1)}runtimeListProcessor(e){const t=this;return t.model.value[e.field]||(t.model.value[e.field]=[{}]),i.createVNode(h.runtimeDoms.List,{schema:e},{default(){return t.model.value[e.field].map((s,r)=>i.createVNode(h.runtimeDoms.ListItem,null,{default(){return e.children.map((n,o)=>t.runtimeItemProcessor(n,o,s,e))},delete({container:n}={}){var c;let o=n??i.createVNode("button",null,null);return i.withDirectives(i.createVNode(o,{onClick:()=>t.deleteListItem(e,r)},null),[[i.vShow,((c=t.model.value[e.field])==null?void 0:c.length)>1]])}}))},add({container:s}={}){let r=s??i.createVNode("button",null,[i.createTextVNode("添加")]);return i.createVNode(r,{onClick:()=>t.addListItem(e)},null)}})}runtimeProcessor(e){return e.map(t=>(t.type||(t.type="item"),this.processorBySchemaType[t.type](t)))}exec(){let e;return i.createVNode(h.runtimeDoms.Form,{ref:this.formRef,model:this.model.value},w(e=this.runtimeProcessor(this.schemas.value))?e:{default:()=>[e]})}}class h{}f(h,"runtimeDoms");const P=class P{static getPlaceholderPrefixPresetByComponentName(){const e={请选择:["Select","Tree","TreeSelect"],请输入:["Input"]},t={};for(let s in e)e[s].forEach(r=>{t[r]=s});return t}};f(P,"schemaPreset",{type:{defaultValue:"item"},component:{defaultValue:void 0},componentProps:{defaultValue:void 0},defaultValue:{defaultValue:void 0},label:{defaultValue:""},field:{defaultValue:"__yiwwhl_async_field_fallback"},rules:{defaultValue:[]},show:{defaultValue:!0},required:{defaultValue:!1},placeholder:{defaultValue:void 0},children:{defaultValue:[]}}),f(P,"componentPropsPreset",{options:{defaultValue:[]}}),f(P,"placeholderPresetByComponentName",P.getPlaceholderPrefixPresetByComponentName());let S=P;const N=i.defineComponent({props:{setup:{type:Function,required:!0}},setup(l){const e=new R(l.setup);return()=>e.exec()}});function x(l){const e=new O(l);return[e.setup.bind(e),{submit:e.submit.bind(e)}]}function A(l){return{install(){h.runtimeDoms=l}}}exports.ProForm=N;exports.useForm=x;exports.useFormRenderer=A;

package/dist/index.js

@@ -1,10 +1,10 @@
-var j = Object.defineProperty;
-var L = (c, e, t) => e in c ? j(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
-var d = (c, e, t) => (L(c, typeof e != "symbol" ? e + "" : e, t), t);
-import { toRaw as W, watch as S, watchEffect as z, isRef as _, isReactive as B, ref as k, createVNode as v, withDirectives as C, mergeProps as q, vShow as R, createTextVNode as $, isVNode as G, defineComponent as T } from "vue";
-class U {
+var A = Object.defineProperty;
+var U = (o, e, t) => e in o ? A(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var c = (o, e, t) => (U(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { toRaw as S, watch as E, isRef as R, isReactive as M, ref as I, createVNode as d, withDirectives as O, mergeProps as k, vShow as v, createTextVNode as D, isVNode as B, defineComponent as L } from "vue";
+class N {
   constructor(e) {
-    d(this, "runtimeCore");
+    c(this, "runtimeCore");
     this.formCustomization = e;
   }
   // happy path, 后续可以完善更多的 fallback 处理，fallback 处理是为了不卡住异步时的首次渲染做的优化
@@ -18,15 +18,15 @@ class U {
   }
   submit() {
     return new Promise((e, t) => {
-      this.runtimeCore.formRef.value.validate((i) => i ? t(i) : e(
+      this.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(
         this.cleanFallbackFields(
-          W(this.runtimeCore.processors.processedModel.value)
+          S(this.runtimeCore.processor.processedModel.value)
         )
       ));
     });
   }
 }
-class p {
+class f {
   static typeChecker(e) {
     return {}.toString.call(e);
   }
@@ -34,11 +34,16 @@ class p {
     return this.typeChecker(e) === "[object Array]";
   }
   static isFunction(e) {
-    return this.typeChecker(e).includes("Function");
+    return this.typeChecker(e) === "[object Function]";
+  }
+  static isPromise(e) {
+    return e instanceof Promise;
+  }
+  static isObject(e) {
+    return this.typeChecker(e) === "[object Object]";
   }
   static isAsyncFunction(e) {
-    let t = !1;
-    return this.typeChecker(e) === "[object AsyncFunction]" && (t = !0), t;
+    return this.typeChecker(e) === "[object AsyncFunction]";
   }
   static isUndefined(e) {
     return e === void 0;
@@ -58,366 +63,363 @@ class p {
   static isItemSchema(e) {
     return this.isUndefined(e.type) || e.type === "item";
   }
+  static isProcessInprogress(e) {
+    if (e === void 0)
+      return !0;
+    if (this.isObject(e)) {
+      if (e.setup && this.isFunction(e.setup) && e.props)
+        return !1;
+      if (this.isObjectEmpty(e))
+        return !0;
+      for (const t in e)
+        if (e.hasOwnProperty(t) && this.isProcessInprogress(e[t]))
+          return !0;
+    } else if (this.isArray(e)) {
+      if (this.isArrayEmpty(e))
+        return !0;
+      for (const t of e)
+        if (this.isProcessInprogress(t))
+          return !0;
+    }
+    return !1;
+  }
 }
-function A(c) {
+function V(o) {
   const e = /* @__PURE__ */ new WeakMap();
-  function t(i) {
-    if (i === null || typeof i != "object")
-      return i;
-    if (i instanceof Date)
-      return new Date(i);
-    if (i instanceof RegExp)
-      return new RegExp(i);
-    if (i instanceof Map) {
-      const o = /* @__PURE__ */ new Map();
-      for (let [s, l] of i)
-        o.set(t(s), t(l));
-      return o;
+  function t(s) {
+    if (s === null || typeof s != "object")
+      return s;
+    if (s instanceof Date)
+      return new Date(s);
+    if (s instanceof RegExp)
+      return new RegExp(s);
+    if (s instanceof Map) {
+      const n = /* @__PURE__ */ new Map();
+      for (let [i, l] of s)
+        n.set(t(i), t(l));
+      return n;
     }
-    if (i instanceof Set) {
-      const o = /* @__PURE__ */ new Set();
-      for (let s of i)
-        o.add(t(s));
-      return o;
+    if (s instanceof Set) {
+      const n = /* @__PURE__ */ new Set();
+      for (let i of s)
+        n.add(t(i));
+      return n;
     }
-    if (e.has(i))
-      return e.get(i);
-    if (Array.isArray(i)) {
-      const o = [];
-      e.set(i, o);
-      for (let s = 0; s < i.length; s++)
-        o[s] = t(i[s]);
-      return o;
+    if (e.has(s))
+      return e.get(s);
+    if (Array.isArray(s)) {
+      const n = [];
+      e.set(s, n);
+      for (let i = 0; i < s.length; i++)
+        n[i] = t(s[i]);
+      return n;
     }
-    const f = Object.create(Object.getPrototypeOf(i));
-    e.set(i, f);
-    for (let o in i)
-      i.hasOwnProperty(o) && (f[o] = t(i[o]));
-    return f;
+    const r = Object.create(Object.getPrototypeOf(s));
+    e.set(s, r);
+    for (let n in s)
+      s.hasOwnProperty(n) && (r[n] = t(s[n]));
+    return r;
+  }
+  return t(o);
+}
+class C {
+  constructor() {
+    c(this, "effects", /* @__PURE__ */ new Set());
+  }
+  clearEffects() {
+    this.effects.clear();
+  }
+  triggerEffects() {
+    Array.from(this.effects).forEach((e) => e());
+  }
+  trackEffect(e) {
+    return e(), this.effects.add(e), () => this.effects.delete(e);
   }
-  return t(c);
 }
-class O {
-  constructor(e, t) {
-    d(this, "rawSchemas", []);
-    d(this, "rawModel", {});
-    d(this, "schemaPreset", b.schemaPreset);
-    d(this, "componentPropsPreset", b.componentPropsPreset);
-    d(this, "uniqueEffectMap", {});
-    d(this, "schemaEffect", new V());
-    d(this, "modelEffect", new V());
-    d(this, "stopWatchEffect", new V());
-    this.processedSchemas = e, this.processedModel = t, S(
+class T {
+  constructor(e) {
+    c(this, "processedSchemas");
+    c(this, "processedModel");
+    c(this, "getRuntimeMeta");
+    c(this, "stableSchemas", []);
+    c(this, "stableModel", {});
+    c(this, "schemaPreset", j.schemaPreset);
+    c(this, "componentPropsPreset", j.componentPropsPreset);
+    c(this, "stableUpdaterProcessProgress");
+    c(this, "stableUpdaterTimes", 0);
+    c(this, "schemaEffect", new C());
+    c(this, "defaultValueEffect", new C());
+    c(this, "defaultValueInprogressMap", /* @__PURE__ */ new Map());
+    this.processedSchemas = e.schemas, this.processedModel = e.model, this.getRuntimeMeta = e.getRuntimeMeta.bind(e), E(
       () => this.processedModel.value,
       () => {
-        this.schemaEffect.triggerEffects(), this.modelEffect.triggerEffects();
+        this.schemaEffect.triggerEffects();
       },
       {
         deep: !0
       }
     );
   }
-  schemaAnalyzer(e, t = this.processedSchemas.value, i = this.rawSchemas, f, o) {
-    for (let s = 0; s < e.length; s++) {
-      let l = e[s];
-      this.schemaProcessor(
-        l,
-        s,
-        (P, E, a) => {
-          a ? i[s][a] = P[a] : (t[s] = P, this.modelProcessor(
-            P,
-            f && this.processedModel.value[f][0]
-          ), (!i[s] || E) && (i[s] = A(P)), this.schemaEffect.triggerEffects(), this.modelEffect.triggerEffects());
-        },
-        o,
-        f
-      );
-    }
+  // 核心处理过程，接收一个初始的代理数据结构,由其衍生的有 parseSchema
+  parse(e, t) {
+    e.forEach((s, r) => {
+      this.parseItem(s, r, t);
+    });
   }
-  schemaProcessor(e, t, i, f, o) {
-    const s = {}, l = this;
-    function P(E = !1) {
-      var a, y;
-      if (s.componentProps) {
-        const u = {};
-        l.propsProcessor(
-          s.componentProps,
-          l.componentPropsPreset,
-          u,
-          (m) => {
-            s.componentProps = u, i({ ...s }, m, "componentProps");
-          },
-          t,
-          f
-        );
-        return;
-      }
-      if (s.children) {
-        l.processedSchemas.value[t] = s, l.rawSchemas[t] = s, i({ ...s }, E), l.schemaAnalyzer(
-          s.children,
-          // @ts-expect-error 此处已经守卫为非 ItemSchema
-          (a = l.processedSchemas.value[t]) == null ? void 0 : a.children,
-          // @ts-expect-error 此处已经守卫为非 ItemSchema
-          (y = l.rawSchemas[t]) == null ? void 0 : y.children,
-          s.field,
-          t
-        );
-        return;
-      }
-      i({ ...s }, E), l.rawModel = A(l.processedModel.value);
-    }
-    this.propsProcessor(
-      e,
-      this.schemaPreset,
-      s,
-      P,
-      t,
-      f,
-      o
-    );
+  // 初始化空数据结构，避免后续复杂的 if else
+  initSchemas(e) {
+    return e.map((t) => {
+      const s = {};
+      return t.children && (s.children = this.initSchemas(t.children)), s;
+    });
   }
-  replaceFunctionsWithUndefined(e) {
-    if (typeof e != "object" || e === null)
-      return e;
-    for (let t in e)
-      if (e.hasOwnProperty(t)) {
-        let i = e[t];
-        typeof i == "function" || typeof i == "object" && this.replaceFunctionsWithUndefined(i);
-      }
-    return e;
+  // 派生过程，用于外部应用
+  parseSchemas(e, t) {
+    f.isArrayEmpty(this.processedSchemas.value) && (this.processedSchemas.value = this.initSchemas(e)), this.parse(e, t);
   }
-  runtimeMeta() {
-    return {
-      model: this.replaceFunctionsWithUndefined(
-        W(A(this.processedModel.value))
-      )
-    };
+  parseStable(e) {
+    const t = {};
+    if (!f.isUndefined(e.stable))
+      t[e.key] = this.parseStable(e.stable);
+    else
+      return e;
+    return t;
   }
-  propsProcessor(e, t, i, f, o, s, l) {
-    const P = Object.keys(e), E = Array.from({
-      length: P.length
-    }).fill(!1);
-    function a() {
-      return E.every((y) => y);
-    }
-    for (let y = 0; y < P.length; y++) {
-      const u = P[y], m = e[u];
-      if (p.isFunction(m)) {
-        const M = m(this.runtimeMeta());
-        u !== "defaultValue" ? this.schemaEffect.trackEffect(() => {
-          let n = m(this.runtimeMeta());
-          n instanceof Promise ? n.then((r) => {
-            s === void 0 ? p.isFunction(r) || (typeof r == "string" && r.includes("undefined") && (r = r.replace(/undefined/g, "")), this.processedSchemas.value[o][u] = r) : p.isFunction(r) || (typeof r == "string" && r.includes("undefined") && (r = r.replace(/undefined/g, "")), this.processedSchemas.value[s].children[o][u] = r);
-          }) : s === void 0 ? p.isFunction(n) || (typeof n == "string" && n.includes("undefined") && (n = n.replace(/undefined/g, "")), this.processedSchemas.value[o][u] = n) : p.isFunction(n) || (typeof n == "string" && n.includes("undefined") && (n = n.replace(/undefined/g, "")), this.processedSchemas.value[s].children[o][u] = n);
-        }) : this.modelEffect.trackEffect(() => {
-          let n = m(this.runtimeMeta());
-          this.stopWatchEffect.trackEffect(
-            z(() => {
-              if (n = m(this.runtimeMeta()), n instanceof Promise)
-                n.then((r) => {
-                  if (typeof r == "string" && !r.includes("undefined") ? this.stopWatchEffect.triggerEffects() : r = r.replace(/undefined/g, ""), o === void 0 || l === void 0) {
-                    if (p.isFunction(e.field)) {
-                      const h = e.field(
-                        this.runtimeMeta()
-                      );
-                      h instanceof Promise ? h.then((g) => {
-                        this.processedModel.value[g] = r;
-                      }) : this.processedModel.value[h] = r;
-                      return;
-                    }
-                    this.processedModel.value[e.field] = r;
-                  } else {
-                    if (p.isFunction(e.field)) {
-                      const h = e.field(
-                        this.runtimeMeta()
-                      );
-                      h instanceof Promise ? h.then((g) => {
-                        this.processedModel.value[l][o][g] = r;
-                      }) : this.processedModel.value[l][o] && (this.processedModel.value[l][o][h] = r);
-                      return;
-                    }
-                    this.processedModel.value[l] && this.processedModel.value[l].forEach(
-                      // @ts-expect-error
-                      (h) => {
-                        h[e.field] = r;
-                      }
-                    );
-                  }
-                  this.rawModel = A(this.processedModel.value), this.modelEffect.clearEffects();
-                });
-              else {
-                if (typeof n == "string" && !n.includes("undefined") ? this.stopWatchEffect.triggerEffects() : n = n.replace(/undefined/g, ""), p.isFunction(e.field)) {
-                  const r = e.field(this.runtimeMeta());
-                  r instanceof Promise ? r.then((h) => {
-                    this.processedModel.value[h] = n;
-                  }) : this.processedModel.value[r] = n;
-                  return;
-                }
-                if (this.processedModel.value[e.field] = n, o === void 0 || l === void 0) {
-                  if (p.isFunction(e.field)) {
-                    const r = e.field(this.runtimeMeta());
-                    r instanceof Promise ? r.then((h) => {
-                      this.processedModel.value[h] = n;
-                    }) : this.processedModel.value[r] = n;
-                    return;
-                  }
-                  this.processedModel.value[e.field] = n;
-                } else
-                  for (let r = 0; r < this.processedModel.value[l].length; r++) {
-                    const h = this.processedModel.value[l][r];
-                    if (!p.isFunction(e.field))
-                      h[e.field] = n;
-                    else {
-                      const g = e.field(
-                        this.runtimeMeta()
-                      );
-                      g instanceof Promise ? g.then((N) => {
-                        h[N] = n;
-                      }) : h[g] = n;
-                      return;
-                    }
-                  }
-                this.rawModel = A(this.processedModel.value), this.modelEffect.clearEffects();
-              }
-            })
-          );
-        }), M instanceof Promise ? (E[y] = !0, i[u] = t[u].defaultValueWhenAsync, a() && f(), M.then((n) => {
-          E[y] = !0, i[u] = n, a() && f(!0);
-        })) : (E[y] = !0, i[u] = M, a() && f());
-      } else
-        E[y] = !0, _(m) ? S(
-          () => m.value,
-          (M) => {
-            i[u] = M, a() && f();
-          },
-          {
-            immediate: !0,
-            deep: !0
-          }
-        ) : B(m) ? S(
-          () => m,
-          (M) => {
-            i[u] = M, a() && f();
-          },
-          {
-            immediate: !0,
-            deep: !0
-          }
-        ) : (i[u] = m, a() && f());
+  // 对于稳定初始化更新的抽象
+  stableUpdater(e = []) {
+    if (e.every(Boolean)) {
+      const t = S(this.processedSchemas.value);
+      !f.isProcessInprogress(t) && f.isObjectEmpty(this.stableModel) && (this.stableUpdaterProcessProgress || (this.stableUpdaterProcessProgress = Array.from({
+        length: t.length
+      }).fill(!1)), this.stableUpdaterProcessProgress[this.stableUpdaterTimes] = !0, this.stableUpdaterTimes++, this.modelProcessor(t));
     }
   }
-  modelProcessor(e, t = this.processedModel.value) {
-    if (p.isListSchema(e)) {
-      if (p.isFunction(e.field))
-        return;
-      t[e.field] || (t[e.field] = [{}]), e.children.forEach((i) => {
-        this.modelProcessor(i, t[e.field][0]);
-      });
-      return;
-    }
-    if (p.isGroupSchema(e)) {
-      e.children.forEach((i) => {
-        this.modelProcessor(i, t);
-      });
-      return;
-    }
-    if (p.isItemSchema(e)) {
-      if (p.isFunction(e.field) || p.isUndefined(e.field) || !Number.isNaN(Number(e.field)) || p.isFunction(e.defaultValue))
+  // 核心单 schema 处理过程，接收一个对象键值对的数据结构
+  parseItem(e, t, s) {
+    const r = this, n = Array.from({
+      length: Object.keys(e).filter((l) => l !== "children").length
+    }).fill(!1);
+    this.objectParser({ data: e, index: t, updater: i });
+    function i(l) {
+      const u = l.index, a = l.key, y = l.keyIndex;
+      if (!l.stable)
         return;
-      t[e.field] = e.defaultValue;
+      const w = r.parseStable(l.stable), m = s == null ? void 0 : s.index, g = s == null ? void 0 : s.key;
+      let p = w;
+      if (f.isProcessInprogress(p) || (n[y] = !0), s) {
+        let b = r.processedSchemas.value[m][g][u][a];
+        b && f.isObject(b) && a !== "component" && (p = Object.assign(b, p)), r.processedSchemas.value[m][g][u][a] = p, r.stableUpdater(n);
+      } else {
+        let b = r.processedSchemas.value[u][a];
+        b && f.isObject(b) && (p = Object.assign(b, p)), r.processedSchemas.value[u][a] = p, r.stableUpdater(n);
+      }
     }
   }
+  // 只做基本的对象 parser
+  objectParser(e) {
+    const t = e.data;
+    Object.keys(t).forEach((r, n) => {
+      if (r === "children")
+        this.parseSchemas(t[r], {
+          ...e,
+          key: r,
+          keyIndex: n
+        });
+      else {
+        const i = (l) => {
+          e.updater({
+            ...e,
+            key: r,
+            keyIndex: n,
+            stable: l
+          });
+        };
+        if (f.isFunction(t[r]))
+          r !== "defaultValue" ? this.schemaEffect.trackEffect(() => {
+            if (r === "component") {
+              const l = t[r](this.getRuntimeMeta());
+              this.promiseFieldParser(l, i, !1);
+            } else
+              this.fieldParser(t[r], i);
+          }) : this.defaultValueEffect.trackEffect(() => {
+            const l = this.schemaEffect.trackEffect(() => {
+              /\{\s*model\s*\}/.test(t[r].toString()) ? this.fieldParser(t[r], (u) => {
+                if (!u)
+                  return i(u);
+                this.defaultValueInprogressMap.set(t[r], u), !f.isProcessInprogress(u) && Array.from(this.defaultValueInprogressMap.values()).every(
+                  (a) => !a.includes("undefined")
+                ) ? (i(u), this.defaultValueEffect.clearEffects(), l()) : i(u);
+              }) : this.fieldParser(t[r], (u) => {
+                !f.isProcessInprogress(u) && Array.from(this.defaultValueInprogressMap.values()).every(
+                  (a) => !a.includes("undefined")
+                ) ? (i(u), this.defaultValueEffect.clearEffects(), l()) : i(u);
+              });
+            });
+          });
+        else if (r === "component") {
+          const l = t[r];
+          this.promiseFieldParser(l, i, !1);
+        } else
+          this.fieldParser(t[r], i);
+      }
+    });
+  }
+  promiseFieldParser(e, t, s) {
+    f.isPromise(e) ? e.then((r) => {
+      s && f.isObject(r) ? this.objectParser({
+        data: r,
+        updater: t
+      }) : t(r);
+    }) : s && f.isObject(e) ? this.objectParser({
+      data: e,
+      updater: t
+    }) : t(e);
+  }
+  // 对任意对象中单个字段的 parse: 做基本处理
+  fieldParser(e, t, s = !0) {
+    if (f.isFunction(e)) {
+      const r = e(this.getRuntimeMeta());
+      this.promiseFieldParser(r, t, s);
+    } else
+      R(e) ? E(
+        () => e.value,
+        () => {
+          f.isUndefined(e.value) || (s && f.isObject(e.value) ? this.objectParser({
+            data: e.value,
+            updater: t
+          }) : t(e.value));
+        },
+        {
+          immediate: !0,
+          deep: !0
+        }
+      ) : M(e) ? E(
+        () => e,
+        () => {
+          f.isUndefined(e) || (s && f.isObject(e) ? this.objectParser({
+            data: e,
+            updater: t
+          }) : t(e));
+        },
+        {
+          immediate: !0,
+          deep: !0
+        }
+      ) : s && f.isObject(e) ? this.objectParser({
+        data: e,
+        updater: t
+      }) : t(e);
+  }
+  modelProcessor(e) {
+    e.map(
+      (t) => this.createModel(t, this.processedModel.value)
+    ), f.isObjectEmpty(this.stableModel) && this.stableUpdaterProcessProgress.every(Boolean) && this.defaultValueEffect.effects.size === 0 && (this.stableModel = V(this.processedModel.value));
+  }
+  createModel(e, t) {
+    f.isListSchema(e) && (t[e.field] || (t[e.field] = [{}]), e.children.forEach((s) => {
+      this.createModel(s, t[e.field][0]);
+    })), f.isGroupSchema(e) && e.children.forEach((s) => {
+      this.createModel(s, t);
+    }), f.isItemSchema(e) && (t[e.field] = e.defaultValue);
+  }
 }
-function D(c) {
-  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !G(c);
+function x(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !B(o);
 }
-class H {
+class _ {
   constructor(e) {
-    d(this, "schemas", k([]));
-    d(this, "model", k({}));
-    d(this, "processorBySchemaType", {
+    c(this, "schemas", I([]));
+    c(this, "model", I({}));
+    c(this, "processorBySchemaType", {
       item: this.runtimeItemProcessor.bind(this),
       group: this.runtimeGroupProcessor.bind(this),
       list: this.runtimeListProcessor.bind(this)
     });
-    d(this, "formRef", k(null));
-    this.setup = e, this.processors = new O(this.schemas, this.model), this.analyze(this.setup(this));
-  }
-  analyze(e) {
-    this.processors.schemaAnalyzer(e.schemas);
-  }
-  runtimeItemProcessor(e, t, i = this.model.value, f) {
-    var m;
-    const o = f ? `${f.field}.${t}.${e.field}` : e.field, s = W(e.component), l = s.name, P = e.componentProps ?? {}, E = b.placeholderPresetByComponentName;
-    let a = e.placeholder;
-    a || (a = `${// @ts-expect-error
-    E[l] ?? "请输入"}${e.label}`), e.required && (e.rules || (e.rules = []), (m = e.rules) == null || m.push({
+    c(this, "formRef", I(null));
+    this.setup = e, this.processor = new T(this);
+    const t = this.setup(this);
+    this.processor.parseSchemas(t.schemas);
+  }
+  getRuntimeMeta() {
+    return {
+      model: S(V(this.model.value))
+    };
+  }
+  runtimeItemProcessor(e, t, s = this.model.value, r) {
+    var g;
+    const n = r ? `${r.field}.${t}.${e.field}` : e.field, i = S(e.component);
+    if (!i)
+      return;
+    const l = i.name, u = e.componentProps ?? {}, a = j.placeholderPresetByComponentName;
+    let y = e.placeholder;
+    y || (y = `${// @ts-expect-error
+    a[l] ?? "请输入"}${e.label}`), e.required && (e.rules || (e.rules = []), (g = e.rules) == null || g.push({
       required: !0,
       message: `${e.label}是必填项`
     }));
-    let u = e.show;
-    return u === void 0 && (u = !0), u || delete i[e.field], v(w.runtimeDoms.Item, null, {
+    let m = e.show;
+    return m === void 0 && (m = !0), m || delete s[e.field], d(h.runtimeDoms.Item, null, {
       default() {
-        return C(v(w.runtimeDoms.FormItem, {
+        return O(d(h.runtimeDoms.FormItem, {
           label: `${e.label}:`,
           rules: e.rules,
-          field: o
+          field: n
         }, {
-          default: () => [v(s, q({
-            modelValue: i[e.field],
-            "onUpdate:modelValue": (M) => i[e.field] = M,
-            placeholder: a
-          }, P), null)]
-        }), [[R, u]]);
+          default: () => [d(i, k({
+            modelValue: s[e.field],
+            "onUpdate:modelValue": (p) => s[e.field] = p,
+            placeholder: y
+          }, u), null)]
+        }), [[v, m]]);
       }
     });
   }
   runtimeGroupProcessor(e) {
     let t;
-    return v(w.runtimeDoms.Group, {
+    return d(h.runtimeDoms.Group, {
       schema: e
-    }, D(t = e.children.map((i) => this.runtimeItemProcessor(i))) ? t : {
+    }, x(t = e.children.map((s) => this.runtimeItemProcessor(s))) ? t : {
       default: () => [t]
     });
   }
   addListItem(e) {
-    var t, i;
-    if (!((t = this.processors.rawModel[e.field]) != null && t[0]))
+    var t, s;
+    if (!((t = this.processor.stableModel[e.field]) != null && t[0]))
       return Promise.reject({
         code: "0001",
         message: "异步默认值数据正在处理中，请您耐心等待... "
       });
-    (i = this.processors.rawModel[e.field]) != null && i[0] && this.model.value[e.field].push(A(this.processors.rawModel[e.field][0]));
+    (s = this.processor.stableModel[e.field]) != null && s[0] && this.model.value[e.field].push(V(this.processor.stableModel[e.field][0]));
   }
   deleteListItem(e, t) {
     this.model.value[e.field].splice(t, 1);
   }
   runtimeListProcessor(e) {
     const t = this;
-    return v(w.runtimeDoms.List, {
+    return t.model.value[e.field] || (t.model.value[e.field] = [{}]), d(h.runtimeDoms.List, {
       schema: e
     }, {
       default() {
-        return t.model.value[e.field].map((i, f) => v(w.runtimeDoms.ListItem, null, {
+        return t.model.value[e.field].map((s, r) => d(h.runtimeDoms.ListItem, null, {
           default() {
-            return e.children.map((o, s) => t.runtimeItemProcessor(o, s, i, e));
+            return e.children.map((n, i) => t.runtimeItemProcessor(n, i, s, e));
           },
           delete({
-            container: o
+            container: n
           } = {}) {
             var l;
-            let s = o ?? v("button", null, null);
-            return C(v(s, {
-              onClick: () => t.deleteListItem(e, f)
-            }, null), [[R, ((l = t.model.value[e.field]) == null ? void 0 : l.length) > 1]]);
+            let i = n ?? d("button", null, null);
+            return O(d(i, {
+              onClick: () => t.deleteListItem(e, r)
+            }, null), [[v, ((l = t.model.value[e.field]) == null ? void 0 : l.length) > 1]]);
           }
         }));
       },
       add({
-        container: i
+        container: s
       } = {}) {
-        let f = i ?? v("button", null, [$("添加")]);
-        return v(f, {
+        let r = s ?? d("button", null, [D("添加")]);
+        return d(r, {
           onClick: () => t.addListItem(e)
         }, null);
       }
@@ -428,96 +430,85 @@ class H {
   }
   exec() {
     let e;
-    return v(w.runtimeDoms.Form, {
+    return d(h.runtimeDoms.Form, {
       ref: this.formRef,
       model: this.model.value
-    }, D(e = this.runtimeProcessor(this.schemas.value)) ? e : {
+    }, x(e = this.runtimeProcessor(this.schemas.value)) ? e : {
       default: () => [e]
     });
   }
 }
-class w {
+class h {
 }
-d(w, "runtimeDoms");
-class V {
-  constructor() {
-    d(this, "effects", /* @__PURE__ */ new Set());
-  }
-  clearEffects() {
-    this.effects.clear();
-  }
-  triggerEffects() {
-    Array.from(this.effects).forEach((e) => e());
-  }
-  trackEffect(e) {
-    this.effects.add(e);
-  }
-}
-const F = class F {
+c(h, "runtimeDoms");
+const P = class P {
   static getPlaceholderPrefixPresetByComponentName() {
     const e = {
       请选择: ["Select", "Tree", "TreeSelect"],
       请输入: ["Input"]
     }, t = {};
-    for (let i in e)
-      e[i].forEach((f) => {
-        t[f] = i;
+    for (let s in e)
+      e[s].forEach((r) => {
+        t[r] = s;
       });
     return t;
   }
 };
-d(F, "schemaPreset", {
+c(P, "schemaPreset", {
   type: {
-    defaultValueWhenAsync: "item"
+    defaultValue: "item"
   },
   component: {
-    defaultValueWhenAsync: void 0
+    defaultValue: void 0
   },
   componentProps: {
-    defaultValueWhenAsync: void 0
+    defaultValue: void 0
   },
   defaultValue: {
-    defaultValueWhenAsync: void 0
+    defaultValue: void 0
   },
   label: {
-    defaultValueWhenAsync: ""
+    defaultValue: ""
   },
   field: {
-    defaultValueWhenAsync: "__yiwwhl_async_field_fallback"
+    defaultValue: "__yiwwhl_async_field_fallback"
   },
   rules: {
-    defaultValueWhenAsync: []
+    defaultValue: []
   },
   show: {
-    defaultValueWhenAsync: !0
+    defaultValue: !0
   },
   required: {
-    defaultValueWhenAsync: !1
+    defaultValue: !1
   },
   placeholder: {
-    defaultValueWhenAsync: void 0
+    defaultValue: void 0
+  },
+  children: {
+    defaultValue: []
   }
-}), d(F, "componentPropsPreset", {
+}), c(P, "componentPropsPreset", {
   options: {
-    defaultValueWhenAsync: []
+    defaultValue: []
   }
 }), // 基于基本功能提出基本预设
-d(F, "placeholderPresetByComponentName", F.getPlaceholderPrefixPresetByComponentName());
-let b = F;
-const Q = /* @__PURE__ */ T({
+c(P, "placeholderPresetByComponentName", P.getPlaceholderPrefixPresetByComponentName());
+let j = P;
+const z = /* @__PURE__ */ L({
   props: {
     setup: {
       type: Function,
       required: !0
     }
   },
-  setup(c) {
-    const e = new H(c.setup);
+  setup(o) {
+    const e = new _(o.setup);
     return () => e.exec();
   }
 });
-function X(c) {
-  const e = new U(c);
+function F(o) {
+  const e = new N(o);
   return [
     e.setup.bind(e),
     {
@@ -525,15 +516,15 @@ function X(c) {
     }
   ];
 }
-function Y(c) {
+function G(o) {
   return {
     install() {
-      w.runtimeDoms = c;
+      h.runtimeDoms = o;
     }
   };
 }
 export {
-  Q as ProForm,
-  X as useForm,
-  Y as useFormRenderer
+  z as ProForm,
+  F as useForm,
+  G as useFormRenderer
 };

package/dist/types/src/services/Effect.d.ts

@@ -4,5 +4,5 @@ export default class Effect {
     constructor();
     clearEffects(): void;
     triggerEffects(): void;
-    trackEffect(effect: AnyFunction): void;
+    trackEffect(effect: AnyFunction): () => boolean;
 }

package/dist/types/src/services/Preset.d.ts

@@ -1,6 +1,8 @@
 import { AnyObject, ItemSchema } from "../types";
 export default class Preset {
-    static schemaPreset: Record<keyof ItemSchema, any>;
+    static schemaPreset: Record<keyof ItemSchema, any> & {
+        children: any;
+    };
     static componentPropsPreset: AnyObject;
     static placeholderPresetByComponentName: {};
     static getPlaceholderPrefixPresetByComponentName(): {};

package/dist/types/src/services/Processor.d.ts

@@ -0,0 +1,34 @@
+import { Ref } from "vue";
+import { AnyObject, Schema, ProxyedSchema, AnyFunction, ObjectParserRoot } from "../types";
+import { RuntimeCore } from ".";
+import Effect from "./Effect";
+/**
+ * 基本描述
+ * 对于函数的命名，如果是动词相关，代表对过程的处理，如果是名词，代表一个处理器
+ */
+export default class Processor {
+    processedSchemas: Ref<AnyObject[]>;
+    processedModel: Ref<AnyObject>;
+    getRuntimeMeta: AnyFunction;
+    stableSchemas: ProxyedSchema[];
+    stableModel: AnyObject;
+    schemaPreset: AnyObject;
+    componentPropsPreset: AnyObject;
+    stableUpdaterProcessProgress: boolean[];
+    stableUpdaterTimes: number;
+    schemaEffect: Effect;
+    defaultValueEffect: Effect;
+    defaultValueInprogressMap: Map<any, any>;
+    constructor(runtimeCore: RuntimeCore);
+    parse<T extends object = any>(data: T[], parentMeta?: AnyObject): void;
+    initSchemas(schemas: AnyObject[]): AnyObject[];
+    parseSchemas(schemas: ProxyedSchema[], parentMeta?: AnyObject): void;
+    parseStable(stable: AnyObject): AnyObject;
+    stableUpdater(parseProcess?: boolean[]): void;
+    parseItem(data: AnyObject, index: number, parentMeta?: AnyObject): void;
+    objectParser(root: ObjectParserRoot): void;
+    promiseFieldParser(rootField: any, updater: AnyFunction, deepProcess: boolean): void;
+    fieldParser(rootField: any, updater: AnyFunction, deepProcess?: boolean): void;
+    modelProcessor(schemas: Schema[]): void;
+    createModel(schema: AnyObject, baseModel: AnyObject): void;
+}

package/dist/types/src/services/RuntimeCore.d.ts

@@ -1,16 +1,18 @@
 import { Ref } from "vue";
-import { Setup, Schema, FormCustomization, AnyObject, ItemSchema, GroupSchema, ListSchema, ProcessorBySchemaType } from "../types";
-import Processors from "./Processors";
+import { Setup, Schema, AnyObject, ItemSchema, GroupSchema, ListSchema, ProcessorBySchemaType } from "../types";
+import Processor from "./Processor";
 export default class RuntimeCore {
     setup: Setup;
-    processors: Processors;
+    processor: Processor;
     schemas: Ref<Schema[]>;
     model: Ref<AnyObject>;
     processorBySchemaType: ProcessorBySchemaType;
     formRef: Ref<AnyObject>;
     constructor(setup: Setup);
-    analyze(formCustomization: FormCustomization): void;
-    runtimeItemProcessor(schema: ItemSchema, index?: number, baseModel?: AnyObject, parentSchema?: ListSchema): JSX.Element;
+    getRuntimeMeta(): {
+        model: AnyObject;
+    };
+    runtimeItemProcessor(schema: ItemSchema, index?: number, baseModel?: AnyObject, parentSchema?: ListSchema): JSX.Element | undefined;
     runtimeGroupProcessor(schema: GroupSchema): JSX.Element;
     addListItem(schema: AnyObject): Promise<never> | undefined;
     deleteListItem(schema: AnyObject, index: number): void;

package/dist/types/src/services/index.d.ts

@@ -1,6 +1,5 @@
 export { default as FormCustomizer } from "./FormCustomizer";
 export { default as RuntimeCore } from "./RuntimeCore";
 export { default as Context } from "./Context";
-export { default as Processors } from "./Processors";
-export { default as Effect } from "./Effect";
+export { default as Processors } from "./Processor";
 export { default as Preset } from "./Preset";

package/dist/types/src/types/index.d.ts

@@ -3,3 +3,4 @@ export * from "./contextTypes";
 export * from "./formCustomizerTypes";
 export * from "./utilTypes";
 export * from "./runtimeTypes";
+export * from "./processorTypes";

package/dist/types/src/types/processorTypes.d.ts

@@ -0,0 +1,6 @@
+import { AnyFunction, AnyObject } from ".";
+export interface ObjectParserRoot {
+    data: AnyObject;
+    index?: number;
+    updater: AnyFunction;
+}

package/dist/types/src/utils/is.d.ts

@@ -1,8 +1,10 @@
-import { GroupSchema, ItemSchema, ListSchema } from "../types";
+import { AnyObject, GroupSchema, ItemSchema, ListSchema } from "../types";
 export default class IS {
     private static typeChecker;
     static isArray(data: any): data is any[];
     static isFunction(data: any): data is (...args: any) => any;
+    static isPromise(data: any): data is Promise<any>;
+    static isObject(data: any): data is AnyObject;
     static isAsyncFunction(data: any): data is (...args: any) => Promise<any>;
     static isUndefined(data: any): data is undefined;
     static isArrayEmpty(data: any[]): boolean;
@@ -10,4 +12,5 @@ export default class IS {
     static isListSchema(data: any): data is ListSchema;
     static isGroupSchema(data: any): data is GroupSchema;
     static isItemSchema(data: any): data is ItemSchema;
+    static isProcessInprogress(data: any): boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harbor-design/proform",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -19,9 +19,7 @@
     }
   },
   "files": [
-    "dist/",
-    "./LICENSE",
-    "./CHANGELOG.md"
+    "dist/"
   ],
   "author": "yiwwhl<yiwwhl@qq.com>",
   "license": "MIT",

package/CHANGELOG.md

@@ -1,37 +0,0 @@
-# @harbor-design/proform
-
-## 1.0.6
-
-### Patch Changes
-
-- support required and default placeholder
-
-## 1.0.5
-
-### Patch Changes
-
-- update pack sourcecode
-
-## 1.0.4
-
-### Patch Changes
-
-- remove console
-
-## 1.0.3
-
-### Patch Changes
-
-- fix error dist bug
-
-## 1.0.2
-
-### Patch Changes
-
-- fix bugs of list item add error
-
-## 1.0.1
-
-### Patch Changes
-
-- ProForm Release 1.0.1

package/dist/types/src/services/Processors.d.ts

@@ -1,24 +0,0 @@
-import { Ref } from "vue";
-import { AnyObject, Schema, ProxyedSchema, AnyFunction } from "../types";
-import { Effect } from "../services";
-export default class Processors {
-    processedSchemas: Ref<Schema[]>;
-    processedModel: Ref<AnyObject>;
-    rawSchemas: ProxyedSchema[];
-    rawModel: AnyObject;
-    schemaPreset: Record<keyof import("../types").ItemSchema, any>;
-    componentPropsPreset: AnyObject;
-    uniqueEffectMap: any;
-    schemaEffect: Effect;
-    modelEffect: Effect;
-    stopWatchEffect: Effect;
-    constructor(processedSchemas: Ref<Schema[]>, processedModel: Ref<AnyObject>);
-    schemaAnalyzer(schemas: ProxyedSchema[], baseSchema?: Schema[], baseRawSchema?: ProxyedSchema[], parentField?: string, schemaIndex?: number): void;
-    schemaProcessor(schema: ProxyedSchema, index: number, setter: AnyFunction, schemaIndex?: number, parentField?: string): void;
-    replaceFunctionsWithUndefined(obj: AnyObject): AnyObject;
-    runtimeMeta(): {
-        model: AnyObject;
-    };
-    propsProcessor<T extends object = any>(pendingProcess: T, preset: Record<keyof T, any>, processed: AnyObject, update: AnyFunction, schemaIndexOrChildrenIndex: number, schemaIndex?: number, parentField?: string): void;
-    modelProcessor(schema: ProxyedSchema, baseModel?: AnyObject): void;
-}