vue-form-craft 2.0.29 → 2.0.30

package/dist/{index-dDdYwFmh.mjs → index-3HV-97Fg.mjs}

@@ -1,4 +1,4 @@
-import { s as r, t as O, L as i, i as n, c as $, f as y, k as P, l as X, a as m, b as c, E as S } from "./release-vxKfFZEV.mjs";
+import { s as r, t as O, L as i, i as n, c as $, f as y, k as P, l as X, a as m, b as c, E as S } from "./release-gCFXjNDO.mjs";
 import "vue";
 const s = 110, l = 1, f = 2, t = [
   9,

package/dist/{index-ksOJ5tbk.mjs → index-5Av2imMu.mjs}

@@ -1,4 +1,4 @@
-import { L as O, i as r, j as b, f as s, k as a, s as t, t as e, a as P, b as n } from "./release-vxKfFZEV.mjs";
+import { L as O, i as r, j as b, f as s, k as a, s as t, t as e, a as P, b as n } from "./release-gCFXjNDO.mjs";
 import "vue";
 const S = { __proto__: null, anyref: 34, dataref: 34, eqref: 34, externref: 34, i31ref: 34, funcref: 34, i8: 34, i16: 34, i32: 34, i64: 34, f32: 34, f64: 34 }, i = /* @__PURE__ */ n.deserialize({
   version: 14,

package/dist/{index-tMRvbHLG.mjs → index-5sxnQbpk.mjs}

@@ -1,4 +1,4 @@
-import { E as P, C as G, s as g, t as Q, b as _, g as k, d as E, L as U, i as z, j as q, f as A, k as F, a as C, I, e as N, N as L, n as x } from "./release-vxKfFZEV.mjs";
+import { E as P, C as G, s as g, t as Q, b as _, g as k, d as E, L as U, i as z, j as q, f as A, k as F, a as C, I, e as N, N as L, n as x } from "./release-gCFXjNDO.mjs";
 import "vue";
 const D = 1, Z = 201, u = 202, H = 203, m = 204, J = 205, B = 206, M = 207, K = 2, OO = 208, rO = 209, aO = 3, iO = 210, QO = 211, eO = 4, SO = 212, oO = 213, xO = 5, sO = 214, tO = 26, TO = 27, nO = 51, PO = 52, lO = 57, pO = 58, qO = 59, $O = 61, XO = 62, wO = 63, YO = 64, cO = 65, mO = 67, fO = 251, dO = 74, bO = 270, yO = 115, ZO = 133, uO = 154, WO = 155, VO = 158, t = 10, T = 13, Y = 32, l = 9, c = 35, RO = 40, vO = 46, f = 123, W = 39, V = 34, jO = 92, hO = /* @__PURE__ */ new Set([
   TO,

package/dist/{index-9dtqQOxU.mjs → index-7kqXHux1.mjs}

@@ -1,4 +1,4 @@
-import { s, t as r, b as n, L as o, i as P, c as a, f as Q, k as i, a as c } from "./release-vxKfFZEV.mjs";
+import { s, t as r, b as n, L as o, i as P, c as a, f as Q, k as i, a as c } from "./release-gCFXjNDO.mjs";
 import "vue";
 const g = s({
   String: r.string,

package/dist/{index-vlkQFFC9.mjs → index-I6TM6mjL.mjs}

@@ -1,4 +1,4 @@
-import { E as R, C as z, s as G, t as $, b as w, L as q, f as v, k as b, i as p, c as u, l as E, a as C } from "./release-vxKfFZEV.mjs";
+import { E as R, C as z, s as G, t as $, b as w, L as q, f as v, k as b, i as p, c as u, l as E, a as C } from "./release-gCFXjNDO.mjs";
 import "vue";
 const Y = 148, X = 149, V = 150, N = 1, F = 2, T = 3, I = 151, D = 152, k = 4, L = 5, K = 153, Z = 154, _ = 155, P = 156, h = 6, U = 7, A = 8, B = 9, c = 0, o = [
   9,

package/dist/{index-220_uMn3.mjs → index-PP6dnaNN.mjs}

@@ -1,4 +1,4 @@
-import { E as Y, s as S, t as Q, b as l, L as o, i as n, c as i, h as s, j as W, f as c, k as f, a as x } from "./release-vxKfFZEV.mjs";
+import { E as Y, s as S, t as Q, b as l, L as o, i as n, c as i, h as s, j as W, f as c, k as f, a as x } from "./release-gCFXjNDO.mjs";
 import "vue";
 const r = 1, Z = 2, V = 3, u = 82, p = 76, w = 117, q = 85, T = 97, y = 122, z = 65, b = 90, j = 95, a = 48, P = 34, v = 40, U = 41, d = 32, t = 62, _ = new Y((O) => {
   if (O.next == p || O.next == q ? O.advance() : O.next == w && (O.advance(), O.next == a + 8 && O.advance()), O.next != u || (O.advance(), O.next != P))

package/dist/{index-OiUS2gxR.mjs → index-ZQbTtEVQ.mjs}

@@ -1,4 +1,4 @@
-import { i as J, c as ee, f as te, s as ae, t as i, L as re, a as ne, E as ie, b as se, d as oe, e as le, g as ce } from "./release-vxKfFZEV.mjs";
+import { i as J, c as ee, f as te, s as ae, t as i, L as re, a as ne, E as ie, b as se, d as oe, e as le, g as ce } from "./release-gCFXjNDO.mjs";
 import "vue";
 const de = 36, B = 1, me = 2, k = 3, C = 4, ue = 5, fe = 6, pe = 7, ge = 8, he = 9, _e = 10, be = 11, ve = 12, ye = 13, ke = 14, xe = 15, Oe = 16, we = 17, X = 18, Qe = 19, V = 20, $ = 21, R = 22, Se = 23, Ce = 24;
 function q(t) {

package/dist/{index-wJA90BW8.mjs → index-aeHtWIqd.mjs}

@@ -1,4 +1,4 @@
-import { s as p, t as e, L as u, a as l, b as m, q as r, m as b, p as n, r as S } from "./release-vxKfFZEV.mjs";
+import { s as p, t as e, L as u, a as l, b as m, q as r, m as b, p as n, r as S } from "./release-gCFXjNDO.mjs";
 import "vue";
 const c = /* @__PURE__ */ m.deserialize({
   version: 14,

package/dist/{index-lRbsv_dK.mjs → index-cj206VtZ.mjs}

@@ -1,4 +1,4 @@
-import { s as X, t as O, b as e, L as r, i as s, c as $, h as S, j as l, f as Z, k as Y, a as t } from "./release-vxKfFZEV.mjs";
+import { s as X, t as O, b as e, L as r, i as s, c as $, h as S, j as l, f as Z, k as Y, a as t } from "./release-gCFXjNDO.mjs";
 import "vue";
 const n = X({
   null: O.null,

package/dist/{index-gPpsmLrp.mjs → index-fPNJytpV.mjs}

@@ -1,4 +1,4 @@
-import { C as Z, E as k, s as N, t as $, b as Y, L as A, i as I, f as j, o as U, a as z, g as q } from "./release-vxKfFZEV.mjs";
+import { C as Z, E as k, s as N, t as $, b as Y, L as A, i as I, f as j, o as U, a as z, g as q } from "./release-gCFXjNDO.mjs";
 import "vue";
 const v = 1, D = 2, M = 3, B = 4, F = 5, J = 35, H = 36, L = 37, K = 11, ee = 13;
 function te(e) {

package/dist/{index-4mtN0ANc.mjs → index-jsUlGLun.mjs}

@@ -1,4 +1,4 @@
-import { E as S, s as o, t as $, b as t, L as l, i as x, c as W, j as R, f as V, k as r, m as U, a as v, p as u } from "./release-vxKfFZEV.mjs";
+import { E as S, s as o, t as $, b as t, L as l, i as x, c as W, j as R, f as V, k as r, m as U, a as v, p as u } from "./release-gCFXjNDO.mjs";
 import "vue";
 const b = 1, m = 2, p = 263, k = 3, c = 264, s = 265, Y = 266, Z = 4, w = 5, _ = 6, h = 7, X = 8, j = 9, f = 10, G = 11, g = 12, E = 13, I = 14, N = 15, F = 16, C = 17, L = 18, A = 19, H = 20, K = 21, D = 22, B = 23, M = 24, J = 25, OO = 26, $O = 27, QO = 28, iO = 29, yO = 30, aO = 31, zO = 32, SO = 33, PO = 34, WO = 35, eO = 36, TO = 37, sO = 38, XO = 39, dO = 40, nO = 41, qO = 42, oO = 43, tO = 44, lO = 45, xO = 46, RO = 47, VO = 48, rO = 49, UO = 50, vO = 51, uO = 52, bO = 53, mO = 54, pO = 55, kO = 56, cO = 57, YO = 58, ZO = 59, wO = 60, _O = 61, e = 62, hO = 63, jO = 64, fO = 65, GO = {
   abstract: Z,

package/dist/{index-gvFEHfsS.mjs → index-svXBPwhY.mjs}

@@ -1,4 +1,4 @@
-import { E as a, s as o, t as Q, b as Z, L as _, i as q, c as r, f as l, k as w, a as V } from "./release-vxKfFZEV.mjs";
+import { E as a, s as o, t as Q, b as Z, L as _, i as q, c as r, f as l, k as w, a as V } from "./release-gCFXjNDO.mjs";
 import "vue";
 const R = 1, g = 2, b = 3, y = 4, T = 5, s = 98, c = 101, v = 102, t = 114, p = 69, X = 48, W = 46, d = 43, f = 45, Y = 35, z = 34, x = 124, U = 60, h = 62;
 function n(O) {

package/dist/{index-9qtxBNrI.mjs → index-uiaVkikB.mjs}

@@ -1,4 +1,4 @@
-import { s as P, t as r, r as i, L as q, a as g, b as c, m as R, p as l, E as p } from "./release-vxKfFZEV.mjs";
+import { s as P, t as r, r as i, L as q, a as g, b as c, m as R, p as l, E as p } from "./release-gCFXjNDO.mjs";
 import "vue";
 const b = 1, $ = 33, m = 34, v = 35, x = 36, W = /* @__PURE__ */ new p((O) => {
   let e = O.pos;

package/dist/md/FormDesignDoc.md

@@ -5,21 +5,21 @@ FormDesign 是 vue-form-craft 的可视化表单设计器组件。
 
 ```vue
 <template>
-  <form-design v-model="schema" @onSave="onSave" />
+  <form-design :schema="schema" @onSave="onSave" />
 </template>
 
 <script setup>
 import { ref } from 'vue'
 
-const schema = ref({
+const schema = {
   labelWidth: 150,
   labelAlign: 'right',
   size: 'default',
   items: []
-})
+}
 
-const onSave = () => {
-  console.log(schema.value)
+const onSave = (newSchema) => {
+  console.log(newSchema)
 }
 </script>
 
@@ -27,13 +27,12 @@ const onSave = () => {
 
 ## Props
 
-| 参数名               | 类型       | 默认值  | 是否必传 | 描述                                                        |
-| -------------------- | ---------- | ------- | -------- | ----------------------------------------------------------- |
-| v-model              | object ref | ref({}) | No       | 设计器的Schema，双向绑定                                    |
-| previewSchemaContext | object     | {}      | No       | **表单预览** 的自定义联动变量                               |
-| style                | any        | ———     | No       | 设计器的style                                               |
-| class                | any        | ———     | No       | 设计器的class                                               |
-| schemaId             | String     | ———     | No       | 设计器会根据这个id，远程获取schema。需提前配置getSchema方法 |
+| 参数名               | 类型   | 默认值 | 是否必传 | 描述                          |
+| -------------------- | ------ | ------ | -------- | ----------------------------- |
+| schema               | object | {}     | No       | 设计器的默认Schema            |
+| previewSchemaContext | object | {}     | No       | **表单预览** 的自定义联动变量 |
+| style                | any    | ———    | No       | 设计器的style                 |
+| class                | any    | ———    | No       | 设计器的class                 |
 
 ## Events
 

package/dist/md/schema.md

@@ -6,9 +6,9 @@
 
 首先，我们要理解，JSON Schema就是 **表单的抽象** 。
 
-JSON的最外层是表单整体的配置，items里面是表单项的配置。
+JSON的最外层是表单整体的配置，items里面是每个字段的配置。
 
-items里是每个字段的抽象，label、name、component等是每个字段的通用配置。`props就是传给该组件的props，每种组件的props都不一样，可以用于定制组件的行为和样式。参考element-plus的文档`
+items里是每个字段的抽象，label、name、component等是每个字段的通用配置。**props就是传给该组件的props，每种组件的props都不一样，可以用于定制组件的行为和样式。参考element-plus的文档**
 
 ```json
 {
@@ -71,5 +71,5 @@ items里是每个字段的抽象，label、name、component等是每个字段的
 | style        | Object  | {}     | No       | 字段样式，不包括它使用的组件<br/>如果想修改组件的样式，可以给props里传递style，就会传递给element原生的style了 |
 | help         | String  | ———    | No       | 字段的提示信息                                                                                                |
 | hideLabel    | Boolean | false  | No       | 是否隐藏字段的标签                                                                                            |
-| rules        | Array   | ——     | No       | 字段校验规则，基本只用于input                                                                                 |
-| children     | Array   | ——     | No       | 子字段，有children会被视为一个字段组，用于渲染一些高级字段                                                    |
+| rules        | Array   | ——     | No       | 字段校验规则，Input组件专用                                                                                   |
+| children     | Array   | ——     | No       | 子字段数据，嵌套字段专用，如自增容器，卡片，栅格                                                              |

package/dist/md/schemaFormDoc.md

@@ -58,15 +58,14 @@ const handleSubmit = () => {
 
 ## Props
 
-| 参数名        | 类型       | 默认值  | 是否必传 | 描述                                                        |
-| ------------- | ---------- | ------- | -------- | ----------------------------------------------------------- |
-| schema        | object     | --      | No       | 表单Schema配置，纯JSON，用于描述表单结构                    |
-| v-model       | object ref | ref({}) | No       | 表单数据对象，用于控制表单值，双向绑定                      |
-| schemaContext | object     | {}      | No       | 自定义的联动变量                                            |
-| disabled      | Boolean    | false   | No       | 禁用所有表单项                                              |
-| style         | any        | ———     | No       | 渲染器的style                                               |
-| class         | any        | ———     | No       | 渲染器的class                                               |
-| schemaId      | String     | ———     | No       | 渲染器会根据这个id，远程获取schema。需提前配置getSchema方法 |
+| 参数名        | 类型       | 默认值  | 是否必传 | 描述                                     |
+| ------------- | ---------- | ------- | -------- | ---------------------------------------- |
+| v-model       | object ref | ref({}) | No       | 表单数据对象，用于控制表单值，双向绑定   |
+| schema        | object     | --      | No       | 表单Schema配置，纯JSON，用于描述表单结构 |
+| schemaContext | object     | {}      | No       | 自定义的联动变量                         |
+| disabled      | Boolean    | false   | No       | 禁用所有表单项                           |
+| style         | any        | ———     | No       | 渲染器的style                            |
+| class         | any        | ———     | No       | 渲染器的class                            |
 
 
 ## Events
@@ -97,7 +96,7 @@ const handleSubmit = () => {
 
 提交表单，会先触发表单的校验，校验通过才会执行onSubmit回调。下面是两个示例：
 
->示例一：通过ref去调用组件暴露的submit方法，好处是可以让你指定任何元素去触发表单提交
+>示例一：通过ref去调用组件暴露的submit方法
 ```vue
 <template>
   <schema-form :schema="schema" ref="formRef" />
@@ -143,13 +142,13 @@ const handleSubmit = () => {
     .then((values) => {
       alert(JSON.stringify(values))
     })
-    .catch((e) => console.log(e))
+    .catch((e) => console.log('表单校验不通过！',e))
 }
 </script>
 ```
 
 
->示例二：在schema配置一个按钮组件，它内置了触发表单提交功能，然后给表单传递onSubmit去处理提交逻辑就可以了，省去多写一个提交按钮的功夫
+>示例二：使用低代码按钮组件提交，通过onSubmit去处理提交逻辑
 ```vue
 <template>
   <schema-form :schema="schema" @onSubmit="onSubmit" />