@harbor-design/proform 1.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 yiwwhl
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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)}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||(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.watchEffect(()=>{})):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(!((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,510 @@
+var _ = Object.defineProperty;
+var j = (c, e, t) => e in c ? _(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
+var h = (c, e, t) => (j(c, typeof e != "symbol" ? e + "" : e, t), t);
+import { toRaw as S, watch as F, watchEffect as V, isRef as L, isReactive as z, ref as b, createVNode as M, withDirectives as W, mergeProps as N, vShow as R, 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,
+        (m, y, p) => {
+          p ? i[s][p] = m[p] : (t[s] = m, this.modelProcessor(
+            m,
+            f && this.processedModel.value[f][0]
+          ), (!i[s] || y) && (i[s] = A(m)), this.schemaEffect.triggerEffects(), this.modelEffect.triggerEffects());
+        },
+        o,
+        f
+      );
+    }
+  }
+  schemaProcessor(e, t, i, f, o) {
+    const s = {}, l = this;
+    function m(y = !1) {
+      var p, E;
+      if (s.componentProps) {
+        const a = {};
+        l.propsProcessor(
+          s.componentProps,
+          l.componentPropsPreset,
+          a,
+          (v) => {
+            s.componentProps = a, i({ ...s }, v, "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
+          (p = l.processedSchemas.value[t]) == null ? void 0 : p.children,
+          // @ts-expect-error 此处已经守卫为非 ItemSchema
+          (E = l.rawSchemas[t]) == null ? void 0 : E.children,
+          s.field,
+          t
+        );
+        return;
+      }
+      i({ ...s }, y);
+    }
+    this.propsProcessor(
+      e,
+      this.schemaPreset,
+      s,
+      m,
+      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 m = Object.keys(e), y = Array.from({
+      length: m.length
+    }).fill(!1);
+    function p() {
+      return y.every((E) => E);
+    }
+    for (let E = 0; E < m.length; E++) {
+      const a = m[E], v = e[a];
+      if (d.isFunction(v)) {
+        const P = v(this.runtimeMeta());
+        a !== "defaultValue" ? this.schemaEffect.trackEffect(() => {
+          let n = v(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 = v(this.runtimeMeta());
+          this.stopWatchEffect.trackEffect(
+            V(() => {
+              if (n = v(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((D) => {
+                        u[D] = n;
+                      }) : u[g] = n;
+                      return;
+                    }
+                  }
+                this.rawModel || (this.rawModel = A(this.processedModel.value)), this.modelEffect.clearEffects();
+              }
+            })
+          );
+        }), P instanceof Promise ? (y[E] = !0, i[a] = t[a].defaultValueWhenAsync, p() && f(), P.then((n) => {
+          y[E] = !0, i[a] = n, p() && f(!0);
+        })) : (y[E] = !0, i[a] = P, p() && f());
+      } else
+        y[E] = !0, L(v) ? (F(
+          () => v.value,
+          (P) => {
+            i[a] = P, p() && f();
+          },
+          {
+            immediate: !0,
+            deep: !0
+          }
+        ), V(() => {
+        })) : z(v) ? F(
+          () => v,
+          (P) => {
+            i[a] = P, p() && f();
+          },
+          {
+            immediate: !0,
+            deep: !0
+          }
+        ) : (i[a] = v, p() && 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 C(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 m = e.show;
+    return m === void 0 && (m = !0), m || delete i[e.field], M(w.runtimeDoms.Item, null, {
+      default() {
+        return W(M(w.runtimeDoms.FormItem, {
+          label: `${e.label}:`,
+          rules: e.rules,
+          field: o
+        }, {
+          default: () => [M(s, N({
+            modelValue: i[e.field],
+            "onUpdate:modelValue": (y) => i[e.field] = y
+          }, l), null)]
+        }), [[R, m]]);
+      }
+    });
+  }
+  runtimeGroupProcessor(e) {
+    let t;
+    return M(w.runtimeDoms.Group, {
+      schema: e
+    }, C(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(A(this.processors.rawModel[e.field][0]));
+  }
+  deleteListItem(e, t) {
+    this.model.value[e.field].splice(t, 1);
+  }
+  runtimeListProcessor(e) {
+    const t = this;
+    return M(w.runtimeDoms.List, {
+      schema: e
+    }, {
+      default() {
+        return t.model.value[e.field].map((i, f) => M(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 ?? M("button", null, null);
+            return W(M(s, {
+              onClick: () => t.deleteListItem(e, f)
+            }, null), [[R, ((l = t.model.value[e.field]) == null ? void 0 : l.length) > 1]]);
+          }
+        }));
+      },
+      add({
+        container: i
+      } = {}) {
+        let f = i ?? M("button", null, [G("添加")]);
+        return M(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 M(w.runtimeDoms.Form, {
+      ref: this.formRef,
+      model: this.model.value
+    }, C(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

@@ -0,0 +1,32 @@
+{
+  "name": "@harbor-design/proform",
+  "version": "1.0.1",
+  "description": "",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "type": "module",
+  "types": "./dist/types/index.d.ts",
+  "peerDependencies": {
+    "vue": "^3.3.4"
+  },
+  "keywords": [],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist/"
+  ],
+  "author": "yiwwhl<yiwwhl@qq.com>",
+  "license": "MIT",
+  "scripts": {
+    "build": "vue-tsc && vite build",
+    "prerelease": "pnpm build",
+    "release": "pnpm prerelease && changeset && pnpm postrelease",
+    "postrelease": "changeset version && changeset publish && git push --follow-tags"
+  }
+}