@harbor-design/proform 1.0.16 → 1.0.18

package/README.md

@@ -0,0 +1,7 @@
+# ProForm
+
+动态表单迭代中...
+
+# Issues
+
+https://github.com/yiwwhl/harbor-design/issues

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var I=Object.defineProperty;var O=(o,e,t)=>e in o?I(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var c=(o,e,t)=>(O(o,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");class f{static typeChecker(e){return{}.toString.call(e)}static isString(e){return typeof e=="string"}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 S(o,...e){return e.forEach(t=>{for(let s in t)t.hasOwnProperty(s)&&(typeof t[s]=="object"&&t[s]!==null?(o[s]=o[s]||{},S(o[s],t[s])):o[s]=t[s])}),o}function E(o){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 i=new Map;for(let[l,a]of s)i.set(t(l),t(a));return i}if(s instanceof Set){const i=new Set;for(let l of s)i.add(t(l));return i}if(e.has(s))return e.get(s);if(Array.isArray(s)){const i=[];e.set(s,i);for(let l=0;l<s.length;l++)i[l]=t(s[l]);return i}const r=Object.create(Object.getPrototypeOf(s));e.set(s,r);for(let i in s)s.hasOwnProperty(i)&&(r[i]=t(s[i]));return r}return t(o)}class C{constructor(e){c(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(n.toRaw(this.runtimeCore.processor.processedModel.value))))})}hydrate(e){this.runtimeCore.hydrateEffect.trackEffect(()=>{n.isRef(e)?n.watch(()=>e.value,()=>{S(this.runtimeCore.model.value,e.value)},{deep:!0,immediate:!0}):n.isReactive(e)?n.watch(()=>e,()=>{S(this.runtimeCore.model.value,e)},{deep:!0,immediate:!0}):S(this.runtimeCore.model.value,e)},{lazy:!0})}}class j{constructor(){c(this,"effects",new Set)}clearEffects(){this.effects.clear()}triggerEffects(){Array.from(this.effects).forEach(e=>e())}trackEffect(e,t={lazy:!1}){return!t.lazy&&e(),this.effects.add(e),()=>this.effects.delete(e)}}class R{constructor(e){c(this,"runtimeCore");c(this,"processedSchemas");c(this,"processedModel");c(this,"getRuntimeMeta");c(this,"stableSchemas",[]);c(this,"stableModel",{});c(this,"schemaPreset",V.schemaPreset);c(this,"componentPropsPreset",V.componentPropsPreset);c(this,"stableUpdaterProcessProgress");c(this,"stableUpdaterTimes",0);c(this,"schemaEffect",new j);c(this,"defaultValueEffect",new j);c(this,"defaultValueInprogressMap",new Map);c(this,"baseDefaultValueFunctionsLength");this.runtimeCore=e,this.processedSchemas=e.schemas,this.processedModel=e.model,this.getRuntimeMeta=e.getRuntimeMeta.bind(e),n.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})}countFunctionDefaultValues(e){let t=0,s=new Set;function r(i){if(!s.has(i)&&(Array.isArray(i)||i!==null&&typeof i=="object")){s.add(i);for(let l in i)i.hasOwnProperty(l)&&(l==="defaultValue"&&typeof i[l]=="function"&&!i[l].toString().includes("[native code]")&&t++,r(i[l]))}}return r(e),t}parseSchemas(e,t){f.isArrayEmpty(this.processedSchemas.value)&&(this.baseDefaultValueFunctionsLength=this.countFunctionDefaultValues(E(e)),this.processedSchemas.value=this.initSchemas(e)),this.parse(e,t)}parseStable(e){const t={};if(!f.isUndefined(e.stable))t[e.key]=this.parseStable(e.stable);else return e;return t}stableUpdater(e=[]){if(e.every(Boolean)){const t=n.toRaw(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))}}parseItem(e,t,s){const r=this,i=Array.from({length:Object.keys(e).filter(a=>a!=="children").length}).fill(!1);this.objectParser({data:e,index:t,updater:l});function l(a){const u=a.index,h=a.key,P=a.keyIndex;if(!a.stable)return;const v=r.parseStable(a.stable),y=s==null?void 0:s.index,g=s==null?void 0:s.key;let d=v;if(f.isProcessInprogress(d)||(i[P]=!0),s){let p=r.processedSchemas.value[y][g][u][h];p&&f.isObject(p)&&h!=="component"&&(d=Object.assign(p,d)),r.processedSchemas.value[y][g][u][h]=d,r.stableUpdater(i)}else{let p=r.processedSchemas.value[u][h];p&&f.isObject(p)&&(d=Object.assign(p,d)),r.processedSchemas.value[u][h]=d,r.stableUpdater(i)}}}objectParser(e){const t=e.data;Object.keys(t).forEach((r,i)=>{if(r==="children")this.parseSchemas(t[r],{...e,key:r,keyIndex:i});else{const l=a=>{e.updater({...e,key:r,keyIndex:i,stable:a})};if(f.isFunction(t[r]))r!=="defaultValue"?this.schemaEffect.trackEffect(()=>{if(r==="component"){const a=t[r](this.getRuntimeMeta());this.promiseFieldParser(a,l,!1)}else this.fieldParser(t[r],l)}):this.defaultValueEffect.trackEffect(()=>{const a=this.schemaEffect.trackEffect(()=>{/\{\s*model\s*\}/.test(t[r].toString())?this.fieldParser(t[r],u=>{if(!u)return l(u);this.defaultValueInprogressMap.set(t[r],u),!f.isProcessInprogress(u)&&this.defaultValueInprogressMap.size===this.baseDefaultValueFunctionsLength&&Array.from(this.defaultValueInprogressMap.values()).every(h=>!h.includes("undefined"))?(l(u),this.defaultValueEffect.clearEffects(),n.nextTick(()=>{a()})):l(u)}):this.fieldParser(t[r],u=>{this.defaultValueInprogressMap.set(t[r],u),!f.isProcessInprogress(u)&&this.defaultValueInprogressMap.size===this.baseDefaultValueFunctionsLength&&Array.from(this.defaultValueInprogressMap.values()).every(h=>!h.includes("undefined"))?(l(u),this.defaultValueEffect.clearEffects(),n.nextTick(()=>{a()})):l(u)})})});else if(r==="component"){const a=t[r];this.promiseFieldParser(a,l,!1)}else this.fieldParser(t[r],l)}})}replaceUndefinedInString(e,t){return e.replace(/undefined/g,t)}promiseFieldParser(e,t,s){f.isPromise(e)?e.then(r=>{s&&f.isObject(r)?this.objectParser({data:r,updater:t}):t(r)}):(f.isString(e)&&(e=this.replaceUndefinedInString(e,"")),s&&f.isObject(e)?this.objectParser({data:e,updater:t}):t(e))}fieldParser(e,t,s=!0){if(f.isFunction(e))if(e.name.startsWith("__proform_raw_"))t(e);else{const r=e(this.getRuntimeMeta());this.promiseFieldParser(r,t,s)}else n.isRef(e)?n.watch(()=>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}):n.isReactive(e)?n.watch(()=>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=E(this.processedModel.value),this.runtimeCore.hydrateEffect.triggerEffects(),this.runtimeCore.hydrateEffect.clearEffects())}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 w(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!n.isVNode(o)}class M{constructor(e){c(this,"schemas",n.ref([]));c(this,"model",n.ref({}));c(this,"processorBySchemaType",{item:this.runtimeItemProcessor.bind(this),group:this.runtimeGroupProcessor.bind(this),list:this.runtimeListProcessor.bind(this)});c(this,"formRef",n.ref(null));c(this,"hydrateEffect",new j);this.setup=e,this.processor=new R(this);const t=this.setup(this);this.processor.parseSchemas(t.schemas)}getRuntimeMeta(){return{model:n.toRaw(E(this.model.value))}}runtimeItemProcessor(e,t,s=this.model.value,r){var g;const i=r?`${r.field}.${t}.${e.field}`:e.field,l=n.toRaw(e.component);if(!l)return;const a=l.name,u=e.componentProps??{},h=V.placeholderPresetByComponentName;let P=e.placeholder;if(P||(P=`${h[a]??"请输入"}${e.label}`),e.required)if(!e.rules)e.rules=[],(g=e.rules)==null||g.push({required:!0,message:`${e.label}是必填项`});else{const d=e.rules.findIndex(p=>!!p.required);e.rules[d].message=`${e.label}是必填项`}let y=e.show;return y===void 0&&(y=!0),y||delete s[e.field],n.createVNode(m.runtimeDoms.Item,null,{default(){return n.withDirectives(n.createVNode(m.runtimeDoms.FormItem,{label:`${e.label}:`,rules:e.rules,field:i},{default:()=>[n.createVNode(l,n.mergeProps({modelValue:s[e.field],"onUpdate:modelValue":d=>s[e.field]=d,placeholder:P},u),null)]}),[[n.vShow,y]])}})}runtimeGroupProcessor(e){let t;return n.createVNode(m.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(E(this.processor.stableModel[e.field][0])),this.formRef.value.clearValidate()}deleteListItem(e,t){this.model.value[e.field].splice(t,1),this.formRef.value.clearValidate()}runtimeListProcessor(e){const t=this;return t.model.value[e.field]||(t.model.value[e.field]=[{}]),n.createVNode(m.runtimeDoms.List,{schema:e},{default(){return t.model.value[e.field].map((s,r)=>n.createVNode(m.runtimeDoms.ListItem,null,{default(){return e.children.map(i=>t.runtimeItemProcessor(i,r,s,e))},delete({container:i}={}){var a;let l=i??n.createVNode("button",null,null);return n.withDirectives(n.createVNode(l,{onClick:()=>t.deleteListItem(e,r)},null),[[n.vShow,((a=t.model.value[e.field])==null?void 0:a.length)>1]])}}))},add({container:s}={}){let r=s??n.createVNode("button",null,[n.createTextVNode("添加")]);return n.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 n.createVNode(m.runtimeDoms.Form,{ref:this.formRef,model:this.model.value},w(e=this.runtimeProcessor(this.schemas.value))?e:{default:()=>[e]})}}class m{}c(m,"runtimeDoms");const b=class b{static getPlaceholderPrefixPresetByComponentName(){const e={请选择:["Select","Tree","TreeSelect"],请输入:["Input"]},t={};for(let s in e)e[s].forEach(r=>{t[r]=s});return t}};c(b,"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:[]}}),c(b,"componentPropsPreset",{options:{defaultValue:[]}}),c(b,"placeholderPresetByComponentName",b.getPlaceholderPrefixPresetByComponentName());let V=b;const x=n.defineComponent({props:{setup:{type:Function,required:!0}},setup(o){const e=new M(o.setup);return()=>e.exec()}});function A(o){const e=new C(o);return[e.setup.bind(e),{submit:e.submit.bind(e),hydrate:e.hydrate.bind(e)}]}function D(o){return{install(){m.runtimeDoms=o}}}function N(o,e){return e==="raw"&&Object.defineProperty(o,"name",{value:`__proform_raw_${o.name}`,writable:!0}),o}exports.ProForm=x;exports.useForm=A;exports.useFormRenderer=D;exports.useModifiers=N;
+"use strict";var _=Object.defineProperty;var L=(n,e,t)=>e in n?_(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var c=(n,e,t)=>(L(n,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");class f{static typeChecker(e){return{}.toString.call(e)}static isString(e){return typeof e=="string"}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 d(n,...e){return e.forEach(t=>{if(Array.isArray(t))Array.isArray(n)||(n=[]),t.forEach((s,r)=>{typeof s=="object"&&s!==null?n[r]=d(Array.isArray(s)?[]:{},s):n[r]=s});else for(let s in t)t.hasOwnProperty(s)&&(typeof t[s]=="object"&&t[s]!==null?n[s]=d(n[s]||{},t[s]):n[s]=t[s])}),n}function y(n){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 i=new Map;for(let[l,a]of s)i.set(t(l),t(a));return i}if(s instanceof Set){const i=new Set;for(let l of s)i.add(t(l));return i}if(e.has(s))return e.get(s);if(Array.isArray(s)){const i=[];e.set(s,i);for(let l=0;l<s.length;l++)i[l]=t(s[l]);return i}const r=Object.create(Object.getPrototypeOf(s));e.set(s,r);for(let i in s)s.hasOwnProperty(i)&&(r[i]=t(s[i]));return r}return t(n)}class T{constructor(e){c(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(o.toRaw(this.runtimeCore.processor.processedModel.value))))})}hydrate(e){if(!this.runtimeCore)return Promise.reject({code:"0002",message:"hydrate 使用时机错误，建议将 hydrate 操作放到 onMounted 等页面节点挂载完成的钩子中，或者使用响应式的值来注入数据"});this.runtimeCore.hydrateEffect.trackEffect(()=>{o.isRef(e)?o.watch(()=>e.value,()=>{d(this.runtimeCore.model.value,e.value)},{deep:!0,immediate:!0}):o.isReactive(e)?o.watch(()=>e,()=>{d(this.runtimeCore.model.value,e)},{deep:!0,immediate:!0}):d(this.runtimeCore.model.value,e)},{lazy:!0})}customize(e){Object.assign(this.runtimeCore.customizedOptions,e)}}class I{constructor(){c(this,"effects",new Set)}clearEffects(){this.effects.clear()}triggerEffects(){Array.from(this.effects).forEach(e=>e())}trackEffect(e,t={lazy:!1}){return!t.lazy&&e(),this.effects.add(e),()=>this.effects.delete(e)}}class B{constructor(e){c(this,"runtimeCore");c(this,"processedSchemas");c(this,"processedModel");c(this,"getRuntimeMeta");c(this,"stableSchemas",[]);c(this,"stableModel",{});c(this,"schemaPreset",v.schemaPreset);c(this,"componentPropsPreset",v.componentPropsPreset);c(this,"stableUpdaterProcessProgress");c(this,"stableUpdaterTimes",0);c(this,"schemaEffect",new I);c(this,"defaultValueEffect",new I);c(this,"defaultValueInprogressMap",new Map);c(this,"baseDefaultValueFunctionsLength");this.runtimeCore=e,this.processedSchemas=e.schemas,this.processedModel=e.model,this.getRuntimeMeta=e.getRuntimeMeta.bind(e),o.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})}countFunctionDefaultValues(e){let t=0,s=new Set;function r(i){if(!s.has(i)&&(Array.isArray(i)||i!==null&&typeof i=="object")){s.add(i);for(let l in i)i.hasOwnProperty(l)&&(l==="defaultValue"&&typeof i[l]=="function"&&!i[l].toString().includes("[native code]")&&t++,r(i[l]))}}return r(e),t}parseSchemas(e,t){f.isArrayEmpty(this.processedSchemas.value)&&(this.baseDefaultValueFunctionsLength=this.countFunctionDefaultValues(y(e)),this.processedSchemas.value=this.initSchemas(e)),this.parse(e,t)}parseStable(e){const t={};if(!f.isUndefined(e.stable))t[e.key]=this.parseStable(e.stable);else return e;return t}stableUpdater(e=[]){if(e.every(Boolean)){const t=o.toRaw(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))}}parseItem(e,t,s){const r=this,i=Array.from({length:Object.keys(e).filter(a=>a!=="children").length}).fill(!1);this.objectParser({data:e,index:t,updater:l});function l(a){const u=a.index,m=a.key,S=a.keyIndex;if(!a.stable)return;const E=r.parseStable(a.stable),P=s==null?void 0:s.index,j=s==null?void 0:s.key;let p=E;if(f.isProcessInprogress(p)||(i[S]=!0),s){let h=r.processedSchemas.value[P][j][u][m];h&&f.isObject(h)&&m!=="component"&&(p=d(h,p)),r.processedSchemas.value[P][j][u][m]=p,r.stableUpdater(i)}else{let h=r.processedSchemas.value[u][m];h&&f.isObject(h)&&(p=d(h,p)),r.processedSchemas.value[u][m]=p,r.stableUpdater(i)}}}objectParser(e){const t=e.data;Object.keys(t).forEach((r,i)=>{if(r==="children")this.parseSchemas(t[r],{...e,key:r,keyIndex:i});else{const l=a=>{e.updater({...e,key:r,keyIndex:i,stable:a})};f.isFunction(t[r])?r!=="defaultValue"?this.schemaEffect.trackEffect(()=>{if(r==="component"){const a=t[r](this.getRuntimeMeta());this.promiseFieldParser(a,l,!1)}else this.fieldParser(t[r],l)}):this.defaultValueEffect.trackEffect(()=>{const a=this.schemaEffect.trackEffect(()=>{/\{\s*model\s*\}/.test(t[r].toString())?this.fieldParser(t[r],u=>{if(!u)return l(u);this.defaultValueInprogressMap.set(t[r],u),!f.isProcessInprogress(u)&&this.defaultValueInprogressMap.size===this.baseDefaultValueFunctionsLength&&Array.from(this.defaultValueInprogressMap.values()).every(m=>!m.includes("undefined"))?(l(u),this.defaultValueEffect.clearEffects(),o.nextTick(()=>{a()})):l(u)}):this.fieldParser(t[r],u=>{this.defaultValueInprogressMap.set(t[r],u),!f.isProcessInprogress(u)&&this.defaultValueInprogressMap.size===this.baseDefaultValueFunctionsLength&&Array.from(this.defaultValueInprogressMap.values()).every(m=>!m.includes("undefined"))?(l(u),this.defaultValueEffect.clearEffects(),o.nextTick(()=>{a()})):l(u)})})}):r==="component"||r==="slots"?this.promiseFieldParser(t[r],l,!1):this.fieldParser(t[r],l)}})}replaceUndefinedInString(e,t){return e.replace(/undefined/g,t)}promiseFieldParser(e,t,s){f.isPromise(e)?e.then(r=>{s&&f.isObject(r)?this.objectParser({data:r,updater:t}):t(r)}):(f.isString(e)&&(e=this.replaceUndefinedInString(e,"")),s&&f.isObject(e)?this.objectParser({data:e,updater:t}):t(e))}fieldParser(e,t,s=!0){if(f.isFunction(e))if(e.name.startsWith("__proform_raw_"))t(e);else{const r=e(this.getRuntimeMeta());this.promiseFieldParser(r,t,s)}else o.isRef(e)?o.watch(()=>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}):o.isReactive(e)?o.watch(()=>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=y(this.processedModel.value),this.runtimeCore.hydrateEffect.triggerEffects(),this.runtimeCore.hydrateEffect.clearEffects())}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 q(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!o.isVNode(n)}class ${constructor(e){c(this,"schemas",o.ref([]));c(this,"model",o.ref({}));c(this,"processorBySchemaType",{item:this.runtimeItemProcessor.bind(this),group:this.runtimeGroupProcessor.bind(this),list:this.runtimeListProcessor.bind(this)});c(this,"formRef",o.ref(null));c(this,"hydrateEffect",new I);c(this,"customizedOptions",o.reactive({}));c(this,"globalNativeFormOverride",{props:{},slots:{}});this.setup=e,this.processor=new B(this);const t=this.setup(this);this.processor.parseSchemas(t.schemas)}getRuntimeMeta(){return{model:o.toRaw(y(this.model.value))}}runtimeItemProcessor(e,t,s=this.model.value,r){var h,w,O,C,N,A,F,M,R,z,x,D,U;d(this.globalNativeFormOverride.props,(w=(h=e.native)==null?void 0:h.props)==null?void 0:w.Form),d(this.globalNativeFormOverride.slots,(C=(O=e.native)==null?void 0:O.slots)==null?void 0:C.Form);const i=d(y((A=(N=this.customizedOptions.native)==null?void 0:N.props)==null?void 0:A.FormItem)??{},(M=(F=e.native)==null?void 0:F.props)==null?void 0:M.FormItem),l=d(y((z=(R=this.customizedOptions.native)==null?void 0:R.slots)==null?void 0:z.FormItem)??{},(D=(x=e.native)==null?void 0:x.slots)==null?void 0:D.FormItem),a=r?`${r.field}.${t}.${e.field}`:e.field,u=o.toRaw(e.component);if(!u)return;const m=u.name,S=e.componentProps??{},E=v.placeholderPresetByComponentName;let P=e.placeholder;if(P||(P=`${E[m]??"请输入"}${e.label}`),e.required)if(!e.rules)e.rules=[],(U=e.rules)==null||U.push({required:!0,message:`${e.label}是必填项`});else{const V=e.rules.findIndex(k=>!!k.required);e.rules[V].message=`${e.label}是必填项`}let p=e.show;return p===void 0&&(p=!0),p||delete s[e.field],o.createVNode(b.runtimeDoms.Item,null,{default(){return o.withDirectives(o.createVNode(b.runtimeDoms.FormItem,o.mergeProps(i,{label:`${e.label}:`,rules:e.rules,field:a}),{default(){return o.createVNode(u,o.mergeProps({modelValue:s[e.field],"onUpdate:modelValue":V=>s[e.field]=V,placeholder:P},S),null)},...l}),[[o.vShow,p]])}})}runtimeGroupProcessor(e){let t;return o.createVNode(b.runtimeDoms.Group,{schema:e},q(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(y(this.processor.stableModel[e.field][0])),this.formRef.value.clearValidate()}deleteListItem(e,t){this.model.value[e.field].splice(t,1),this.formRef.value.clearValidate()}runtimeListProcessor(e){const t=this;return t.model.value[e.field]||(t.model.value[e.field]=[{}]),o.createVNode(b.runtimeDoms.List,{schema:e},{default(){return t.model.value[e.field].map((s,r)=>o.createVNode(b.runtimeDoms.ListItem,null,{default(){return e.children.map(i=>t.runtimeItemProcessor(i,r,s,e))},delete({container:i}={}){var a;let l=i??o.createVNode("button",null,null);return o.withDirectives(o.createVNode(l,{onClick:()=>t.deleteListItem(e,r)},null),[[o.vShow,((a=t.model.value[e.field])==null?void 0:a.length)>1]])}}))},add({container:s}={}){let r=s??o.createVNode("button",null,[o.createTextVNode("添加")]);return o.createVNode(r,{onClick:()=>t.addListItem(e)},null)}})}runtimeProcessor(e){return e.map(t=>(t.type||(t.type="item"),this.processorBySchemaType[t.type](t)))}exec(){var r,i,l,a;const e=this,t=d(y((i=(r=this.customizedOptions.native)==null?void 0:r.props)==null?void 0:i.Form)??{},this.globalNativeFormOverride.props),s=d(y((a=(l=this.customizedOptions.native)==null?void 0:l.slots)==null?void 0:a.Form)??{},this.globalNativeFormOverride.slots);return o.createVNode(b.runtimeDoms.Form,o.mergeProps(t,{ref:this.formRef,model:this.model.value}),{default(){return e.runtimeProcessor(e.schemas.value)},...s})}}class b{}c(b,"runtimeDoms");const g=class g{static getPlaceholderPrefixPresetByComponentName(){const e={请选择:["Select","Tree","TreeSelect"],请输入:["Input"]},t={};for(let s in e)e[s].forEach(r=>{t[r]=s});return t}};c(g,"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:[]},native:void 0}),c(g,"componentPropsPreset",{options:{defaultValue:[]}}),c(g,"placeholderPresetByComponentName",g.getPlaceholderPrefixPresetByComponentName());let v=g;const G=o.defineComponent({props:{setup:{type:Function,required:!0}},setup(n){const e=new $(n.setup);return()=>e.exec()}});function K(n){const e=new T(n);return[e.setup.bind(e),{submit:e.submit.bind(e),hydrate:e.hydrate.bind(e),customize:e.customize.bind(e)}]}function W(n){return{install(){b.runtimeDoms=n}}}function H(n,e){return e==="raw"&&Object.defineProperty(n,"name",{value:`__proform_raw_${n.name}`,writable:!0}),n}exports.ProForm=G;exports.useForm=K;exports.useFormRenderer=W;exports.useModifiers=H;

package/dist/index.js

@@ -1,8 +1,8 @@
-var k = Object.defineProperty;
-var _ = (n, e, t) => e in n ? k(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var o = (n, e, t) => (_(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { toRaw as V, isRef as U, watch as S, isReactive as D, nextTick as O, ref as I, createVNode as h, withDirectives as x, mergeProps as R, vShow as A, createTextVNode as L, isVNode as z, defineComponent as B } from "vue";
-class c {
+var H = Object.defineProperty;
+var J = (o, e, t) => e in o ? H(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var l = (o, e, t) => (J(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { toRaw as j, isRef as G, watch as v, isReactive as K, nextTick as T, ref as w, reactive as Q, createVNode as m, withDirectives as $, mergeProps as C, vShow as q, createTextVNode as X, isVNode as Y, defineComponent as Z } from "vue";
+class a {
   static typeChecker(e) {
     return {}.toString.call(e);
   }
@@ -63,13 +63,18 @@ class c {
     return !1;
   }
 }
-function j(n, ...e) {
+function u(o, ...e) {
   return e.forEach((t) => {
-    for (let s in t)
-      t.hasOwnProperty(s) && (typeof t[s] == "object" && t[s] !== null ? (n[s] = n[s] || {}, j(n[s], t[s])) : n[s] = t[s]);
-  }), n;
+    if (Array.isArray(t))
+      Array.isArray(o) || (o = []), t.forEach((s, r) => {
+        typeof s == "object" && s !== null ? o[r] = u(Array.isArray(s) ? [] : {}, s) : o[r] = s;
+      });
+    else
+      for (let s in t)
+        t.hasOwnProperty(s) && (typeof t[s] == "object" && t[s] !== null ? o[s] = u(o[s] || {}, t[s]) : o[s] = t[s]);
+  }), o;
 }
-function v(n) {
+function y(o) {
   const e = /* @__PURE__ */ new WeakMap();
   function t(s) {
     if (s === null || typeof s != "object")
@@ -80,14 +85,14 @@ function v(n) {
       return new RegExp(s);
     if (s instanceof Map) {
       const i = /* @__PURE__ */ new Map();
-      for (let [l, f] of s)
-        i.set(t(l), t(f));
+      for (let [n, c] of s)
+        i.set(t(n), t(c));
       return i;
     }
     if (s instanceof Set) {
       const i = /* @__PURE__ */ new Set();
-      for (let l of s)
-        i.add(t(l));
+      for (let n of s)
+        i.add(t(n));
       return i;
     }
     if (e.has(s))
@@ -95,8 +100,8 @@ function v(n) {
     if (Array.isArray(s)) {
       const i = [];
       e.set(s, i);
-      for (let l = 0; l < s.length; l++)
-        i[l] = t(s[l]);
+      for (let n = 0; n < s.length; n++)
+        i[n] = t(s[n]);
       return i;
     }
     const r = Object.create(Object.getPrototypeOf(s));
@@ -105,11 +110,11 @@ function v(n) {
       s.hasOwnProperty(i) && (r[i] = t(s[i]));
     return r;
   }
-  return t(n);
+  return t(o);
 }
-class T {
+class ee {
   constructor(e) {
-    o(this, "runtimeCore");
+    l(this, "runtimeCore");
     this.formCustomization = e;
   }
   // happy path, 后续可以完善更多的 fallback 处理，fallback 处理是为了不卡住异步时的首次渲染做的优化
@@ -125,43 +130,52 @@ class T {
     return new Promise((e, t) => {
       this.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(
         this.cleanFallbackFields(
-          V(this.runtimeCore.processor.processedModel.value)
+          j(this.runtimeCore.processor.processedModel.value)
         )
       ));
     });
   }
   hydrate(e) {
+    if (!this.runtimeCore)
+      return Promise.reject({
+        code: "0002",
+        message: "hydrate 使用时机错误，建议将 hydrate 操作放到 onMounted 等页面节点挂载完成的钩子中，或者使用响应式的值来注入数据"
+      });
     this.runtimeCore.hydrateEffect.trackEffect(
       () => {
-        U(e) ? S(
+        G(e) ? v(
           () => e.value,
           () => {
-            j(this.runtimeCore.model.value, e.value);
+            u(this.runtimeCore.model.value, e.value);
           },
           {
             deep: !0,
             immediate: !0
           }
-        ) : D(e) ? S(
+        ) : K(e) ? v(
           () => e,
           () => {
-            j(this.runtimeCore.model.value, e);
+            u(this.runtimeCore.model.value, e);
           },
           {
             deep: !0,
             immediate: !0
           }
-        ) : j(this.runtimeCore.model.value, e);
+        ) : u(this.runtimeCore.model.value, e);
       },
       {
         lazy: !0
       }
     );
   }
+  // TODO：目前仅用于配制一些基本的如 Form，FormItem 等 UI 库组件的默认属性，但后续会扩展其价值，包括设置统一布局等，都会考虑往内部封装
+  customize(e) {
+    Object.assign(this.runtimeCore.customizedOptions, e);
+  }
 }
-class w {
+class A {
   constructor() {
-    o(this, "effects", /* @__PURE__ */ new Set());
+    l(this, "effects", /* @__PURE__ */ new Set());
   }
   clearEffects() {
     this.effects.clear();
@@ -175,23 +189,23 @@ class w {
     return !t.lazy && e(), this.effects.add(e), () => this.effects.delete(e);
   }
 }
-class N {
+class te {
   constructor(e) {
-    o(this, "runtimeCore");
-    o(this, "processedSchemas");
-    o(this, "processedModel");
-    o(this, "getRuntimeMeta");
-    o(this, "stableSchemas", []);
-    o(this, "stableModel", {});
-    o(this, "schemaPreset", E.schemaPreset);
-    o(this, "componentPropsPreset", E.componentPropsPreset);
-    o(this, "stableUpdaterProcessProgress");
-    o(this, "stableUpdaterTimes", 0);
-    o(this, "schemaEffect", new w());
-    o(this, "defaultValueEffect", new w());
-    o(this, "defaultValueInprogressMap", /* @__PURE__ */ new Map());
-    o(this, "baseDefaultValueFunctionsLength");
-    this.runtimeCore = e, this.processedSchemas = e.schemas, this.processedModel = e.model, this.getRuntimeMeta = e.getRuntimeMeta.bind(e), S(
+    l(this, "runtimeCore");
+    l(this, "processedSchemas");
+    l(this, "processedModel");
+    l(this, "getRuntimeMeta");
+    l(this, "stableSchemas", []);
+    l(this, "stableModel", {});
+    l(this, "schemaPreset", S.schemaPreset);
+    l(this, "componentPropsPreset", S.componentPropsPreset);
+    l(this, "stableUpdaterProcessProgress");
+    l(this, "stableUpdaterTimes", 0);
+    l(this, "schemaEffect", new A());
+    l(this, "defaultValueEffect", new A());
+    l(this, "defaultValueInprogressMap", /* @__PURE__ */ new Map());
+    l(this, "baseDefaultValueFunctionsLength");
+    this.runtimeCore = e, this.processedSchemas = e.schemas, this.processedModel = e.model, this.getRuntimeMeta = e.getRuntimeMeta.bind(e), v(
       () => this.processedModel.value,
       () => {
         this.schemaEffect.triggerEffects();
@@ -219,21 +233,21 @@ class N {
     function r(i) {
       if (!s.has(i) && (Array.isArray(i) || i !== null && typeof i == "object")) {
         s.add(i);
-        for (let l in i)
-          i.hasOwnProperty(l) && (l === "defaultValue" && typeof i[l] == "function" && !i[l].toString().includes("[native code]") && t++, r(i[l]));
+        for (let n in i)
+          i.hasOwnProperty(n) && (n === "defaultValue" && typeof i[n] == "function" && !i[n].toString().includes("[native code]") && t++, r(i[n]));
       }
     }
     return r(e), t;
   }
   // 派生过程，用于外部应用
   parseSchemas(e, t) {
-    c.isArrayEmpty(this.processedSchemas.value) && (this.baseDefaultValueFunctionsLength = this.countFunctionDefaultValues(
-      v(e)
+    a.isArrayEmpty(this.processedSchemas.value) && (this.baseDefaultValueFunctionsLength = this.countFunctionDefaultValues(
+      y(e)
     ), this.processedSchemas.value = this.initSchemas(e)), this.parse(e, t);
   }
   parseStable(e) {
     const t = {};
-    if (!c.isUndefined(e.stable))
+    if (!a.isUndefined(e.stable))
       t[e.key] = this.parseStable(e.stable);
     else
       return e;
@@ -242,8 +256,8 @@ class N {
   // 对于稳定初始化更新的抽象
   stableUpdater(e = []) {
     if (e.every(Boolean)) {
-      const t = V(this.processedSchemas.value);
-      !c.isProcessInprogress(t) && c.isObjectEmpty(this.stableModel) && (this.stableUpdaterProcessProgress || (this.stableUpdaterProcessProgress = Array.from({
+      const t = j(this.processedSchemas.value);
+      !a.isProcessInprogress(t) && a.isObjectEmpty(this.stableModel) && (this.stableUpdaterProcessProgress || (this.stableUpdaterProcessProgress = Array.from({
         length: t.length
       }).fill(!1)), this.stableUpdaterProcessProgress[this.stableUpdaterTimes] = !0, this.stableUpdaterTimes++, this.modelProcessor(t));
     }
@@ -251,21 +265,21 @@ class N {
   // 核心单 schema 处理过程，接收一个对象键值对的数据结构
   parseItem(e, t, s) {
     const r = this, i = Array.from({
-      length: Object.keys(e).filter((f) => f !== "children").length
+      length: Object.keys(e).filter((c) => c !== "children").length
     }).fill(!1);
-    this.objectParser({ data: e, index: t, updater: l });
-    function l(f) {
-      const u = f.index, d = f.key, P = f.keyIndex;
-      if (!f.stable)
+    this.objectParser({ data: e, index: t, updater: n });
+    function n(c) {
+      const f = c.index, p = c.key, I = c.keyIndex;
+      if (!c.stable)
         return;
-      const C = r.parseStable(f.stable), y = s == null ? void 0 : s.index, g = s == null ? void 0 : s.key;
-      let a = C;
-      if (c.isProcessInprogress(a) || (i[P] = !0), s) {
-        let p = r.processedSchemas.value[y][g][u][d];
-        p && c.isObject(p) && d !== "component" && (a = Object.assign(p, a)), r.processedSchemas.value[y][g][u][d] = a, r.stableUpdater(i);
+      const V = r.parseStable(c.stable), P = s == null ? void 0 : s.index, O = s == null ? void 0 : s.key;
+      let d = V;
+      if (a.isProcessInprogress(d) || (i[I] = !0), s) {
+        let h = r.processedSchemas.value[P][O][f][p];
+        h && a.isObject(h) && p !== "component" && (d = u(h, d)), r.processedSchemas.value[P][O][f][p] = d, r.stableUpdater(i);
       } else {
-        let p = r.processedSchemas.value[u][d];
-        p && c.isObject(p) && (a = Object.assign(p, a)), r.processedSchemas.value[u][d] = a, r.stableUpdater(i);
+        let h = r.processedSchemas.value[f][p];
+        h && a.isObject(h) && (d = u(h, d)), r.processedSchemas.value[f][p] = d, r.stableUpdater(i);
       }
     }
   }
@@ -280,45 +294,39 @@ class N {
           keyIndex: i
         });
       else {
-        const l = (f) => {
+        const n = (c) => {
           e.updater({
             ...e,
             key: r,
             keyIndex: i,
-            stable: f
+            stable: c
           });
         };
-        if (c.isFunction(t[r]))
-          r !== "defaultValue" ? this.schemaEffect.trackEffect(() => {
-            if (r === "component") {
-              const f = t[r](this.getRuntimeMeta());
-              this.promiseFieldParser(f, l, !1);
-            } else
-              this.fieldParser(t[r], l);
-          }) : this.defaultValueEffect.trackEffect(() => {
-            const f = this.schemaEffect.trackEffect(() => {
-              /\{\s*model\s*\}/.test(t[r].toString()) ? this.fieldParser(t[r], (u) => {
-                if (!u)
-                  return l(u);
-                this.defaultValueInprogressMap.set(t[r], u), !c.isProcessInprogress(u) && this.defaultValueInprogressMap.size === this.baseDefaultValueFunctionsLength && Array.from(this.defaultValueInprogressMap.values()).every(
-                  (d) => !d.includes("undefined")
-                ) ? (l(u), this.defaultValueEffect.clearEffects(), O(() => {
-                  f();
-                })) : l(u);
-              }) : this.fieldParser(t[r], (u) => {
-                this.defaultValueInprogressMap.set(t[r], u), !c.isProcessInprogress(u) && this.defaultValueInprogressMap.size === this.baseDefaultValueFunctionsLength && Array.from(this.defaultValueInprogressMap.values()).every(
-                  (d) => !d.includes("undefined")
-                ) ? (l(u), this.defaultValueEffect.clearEffects(), O(() => {
-                  f();
-                })) : l(u);
-              });
+        a.isFunction(t[r]) ? r !== "defaultValue" ? this.schemaEffect.trackEffect(() => {
+          if (r === "component") {
+            const c = t[r](this.getRuntimeMeta());
+            this.promiseFieldParser(c, n, !1);
+          } else
+            this.fieldParser(t[r], n);
+        }) : this.defaultValueEffect.trackEffect(() => {
+          const c = this.schemaEffect.trackEffect(() => {
+            /\{\s*model\s*\}/.test(t[r].toString()) ? this.fieldParser(t[r], (f) => {
+              if (!f)
+                return n(f);
+              this.defaultValueInprogressMap.set(t[r], f), !a.isProcessInprogress(f) && this.defaultValueInprogressMap.size === this.baseDefaultValueFunctionsLength && Array.from(this.defaultValueInprogressMap.values()).every(
+                (p) => !p.includes("undefined")
+              ) ? (n(f), this.defaultValueEffect.clearEffects(), T(() => {
+                c();
+              })) : n(f);
+            }) : this.fieldParser(t[r], (f) => {
+              this.defaultValueInprogressMap.set(t[r], f), !a.isProcessInprogress(f) && this.defaultValueInprogressMap.size === this.baseDefaultValueFunctionsLength && Array.from(this.defaultValueInprogressMap.values()).every(
+                (p) => !p.includes("undefined")
+              ) ? (n(f), this.defaultValueEffect.clearEffects(), T(() => {
+                c();
+              })) : n(f);
             });
           });
-        else if (r === "component") {
-          const f = t[r];
-          this.promiseFieldParser(f, l, !1);
-        } else
-          this.fieldParser(t[r], l);
+        }) : r === "component" || r === "slots" ? this.promiseFieldParser(t[r], n, !1) : this.fieldParser(t[r], n);
       }
     });
   }
@@ -326,19 +334,19 @@ class N {
     return e.replace(/undefined/g, t);
   }
   promiseFieldParser(e, t, s) {
-    c.isPromise(e) ? e.then((r) => {
-      s && c.isObject(r) ? this.objectParser({
+    a.isPromise(e) ? e.then((r) => {
+      s && a.isObject(r) ? this.objectParser({
         data: r,
         updater: t
       }) : t(r);
-    }) : (c.isString(e) && (e = this.replaceUndefinedInString(e, "")), s && c.isObject(e) ? this.objectParser({
+    }) : (a.isString(e) && (e = this.replaceUndefinedInString(e, "")), s && a.isObject(e) ? this.objectParser({
       data: e,
       updater: t
     }) : t(e));
   }
   // 对任意对象中单个字段的 parse: 做基本处理
   fieldParser(e, t, s = !0) {
-    if (c.isFunction(e))
+    if (a.isFunction(e))
       if (e.name.startsWith("__proform_raw_"))
         t(e);
       else {
@@ -346,10 +354,10 @@ class N {
         this.promiseFieldParser(r, t, s);
       }
     else
-      U(e) ? S(
+      G(e) ? v(
         () => e.value,
         () => {
-          c.isUndefined(e.value) || (s && c.isObject(e.value) ? this.objectParser({
+          a.isUndefined(e.value) || (s && a.isObject(e.value) ? this.objectParser({
             data: e.value,
             updater: t
           }) : t(e.value));
@@ -358,10 +366,10 @@ class N {
           immediate: !0,
           deep: !0
         }
-      ) : D(e) ? S(
+      ) : K(e) ? v(
         () => e,
         () => {
-          c.isUndefined(e) || (s && c.isObject(e) ? this.objectParser({
+          a.isUndefined(e) || (s && a.isObject(e) ? this.objectParser({
             data: e,
             updater: t
           }) : t(e));
@@ -370,7 +378,7 @@ class N {
           immediate: !0,
           deep: !0
         }
-      ) : s && c.isObject(e) ? this.objectParser({
+      ) : s && a.isObject(e) ? this.objectParser({
         data: e,
         updater: t
       }) : t(e);
@@ -378,79 +386,88 @@ class N {
   modelProcessor(e) {
     e.map(
       (t) => this.createModel(t, this.processedModel.value)
-    ), c.isObjectEmpty(this.stableModel) && this.stableUpdaterProcessProgress.every(Boolean) && this.defaultValueEffect.effects.size === 0 && (this.stableModel = v(this.processedModel.value), this.runtimeCore.hydrateEffect.triggerEffects(), this.runtimeCore.hydrateEffect.clearEffects());
+    ), a.isObjectEmpty(this.stableModel) && this.stableUpdaterProcessProgress.every(Boolean) && this.defaultValueEffect.effects.size === 0 && (this.stableModel = y(this.processedModel.value), this.runtimeCore.hydrateEffect.triggerEffects(), this.runtimeCore.hydrateEffect.clearEffects());
   }
   createModel(e, t) {
-    c.isListSchema(e) && (t[e.field] || (t[e.field] = [{}]), e.children.forEach((s) => {
+    a.isListSchema(e) && (t[e.field] || (t[e.field] = [{}]), e.children.forEach((s) => {
       this.createModel(s, t[e.field][0]);
-    })), c.isGroupSchema(e) && e.children.forEach((s) => {
+    })), a.isGroupSchema(e) && e.children.forEach((s) => {
       this.createModel(s, t);
-    }), c.isItemSchema(e) && (t[e.field] = e.defaultValue);
+    }), a.isItemSchema(e) && (t[e.field] = e.defaultValue);
   }
 }
-function M(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !z(n);
+function se(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !Y(o);
 }
-class $ {
+class re {
   constructor(e) {
-    o(this, "schemas", I([]));
-    o(this, "model", I({}));
-    o(this, "processorBySchemaType", {
+    l(this, "schemas", w([]));
+    l(this, "model", w({}));
+    l(this, "processorBySchemaType", {
       item: this.runtimeItemProcessor.bind(this),
       group: this.runtimeGroupProcessor.bind(this),
       list: this.runtimeListProcessor.bind(this)
     });
-    o(this, "formRef", I(null));
-    o(this, "hydrateEffect", new w());
-    this.setup = e, this.processor = new N(this);
+    l(this, "formRef", w(null));
+    l(this, "hydrateEffect", new A());
+    l(this, "customizedOptions", Q({}));
+    l(this, "globalNativeFormOverride", {
+      props: {},
+      slots: {}
+    });
+    this.setup = e, this.processor = new te(this);
     const t = this.setup(this);
     this.processor.parseSchemas(t.schemas);
   }
   getRuntimeMeta() {
     return {
-      model: V(v(this.model.value))
+      model: j(y(this.model.value))
     };
   }
   runtimeItemProcessor(e, t, s = this.model.value, r) {
-    var g;
-    const i = r ? `${r.field}.${t}.${e.field}` : e.field, l = V(e.component);
-    if (!l)
+    var h, z, F, M, x, U, D, N, k, R, _, L, B;
+    u(this.globalNativeFormOverride.props, (z = (h = e.native) == null ? void 0 : h.props) == null ? void 0 : z.Form), u(this.globalNativeFormOverride.slots, (M = (F = e.native) == null ? void 0 : F.slots) == null ? void 0 : M.Form);
+    const i = u(y((U = (x = this.customizedOptions.native) == null ? void 0 : x.props) == null ? void 0 : U.FormItem) ?? {}, (N = (D = e.native) == null ? void 0 : D.props) == null ? void 0 : N.FormItem), n = u(y((R = (k = this.customizedOptions.native) == null ? void 0 : k.slots) == null ? void 0 : R.FormItem) ?? {}, (L = (_ = e.native) == null ? void 0 : _.slots) == null ? void 0 : L.FormItem), c = r ? `${r.field}.${t}.${e.field}` : e.field, f = j(e.component);
+    if (!f)
       return;
-    const f = l.name, u = e.componentProps ?? {}, d = E.placeholderPresetByComponentName;
+    const p = f.name, I = e.componentProps ?? {}, V = S.placeholderPresetByComponentName;
     let P = e.placeholder;
     if (P || (P = `${// @ts-expect-error
-    d[f] ?? "请输入"}${e.label}`), e.required)
+    V[p] ?? "请输入"}${e.label}`), e.required)
       if (!e.rules)
-        e.rules = [], (g = e.rules) == null || g.push({
+        e.rules = [], (B = e.rules) == null || B.push({
           required: !0,
           message: `${e.label}是必填项`
         });
       else {
-        const a = e.rules.findIndex((p) => !!p.required);
-        e.rules[a].message = `${e.label}是必填项`;
+        const E = e.rules.findIndex((W) => !!W.required);
+        e.rules[E].message = `${e.label}是必填项`;
       }
-    let y = e.show;
-    return y === void 0 && (y = !0), y || delete s[e.field], h(m.runtimeDoms.Item, null, {
+    let d = e.show;
+    return d === void 0 && (d = !0), d || delete s[e.field], m(b.runtimeDoms.Item, null, {
       default() {
-        return x(h(m.runtimeDoms.FormItem, {
+        return $(m(b.runtimeDoms.FormItem, C(i, {
           label: `${e.label}:`,
           rules: e.rules,
-          field: i
-        }, {
-          default: () => [h(l, R({
-            modelValue: s[e.field],
-            "onUpdate:modelValue": (a) => s[e.field] = a,
-            placeholder: P
-          }, u), null)]
-        }), [[A, y]]);
+          field: c
+        }), {
+          default() {
+            return m(f, C({
+              modelValue: s[e.field],
+              "onUpdate:modelValue": (E) => s[e.field] = E,
+              placeholder: P
+            }, I), null);
+          },
+          ...n
+        }), [[q, d]]);
       }
     });
   }
   runtimeGroupProcessor(e) {
     let t;
-    return h(m.runtimeDoms.Group, {
+    return m(b.runtimeDoms.Group, {
       schema: e
-    }, M(t = e.children.map((s) => this.runtimeItemProcessor(s))) ? t : {
+    }, se(t = e.children.map((s) => this.runtimeItemProcessor(s))) ? t : {
       default: () => [t]
     });
   }
@@ -461,37 +478,37 @@ class $ {
         code: "0001",
         message: "异步默认值数据正在处理中，请您耐心等待... "
       });
-    (s = this.processor.stableModel[e.field]) != null && s[0] && this.model.value[e.field].push(v(this.processor.stableModel[e.field][0])), this.formRef.value.clearValidate();
+    (s = this.processor.stableModel[e.field]) != null && s[0] && this.model.value[e.field].push(y(this.processor.stableModel[e.field][0])), this.formRef.value.clearValidate();
   }
   deleteListItem(e, t) {
     this.model.value[e.field].splice(t, 1), this.formRef.value.clearValidate();
   }
   runtimeListProcessor(e) {
     const t = this;
-    return t.model.value[e.field] || (t.model.value[e.field] = [{}]), h(m.runtimeDoms.List, {
+    return t.model.value[e.field] || (t.model.value[e.field] = [{}]), m(b.runtimeDoms.List, {
       schema: e
     }, {
       default() {
-        return t.model.value[e.field].map((s, r) => h(m.runtimeDoms.ListItem, null, {
+        return t.model.value[e.field].map((s, r) => m(b.runtimeDoms.ListItem, null, {
           default() {
             return e.children.map((i) => t.runtimeItemProcessor(i, r, s, e));
           },
           delete({
             container: i
           } = {}) {
-            var f;
-            let l = i ?? h("button", null, null);
-            return x(h(l, {
+            var c;
+            let n = i ?? m("button", null, null);
+            return $(m(n, {
               onClick: () => t.deleteListItem(e, r)
-            }, null), [[A, ((f = t.model.value[e.field]) == null ? void 0 : f.length) > 1]]);
+            }, null), [[q, ((c = t.model.value[e.field]) == null ? void 0 : c.length) > 1]]);
           }
         }));
       },
       add({
         container: s
       } = {}) {
-        let r = s ?? h("button", null, [L("添加")]);
-        return h(r, {
+        let r = s ?? m("button", null, [X("添加")]);
+        return m(r, {
           onClick: () => t.addListItem(e)
         }, null);
       }
@@ -501,19 +518,23 @@ class $ {
     return e.map((t) => (t.type || (t.type = "item"), this.processorBySchemaType[t.type](t)));
   }
   exec() {
-    let e;
-    return h(m.runtimeDoms.Form, {
+    var r, i, n, c;
+    const e = this, t = u(y((i = (r = this.customizedOptions.native) == null ? void 0 : r.props) == null ? void 0 : i.Form) ?? {}, this.globalNativeFormOverride.props), s = u(y((c = (n = this.customizedOptions.native) == null ? void 0 : n.slots) == null ? void 0 : c.Form) ?? {}, this.globalNativeFormOverride.slots);
+    return m(b.runtimeDoms.Form, C(t, {
       ref: this.formRef,
       model: this.model.value
-    }, M(e = this.runtimeProcessor(this.schemas.value)) ? e : {
-      default: () => [e]
+    }), {
+      default() {
+        return e.runtimeProcessor(e.schemas.value);
+      },
+      ...s
     });
   }
 }
-class m {
+class b {
 }
-o(m, "runtimeDoms");
-const b = class b {
+l(b, "runtimeDoms");
+const g = class g {
   static getPlaceholderPrefixPresetByComponentName() {
     const e = {
       请选择: ["Select", "Tree", "TreeSelect"],
@@ -526,7 +547,7 @@ const b = class b {
     return t;
   }
 };
-o(b, "schemaPreset", {
+l(g, "schemaPreset", {
   type: {
     defaultValue: "item"
   },
@@ -559,52 +580,54 @@ o(b, "schemaPreset", {
   },
   children: {
     defaultValue: []
-  }
-}), o(b, "componentPropsPreset", {
+  },
+  native: void 0
+}), l(g, "componentPropsPreset", {
   options: {
     defaultValue: []
   }
 }), // 基于基本功能提出基本预设
-o(b, "placeholderPresetByComponentName", b.getPlaceholderPrefixPresetByComponentName());
-let E = b;
-const G = /* @__PURE__ */ B({
+l(g, "placeholderPresetByComponentName", g.getPlaceholderPrefixPresetByComponentName());
+let S = g;
+const ne = /* @__PURE__ */ Z({
   props: {
     setup: {
       type: Function,
       required: !0
     }
   },
-  setup(n) {
-    const e = new $(n.setup);
+  setup(o) {
+    const e = new re(o.setup);
     return () => e.exec();
   }
 });
-function K(n) {
-  const e = new T(n);
+function le(o) {
+  const e = new ee(o);
   return [
     e.setup.bind(e),
     {
       submit: e.submit.bind(e),
-      hydrate: e.hydrate.bind(e)
+      hydrate: e.hydrate.bind(e),
+      customize: e.customize.bind(e)
     }
   ];
 }
-function W(n) {
+function ce(o) {
   return {
     install() {
-      m.runtimeDoms = n;
+      b.runtimeDoms = o;
     }
   };
 }
-function H(n, e) {
-  return e === "raw" && Object.defineProperty(n, "name", {
-    value: `__proform_raw_${n.name}`,
+function ae(o, e) {
+  return e === "raw" && Object.defineProperty(o, "name", {
+    value: `__proform_raw_${o.name}`,
     writable: !0
-  }), n;
+  }), o;
 }
 export {
-  G as ProForm,
-  K as useForm,
-  W as useFormRenderer,
-  H as useModifiers
+  ne as ProForm,
+  le as useForm,
+  ce as useFormRenderer,
+  ae as useModifiers
 };

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

@@ -1,4 +1,4 @@
-import { AnyObject, FormCustomization } from "../types";
+import { AnyObject, CustomizationOptions, FormCustomization } from "../types";
 import { RuntimeCore } from "./index";
 export default class FormCustomizer {
     formCustomization: FormCustomization;
@@ -7,5 +7,6 @@ export default class FormCustomizer {
     constructor(formCustomization: FormCustomization);
     setup(_runtimeCore: RuntimeCore): FormCustomization;
     submit(): Promise<AnyObject>;
-    hydrate(data: AnyObject): void;
+    hydrate(data: AnyObject): Promise<never> | undefined;
+    customize(options: Partial<CustomizationOptions>): void;
 }

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

@@ -1,5 +1,5 @@
 import { Ref } from "vue";
-import { Setup, Schema, AnyObject, ItemSchema, GroupSchema, ListSchema, ProcessorBySchemaType } from "../types";
+import { Setup, Schema, AnyObject, ItemSchema, GroupSchema, ListSchema, ProcessorBySchemaType, CustomizationOptions } from "../types";
 import Processor from "./Processor";
 import Effect from "./Effect";
 export default class RuntimeCore {
@@ -10,6 +10,11 @@ export default class RuntimeCore {
     processorBySchemaType: ProcessorBySchemaType;
     formRef: Ref<AnyObject>;
     hydrateEffect: Effect;
+    customizedOptions: CustomizationOptions;
+    globalNativeFormOverride: {
+        props: {};
+        slots: {};
+    };
     constructor(setup: Setup);
     getRuntimeMeta(): {
         model: AnyObject;

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

@@ -29,6 +29,7 @@ export interface ItemSchema {
     show?: boolean;
     required?: boolean;
     placeholder?: string;
+    native?: NativeCustomizationOptions;
     label: string;
     field: string;
     component: DomType;
@@ -58,3 +59,16 @@ export type ProxyedSchema = ProFormProxy<ItemSchema | GroupSchema | ListSchema>;
 export interface FormCustomization {
     schemas: ProxyedSchema[];
 }
+export type NativeCustomizationOptions = {
+    props?: {
+        Form?: AnyObject;
+        FormItem?: AnyObject;
+    };
+    slots?: {
+        Form?: AnyObject;
+        FormItem?: AnyObject;
+    };
+};
+export type CustomizationOptions = {
+    native?: NativeCustomizationOptions;
+};

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

@@ -1,4 +1,4 @@
-import { AnyObject } from "../types";
+import { AnyObject, CustomizationOptions } from "../types";
 import type { RuntimeCore } from "../services";
 export type Setup = (runtimeCore: RuntimeCore) => any;
 export type UseForm = [
@@ -6,5 +6,6 @@ export type UseForm = [
     {
         submit: () => Promise<AnyObject>;
         hydrate: (data: AnyObject) => any;
+        customize: (options: CustomizationOptions) => any;
     }
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harbor-design/proform",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -9,7 +9,6 @@
   "peerDependencies": {
     "vue": "^3.3.4"
   },
-  "keywords": [],
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -22,6 +21,11 @@
     "dist/"
   ],
   "author": "yiwwhl<yiwwhl@qq.com>",
+  "repository": "yiwwhl/harbor-design",
+  "keywords": [
+    "form",
+    "dynamic form"
+  ],
   "license": "MIT",
   "scripts": {
     "build": "vue-tsc && vite build"