@king-one/form-design 0.0.26 → 0.0.28

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/form-design
 
+## 0.0.28
+
+### Patch Changes
+
+- fix:修复栅格布局组件转换问题
+
+## 0.0.27
+
+### Patch Changes
+
+- feat: 优化json-schema转换规则
+
 ## 0.0.26
 
 ### Patch Changes

package/dist/es/src/components/form-material.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as J, ref as w, openBlock as l, createElementBlock as m, normalizeClass as u, unref as o, createElementVNode as n, createVNode as a, withCtx as r, createTextVNode as N, Fragment as T, renderList as W, toDisplayString as y, createBlock as K, createCommentVNode as p } from "vue";
+import { defineComponent as J, ref as w, openBlock as r, createElementBlock as m, normalizeClass as p, unref as o, createElementVNode as n, createVNode as a, withCtx as l, createTextVNode as N, Fragment as T, renderList as W, toDisplayString as y, createBlock as K, createCommentVNode as u } from "vue";
 import "../internal.mjs";
 import { RadioGroup as L, RadioButton as S } from "ant-design-vue";
 import $ from "vuedraggable";
@@ -14,16 +14,16 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
 }, X = { class: "widget-item-title" }, Y = { class: "template-item" }, Z = {
   key: 0,
   class: "template-item-icon"
-}, ee = { class: "template-item-name" }, ue = /* @__PURE__ */ J({
+}, ee = { class: "template-item-name" }, pe = /* @__PURE__ */ J({
   name: "FormMaterial",
   __name: "form-material",
   setup(te) {
     const k = w(), { updateDrag: c } = M(), { b: j } = g("material"), { b: B } = g("toolbar"), { b: E } = g("widget"), { b: I } = g("temp"), f = U(), { schema: R, tempSchema: O } = f, _ = w("1");
     function z(s) {
-      const { icon: e, ...t } = s, i = JSON.parse(JSON.stringify(t)), C = D(), d = {
+      const { icon: e, ...t } = s, i = JSON.parse(JSON.stringify(t)), x = D(), d = {
         ...i,
-        name: C,
-        id: C,
+        name: x,
+        id: x,
         "x-design-props": Object.assign({
           validate: {
             status: "",
@@ -37,7 +37,7 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
         for (; v < 2; ) {
           const h = D();
           b.push({
-            title: `列表容器${v + 1}`,
+            title: `栅格容器${v + 1}`,
             name: h,
             id: h,
             key: "k-grid-column",
@@ -48,13 +48,17 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
             "x-decorator": "Void",
             "x-component-props": {
               span: 12
+            },
+            "x-design-props": {
+              "convert-key": "properties",
+              "convert-type": "base"
             }
           }), v++;
         }
         d.children = b;
       }
-      const { shared: x } = f;
-      return x.draggedContext.field = d, x.draggedContext.key = d.key, d;
+      const { shared: C } = f;
+      return C.draggedContext.field = d, C.draggedContext.key = d.key, d;
     }
     function F(s) {
       const { schema: e } = s, { shared: t } = f;
@@ -64,16 +68,16 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
       var e;
       (e = k.value) == null || e.goTo(Number(s.target.value) - 1);
     }
-    return (s, e) => (l(), m(
+    return (s, e) => (r(), m(
       "div",
       {
-        class: u(o(j)())
+        class: p(o(j)())
       },
       [
         n(
           "div",
           {
-            class: u(o(B)())
+            class: p(o(B)())
           },
           [
             a(o(L), {
@@ -83,12 +87,12 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
               size: "default",
               onChange: G
             }, {
-              default: r(() => [
+              default: l(() => [
                 a(o(S), {
                   class: "toolbar-button",
                   value: "1"
                 }, {
-                  default: r(() => e[5] || (e[5] = [
+                  default: l(() => e[5] || (e[5] = [
                     N(" 组件库 ")
                   ])),
                   _: 1,
@@ -98,7 +102,7 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
                   class: "toolbar-button",
                   value: "2"
                 }, {
-                  default: r(() => e[6] || (e[6] = [
+                  default: l(() => e[6] || (e[6] = [
                     N(" 业务套件 ")
                   ])),
                   _: 1,
@@ -120,17 +124,17 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
             "model-value": 0
           },
           {
-            default: r(() => [
+            default: l(() => [
               n(
                 "div",
                 {
-                  class: u(o(E)())
+                  class: p(o(E)())
                 },
                 [
-                  (l(!0), m(
+                  (r(!0), m(
                     T,
                     null,
-                    W(o(R), (t) => (l(), m("div", {
+                    W(o(R), (t) => (r(), m("div", {
                       key: t.key,
                       class: "widget-group"
                     }, [
@@ -141,7 +145,7 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
                         1
                         /* TEXT */
                       ),
-                      t.widget ? (l(), K(o($), {
+                      t.widget ? (r(), K(o($), {
                         key: 0,
                         list: t.widget,
                         class: "widget-list-drag",
@@ -153,14 +157,14 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
                         onStart: e[1] || (e[1] = (i) => o(c)(!0)),
                         onEnd: e[2] || (e[2] = (i) => o(c)(!1))
                       }, {
-                        item: r(({ element: i }) => [
+                        item: l(({ element: i }) => [
                           n("div", H, [
                             n("div", P, [
-                              i.icon ? (l(), m("div", Q, [
+                              i.icon ? (r(), m("div", Q, [
                                 a(o(V), {
                                   icon: i.icon
                                 }, null, 8, ["icon"])
-                              ])) : p("v-if", !0),
+                              ])) : u("v-if", !0),
                               n(
                                 "div",
                                 X,
@@ -173,7 +177,7 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
                         ]),
                         _: 2
                         /* DYNAMIC */
-                      }, 1032, ["list"])) : p("v-if", !0)
+                      }, 1032, ["list"])) : u("v-if", !0)
                     ]))),
                     128
                     /* KEYED_FRAGMENT */
@@ -185,7 +189,7 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
               n(
                 "div",
                 {
-                  class: u(o(I)())
+                  class: p(o(I)())
                 },
                 [
                   a(o($), {
@@ -199,13 +203,13 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
                     onStart: e[3] || (e[3] = (t) => o(c)(!0)),
                     onEnd: e[4] || (e[4] = (t) => o(c)(!1))
                   }, {
-                    item: r(({ element: t }) => [
+                    item: l(({ element: t }) => [
                       n("div", Y, [
-                        t.icon ? (l(), m("div", Z, [
+                        t.icon ? (r(), m("div", Z, [
                           a(o(V), {
                             icon: t.icon
                           }, null, 8, ["icon"])
-                        ])) : p("v-if", !0),
+                        ])) : u("v-if", !0),
                         n(
                           "div",
                           ee,
@@ -218,7 +222,7 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
                     _: 1
                     /* STABLE */
                   }, 8, ["list"]),
-                  p(` <div class="template-list">
+                  u(` <div class="template-list">
           <div v-for="g in tempSchema" :key="g.key" class="template-item">
             <div v-if="g.icon" class="template-item-icon">
               <WidgetIcon :icon="g.icon" />
@@ -246,5 +250,5 @@ const A = { class: "widget-group-name" }, H = { class: "widget-col" }, P = { cla
   }
 });
 export {
-  ue as default
+  pe as default
 };

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

@@ -1,35 +1,37 @@
-import { Input as t, Textarea as o, InputNumber as i } from "ant-design-vue";
+import { Input as m, Textarea as t, InputNumber as o } from "ant-design-vue";
 import "./widget/object.vue.mjs";
 import { panelWarpper as r } from "./panel-wrapper.mjs";
 import "./widget/select.vue.mjs";
 import "./widget/array-card.vue.mjs";
 import "./widget/date-range.vue.mjs";
 import "./widget/date-single.vue.mjs";
-import "./widget/kit.vue.mjs";
+import "./widget/overtime-kit.vue.mjs";
 import "./widget/array-table.vue.mjs";
 import "./widget/grid.vue.mjs";
-import p from "./widget/select.vue2.mjs";
-import e from "./widget/object.vue2.mjs";
-import a from "./widget/date-range.vue2.mjs";
-import n from "./widget/date-single.vue2.mjs";
-import f from "./widget/array-card.vue2.mjs";
-import m from "./widget/kit.vue2.mjs";
-import _ from "./widget/array-table.vue2.mjs";
-import c from "./widget/grid.vue2.mjs";
-const s = r(t), k = r(o), u = r(i), z = {
-  "k-input": s,
-  "k-textarea": k,
-  "k-input-number": u,
-  "k-select": p,
-  "k-object": e,
-  "k-date-range": a,
-  "k-date-single": n,
-  "k-array-card": f,
-  "k-overtime": m,
-  "k-leave": m,
-  "k-table": _,
-  "k-grid": c
+import "./widget/leave-kit.vue.mjs";
+import i from "./widget/select.vue2.mjs";
+import p from "./widget/object.vue2.mjs";
+import e from "./widget/date-range.vue2.mjs";
+import a from "./widget/date-single.vue2.mjs";
+import n from "./widget/array-card.vue2.mjs";
+import f from "./widget/overtime-kit.vue2.mjs";
+import _ from "./widget/leave-kit.vue2.mjs";
+import c from "./widget/array-table.vue2.mjs";
+import s from "./widget/grid.vue2.mjs";
+const k = r(m), u = r(t), $ = r(o), C = {
+  "k-input": k,
+  "k-textarea": u,
+  "k-input-number": $,
+  "k-select": i,
+  "k-object": p,
+  "k-date-range": e,
+  "k-date-single": a,
+  "k-array-card": n,
+  "k-overtime": f,
+  "k-liveTime": _,
+  "k-table": c,
+  "k-grid": s
 };
 export {
-  z as widgetPanels
+  C as widgetPanels
 };

package/dist/es/src/components/panel/widget/leave-kit.vue.mjs

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

package/dist/es/src/components/panel/widget/leave-kit.vue2.mjs

@@ -0,0 +1,66 @@
+import { defineComponent as r, openBlock as c, createElementBlock as m, normalizeClass as d, unref as e, createElementVNode as l, createVNode as t, withCtx as s } from "vue";
+import "../../../internal.mjs";
+import { FormItem as a, RangePicker as p, InputNumber as o } from "ant-design-vue";
+import { useNamespace as _ } from "../../../hooks/use-namespace/index.mjs";
+const u = { class: "details" }, f = { class: "detail-content" }, x = /* @__PURE__ */ r({
+  __name: "leave-kit",
+  setup(k) {
+    const { b: n } = _("kit-panel");
+    return (b, i) => (c(), m(
+      "div",
+      {
+        class: d(e(n)())
+      },
+      [
+        l("div", u, [
+          i[0] || (i[0] = l(
+            "div",
+            { class: "detail-title" },
+            [
+              l("span", null, "请假明细")
+            ],
+            -1
+            /* CACHED */
+          )),
+          l("div", f, [
+            t(e(a), {
+              label: "请假时长",
+              class: "kit-item"
+            }, {
+              default: s(() => [
+                t(e(p), { placeholder: ["开始日期", "结束日期"] })
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            t(e(a), {
+              label: "请假时长",
+              class: "kit-item"
+            }, {
+              default: s(() => [
+                t(e(o), { style: { width: "100%" } })
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        t(e(a), {
+          label: "总时长",
+          class: "kit-item"
+        }, {
+          default: s(() => [
+            t(e(o), { style: { width: "100%" } })
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+export {
+  x as default
+};

package/dist/es/src/components/panel/widget/overtime-kit.vue.mjs

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

package/dist/es/src/components/panel/widget/overtime-kit.vue2.mjs

@@ -0,0 +1,66 @@
+import { defineComponent as r, openBlock as m, createElementBlock as c, normalizeClass as d, unref as e, createElementVNode as l, createVNode as t, withCtx as s } from "vue";
+import "../../../internal.mjs";
+import { FormItem as a, RangePicker as p, InputNumber as o } from "ant-design-vue";
+import { useNamespace as _ } from "../../../hooks/use-namespace/index.mjs";
+const u = { class: "details" }, f = { class: "detail-content" }, x = /* @__PURE__ */ r({
+  __name: "overtime-kit",
+  setup(k) {
+    const { b: n } = _("kit-panel");
+    return (b, i) => (m(), c(
+      "div",
+      {
+        class: d(e(n)())
+      },
+      [
+        l("div", u, [
+          i[0] || (i[0] = l(
+            "div",
+            { class: "detail-title" },
+            [
+              l("span", null, "加班明细")
+            ],
+            -1
+            /* CACHED */
+          )),
+          l("div", f, [
+            t(e(a), {
+              label: "加班日期",
+              class: "kit-item"
+            }, {
+              default: s(() => [
+                t(e(p), { placeholder: ["开始日期", "结束日期"] })
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            t(e(a), {
+              label: "加班时长",
+              class: "kit-item"
+            }, {
+              default: s(() => [
+                t(e(o), { style: { width: "100%" } })
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        t(e(a), {
+          label: "总时长",
+          class: "kit-item"
+        }, {
+          default: s(() => [
+            t(e(o), { style: { width: "100%" } })
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+export {
+  x as default
+};

package/dist/es/src/components/props/widget/GridProps.vue2.mjs

@@ -1,23 +1,23 @@
-import { defineComponent as _, computed as k, resolveComponent as y, openBlock as p, createBlock as C, unref as o, normalizeClass as g, withCtx as a, createVNode as n, createElementBlock as c, Fragment as h, renderList as b, createTextVNode as N } from "vue";
-import { Form as I, FormItem as d, InputNumber as B, Button as F } from "ant-design-vue";
+import { defineComponent as _, computed as k, openBlock as s, createBlock as y, unref as t, normalizeClass as g, withCtx as p, createVNode as n, createElementBlock as c, Fragment as h, renderList as C, createTextVNode as b } from "vue";
+import { Form as B, FormItem as u, InputNumber as d, Button as F } from "ant-design-vue";
 import "../../../internal.mjs";
-import { uid as w } from "@king-one/utils";
+import { uid as N } from "@king-one/utils";
 import "../../form-icon.vue.mjs";
-import { useNamespace as U } from "../../../hooks/use-namespace/index.mjs";
-import { useInjectDesignContext as V } from "../../../context/design.mjs";
-import $ from "../../form-icon.vue2.mjs";
-const q = /* @__PURE__ */ _({
+import { useNamespace as w } from "../../../hooks/use-namespace/index.mjs";
+import { useInjectDesignContext as I } from "../../../context/design.mjs";
+import U from "../../form-icon.vue2.mjs";
+const T = /* @__PURE__ */ _({
   __name: "GridProps",
-  setup(z) {
-    const { b: f } = U("grid-props"), { checkedField: r } = V(), s = k(() => r.value["x-component-props"] || {});
+  setup(V) {
+    const { b: f } = w("grid-props"), { checkedField: r } = I(), m = k(() => r.value["x-component-props"] || {});
     function v(l) {
       var e;
       (e = r.value.children) == null || e.splice(l, 1);
     }
     function x() {
-      var t, i;
-      const l = w(), m = {
-        title: `列表容器${(((t = r.value.children) == null ? void 0 : t.length) || 0) + 1}`,
+      var a, i;
+      const l = N(), o = {
+        title: `栅格容器${(((a = r.value.children) == null ? void 0 : a.length) || 0) + 1}`,
         name: l,
         id: l,
         key: "k-grid-column",
@@ -28,81 +28,82 @@ const q = /* @__PURE__ */ _({
         "x-decorator": "Void",
         "x-component-props": {
           span: 12
+        },
+        "x-design-props": {
+          "convert-key": "properties",
+          "convert-type": "base"
         }
       };
-      (i = r.value.children) == null || i.push(m);
+      (i = r.value.children) == null || i.push(o);
     }
-    return (l, e) => {
-      const m = y("AInputNumber");
-      return p(), C(o(I), {
-        layout: "vertical",
-        class: g(o(f)())
-      }, {
-        default: a(() => [
-          n(o(d), { label: "间隔大小" }, {
-            default: a(() => [
-              n(o(B), {
-                value: s.value.gutter,
-                "onUpdate:value": e[0] || (e[0] = (t) => s.value.gutter = t),
-                style: { width: "100%" },
-                min: 1,
-                precision: 0,
-                max: 999,
-                "addon-after": "px"
-              }, null, 8, ["value"])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          n(o(d), { label: "配置项" }, {
-            default: a(() => [
-              (p(!0), c(
-                h,
-                null,
-                b(o(r).children, (t, i) => (p(), c("div", {
-                  key: t.id,
-                  class: "col-item"
-                }, [
-                  n(m, {
-                    value: t["x-component-props"].span,
-                    "onUpdate:value": (u) => t["x-component-props"].span = u,
-                    min: 1,
-                    style: { width: "200px" },
-                    precision: 0,
-                    max: 24
-                  }, null, 8, ["value", "onUpdate:value"]),
-                  n($, {
-                    name: "delete1",
-                    class: "close-icon",
-                    onClick: (u) => v(i)
-                  }, null, 8, ["onClick"])
-                ]))),
-                128
-                /* KEYED_FRAGMENT */
-              )),
-              n(o(F), {
-                size: "small",
-                type: "primary",
-                style: { "margin-bottom": "10px" },
-                onClick: x
-              }, {
-                default: a(() => e[1] || (e[1] = [
-                  N(" 添加 + ")
-                ])),
-                _: 1,
-                __: [1]
-              })
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["class"]);
-    };
+    return (l, e) => (s(), y(t(B), {
+      layout: "vertical",
+      class: g(t(f)())
+    }, {
+      default: p(() => [
+        n(t(u), { label: "间隔大小" }, {
+          default: p(() => [
+            n(t(d), {
+              value: m.value.gutter,
+              "onUpdate:value": e[0] || (e[0] = (o) => m.value.gutter = o),
+              style: { width: "100%" },
+              min: 1,
+              precision: 0,
+              max: 999,
+              "addon-after": "px"
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        n(t(u), { label: "配置项" }, {
+          default: p(() => [
+            (s(!0), c(
+              h,
+              null,
+              C(t(r).children, (o, a) => (s(), c("div", {
+                key: o.id,
+                class: "col-item"
+              }, [
+                n(t(d), {
+                  value: o["x-component-props"].span,
+                  "onUpdate:value": (i) => o["x-component-props"].span = i,
+                  min: 1,
+                  style: { width: "200px" },
+                  precision: 0,
+                  max: 24
+                }, null, 8, ["value", "onUpdate:value"]),
+                n(U, {
+                  name: "delete1",
+                  class: "close-icon",
+                  onClick: (i) => v(a)
+                }, null, 8, ["onClick"])
+              ]))),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            n(t(F), {
+              size: "small",
+              type: "primary",
+              style: { "margin-bottom": "10px" },
+              onClick: x
+            }, {
+              default: p(() => e[1] || (e[1] = [
+                b(" 添加 + ")
+              ])),
+              _: 1,
+              __: [1]
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["class"]));
   }
 });
 export {
-  q as default
+  T as default
 };