@king-one/form-antdv 0.0.12 → 0.0.14

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @king-one/form-antdv
 
+## 0.0.14
+
+### Patch Changes
+
+- feat：修改FromSchema类型定义，增加x-index的ui排序
+- Updated dependencies
+  - @king-one/form-render@0.0.11
+
+## 0.0.13
+
+### Patch Changes
+
+- feat：增加一大波功能，主要为void类型的解析
+- Updated dependencies
+  - @king-one/form-render@0.0.10
+
 ## 0.0.12
 
 ### Patch Changes

package/dist/es/src/components/ArrayCard/array-card.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as B, mergeModels as E, useModel as N, computed as y, toRaw as F, openBlock as a, createElementBlock as p, normalizeClass as M, unref as n, createBlock as v, withCtx as o, createElementVNode as s, toDisplayString as h, createVNode as k, Fragment as _, renderList as g, createTextVNode as S } from "vue";
-import { Card as C, Empty as V, Button as j } from "ant-design-vue";
+import { defineComponent as A, mergeModels as B, useModel as E, computed as f, toRaw as N, openBlock as a, createElementBlock as d, normalizeClass as F, unref as n, createBlock as v, withCtx as l, createElementVNode as o, toDisplayString as h, createVNode as k, Fragment as _, renderList as g, createTextVNode as M } from "vue";
+import { Card as C, Empty as S, Button as V } from "ant-design-vue";
 import "../../internal.mjs";
-import { useNamespace as A } from "../../hooks/use-namespace/index.mjs";
+import { useNamespace as j } from "../../hooks/use-namespace/index.mjs";
 import { useInjectFieldContext as D, RecursionField as I } from "@king-one/form-render";
-const R = { class: "title-box" }, z = ["onClick"], H = /* @__PURE__ */ B({
+const R = { class: "title-box" }, z = ["onClick"], H = /* @__PURE__ */ A({
   __name: "array-card",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ B({
     title: {
       type: String,
       default: "默认标题"
@@ -16,64 +16,64 @@ const R = { class: "title-box" }, z = ["onClick"], H = /* @__PURE__ */ B({
   }),
   emits: ["update:value"],
   setup(m) {
-    const b = A("ArrayCard"), e = D(), l = N(m, "value"), f = y(() => {
+    const b = j("ArrayCard"), e = D(), r = E(m, "value"), y = f(() => {
       var t;
       return ((t = e == null ? void 0 : e.path) == null ? void 0 : t.toString()) || "";
-    }), d = y(() => (e == null ? void 0 : e.schema.items.properties) || {});
+    }), p = f(() => !(e != null && e.schema.items) || Array.isArray(e == null ? void 0 : e.schema.items) ? {} : (e == null ? void 0 : e.schema.items.properties) || {});
     function $() {
-      if (l.value) {
+      if (r.value) {
         const t = {};
-        Object.keys(d.value).forEach((r) => {
-          const u = d.value[r].type || "string";
-          t[r] = u === "number" ? 0 : "";
-        }), l.value = [...F(l.value || []), t];
+        Object.keys(p.value).forEach((s) => {
+          const u = p.value[s].type || "string";
+          t[s] = u === "number" ? 0 : "";
+        }), r.value = [...N(r.value || []), t];
       }
     }
     function x(t) {
       e && (e == null || e.remove(t));
     }
-    return (t, r) => {
+    return (t, s) => {
       var u;
-      return a(), p(
+      return a(), d(
         "div",
         {
-          class: M(n(b).b())
+          class: F(n(b).b())
         },
         [
-          (u = l.value) != null && u.length ? (a(!0), p(
+          (u = r.value) != null && u.length ? (a(!0), d(
             _,
             { key: 1 },
-            g(l.value, (L, i) => (a(), v(
+            g(r.value, (L, i) => (a(), v(
               n(C),
               {
                 key: i,
                 style: { "margin-bottom": "12px" }
               },
               {
-                title: o(() => [
-                  s("div", R, [
-                    s(
+                title: l(() => [
+                  o("div", R, [
+                    o(
                       "span",
                       null,
                       "#" + h(i + 1) + " " + h(m.title),
                       1
                       /* TEXT */
                     ),
-                    s("span", {
+                    o("span", {
                       class: "delete-btn",
                       onClick: (c) => x(i)
                     }, "删除", 8, z)
                   ])
                 ]),
-                default: o(() => [
-                  (a(!0), p(
+                default: l(() => [
+                  (a(!0), d(
                     _,
                     null,
-                    g(d.value, (c, w) => (a(), v(n(I), {
-                      key: `${f.value}.${w}.${c.name}`,
+                    g(p.value, (c, w) => (a(), v(n(I), {
+                      key: `${y.value}.${w}.${c.name}`,
                       schema: c,
                       name: c.name,
-                      "base-path": `${f.value}.${i}`
+                      "base-path": `${y.value}.${i}`
                     }, null, 8, ["schema", "name", "base-path"]))),
                     128
                     /* KEYED_FRAGMENT */
@@ -88,9 +88,9 @@ const R = { class: "title-box" }, z = ["onClick"], H = /* @__PURE__ */ B({
             128
             /* KEYED_FRAGMENT */
           )) : (a(), v(n(C), { key: 0 }, {
-            title: o(() => [
-              s("div", null, [
-                s(
+            title: l(() => [
+              o("div", null, [
+                o(
                   "span",
                   null,
                   h(m.title),
@@ -99,19 +99,19 @@ const R = { class: "title-box" }, z = ["onClick"], H = /* @__PURE__ */ B({
                 )
               ])
             ]),
-            default: o(() => [
-              k(n(V), { description: "暂无数据" })
+            default: l(() => [
+              k(n(S), { description: "暂无数据" })
             ]),
             _: 1
             /* STABLE */
           })),
-          k(n(j), {
+          k(n(V), {
             type: "dashed",
             style: { "margin-top": "10px", width: "100%" },
             onClick: $
           }, {
-            default: o(() => r[0] || (r[0] = [
-              S(" 添加 ")
+            default: l(() => s[0] || (s[0] = [
+              M(" 添加 ")
             ])),
             _: 1,
             __: [0]

package/dist/es/src/components/ArrayTable/array-table.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as k, mergeModels as C, computed as d, useModel as y, toRaw as w, openBlock as u, createElementBlock as m, normalizeClass as B, unref as a, createVNode as l, withCtx as r, Fragment as T, renderList as $, createBlock as F, createTextVNode as c } from "vue";
-import { Table as M, TableColumn as p, Button as f } from "ant-design-vue";
+import { defineComponent as g, mergeModels as k, computed as m, useModel as C, toRaw as w, openBlock as s, createElementBlock as d, normalizeClass as A, unref as a, createVNode as r, withCtx as l, Fragment as B, renderList as T, createBlock as $, createTextVNode as c } from "vue";
+import { Table as F, TableColumn as p, Button as f } from "ant-design-vue";
 import "../../internal.mjs";
-import { useInjectFieldContext as N, RecursionField as z } from "@king-one/form-render";
-import { useNamespace as A } from "../../hooks/use-namespace/index.mjs";
-const E = /* @__PURE__ */ k({
+import { useInjectFieldContext as M, RecursionField as N } from "@king-one/form-render";
+import { useNamespace as z } from "../../hooks/use-namespace/index.mjs";
+const E = /* @__PURE__ */ g({
   __name: "array-table",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ k({
     title: {
       type: String,
       default: "默认标题"
@@ -16,43 +16,43 @@ const E = /* @__PURE__ */ k({
   }),
   emits: ["update:value"],
   setup(v) {
-    const e = N(), _ = A("ArrayTable"), h = d(() => {
+    const e = M(), h = z("ArrayTable"), _ = m(() => {
       var n;
       return ((n = e == null ? void 0 : e.path) == null ? void 0 : n.toString()) || "";
-    }), i = y(v, "value"), x = d(() => (e == null ? void 0 : e.schema.items.properties) || {});
-    function b() {
+    }), i = C(v, "value"), x = m(() => !(e != null && e.schema.items) || Array.isArray(e == null ? void 0 : e.schema.items) ? {} : (e == null ? void 0 : e.schema.items.properties) || {});
+    function y() {
       i.value && (i.value = [...w(i.value || []), {}]);
     }
-    function g(n) {
+    function b(n) {
       e && e.remove(n);
     }
-    return (n, o) => (u(), m(
+    return (n, o) => (s(), d(
       "div",
       {
-        class: B(a(_).b())
+        class: A(a(h).b())
       },
       [
-        l(a(M), {
+        r(a(F), {
           "data-source": i.value,
           pagination: !1,
           bordered: "",
           size: "middle"
         }, {
-          default: r(() => [
-            (u(!0), m(
-              T,
+          default: l(() => [
+            (s(!0), d(
+              B,
               null,
-              $(x.value, (t) => (u(), F(a(p), {
+              T(x.value, (t) => (s(), $(a(p), {
                 key: `${t.name}`,
                 align: "center",
                 title: t.title,
                 "data-index": t.name
               }, {
-                default: r(({ index: s }) => [
-                  l(a(z), {
+                default: l(({ index: u }) => [
+                  r(a(N), {
                     schema: t,
                     name: t.name,
-                    "base-path": `${h.value}.${s}`
+                    "base-path": `${_.value}.${u}`
                   }, null, 8, ["schema", "name", "base-path"])
                 ]),
                 _: 2
@@ -61,18 +61,18 @@ const E = /* @__PURE__ */ k({
               128
               /* KEYED_FRAGMENT */
             )),
-            l(a(p), {
+            r(a(p), {
               title: "操作",
               "data-index": "action",
               align: "center",
               width: "100px"
             }, {
-              default: r(({ index: t }) => [
-                l(a(f), {
+              default: l(({ index: t }) => [
+                r(a(f), {
                   type: "link",
-                  onClick: (s) => g(t)
+                  onClick: (u) => b(t)
                 }, {
-                  default: r(() => o[0] || (o[0] = [
+                  default: l(() => o[0] || (o[0] = [
                     c(" 删除 ")
                   ])),
                   _: 2,
@@ -86,12 +86,12 @@ const E = /* @__PURE__ */ k({
           _: 1
           /* STABLE */
         }, 8, ["data-source"]),
-        l(a(f), {
+        r(a(f), {
           type: "dashed",
           style: { "margin-top": "10px", width: "100%" },
-          onClick: b
+          onClick: y
         }, {
-          default: r(() => o[1] || (o[1] = [
+          default: l(() => o[1] || (o[1] = [
             c(" 添加 ")
           ])),
           _: 1,

package/dist/es/src/components/FormGrid/form-grid-column.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./form-grid-column.vue2.mjs";
+export {
+  f as default
+};

package/dist/es/src/components/FormGrid/form-grid-column.vue2.mjs

@@ -0,0 +1,37 @@
+import { defineComponent as m, openBlock as r, createBlock as a, unref as n, withCtx as c, createElementBlock as i, Fragment as l, renderList as u, createCommentVNode as h } from "vue";
+import { Col as d } from "ant-design-vue";
+import "../../internal.mjs";
+import { useInjectFieldContext as _, RecursionField as f } from "@king-one/form-render";
+const P = /* @__PURE__ */ m({
+  __name: "form-grid-column",
+  props: {
+    span: {}
+  },
+  setup(C) {
+    const e = _(), o = (e == null ? void 0 : e.schema.properties) || {}, p = (e == null ? void 0 : e.parentPath) || "";
+    return (s, k) => (r(), a(n(d), { span: s.span }, {
+      default: c(() => [
+        (r(!0), i(
+          l,
+          null,
+          u(n(o), (t) => (r(), a(n(f), {
+            key: t.id,
+            schema: t,
+            name: t.name,
+            "base-path": n(p)
+          }, null, 8, ["schema", "name", "base-path"]))),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        h(` <Col v-for="(prop, index) in properties" :key="index" :span="12">
+          <RecursionField :schema="prop" :name="prop.name" :base-path="parentPath" />
+        </Col> `)
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["span"]));
+  }
+});
+export {
+  P as default
+};

package/dist/es/src/components/FormGrid/form-grid.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./form-grid.vue2.mjs";
+export {
+  f as default
+};

package/dist/es/src/components/FormGrid/form-grid.vue2.mjs

@@ -0,0 +1,39 @@
+import { defineComponent as m, openBlock as n, createElementBlock as o, createVNode as c, unref as t, withCtx as i, Fragment as u, renderList as d, createBlock as h, createCommentVNode as l } from "vue";
+import { Row as _ } from "ant-design-vue";
+import "../../internal.mjs";
+import { useInjectFieldContext as f, RecursionField as g } from "@king-one/form-render";
+const C = { class: "form-grid" }, R = /* @__PURE__ */ m({
+  __name: "form-grid",
+  props: {
+    gutter: {}
+  },
+  setup(k) {
+    const e = f(), a = (e == null ? void 0 : e.schema.properties) || {}, s = (e == null ? void 0 : e.parentPath) || "";
+    return (p, x) => (n(), o("div", C, [
+      c(t(_), { gutter: p.gutter }, {
+        default: i(() => [
+          (n(!0), o(
+            u,
+            null,
+            d(t(a), (r) => (n(), h(t(g), {
+              key: r.id,
+              schema: r,
+              name: r.name,
+              "base-path": t(s)
+            }, null, 8, ["schema", "name", "base-path"]))),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          l(` <Col v-for="(prop, index) in properties" :key="index" :span="12">
+        <RecursionField :schema="prop" :name="prop.name" :base-path="parentPath" />
+      </Col> `)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["gutter"])
+    ]));
+  }
+});
+export {
+  R as default
+};

package/dist/es/src/components/FormGrid/index.mjs

@@ -0,0 +1,11 @@
+import "../../internal.mjs";
+import "./form-grid-column.vue.mjs";
+import "./form-grid.vue.mjs";
+import { connect as o, mapProps as m } from "@king-one/form-render";
+import r from "./form-grid.vue2.mjs";
+import i from "./form-grid-column.vue2.mjs";
+const _ = o(r, m()), a = o(i, m());
+export {
+  _ as FormGrid,
+  a as GridColumn
+};

package/dist/es/src/index.mjs

@@ -1,19 +1,22 @@
 import "./style/index.mjs";
 import { Input as t } from "./components/Input/index.mjs";
 import { ArrayCard as p } from "./components/ArrayCard/index.mjs";
-import { InputNumber as x } from "./components/InputNumber/index.mjs";
+import { InputNumber as a } from "./components/InputNumber/index.mjs";
 import { Select as n } from "./components/Select/index.mjs";
-import { FormArea as A } from "./components/FormArea/index.mjs";
+import { FormArea as d } from "./components/FormArea/index.mjs";
 import { DateRange as l } from "./components/DateRange/index.mjs";
-import { ArrayTable as I } from "./components/ArrayTable/index.mjs";
-import { Textarea as c } from "./components/Textarea/index.mjs";
+import { ArrayTable as b } from "./components/ArrayTable/index.mjs";
+import { Textarea as C } from "./components/Textarea/index.mjs";
+import { FormGrid as G, GridColumn as I } from "./components/FormGrid/index.mjs";
 export {
   p as ArrayCard,
-  I as ArrayTable,
+  b as ArrayTable,
   l as DateRange,
-  A as FormArea,
+  d as FormArea,
+  G as FormGrid,
+  I as GridColumn,
   t as Input,
-  x as InputNumber,
+  a as InputNumber,
   n as Select,
-  c as Textarea
+  C as Textarea
 };

package/dist/lib/src/components/ArrayCard/array-card.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue");require("../../internal.js");const f=require("../../hooks/use-namespace/index.js"),m=require("@king-one/form-render"),y={class:"title-box"},g=["onClick"],C=e.defineComponent({__name:"array-card",props:e.mergeModels({title:{type:String,default:"默认标题"}},{value:{},valueModifiers:{}}),emits:["update:value"],setup(s){const p=f.useNamespace("ArrayCard"),t=m.useInjectFieldContext(),a=e.useModel(s,"value"),d=e.computed(()=>{var n;return((n=t==null?void 0:t.path)==null?void 0:n.toString())||""}),i=e.computed(()=>(t==null?void 0:t.schema.items.properties)||{});function v(){if(a.value){const n={};Object.keys(i.value).forEach(r=>{const l=i.value[r].type||"string";n[r]=l==="number"?0:""}),a.value=[...e.toRaw(a.value||[]),n]}}function h(n){t&&(t==null||t.remove(n))}return(n,r)=>{var l;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(p).b())},[(l=a.value)!=null&&l.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(a.value,(B,o)=>(e.openBlock(),e.createBlock(e.unref(c.Card),{key:o,style:{"margin-bottom":"12px"}},{title:e.withCtx(()=>[e.createElementVNode("div",y,[e.createElementVNode("span",null,"#"+e.toDisplayString(o+1)+" "+e.toDisplayString(s.title),1),e.createElementVNode("span",{class:"delete-btn",onClick:u=>h(o)},"删除",8,g)])]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(u,k)=>(e.openBlock(),e.createBlock(e.unref(m.RecursionField),{key:`${d.value}.${k}.${u.name}`,schema:u,name:u.name,"base-path":`${d.value}.${o}`},null,8,["schema","name","base-path"]))),128))]),_:2},1024))),128)):(e.openBlock(),e.createBlock(e.unref(c.Card),{key:0},{title:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("span",null,e.toDisplayString(s.title),1)])]),default:e.withCtx(()=>[e.createVNode(e.unref(c.Empty),{description:"暂无数据"})]),_:1})),e.createVNode(e.unref(c.Button),{type:"dashed",style:{"margin-top":"10px",width:"100%"},onClick:v},{default:e.withCtx(()=>r[0]||(r[0]=[e.createTextVNode(" 添加 ")])),_:1,__:[0]})],2)}}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("ant-design-vue");require("../../internal.js");const y=require("../../hooks/use-namespace/index.js"),d=require("@king-one/form-render"),g={class:"title-box"},f=["onClick"],C=e.defineComponent({__name:"array-card",props:e.mergeModels({title:{type:String,default:"默认标题"}},{value:{},valueModifiers:{}}),emits:["update:value"],setup(c){const p=y.useNamespace("ArrayCard"),t=d.useInjectFieldContext(),r=e.useModel(c,"value"),m=e.computed(()=>{var n;return((n=t==null?void 0:t.path)==null?void 0:n.toString())||""}),i=e.computed(()=>!(t!=null&&t.schema.items)||Array.isArray(t==null?void 0:t.schema.items)?{}:(t==null?void 0:t.schema.items.properties)||{});function v(){if(r.value){const n={};Object.keys(i.value).forEach(a=>{const l=i.value[a].type||"string";n[a]=l==="number"?0:""}),r.value=[...e.toRaw(r.value||[]),n]}}function h(n){t&&(t==null||t.remove(n))}return(n,a)=>{var l;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(p).b())},[(l=r.value)!=null&&l.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(r.value,(B,o)=>(e.openBlock(),e.createBlock(e.unref(u.Card),{key:o,style:{"margin-bottom":"12px"}},{title:e.withCtx(()=>[e.createElementVNode("div",g,[e.createElementVNode("span",null,"#"+e.toDisplayString(o+1)+" "+e.toDisplayString(c.title),1),e.createElementVNode("span",{class:"delete-btn",onClick:s=>h(o)},"删除",8,f)])]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(s,k)=>(e.openBlock(),e.createBlock(e.unref(d.RecursionField),{key:`${m.value}.${k}.${s.name}`,schema:s,name:s.name,"base-path":`${m.value}.${o}`},null,8,["schema","name","base-path"]))),128))]),_:2},1024))),128)):(e.openBlock(),e.createBlock(e.unref(u.Card),{key:0},{title:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("span",null,e.toDisplayString(c.title),1)])]),default:e.withCtx(()=>[e.createVNode(e.unref(u.Empty),{description:"暂无数据"})]),_:1})),e.createVNode(e.unref(u.Button),{type:"dashed",style:{"margin-top":"10px",width:"100%"},onClick:v},{default:e.withCtx(()=>a[0]||(a[0]=[e.createTextVNode(" 添加 ")])),_:1,__:[0]})],2)}}});exports.default=C;

package/dist/lib/src/components/ArrayTable/array-table.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("ant-design-vue");require("../../internal.js");const i=require("@king-one/form-render"),v=require("../../hooks/use-namespace/index.js"),x=e.defineComponent({__name:"array-table",props:e.mergeModels({title:{type:String,default:"默认标题"}},{value:{},valueModifiers:{}}),emits:["update:value"],setup(d){const t=i.useInjectFieldContext(),s=v.useNamespace("ArrayTable"),c=e.computed(()=>{var n;return((n=t==null?void 0:t.path)==null?void 0:n.toString())||""}),l=e.useModel(d,"value"),m=e.computed(()=>(t==null?void 0:t.schema.items.properties)||{});function f(){l.value&&(l.value=[...e.toRaw(l.value||[]),{}])}function p(n){t&&t.remove(n)}return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).b())},[e.createVNode(e.unref(r.Table),{"data-source":l.value,pagination:!1,bordered:"",size:"middle"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,a=>(e.openBlock(),e.createBlock(e.unref(r.TableColumn),{key:`${a.name}`,align:"center",title:a.title,"data-index":a.name},{default:e.withCtx(({index:o})=>[e.createVNode(e.unref(i.RecursionField),{schema:a,name:a.name,"base-path":`${c.value}.${o}`},null,8,["schema","name","base-path"])]),_:2},1032,["title","data-index"]))),128)),e.createVNode(e.unref(r.TableColumn),{title:"操作","data-index":"action",align:"center",width:"100px"},{default:e.withCtx(({index:a})=>[e.createVNode(e.unref(r.Button),{type:"link",onClick:o=>p(a)},{default:e.withCtx(()=>u[0]||(u[0]=[e.createTextVNode(" 删除 ")])),_:2,__:[0]},1032,["onClick"])]),_:1})]),_:1},8,["data-source"]),e.createVNode(e.unref(r.Button),{type:"dashed",style:{"margin-top":"10px",width:"100%"},onClick:f},{default:e.withCtx(()=>u[1]||(u[1]=[e.createTextVNode(" 添加 ")])),_:1,__:[1]})],2))}});exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("ant-design-vue");require("../../internal.js");const i=require("@king-one/form-render"),v=require("../../hooks/use-namespace/index.js"),h=e.defineComponent({__name:"array-table",props:e.mergeModels({title:{type:String,default:"默认标题"}},{value:{},valueModifiers:{}}),emits:["update:value"],setup(s){const t=i.useInjectFieldContext(),c=v.useNamespace("ArrayTable"),d=e.computed(()=>{var n;return((n=t==null?void 0:t.path)==null?void 0:n.toString())||""}),u=e.useModel(s,"value"),m=e.computed(()=>!(t!=null&&t.schema.items)||Array.isArray(t==null?void 0:t.schema.items)?{}:(t==null?void 0:t.schema.items.properties)||{});function f(){u.value&&(u.value=[...e.toRaw(u.value||[]),{}])}function p(n){t&&t.remove(n)}return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c).b())},[e.createVNode(e.unref(r.Table),{"data-source":u.value,pagination:!1,bordered:"",size:"middle"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,a=>(e.openBlock(),e.createBlock(e.unref(r.TableColumn),{key:`${a.name}`,align:"center",title:a.title,"data-index":a.name},{default:e.withCtx(({index:o})=>[e.createVNode(e.unref(i.RecursionField),{schema:a,name:a.name,"base-path":`${d.value}.${o}`},null,8,["schema","name","base-path"])]),_:2},1032,["title","data-index"]))),128)),e.createVNode(e.unref(r.TableColumn),{title:"操作","data-index":"action",align:"center",width:"100px"},{default:e.withCtx(({index:a})=>[e.createVNode(e.unref(r.Button),{type:"link",onClick:o=>p(a)},{default:e.withCtx(()=>l[0]||(l[0]=[e.createTextVNode(" 删除 ")])),_:2,__:[0]},1032,["onClick"])]),_:1})]),_:1},8,["data-source"]),e.createVNode(e.unref(r.Button),{type:"dashed",style:{"margin-top":"10px",width:"100%"},onClick:f},{default:e.withCtx(()=>l[1]||(l[1]=[e.createTextVNode(" 添加 ")])),_:1,__:[1]})],2))}});exports.default=h;

package/dist/lib/src/components/FormGrid/form-grid-column.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./form-grid-column.vue2.js");exports.default=e.default;

package/dist/lib/src/components/FormGrid/form-grid-column.vue2.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue");require("../../internal.js");const t=require("@king-one/form-render"),p=e.defineComponent({__name:"form-grid-column",props:{span:{}},setup(u){const n=t.useInjectFieldContext(),o=(n==null?void 0:n.schema.properties)||{},a=(n==null?void 0:n.parentPath)||"";return(s,i)=>(e.openBlock(),e.createBlock(e.unref(c.Col),{span:s.span},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),r=>(e.openBlock(),e.createBlock(e.unref(t.RecursionField),{key:r.id,schema:r,name:r.name,"base-path":e.unref(a)},null,8,["schema","name","base-path"]))),128)),e.createCommentVNode(` <Col v-for="(prop, index) in properties" :key="index" :span="12">
+          <RecursionField :schema="prop" :name="prop.name" :base-path="parentPath" />
+        </Col> `)]),_:1},8,["span"]))}});exports.default=p;

package/dist/lib/src/components/FormGrid/form-grid.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./form-grid.vue2.js");exports.default=e.default;

package/dist/lib/src/components/FormGrid/form-grid.vue2.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue");require("../../internal.js");const n=require("@king-one/form-render"),u={class:"form-grid"},i=e.defineComponent({__name:"form-grid",props:{gutter:{}},setup(p){const t=n.useInjectFieldContext(),o=(t==null?void 0:t.schema.properties)||{},a=(t==null?void 0:t.parentPath)||"";return(s,l)=>(e.openBlock(),e.createElementBlock("div",u,[e.createVNode(e.unref(c.Row),{gutter:s.gutter},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),r=>(e.openBlock(),e.createBlock(e.unref(n.RecursionField),{key:r.id,schema:r,name:r.name,"base-path":e.unref(a)},null,8,["schema","name","base-path"]))),128)),e.createCommentVNode(` <Col v-for="(prop, index) in properties" :key="index" :span="12">
+        <RecursionField :schema="prop" :name="prop.name" :base-path="parentPath" />
+      </Col> `)]),_:1},8,["gutter"])]))}});exports.default=i;

package/dist/lib/src/components/FormGrid/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../internal.js");require("./form-grid-column.vue.js");require("./form-grid.vue.js");const e=require("@king-one/form-render"),r=require("./form-grid.vue2.js"),t=require("./form-grid-column.vue2.js"),u=e.connect(r.default,e.mapProps()),o=e.connect(t.default,e.mapProps());exports.FormGrid=u;exports.GridColumn=o;

package/dist/lib/src/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./style/index.js");const e=require("./components/Input/index.js"),r=require("./components/ArrayCard/index.js"),n=require("./components/InputNumber/index.js"),t=require("./components/Select/index.js"),a=require("./components/FormArea/index.js"),i=require("./components/DateRange/index.js"),u=require("./components/ArrayTable/index.js"),o=require("./components/Textarea/index.js");exports.Input=e.Input;exports.ArrayCard=r.ArrayCard;exports.InputNumber=n.InputNumber;exports.Select=t.Select;exports.FormArea=a.FormArea;exports.DateRange=i.DateRange;exports.ArrayTable=u.ArrayTable;exports.Textarea=o.Textarea;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./style/index.js");const r=require("./components/Input/index.js"),n=require("./components/ArrayCard/index.js"),i=require("./components/InputNumber/index.js"),t=require("./components/Select/index.js"),u=require("./components/FormArea/index.js"),a=require("./components/DateRange/index.js"),o=require("./components/ArrayTable/index.js"),d=require("./components/Textarea/index.js"),e=require("./components/FormGrid/index.js");exports.Input=r.Input;exports.ArrayCard=n.ArrayCard;exports.InputNumber=i.InputNumber;exports.Select=t.Select;exports.FormArea=u.FormArea;exports.DateRange=a.DateRange;exports.ArrayTable=o.ArrayTable;exports.Textarea=d.Textarea;exports.FormGrid=e.FormGrid;exports.GridColumn=e.GridColumn;

package/dist/types/src/components/FormGrid/form-grid-column.vue.d.ts

@@ -0,0 +1,7 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{
+    span: number;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+    span: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/src/components/FormGrid/form-grid.vue.d.ts

@@ -0,0 +1,7 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{
+    gutter: number;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+    gutter: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import { DefineComponent, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export declare const FormGrid: DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export declare const GridColumn: DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

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

@@ -6,3 +6,5 @@ export { FormArea } from './components/FormArea';
 export { DateRange } from './components/DateRange';
 export { ArrayTable } from './components/ArrayTable';
 export { Textarea } from './components/Textarea';
+export { FormGrid } from './components/FormGrid';
+export { GridColumn } from './components/FormGrid';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@king-one/form-antdv",
   "type": "module",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "@king-one 表单渲染器 - ant-design-vue 组件库",
   "author": "",
   "license": "ISC",
@@ -41,9 +41,10 @@
   ],
   "dependencies": {
     "@king-one/theme": "^1.0.1",
+    "@king-one/utils": "^1.0.14",
     "ant-design-vue": "^4.2.6",
     "vue": "^3.5.13",
-    "@king-one/form-render": "^0.0.9"
+    "@king-one/form-render": "^0.0.11"
   },
   "publishConfig": {
     "access": "public",