vue-form-craft 4.6.0 → 4.6.2

package/README.md

@@ -0,0 +1,133 @@
+# vue-form-craft
+
+基于 [vue](https://github.com/vuejs/vue) 和 [element-plus](https://github.com/ElemeFE/element) 实现的表单设计器 + 渲染器
+
+使用了最新的前端技术栈，可以让你免去vue项目中表单的烦恼。
+
+- [在线预览](https://xinnian999.github.io/vue-form-craft/zh/form-design)
+- [官方文档](https://xinnian999.github.io/vue-form-craft/zh/)
+- 作者：Elin
+- 联系方式：17803000829
+
+![ui](../../ui.png)
+
+## 特性
+
+- 可视化设计表单
+- 支持三十多种的表单组件(el所有表单组件、内置组件)
+- 支持收集Array数据（自增组件）
+- 用法简单，又非常灵活高效的表单联动
+- 可预览生成的json配置
+- 可预览生成的VUE组件
+- 高扩展性、支持自定义组件、支持各种ui组件库来替换ui
+- 支持表单填写校验
+- 组件无限深层嵌套，深层校验
+
+## 第三方插件
+
+- vuedraggable
+- element-plus
+- vue-form-craft
+- lodash
+
+## 使用
+
+### 版本要求
+
+vue@3.x
+
+### 安装
+
+```js
+npm i vue-form-craft
+//或
+yarn add vue-form-craft
+//或
+pnpm i vue-form-craft
+```
+
+### 全局注册
+
+```js
+import { createApp } from 'vue'
+import VueFormCraft from 'vue-form-craft'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import App from './App.vue'
+
+const app = createApp(App)
+
+app.use(ElementPlus)
+app.use(VueFormCraft)
+app.mount('#app')
+```
+
+### 使用
+
+> 使用表单设计器
+
+```vue
+<template>
+  <div style="width:100vw;height:100vh">
+    <FormDesign />
+  </div>
+</template>
+```
+
+> 使用表单渲染器
+
+```vue
+<template>
+  <FormRender v-model="formValues" :schema="schema" ref="formRef" />
+  <el-button @click="handleSubmit">提交</el-button>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { FormSchema,FormInstance } from 'vue-form-craft'
+
+const formRef = ref<FormInstance>()
+
+const formValues = ref({})
+
+const schema: FormSchema = {
+  labelWidth: 150,
+  labelAlign: 'right',
+  size: 'default',
+  items: [
+    {
+      label: '用户名',
+      component: 'Input',
+      name: 'username',
+      required: true,
+      props: {
+        placeholder: '请输入用户名'
+      }
+    },
+    {
+      label: '密码',
+      component: 'Password',
+      name: 'password',
+      required: true,
+      props: {
+        placeholder: '请输入密码'
+      }
+    }
+  ]
+}
+
+const handleSubmit = async () => {
+  await formRef.value?.validate()
+  alert(JSON.stringify(formValues.value,null,2))
+}
+</script>
+```
+
+## 捐赠 vue-form-craft 的开发
+
+`vue-form-craft` 的文档和代码完全开源，如果该项目有帮助到你的开发工作，你可以捐赠`vue-form-craft`的研发工作，捐赠无门槛，哪怕是一杯可乐也好。
+
+<div style="display:flex;gap:15px">
+<img src="./docs/assets/wechat.png" style="height:400px" />
+<img src="./docs/assets/zhifubao.png" style="height:400px" />
+</div>

package/dist/lazy/{Card-SlrXi_q7.js → Card-B8pKJPp_.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, resolveComponent as t, openBlock as n, createBlock as a, normalizeProps as p, guardReactiveProps as s, withCtx as l, createVNode as c, unref as i } from "vue";
-import { _ as m } from "./index-C3H1n8kj.js";
+import { _ as m } from "./index-EwHmlOuJ.js";
 import "element-plus";
 const h = /* @__PURE__ */ o({
   __name: "Card",

package/dist/lazy/{Cascader-C-5P34H1.js → Cascader-Bj1MKP1h.js}

@@ -1,9 +1,9 @@
-import { defineComponent as m, useModel as i, resolveComponent as c, openBlock as f, createBlock as g, mergeProps as v, unref as l, mergeModels as y } from "vue";
+import { defineComponent as m, mergeModels as i, useModel as c, resolveComponent as f, openBlock as g, createBlock as v, mergeProps as y, unref as l } from "vue";
 import "element-plus";
-import { u as C } from "./useSelect-CR7iTrnS.js";
+import { u as C } from "./useSelect-B9KCdR90.js";
 const B = /* @__PURE__ */ m({
   __name: "Cascader",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ i({
     options: { default: () => [] },
     multiple: { type: Boolean, default: !1 },
     mode: { default: "static" },
@@ -18,10 +18,10 @@ const B = /* @__PURE__ */ m({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const n = o, a = i(o, "modelValue"), { currentOptions: u, selectChange: s, loading: d } = C(n);
+    const n = o, a = c(o, "modelValue"), { currentOptions: u, selectChange: s, loading: d } = C(n);
     return (e, t) => {
-      const p = c("el-cascader");
-      return f(), g(p, v({
+      const p = f("el-cascader");
+      return g(), v(p, y({
         modelValue: a.value,
         "onUpdate:modelValue": t[0] || (t[0] = (r) => a.value = r),
         options: l(u),

package/dist/lazy/{Checkbox-CSpBR5Xj.js → Checkbox-C7cedqdm.js}

@@ -1,13 +1,13 @@
-import { defineComponent as w, useModel as B, watch as D, resolveComponent as u, resolveDirective as M, unref as a, openBlock as l, createElementBlock as t, toDisplayString as F, Fragment as d, createCommentVNode as i, withDirectives as I, createBlock as s, mergeProps as S, withCtx as f, renderList as k, mergeModels as j } from "vue";
+import { defineComponent as w, mergeModels as B, useModel as D, watch as M, resolveComponent as u, resolveDirective as F, unref as a, openBlock as l, createElementBlock as t, toDisplayString as I, Fragment as d, createCommentVNode as i, withDirectives as S, createBlock as s, mergeProps as j, withCtx as f, renderList as k } from "vue";
 import "element-plus";
-import { u as E } from "./index-C3H1n8kj.js";
-import { u as L } from "./useSelect-CR7iTrnS.js";
+import { u as E } from "./index-EwHmlOuJ.js";
+import { u as L } from "./useSelect-B9KCdR90.js";
 const N = { key: 0 }, O = {
   key: 0,
   style: { "font-size": "12px" }
 }, A = /* @__PURE__ */ w({
   __name: "Checkbox",
-  props: /* @__PURE__ */ j({
+  props: /* @__PURE__ */ B({
     options: { default: () => [] },
     mode: { default: "static" },
     labelKey: { default: "label" },
@@ -24,16 +24,16 @@ const N = { key: 0 }, O = {
   }),
   emits: ["update:modelValue"],
   setup(p) {
-    const h = p, n = B(p, "modelValue"), g = E(), { currentOptions: r, selectChange: c, loading: m } = L(h);
-    return D(n, c), (e, y) => {
+    const h = p, n = D(p, "modelValue"), g = E(), { currentOptions: r, selectChange: c, loading: m } = L(h);
+    return M(n, c), (e, y) => {
       var b;
-      const K = u("el-checkbox"), _ = u("el-checkbox-button"), C = u("el-space"), V = u("el-checkbox-group"), z = M("loading");
-      return a(g).read ? (l(), t("div", N, F((b = n.value) == null ? void 0 : b.map((o) => {
+      const K = u("el-checkbox"), _ = u("el-checkbox-button"), C = u("el-space"), V = u("el-checkbox-group"), z = F("loading");
+      return a(g).read ? (l(), t("div", N, I((b = n.value) == null ? void 0 : b.map((o) => {
         var v;
         return (v = a(r).find((T) => T[e.valueKey] === o)) == null ? void 0 : v[e.labelKey];
       }).join("、")), 1)) : (l(), t(d, { key: 1 }, [
         !a(r).length && !a(m) ? (l(), t("div", O, "暂无选项")) : i("", !0),
-        I((l(), s(V, S(e.$attrs, {
+        S((l(), s(V, j(e.$attrs, {
           modelValue: n.value,
           "onUpdate:modelValue": y[0] || (y[0] = (o) => n.value = o),
           onChange: a(c)

package/dist/lazy/{Collapse-bcxPYVIJ.js → Collapse-B9aQfM0l.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, ref as f, onMounted as _, watch as h, resolveComponent as c, openBlock as o, createBlock as i, mergeProps as C, withCtx as r, createElementBlock as E, Fragment as k, renderList as v, createVNode as m, unref as V } from "vue";
-import { _ as y } from "./index-C3H1n8kj.js";
+import { _ as y } from "./index-EwHmlOuJ.js";
 import "element-plus";
 import { _ as B } from "./Title.vue_vue_type_script_setup_true_lang-Ceco_9-w.js";
 const x = /* @__PURE__ */ u({

package/dist/lazy/{Component-CLWNoceC.js → Component-90FKsVnF.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, useModel as s, resolveComponent as p, unref as d, openBlock as n, createElementBlock as i, toDisplayString as c, createBlock as _, mergeProps as f } from "vue";
-import { u as v } from "./index-C3H1n8kj.js";
+import { u as v } from "./index-EwHmlOuJ.js";
 const V = { key: 0 }, B = /* @__PURE__ */ a({
   __name: "Component",
   props: {

package/dist/lazy/{Component-CZCrc_rf.js → Component-Bf-0vp25.js}

@@ -1,8 +1,8 @@
 var u = Object.defineProperty;
 var m = (o, e, t) => e in o ? u(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var a = (o, e, t) => m(o, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as g, useModel as v, ref as c, onMounted as I, resolveComponent as w, openBlock as C, createElementBlock as y, createVNode as _, createElementVNode as V, mergeModels as M } from "vue";
-import { u as b, a as x } from "./index-C3H1n8kj.js";
+import { defineComponent as g, mergeModels as v, useModel as I, ref as c, onMounted as w, resolveComponent as C, openBlock as y, createElementBlock as _, createVNode as V, createElementVNode as M } from "vue";
+import { u as b, a as x } from "./index-EwHmlOuJ.js";
 function S() {
   return "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z".split(",");
 }
@@ -76,7 +76,7 @@ class A {
 }
 const P = { class: "vfc-verify-code" }, k = /* @__PURE__ */ g({
   __name: "Component",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ v({
     placeholder: {}
   }, {
     modelValue: {},
@@ -84,25 +84,25 @@ const P = { class: "vfc-verify-code" }, k = /* @__PURE__ */ g({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const e = v(o, "modelValue"), t = c(null), i = c(null), n = b(), h = () => {
+    const e = I(o, "modelValue"), t = c(null), i = c(null), n = b(), h = () => {
       var r;
       if (!e.value) return;
       const l = (r = i.value) == null ? void 0 : r.validate(e.value);
       console.log("res", l), l ? n.updateVCodePass(!0) : n.updateVCodePass(!1);
     };
-    return I(() => {
+    return w(() => {
       i.value = new A(t.value);
     }), (l, r) => {
-      const p = w("el-input");
-      return C(), y("div", P, [
-        _(p, {
+      const p = C("el-input");
+      return y(), _("div", P, [
+        V(p, {
           modelValue: e.value,
           "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
           class: "verify-input",
           placeholder: l.placeholder,
           onBlur: h
         }, null, 8, ["modelValue", "placeholder"]),
-        V("div", {
+        M("div", {
           class: "verify-code",
           ref_key: "codeEl",
           ref: t

package/dist/lazy/{Component-f13dQG7R.js → Component-CYzr90VJ.js}

@@ -1,12 +1,12 @@
-import { defineComponent as b, useModel as V, resolveComponent as d, openBlock as l, createBlock as n, createSlots as B, withCtx as a, createElementBlock as m, Fragment as C, createVNode as w, unref as r, createElementVNode as o, createTextVNode as i, toDisplayString as p, createCommentVNode as u, mergeModels as E } from "vue";
+import { defineComponent as b, mergeModels as V, useModel as B, resolveComponent as d, openBlock as l, createBlock as n, createSlots as C, withCtx as a, createElementBlock as m, Fragment as w, createVNode as E, unref as r, createElementVNode as o, createTextVNode as i, toDisplayString as p, createCommentVNode as u } from "vue";
 import { ElMessage as M, ElMessageBox as N } from "element-plus";
-import { f } from "./index-C3H1n8kj.js";
+import { e as f } from "./index-EwHmlOuJ.js";
 const $ = {
   key: 0,
   style: { "min-width": "300px" }
 }, F = { class: "el-upload__tip" }, x = /* @__PURE__ */ b({
   __name: "Component",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ V({
     action: {},
     multiple: { type: Boolean },
     btnText: { default: "点击上传" },
@@ -23,7 +23,7 @@ const $ = {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const s = V(c, "modelValue"), y = (e, t) => {
+    const s = B(c, "modelValue"), y = (e, t) => {
       console.log(e, t);
     }, g = (e) => {
       console.log(e);
@@ -50,11 +50,11 @@ const $ = {
         "on-remove": y,
         "before-remove": h,
         "on-exceed": v
-      }, B({
+      }, C({
         default: a(() => [
-          e.listType === "text" ? (l(), m(C, { key: 0 }, [
+          e.listType === "text" ? (l(), m(w, { key: 0 }, [
             e.drag ? (l(), m("div", $, [
-              w(r(f), {
+              E(r(f), {
                 class: "el-icon--upload",
                 name: "upload"
               }),

package/dist/lazy/{Component-D2bxRGIa.js → Component-DBxHG6gd.js}

@@ -1,5 +1,5 @@
-import { defineComponent as $, ref as v, computed as P, watch as L, onMounted as x, onBeforeUnmount as A, openBlock as T, createElementBlock as N, useModel as F, resolveComponent as J, unref as W, createElementVNode as E, createBlock as X, withCtx as D, createTextVNode as I, createCommentVNode as Y, createVNode as R, mergeModels as G } from "vue";
-import { a as H, u as K, b as Q } from "./index-C3H1n8kj.js";
+import { defineComponent as $, ref as v, computed as P, watch as L, onMounted as x, onBeforeUnmount as A, openBlock as T, createElementBlock as N, mergeModels as F, useModel as J, resolveComponent as G, unref as W, createElementVNode as E, createBlock as X, withCtx as D, createTextVNode as I, createCommentVNode as Y, createVNode as R } from "vue";
+import { a as H, u as K, b as Q } from "./index-EwHmlOuJ.js";
 const Z = $({
   props: {
     width: {
@@ -176,7 +176,7 @@ const _ = /* @__PURE__ */ H(Z, [["render", j], ["__scopeId", "data-v-0e272b28"]]
   class: "vfc-esign"
 }, ue = /* @__PURE__ */ $({
   __name: "Component",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ F({
     lineWidth: { default: 6 },
     lineColor: { default: "#000000" },
     bgColor: { default: "#f6f6f6" },
@@ -191,7 +191,7 @@ const _ = /* @__PURE__ */ H(Z, [["render", j], ["__scopeId", "data-v-0e272b28"]]
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const n = a, g = v(), d = K(), t = F(a, "modelValue"), c = {
+    const n = a, g = v(), d = K(), t = J(a, "modelValue"), c = {
       size: "small",
       labelAlign: "right",
       items: [
@@ -238,7 +238,7 @@ const _ = /* @__PURE__ */ H(Z, [["render", j], ["__scopeId", "data-v-0e272b28"]]
     return x(() => {
       Object.assign(o.value, n);
     }), (u, s) => {
-      const m = J("el-button");
+      const m = G("el-button");
       return W(d).read || t.value ? (T(), N("div", ee, [
         E("div", te, [
           E("img", {

package/dist/lazy/{Component-D4I6MoSg.js → Component-DO63yabq.js}

@@ -1,7 +1,7 @@
-import { defineComponent as f, useModel as V, ref as _, computed as b, watch as w, onMounted as g, resolveComponent as n, openBlock as s, createBlock as p, mergeProps as h, withCtx as m, createVNode as k, normalizeStyle as y, createElementBlock as C, Fragment as M, renderList as B, mergeModels as I } from "vue";
+import { defineComponent as f, mergeModels as V, useModel as _, ref as b, computed as w, watch as g, onMounted as h, resolveComponent as n, openBlock as s, createBlock as p, mergeProps as k, withCtx as m, createVNode as y, normalizeStyle as C, createElementBlock as M, Fragment as B, renderList as I } from "vue";
 const A = /* @__PURE__ */ f({
   __name: "Component",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ V({
     selectPosition: { default: "append" },
     selectWidth: { default: 70 },
     selectInitialValue: {},
@@ -15,7 +15,7 @@ const A = /* @__PURE__ */ f({
   }),
   emits: ["update:modelValue"],
   setup(d) {
-    const i = d, t = V(d, "modelValue"), o = _(""), r = b({
+    const i = d, t = _(d, "modelValue"), o = b(""), r = w({
       get() {
         var e;
         return (e = t.value) == null ? void 0 : e.replaceAll(o.value, "");
@@ -24,14 +24,14 @@ const A = /* @__PURE__ */ f({
         e ? t.value = e + o.value : t.value = e;
       }
     });
-    return w(o, (e, a) => {
+    return g(o, (e, a) => {
       var u;
       t.value && (t.value = ((u = t.value) == null ? void 0 : u.replaceAll(a, "")) + e);
-    }), g(() => {
+    }), h(() => {
       i.selectInitialValue && (o.value = i.selectInitialValue);
     }), (e, a) => {
       const u = n("el-option"), c = n("el-select"), v = n("el-input");
-      return s(), p(v, h({
+      return s(), p(v, k({
         "show-word-limit": "",
         autocomplete: "off"
       }, e.$attrs, {
@@ -39,14 +39,14 @@ const A = /* @__PURE__ */ f({
         "onUpdate:modelValue": a[1] || (a[1] = (l) => r.value = l)
       }), {
         [e.selectPosition]: m(() => [
-          k(c, {
+          y(c, {
             modelValue: o.value,
             "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
-            style: y({ width: e.selectWidth + "px" }),
+            style: C({ width: e.selectWidth + "px" }),
             placeholder: " "
           }, {
             default: m(() => [
-              (s(!0), C(M, null, B(e.options, (l) => (s(), p(u, {
+              (s(!0), M(B, null, I(e.options, (l) => (s(), p(u, {
                 label: l.label,
                 value: l.value,
                 disabled: l.disabled,

package/dist/lazy/{Component-pwCIyEPi.js → Component-XLW-HW-w.js}

@@ -1,8 +1,8 @@
-import { defineComponent as d, useModel as m, resolveComponent as r, openBlock as u, createBlock as p, mergeProps as i, unref as c, mergeModels as f } from "vue";
-import { u as V } from "./index-C3H1n8kj.js";
+import { defineComponent as d, mergeModels as m, useModel as r, resolveComponent as u, openBlock as p, createBlock as i, mergeProps as c, unref as f } from "vue";
+import { u as V } from "./index-EwHmlOuJ.js";
 const v = /* @__PURE__ */ d({
   __name: "Component",
-  props: /* @__PURE__ */ f({
+  props: /* @__PURE__ */ m({
     disabled: { type: Boolean }
   }, {
     modelValue: {},
@@ -10,13 +10,13 @@ const v = /* @__PURE__ */ d({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const a = V(), e = m(n, "modelValue");
+    const a = V(), e = r(n, "modelValue");
     return (o, l) => {
-      const s = r("el-switch");
-      return u(), p(s, i(o.$attrs, {
+      const s = u("el-switch");
+      return p(), i(s, c(o.$attrs, {
         modelValue: e.value,
         "onUpdate:modelValue": l[0] || (l[0] = (t) => e.value = t),
-        disabled: c(a).read || o.disabled
+        disabled: f(a).read || o.disabled
       }), null, 16, ["modelValue", "disabled"]);
     };
   }

package/dist/lazy/{Custom-BuhTq_5b.js → Custom-DvBd4WJt.js}

@@ -1,11 +1,11 @@
-import { defineComponent as n, useModel as s, openBlock as t, createElementBlock as p, createBlock as r, resolveDynamicComponent as d, mergeProps as u, mergeModels as c } from "vue";
-import { a as i } from "./index-C3H1n8kj.js";
+import { defineComponent as n, mergeModels as s, useModel as p, openBlock as t, createElementBlock as r, createBlock as d, resolveDynamicComponent as u, mergeProps as c } from "vue";
+import { a as i } from "./index-EwHmlOuJ.js";
 const f = {
   key: 0,
   class: "empty"
 }, _ = /* @__PURE__ */ n({
   __name: "Custom",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ s({
     componentName: {}
   }, {
     modelValue: {},
@@ -13,12 +13,12 @@ const f = {
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const o = s(a, "modelValue");
-    return (e, m) => e.componentName ? (t(), r(d(e.componentName), u({
+    const o = p(a, "modelValue");
+    return (e, m) => e.componentName ? (t(), d(u(e.componentName), c({
       key: 1,
       modelValue: o.value,
       "onUpdate:modelValue": m[0] || (m[0] = (l) => o.value = l)
-    }, e.$attrs), null, 16, ["modelValue"])) : (t(), p("span", f, "请输入全局注册得组件名"));
+    }, e.$attrs), null, 16, ["modelValue"])) : (t(), r("span", f, "请输入全局注册得组件名"));
   }
 }), v = /* @__PURE__ */ i(_, [["__scopeId", "data-v-2250b7d1"]]);
 export {

package/dist/lazy/{FormList-CpVgqkkh.js → FormList-BU-Rshq5.js}

@@ -1,9 +1,9 @@
-import { defineComponent as A, useModel as q, computed as P, watch as S, resolveComponent as y, openBlock as l, createElementBlock as h, unref as u, createBlock as s, Fragment as g, renderList as $, withCtx as r, createElementVNode as C, createVNode as b, mergeProps as L, createCommentVNode as _, toDisplayString as F, h as T, createTextVNode as j, mergeModels as G } from "vue";
-import { u as H, l as B, d as J, c as K, e as D, f as I } from "./index-C3H1n8kj.js";
+import { defineComponent as A, mergeModels as q, useModel as P, computed as S, watch as T, resolveComponent as y, openBlock as l, createElementBlock as h, unref as u, createBlock as s, Fragment as g, renderList as $, withCtx as r, createElementVNode as C, createVNode as b, mergeProps as L, createCommentVNode as _, toDisplayString as F, createTextVNode as j, h as G } from "vue";
+import { u as H, l as B, c as J, d as D, e as I, f as K } from "./index-EwHmlOuJ.js";
 import "element-plus";
 const O = { class: "vfc-formList" }, Q = { key: 1 }, U = { class: "list-item-content" }, W = { class: "card-header" }, X = { style: { "margin-top": "5px" } }, ee = /* @__PURE__ */ A({
   __name: "FormList",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ q({
     children: { default: () => [] },
     allowAdd: { type: Boolean, default: !0 },
     allowReduce: { type: Boolean, default: !0 },
@@ -19,21 +19,21 @@ const O = { class: "vfc-formList" }, Q = { key: 1 }, U = { class: "list-item-con
   }),
   emits: ["update:modelValue"],
   setup(R) {
-    const k = R, t = q(R, "modelValue"), z = H(), w = (e) => J(k.children, { $item: t.value[e], $index: e }), V = P(() => t.value.length >= k.maxLines), M = () => {
+    const k = R, t = P(R, "modelValue"), z = H(), w = (e) => K(k.children, { $item: t.value[e], $index: e }), V = S(() => t.value.length >= k.maxLines), M = () => {
       V.value || (t.value = [...t.value, k.newItemDefaults(t.value.length)]);
     }, E = (e) => {
       const f = t.value.filter((m, o) => o !== e);
       t.value = f;
     }, N = (e, f, m, o) => {
       const v = f.no, p = w(o)[v];
-      return T(D, {
+      return G(D, {
         ...p,
         hideLabel: !0,
         style: { marginBottom: 0 },
         name: `${k.name}.${o}.${p.name}`
       });
     };
-    return S(t, (e, f) => {
+    return T(t, (e, f) => {
       if (!k.children.some((n) => n.change)) return;
       const m = e.reduce((n, d, a) => (B.isEqual(d, f[a]) || (n = a), n), 0), o = w(m), v = e[m], p = f[m];
       o.forEach((n) => {
@@ -48,7 +48,7 @@ const O = { class: "vfc-formList" }, Q = { key: 1 }, U = { class: "list-item-con
     }), (e, f) => {
       const m = y("el-space"), o = y("el-button"), v = y("el-form-item"), p = y("el-card"), n = y("el-table-column"), d = y("el-table");
       return l(), h("div", O, [
-        u(z).design ? (l(), s(u(K), {
+        u(z).design ? (l(), s(u(J), {
           key: 0,
           list: e.children,
           class: "layoutRender"

package/dist/lazy/{Grid-DdKc_Z1p.js → Grid-CCWNeHmC.js}

@@ -1,5 +1,5 @@
 import { defineComponent as t, computed as n, openBlock as p, createBlock as a, unref as c, normalizeStyle as m } from "vue";
-import { _ as s } from "./index-C3H1n8kj.js";
+import { _ as s } from "./index-EwHmlOuJ.js";
 import "element-plus";
 const _ = /* @__PURE__ */ t({
   __name: "Grid",

package/dist/lazy/{Inline-hEdXlaPF.js → Inline-DjvYKa4Y.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, computed as l, openBlock as p, createBlock as r, unref as i, normalizeStyle as s } from "vue";
-import { _ as c, a as f } from "./index-C3H1n8kj.js";
+import { _ as c, a as f } from "./index-EwHmlOuJ.js";
 import "element-plus";
 const m = /* @__PURE__ */ o({
   __name: "Inline",