@harbor-design/proform 1.0.2 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @harbor-design/proform
 
+## 1.0.3
+
+### Patch Changes
+
+- fix error dist bug
+
 ## 1.0.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var b=Object.defineProperty;var k=(u,e,t)=>e in u?b(u,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[e]=t;var m=(u,e,t)=>(k(u,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");class R{constructor(e){m(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 a{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,f]of i)o.set(t(s),t(f));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 c=Object.create(Object.getPrototypeOf(i));e.set(i,c);for(let o in i)i.hasOwnProperty(o)&&(c[o]=t(i[o]));return c}return t(u)}class W{constructor(e,t){m(this,"rawSchemas",[]);m(this,"rawModel",{});m(this,"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}});m(this,"componentPropsPreset",{options:{defaultValueWhenAsync:[]}});m(this,"uniqueEffectMap",{});m(this,"schemaEffect",new F);m(this,"modelEffect",new F);m(this,"stopWatchEffect",new F);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,c,o){for(let s=0;s<e.length;s++){let f=e[s];this.schemaProcessor(f,s,(p,v,y)=>{y?i[s][y]=p[y]:(t[s]=p,this.modelProcessor(p,c&&this.processedModel.value[c][0]),(!i[s]||v)&&(i[s]=V(p)),this.schemaEffect.triggerEffects(),this.modelEffect.triggerEffects())},o,c)}}schemaProcessor(e,t,i,c,o){const s={},f=this;function p(v=!1){var y,w;if(s.componentProps){const h={};f.propsProcessor(s.componentProps,f.componentPropsPreset,h,E=>{s.componentProps=h,i({...s},E,"componentProps")},t,c);return}if(s.children){f.processedSchemas.value[t]=s,f.rawSchemas[t]=s,i({...s},v),f.schemaAnalyzer(s.children,(y=f.processedSchemas.value[t])==null?void 0:y.children,(w=f.rawSchemas[t])==null?void 0:w.children,s.field,t);return}i({...s},v),f.rawModel=V(f.processedModel.value)}this.propsProcessor(e,this.schemaPreset,s,p,t,c,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,c,o,s,f){const p=Object.keys(e),v=Array.from({length:p.length}).fill(!1);function y(){return v.every(w=>w)}for(let w=0;w<p.length;w++){const h=p[w],E=e[h];if(a.isFunction(E)){const P=E(this.runtimeMeta());h!=="defaultValue"?this.schemaEffect.trackEffect(()=>{let n=E(this.runtimeMeta());n instanceof Promise?n.then(r=>{s===void 0?a.isFunction(r)||(typeof r=="string"&&r.includes("undefined")&&(r=r.replace(/undefined/g,"")),this.processedSchemas.value[o][h]=r):a.isFunction(r)||(typeof r=="string"&&r.includes("undefined")&&(r=r.replace(/undefined/g,"")),this.processedSchemas.value[s].children[o][h]=r)}):s===void 0?a.isFunction(n)||(typeof n=="string"&&n.includes("undefined")&&(n=n.replace(/undefined/g,"")),this.processedSchemas.value[o][h]=n):a.isFunction(n)||(typeof n=="string"&&n.includes("undefined")&&(n=n.replace(/undefined/g,"")),this.processedSchemas.value[s].children[o][h]=n)}):this.modelEffect.trackEffect(()=>{let n=E(this.runtimeMeta());this.stopWatchEffect.trackEffect(l.watchEffect(()=>{if(n=E(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||f===void 0){if(a.isFunction(e.field)){const d=e.field(this.runtimeMeta());d instanceof Promise?d.then(g=>{this.processedModel.value[g]=r}):this.processedModel.value[d]=r;return}this.processedModel.value[e.field]=r}else{if(a.isFunction(e.field)){const d=e.field(this.runtimeMeta());d instanceof Promise?d.then(g=>{this.processedModel.value[f][o][g]=r}):this.processedModel.value[f][o]&&(this.processedModel.value[f][o][d]=r);return}this.processedModel.value[f]&&this.processedModel.value[f].forEach(d=>{d[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,""),a.isFunction(e.field)){const r=e.field(this.runtimeMeta());r instanceof Promise?r.then(d=>{this.processedModel.value[d]=n}):this.processedModel.value[r]=n;return}if(this.processedModel.value[e.field]=n,o===void 0||f===void 0){if(a.isFunction(e.field)){const r=e.field(this.runtimeMeta());r instanceof Promise?r.then(d=>{this.processedModel.value[d]=n}):this.processedModel.value[r]=n;return}this.processedModel.value[e.field]=n}else for(let r=0;r<this.processedModel.value[f].length;r++){const d=this.processedModel.value[f][r];if(!a.isFunction(e.field))d[e.field]=n;else{const g=e.field(this.runtimeMeta());g instanceof Promise?g.then(S=>{d[S]=n}):d[g]=n;return}}this.rawModel=V(this.processedModel.value),this.modelEffect.clearEffects()}}))}),P instanceof Promise?(v[w]=!0,i[h]=t[h].defaultValueWhenAsync,y()&&c(),P.then(n=>{v[w]=!0,i[h]=n,y()&&c(!0)})):(v[w]=!0,i[h]=P,y()&&c())}else v[w]=!0,l.isRef(E)?l.watch(()=>E.value,P=>{i[h]=P,y()&&c()},{immediate:!0,deep:!0}):l.isReactive(E)?l.watch(()=>E,P=>{i[h]=P,y()&&c()},{immediate:!0,deep:!0}):(i[h]=E,y()&&c())}}modelProcessor(e,t=this.processedModel.value){if(a.isListSchema(e)){if(a.isFunction(e.field))return;t[e.field]||(t[e.field]=[{}]),e.children.forEach(i=>{this.modelProcessor(i,t[e.field][0])});return}if(a.isGroupSchema(e)){e.children.forEach(i=>{this.modelProcessor(i,t)});return}if(a.isItemSchema(e)){if(a.isFunction(e.field)||a.isUndefined(e.field)||!Number.isNaN(Number(e.field))||a.isFunction(e.defaultValue))return;t[e.field]=e.defaultValue}}}function A(u){return typeof u=="function"||Object.prototype.toString.call(u)==="[object Object]"&&!l.isVNode(u)}class N{constructor(e){m(this,"schemas",l.ref([]));m(this,"model",l.ref({}));m(this,"processorBySchemaType",{item:this.runtimeItemProcessor.bind(this),group:this.runtimeGroupProcessor.bind(this),list:this.runtimeListProcessor.bind(this)});m(this,"formRef",l.ref(null));this.setup=e,this.processors=new W(this.schemas,this.model),this.analyze(this.setup(this))}analyze(e){this.processors.schemaAnalyzer(e.schemas)}runtimeItemProcessor(e,t,i=this.model.value,c){const o=c?`${c.field}.${t}.${e.field}`:e.field,s=l.toRaw(e.component),f=e.componentProps??{};let p=e.show;return p===void 0&&(p=!0),p||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":v=>i[e.field]=v},f),null)]}),[[l.vShow,p]])}})}runtimeGroupProcessor(e){let t;return l.createVNode(M.runtimeDoms.Group,{schema:e},A(t=e.children.map(i=>this.runtimeItemProcessor(i)))?t:{default:()=>[t]})}addListItem(e){var t,i;if(console.log(this.processors.rawModel,e.field),!((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,c)=>l.createVNode(M.runtimeDoms.ListItem,null,{default(){return e.children.map((o,s)=>t.runtimeItemProcessor(o,s,i,e))},delete({container:o}={}){var f;let s=o??l.createVNode("button",null,null);return l.withDirectives(l.createVNode(s,{onClick:()=>t.deleteListItem(e,c)},null),[[l.vShow,((f=t.model.value[e.field])==null?void 0:f.length)>1]])}}))},add({container:i}={}){let c=i??l.createVNode("button",null,[l.createTextVNode("添加")]);return l.createVNode(c,{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},A(e=this.runtimeProcessor(this.schemas.value))?e:{default:()=>[e]})}}class M{}m(M,"runtimeDoms");class F{constructor(){m(this,"effects",new Set)}clearEffects(){this.effects.clear()}triggerEffects(){Array.from(this.effects).forEach(e=>e())}trackEffect(e){this.effects.add(e)}}const D=l.defineComponent({props:{setup:{type:Function,required:!0}},setup(u){const e=new N(u.setup);return()=>e.exec()}});function C(u){const e=new R(u);return[e.setup.bind(e),{submit:e.submit.bind(e)}]}function _(u){return{install(){M.runtimeDoms=u}}}exports.ProForm=D;exports.useForm=C;exports.useFormRenderer=_;

package/dist/index.js

@@ -0,0 +1,509 @@
+var D = Object.defineProperty;
+var _ = (c, e, t) => e in c ? D(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
+var h = (c, e, t) => (_(c, typeof e != "symbol" ? e + "" : e, t), t);
+import { toRaw as S, watch as F, watchEffect as j, isRef as L, isReactive as z, ref as b, createVNode as v, withDirectives as V, mergeProps as N, vShow as W, createTextVNode as G, isVNode as U, defineComponent as $ } from "vue";
+class B {
+  constructor(e) {
+    h(this, "runtimeCore");
+    this.formCustomization = e;
+  }
+  // happy path, 后续可以完善更多的 fallback 处理，fallback 处理是为了不卡住异步时的首次渲染做的优化
+  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(
+          S(this.runtimeCore.processors.processedModel.value)
+        )
+      ));
+    });
+  }
+}
+class d {
+  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 A(c) {
+  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;
+    }
+    if (i instanceof Set) {
+      const o = /* @__PURE__ */ 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(c);
+}
+class O {
+  constructor(e, t) {
+    h(this, "rawSchemas", []);
+    h(this, "rawModel", {});
+    h(this, "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
+      }
+    });
+    h(this, "componentPropsPreset", {
+      options: {
+        defaultValueWhenAsync: []
+      }
+    });
+    h(this, "uniqueEffectMap", {});
+    h(this, "schemaEffect", new k());
+    h(this, "modelEffect", new k());
+    h(this, "stopWatchEffect", new k());
+    this.processedSchemas = e, this.processedModel = t, F(
+      () => 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 l = e[s];
+      this.schemaProcessor(
+        l,
+        s,
+        (p, y, m) => {
+          m ? i[s][m] = p[m] : (t[s] = p, this.modelProcessor(
+            p,
+            f && this.processedModel.value[f][0]
+          ), (!i[s] || y) && (i[s] = A(p)), this.schemaEffect.triggerEffects(), this.modelEffect.triggerEffects());
+        },
+        o,
+        f
+      );
+    }
+  }
+  schemaProcessor(e, t, i, f, o) {
+    const s = {}, l = this;
+    function p(y = !1) {
+      var m, E;
+      if (s.componentProps) {
+        const a = {};
+        l.propsProcessor(
+          s.componentProps,
+          l.componentPropsPreset,
+          a,
+          (M) => {
+            s.componentProps = a, i({ ...s }, M, "componentProps");
+          },
+          t,
+          f
+        );
+        return;
+      }
+      if (s.children) {
+        l.processedSchemas.value[t] = s, l.rawSchemas[t] = s, i({ ...s }, y), l.schemaAnalyzer(
+          s.children,
+          // @ts-expect-error 此处已经守卫为非 ItemSchema
+          (m = l.processedSchemas.value[t]) == null ? void 0 : m.children,
+          // @ts-expect-error 此处已经守卫为非 ItemSchema
+          (E = l.rawSchemas[t]) == null ? void 0 : E.children,
+          s.field,
+          t
+        );
+        return;
+      }
+      i({ ...s }, y), l.rawModel = A(l.processedModel.value);
+    }
+    this.propsProcessor(
+      e,
+      this.schemaPreset,
+      s,
+      p,
+      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(
+        S(A(this.processedModel.value))
+      )
+    };
+  }
+  propsProcessor(e, t, i, f, o, s, l) {
+    const p = Object.keys(e), y = Array.from({
+      length: p.length
+    }).fill(!1);
+    function m() {
+      return y.every((E) => E);
+    }
+    for (let E = 0; E < p.length; E++) {
+      const a = p[E], M = e[a];
+      if (d.isFunction(M)) {
+        const P = M(this.runtimeMeta());
+        a !== "defaultValue" ? this.schemaEffect.trackEffect(() => {
+          let n = M(this.runtimeMeta());
+          n instanceof Promise ? n.then((r) => {
+            s === void 0 ? d.isFunction(r) || (typeof r == "string" && r.includes("undefined") && (r = r.replace(/undefined/g, "")), this.processedSchemas.value[o][a] = r) : d.isFunction(r) || (typeof r == "string" && r.includes("undefined") && (r = r.replace(/undefined/g, "")), this.processedSchemas.value[s].children[o][a] = r);
+          }) : s === void 0 ? d.isFunction(n) || (typeof n == "string" && n.includes("undefined") && (n = n.replace(/undefined/g, "")), this.processedSchemas.value[o][a] = n) : d.isFunction(n) || (typeof n == "string" && n.includes("undefined") && (n = n.replace(/undefined/g, "")), this.processedSchemas.value[s].children[o][a] = n);
+        }) : this.modelEffect.trackEffect(() => {
+          let n = M(this.runtimeMeta());
+          this.stopWatchEffect.trackEffect(
+            j(() => {
+              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 (d.isFunction(e.field)) {
+                      const u = e.field(
+                        this.runtimeMeta()
+                      );
+                      u instanceof Promise ? u.then((g) => {
+                        this.processedModel.value[g] = r;
+                      }) : this.processedModel.value[u] = r;
+                      return;
+                    }
+                    this.processedModel.value[e.field] = r;
+                  } else {
+                    if (d.isFunction(e.field)) {
+                      const u = e.field(
+                        this.runtimeMeta()
+                      );
+                      u instanceof Promise ? u.then((g) => {
+                        this.processedModel.value[l][o][g] = r;
+                      }) : this.processedModel.value[l][o] && (this.processedModel.value[l][o][u] = r);
+                      return;
+                    }
+                    this.processedModel.value[l] && this.processedModel.value[l].forEach(
+                      // @ts-expect-error
+                      (u) => {
+                        u[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, ""), d.isFunction(e.field)) {
+                  const r = e.field(this.runtimeMeta());
+                  r instanceof Promise ? r.then((u) => {
+                    this.processedModel.value[u] = n;
+                  }) : this.processedModel.value[r] = n;
+                  return;
+                }
+                if (this.processedModel.value[e.field] = n, o === void 0 || l === void 0) {
+                  if (d.isFunction(e.field)) {
+                    const r = e.field(this.runtimeMeta());
+                    r instanceof Promise ? r.then((u) => {
+                      this.processedModel.value[u] = 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 u = this.processedModel.value[l][r];
+                    if (!d.isFunction(e.field))
+                      u[e.field] = n;
+                    else {
+                      const g = e.field(
+                        this.runtimeMeta()
+                      );
+                      g instanceof Promise ? g.then((C) => {
+                        u[C] = n;
+                      }) : u[g] = n;
+                      return;
+                    }
+                  }
+                this.rawModel = A(this.processedModel.value), this.modelEffect.clearEffects();
+              }
+            })
+          );
+        }), P instanceof Promise ? (y[E] = !0, i[a] = t[a].defaultValueWhenAsync, m() && f(), P.then((n) => {
+          y[E] = !0, i[a] = n, m() && f(!0);
+        })) : (y[E] = !0, i[a] = P, m() && f());
+      } else
+        y[E] = !0, L(M) ? F(
+          () => M.value,
+          (P) => {
+            i[a] = P, m() && f();
+          },
+          {
+            immediate: !0,
+            deep: !0
+          }
+        ) : z(M) ? F(
+          () => M,
+          (P) => {
+            i[a] = P, m() && f();
+          },
+          {
+            immediate: !0,
+            deep: !0
+          }
+        ) : (i[a] = M, m() && f());
+    }
+  }
+  modelProcessor(e, t = this.processedModel.value) {
+    if (d.isListSchema(e)) {
+      if (d.isFunction(e.field))
+        return;
+      t[e.field] || (t[e.field] = [{}]), e.children.forEach((i) => {
+        this.modelProcessor(i, t[e.field][0]);
+      });
+      return;
+    }
+    if (d.isGroupSchema(e)) {
+      e.children.forEach((i) => {
+        this.modelProcessor(i, t);
+      });
+      return;
+    }
+    if (d.isItemSchema(e)) {
+      if (d.isFunction(e.field) || d.isUndefined(e.field) || !Number.isNaN(Number(e.field)) || d.isFunction(e.defaultValue))
+        return;
+      t[e.field] = e.defaultValue;
+    }
+  }
+}
+function R(c) {
+  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !U(c);
+}
+class T {
+  constructor(e) {
+    h(this, "schemas", b([]));
+    h(this, "model", b({}));
+    h(this, "processorBySchemaType", {
+      item: this.runtimeItemProcessor.bind(this),
+      group: this.runtimeGroupProcessor.bind(this),
+      list: this.runtimeListProcessor.bind(this)
+    });
+    h(this, "formRef", b(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) {
+    const o = f ? `${f.field}.${t}.${e.field}` : e.field, s = S(e.component), l = e.componentProps ?? {};
+    let p = e.show;
+    return p === void 0 && (p = !0), p || delete i[e.field], v(w.runtimeDoms.Item, null, {
+      default() {
+        return V(v(w.runtimeDoms.FormItem, {
+          label: `${e.label}:`,
+          rules: e.rules,
+          field: o
+        }, {
+          default: () => [v(s, N({
+            modelValue: i[e.field],
+            "onUpdate:modelValue": (y) => i[e.field] = y
+          }, l), null)]
+        }), [[W, p]]);
+      }
+    });
+  }
+  runtimeGroupProcessor(e) {
+    let t;
+    return v(w.runtimeDoms.Group, {
+      schema: e
+    }, R(t = e.children.map((i) => this.runtimeItemProcessor(i))) ? t : {
+      default: () => [t]
+    });
+  }
+  addListItem(e) {
+    var t, i;
+    if (console.log(this.processors.rawModel, e.field), !((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(A(this.processors.rawModel[e.field][0]));
+  }
+  deleteListItem(e, t) {
+    this.model.value[e.field].splice(t, 1);
+  }
+  runtimeListProcessor(e) {
+    const t = this;
+    return v(w.runtimeDoms.List, {
+      schema: e
+    }, {
+      default() {
+        return t.model.value[e.field].map((i, f) => v(w.runtimeDoms.ListItem, null, {
+          default() {
+            return e.children.map((o, s) => t.runtimeItemProcessor(o, s, i, e));
+          },
+          delete({
+            container: o
+          } = {}) {
+            var l;
+            let s = o ?? v("button", null, null);
+            return V(v(s, {
+              onClick: () => t.deleteListItem(e, f)
+            }, null), [[W, ((l = t.model.value[e.field]) == null ? void 0 : l.length) > 1]]);
+          }
+        }));
+      },
+      add({
+        container: i
+      } = {}) {
+        let f = i ?? v("button", null, [G("添加")]);
+        return v(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 v(w.runtimeDoms.Form, {
+      ref: this.formRef,
+      model: this.model.value
+    }, R(e = this.runtimeProcessor(this.schemas.value)) ? e : {
+      default: () => [e]
+    });
+  }
+}
+class w {
+}
+h(w, "runtimeDoms");
+class k {
+  constructor() {
+    h(this, "effects", /* @__PURE__ */ new Set());
+  }
+  clearEffects() {
+    this.effects.clear();
+  }
+  triggerEffects() {
+    Array.from(this.effects).forEach((e) => e());
+  }
+  trackEffect(e) {
+    this.effects.add(e);
+  }
+}
+const J = /* @__PURE__ */ $({
+  props: {
+    setup: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(c) {
+    const e = new T(c.setup);
+    return () => e.exec();
+  }
+});
+function K(c) {
+  const e = new B(c);
+  return [
+    e.setup.bind(e),
+    {
+      submit: e.submit.bind(e)
+    }
+  ];
+}
+function Q(c) {
+  return {
+    install() {
+      w.runtimeDoms = c;
+    }
+  };
+}
+export {
+  J as ProForm,
+  K as useForm,
+  Q as useFormRenderer
+};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ProForm } from "./src/form/index";
+export { useForm } from "./src/interactions/useForm";
+export { useFormRenderer } from "./src/interactions/useFormRenderer";

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

@@ -0,0 +1,14 @@
+import { PropType } from "vue";
+import { Setup } from "../types";
+declare const _default: import("vue").DefineComponent<{
+    setup: {
+        type: PropType<Setup>;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    setup: {
+        type: PropType<Setup>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/types/src/interactions/useForm.d.ts

@@ -0,0 +1,2 @@
+import { FormCustomization, UseForm } from "../types";
+export declare function useForm(formCustomization: FormCustomization): UseForm;

package/dist/types/src/interactions/useFormRenderer.d.ts

@@ -0,0 +1,4 @@
+import { RuntimeDomCustomizer } from "../types";
+export declare function useFormRenderer(runtimeDomCustomizer: RuntimeDomCustomizer): {
+    install(): void;
+};

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

@@ -0,0 +1,4 @@
+import { RuntimeDomCustomizer } from "../types";
+export default class Context {
+    static runtimeDoms: RuntimeDomCustomizer;
+}

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

@@ -0,0 +1,8 @@
+import { AnyFunction } from "../types";
+export default class Effect {
+    effects: Set<Function>;
+    constructor();
+    clearEffects(): void;
+    triggerEffects(): void;
+    trackEffect(effect: AnyFunction): void;
+}

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

@@ -0,0 +1,10 @@
+import { AnyObject, FormCustomization } from "../types";
+import { RuntimeCore } from "./index";
+export default class FormCustomizer {
+    formCustomization: FormCustomization;
+    runtimeCore: RuntimeCore;
+    private cleanFallbackFields;
+    constructor(formCustomization: FormCustomization);
+    setup(_runtimeCore: RuntimeCore): FormCustomization;
+    submit(): Promise<AnyObject>;
+}

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

@@ -0,0 +1,24 @@
+import { Ref } from "vue";
+import { AnyObject, Schema, ItemSchema, 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 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;
+}

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

@@ -0,0 +1,20 @@
+import { Ref } from "vue";
+import { Setup, Schema, FormCustomization, AnyObject, ItemSchema, GroupSchema, ListSchema, ProcessorBySchemaType } from "../types";
+import Processors from "./Processors";
+export default class RuntimeCore {
+    setup: Setup;
+    processors: Processors;
+    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;
+    runtimeGroupProcessor(schema: GroupSchema): JSX.Element;
+    addListItem(schema: AnyObject): Promise<never> | undefined;
+    deleteListItem(schema: AnyObject, index: number): void;
+    runtimeListProcessor(schema: ListSchema): JSX.Element;
+    runtimeProcessor(schemas: Schema[]): any[];
+    exec(): JSX.Element;
+}

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

@@ -0,0 +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";

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

@@ -0,0 +1,12 @@
+import { AnyObject } from "./utilTypes";
+export type DomType = new (...args: any) => AnyObject & {
+    $props: AnyObject;
+};
+export interface RuntimeDomCustomizer {
+    Form: DomType;
+    FormItem: DomType;
+    Item: DomType;
+    List: DomType;
+    ListItem: DomType;
+    Group: DomType;
+}

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

@@ -0,0 +1,55 @@
+import { AnyObject, DomType } from "./index";
+export type SchemaType = "item" | "list" | "group";
+export type FieldRule<T = any> = {
+    type?: "string" | "number" | "boolean" | "array" | "object" | "email" | "url" | "ip";
+    required?: boolean;
+    message?: string;
+    length?: number;
+    maxLength?: number;
+    minLength?: number;
+    match?: RegExp;
+    uppercase?: boolean;
+    lowercase?: boolean;
+    min?: number;
+    max?: number;
+    equal?: number;
+    positive?: boolean;
+    negative?: boolean;
+    true?: boolean;
+    false?: boolean;
+    includes?: any[];
+    deepEqual?: any;
+    empty?: boolean;
+    hasKeys?: string[];
+    validator?: (value: T | undefined, callback: (error?: string) => void) => void;
+};
+export interface ItemSchema {
+    type?: "item";
+    rules?: FieldRule[];
+    show?: boolean;
+    label: string;
+    field: string;
+    component: DomType;
+    componentProps?: AnyObject;
+    defaultValue?: PropertyKey | object;
+}
+export interface GroupSchema {
+    type: "group";
+    label: string;
+    children: ProxyedSchema[];
+}
+export interface ListSchema {
+    type: "list";
+    field: string;
+    label: string;
+    children: ProxyedSchema[];
+}
+export type Schema = ItemSchema | GroupSchema | ListSchema;
+export type ProFormProxyRule<T> = T | ((...args: any) => T) | ((...args: any) => Promise<T>);
+export type ProFormProxy<T> = {
+    [K in keyof T]: ProFormProxyRule<T[K]>;
+};
+export type ProxyedSchema = ProFormProxy<ItemSchema | GroupSchema | ListSchema>;
+export interface FormCustomization {
+    schemas: ProxyedSchema[];
+}

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

@@ -0,0 +1,5 @@
+export * from "./useFormTypes";
+export * from "./contextTypes";
+export * from "./formCustomizerTypes";
+export * from "./utilTypes";
+export * from "./runtimeTypes";

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

@@ -0,0 +1,6 @@
+import { GroupSchema, ItemSchema, ListSchema } from "./index";
+export interface ProcessorBySchemaType {
+    item: (schema: ItemSchema) => any;
+    group: (schema: GroupSchema) => any;
+    list: (schema: ListSchema) => any;
+}

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

@@ -0,0 +1,9 @@
+import { AnyObject } from "../types";
+import type { RuntimeCore } from "../services";
+export type Setup = (runtimeCore: RuntimeCore) => any;
+export type UseForm = [
+    Setup,
+    {
+        submit: () => Promise<AnyObject>;
+    }
+];

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

@@ -0,0 +1,2 @@
+export type AnyObject = Record<PropertyKey, any>;
+export type AnyFunction = (...args: any) => any;

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

@@ -0,0 +1,2 @@
+export declare function deepAssign(target: Record<PropertyKey, any>, ...sources: any[]): Record<PropertyKey, any>;
+export declare function deepClone<T>(source: T): T;

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

@@ -0,0 +1,2 @@
+export { default as IS } from "./is";
+export * from "./deep";

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

@@ -0,0 +1,13 @@
+import { 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 isAsyncFunction(data: any): data is (...args: any) => Promise<any>;
+    static isUndefined(data: any): data is undefined;
+    static isArrayEmpty(data: any[]): boolean;
+    static isObjectEmpty(data: Record<PropertyKey, any>): boolean;
+    static isListSchema(data: any): data is ListSchema;
+    static isGroupSchema(data: any): data is GroupSchema;
+    static isItemSchema(data: any): data is ItemSchema;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harbor-design/proform",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",