@king-one/form-design 0.0.34 → 0.0.36

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/form-design
 
+## 0.0.36
+
+### Patch Changes
+
+- fix: 修复表单数据回显，完善加班套件的定义
+
+## 0.0.35
+
+### Patch Changes
+
+- feat: 新增一大波功能
+
 ## 0.0.34
 
 ### Patch Changes

package/dist/es/index.mjs

@@ -4,22 +4,23 @@ import { default as a } from "./src/components/panel/panel-item.vue.mjs";
 import { useInjectDesignContext as f } from "./src/context/design.mjs";
 import { default as p } from "./src/components/form-desgin.mjs";
 import { CreateFormDesign as i } from "./src/core/index.mjs";
-import { default as l } from "./src/components/props/form-config.vue.mjs";
-import { jsonToSchema as c } from "./src/utils/schema.mjs";
-import { BaseSchema as h, ExtendSchema as C, LayoutSchema as D, tempSchema as F } from "./src/config/index.mjs";
-import { onDesignFieldChange as I, onDesignInit as j } from "./src/effects/onEffects.mjs";
+import { default as h } from "./src/components/props/form-config.vue.mjs";
+import { jsonToSchema as u } from "./src/utils/schema.mjs";
+import { BaseSchema as d, ExtendSchema as C, LayoutSchema as D, tempSchema as F } from "./src/config/index.mjs";
+import { onDesignChange as I, onDesignFieldChange as j, onDesignInit as y } from "./src/effects/onEffects.mjs";
 export {
-  h as BaseSchema,
+  d as BaseSchema,
   t as Carousel,
   i as CreateFormDesign,
   C as ExtendSchema,
-  l as FormConfig,
+  h as FormConfig,
   p as FormDesign,
   a as FormPanelItem,
   D as LayoutSchema,
-  c as jsonToSchema,
-  I as onDesignFieldChange,
-  j as onDesignInit,
+  u as jsonToSchema,
+  I as onDesignChange,
+  j as onDesignFieldChange,
+  y as onDesignInit,
   F as tempSchema,
   f as useInjectDesignContext
 };

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

@@ -1,73 +1,74 @@
-import { defineComponent as V, ref as v, nextTick as z, toRaw as A, openBlock as h, createElementBlock as C, normalizeClass as c, unref as e, createElementVNode as o, createVNode as s, withCtx as i, createCommentVNode as f, renderSlot as k, withDirectives as x, vShow as b } from "vue";
+import { defineComponent as z, ref as v, nextTick as E, toRaw as R, openBlock as h, createElementBlock as C, normalizeClass as r, unref as e, createElementVNode as t, createVNode as s, withCtx as i, createCommentVNode as f, renderSlot as k, withDirectives as x, vShow as b } from "vue";
 import "../internal.mjs";
-import { Modal as E, Tooltip as D, Form as R } from "ant-design-vue";
-import j from "vuedraggable";
-import { useInjectDragContext as B, useInjectDesignContext as J } from "../context/design.mjs";
+import { Modal as j, Tooltip as D, Form as B } from "ant-design-vue";
+import J from "vuedraggable";
+import { useInjectDragContext as O, useInjectDesignContext as M } from "../context/design.mjs";
 import "./panel/panel-item.vue2.mjs";
-import O from "./base/json-preview.vue.mjs";
+import P from "./base/json-preview.vue.mjs";
 import "./index.mjs";
-import { useNamespace as M } from "../hooks/use-namespace/index.mjs";
+import { useDesignActions as q } from "../hooks/use-actions.mjs";
+import { useNamespace as G } from "../hooks/use-namespace/index.mjs";
 import S from "./form-icon.vue2.mjs";
-import P from "./panel/panel-item.vue.mjs";
-const q = { class: "left" }, G = { class: "right" }, H = { class: "content-panel" }, K = {
+import H from "./panel/panel-item.vue.mjs";
+const K = { class: "left" }, L = { class: "right" }, Q = { class: "content-panel" }, U = {
   key: 0,
   class: "prompt"
-}, L = { class: "form-item" }, Q = { class: "content-editor" }, ie = /* @__PURE__ */ V({
+}, W = { class: "form-item" }, X = { class: "content-editor" }, me = /* @__PURE__ */ z({
   name: "FormPanel",
   __name: "form-panel",
-  setup(U) {
-    const p = v({}), { isDrag: w } = B(), d = v(!1), a = J(), { fields: r } = a;
-    function y() {
-      d.value = !d.value, z(() => {
+  setup(Y) {
+    const p = v({}), { isDrag: w } = O(), d = v(!1), a = M(), { fields: c } = a, { dragAddAction: y, clearFieldsAction: A } = q(a);
+    function F() {
+      d.value = !d.value, E(() => {
         p.value = a.getFormSchema();
       });
     }
-    const { b: F, e: u, em: g } = M("panel");
-    function $(l, t) {
-      const n = A(l), { oldIndex: T } = t, m = n[T];
+    const { b: $, e: u, em: g } = G("panel");
+    function I(l, o) {
+      const n = R(l), { oldIndex: V } = o, m = n[V];
       if (m) {
         const { shared: _ } = a;
         _.draggedContext.key = m.key, _.draggedContext.field = m;
       }
     }
-    async function I() {
-      const { shared: l } = a, { field: t } = l.draggedContext, n = {
-        source: t,
-        traget: r.value,
+    async function N() {
+      const { shared: l } = a, { field: o } = l.draggedContext, n = {
+        source: o,
+        traget: c.value,
         region: "form-panel"
       };
-      a.hooks.syncDragAdd.call(n), a.setCheckedField(t);
+      a.hooks.syncDragAdd.call(n), a.setCheckedField(o), y();
     }
-    function N() {
-      E.confirm({
+    function T() {
+      j.confirm({
         title: "提示?",
         content: "确定要清空所有字段吗？",
         okText: "确定",
         cancelText: "取消",
         onOk() {
-          a.clearFields();
+          A();
         },
         onCancel() {
           console.log("Cancel");
         }
       });
     }
-    return (l, t) => (h(), C(
+    return (l, o) => (h(), C(
       "div",
       {
-        class: c(e(F)())
+        class: r(e($)())
       },
       [
-        o(
+        t(
           "div",
           {
-            class: c(e(u)("toolbar"))
+            class: r(e(u)("toolbar"))
           },
           [
-            o("div", q, [
+            t("div", K, [
               s(e(D), { placement: "bottom" }, {
-                title: i(() => t[1] || (t[1] = [
-                  o(
+                title: i(() => o[1] || (o[1] = [
+                  t(
                     "span",
                     null,
                     "全部删除",
@@ -78,17 +79,17 @@ const q = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
                 default: i(() => [
                   s(e(S), {
                     name: "delete1",
-                    class: c(e(g)("toolbar", "icon")),
+                    class: r(e(g)("toolbar", "icon")),
                     size: 18,
-                    onClick: N
+                    onClick: T
                   }, null, 8, ["class"])
                 ]),
                 _: 1
                 /* STABLE */
               }),
               s(e(D), { placement: "bottom" }, {
-                title: i(() => t[2] || (t[2] = [
-                  o(
+                title: i(() => o[2] || (o[2] = [
+                  t(
                     "span",
                     null,
                     "查看JSON Schema",
@@ -99,9 +100,9 @@ const q = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
                 default: i(() => [
                   s(e(S), {
                     name: "code",
-                    class: c(e(g)("toolbar", "icon")),
+                    class: r(e(g)("toolbar", "icon")),
                     size: 18,
-                    onClick: y
+                    onClick: F
                   }, null, 8, ["class"])
                 ]),
                 _: 1
@@ -110,7 +111,7 @@ const q = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
               f(` <FormIcon name="desktop" />
         <FormIcon name="mobile" /> `)
             ]),
-            o("div", G, [
+            t("div", L, [
               k(l.$slots, "toolbar")
             ])
           ],
@@ -118,40 +119,40 @@ const q = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
           /* CLASS */
         ),
         f(' ref="contentTelRef" '),
-        o(
+        t(
           "div",
           {
-            class: c(e(u)("content"))
+            class: r(e(u)("content"))
           },
           [
-            x(o(
+            x(t(
               "div",
-              H,
+              Q,
               [
-                !e(w) && e(r).length === 0 ? (h(), C("div", K, " 👈 请在左侧选择控件并拖至此处 ")) : f("v-if", !0),
-                s(e(R), {
+                !e(w) && e(c).length === 0 ? (h(), C("div", U, " 👈 请在左侧选择控件并拖至此处 ")) : f("v-if", !0),
+                s(e(B), {
                   autocomplete: "off",
                   class: "design-from",
                   "label-align": "left"
                 }, {
                   default: i(() => [
-                    s(e(j), {
+                    s(e(J), {
                       class: "drag-from",
-                      list: e(r),
+                      list: e(c),
                       group: { name: "form" },
                       animation: 300,
                       sort: !0,
                       "item-key": "id",
                       "chosen-class": "choose",
-                      onStart: t[0] || (t[0] = (n) => $(e(r), n)),
-                      onAdd: I
+                      onStart: o[0] || (o[0] = (n) => I(e(c), n)),
+                      onAdd: N
                     }, {
                       item: i(({ element: n }) => [
-                        o("div", L, [
+                        t("div", W, [
                           k(l.$slots, `panel-${n.key}`, {}, () => [
-                            s(P, {
+                            s(H, {
                               field: n,
-                              space: e(r)
+                              space: e(c)
                             }, null, 8, ["field", "space"])
                           ])
                         ])
@@ -169,11 +170,11 @@ const q = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
             ), [
               [b, !d.value]
             ]),
-            x(o(
+            x(t(
               "div",
-              Q,
+              X,
               [
-                s(O, { data: p.value }, null, 8, ["data"])
+                s(P, { data: p.value }, null, 8, ["data"])
               ],
               512
               /* NEED_PATCH */
@@ -191,5 +192,5 @@ const q = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
   }
 });
 export {
-  ie as default
+  me as default
 };

package/dist/es/src/components/panel/panel-item.vue.mjs

@@ -1,64 +1,66 @@
-import { defineComponent as V, computed as g, openBlock as n, createElementBlock as b, normalizeClass as p, withModifiers as j, unref as t, createBlock as a, resolveDynamicComponent as w, withCtx as z, createElementVNode as $, createCommentVNode as r, createVNode as x, defineAsyncComponent as A } from "vue";
-import { FormItem as M, Tooltip as O } from "ant-design-vue";
+import { defineComponent as V, computed as g, openBlock as o, createElementBlock as b, normalizeClass as p, withModifiers as j, unref as t, createBlock as a, resolveDynamicComponent as w, withCtx as D, createElementVNode as $, createCommentVNode as c, createVNode as x, defineAsyncComponent as M } from "vue";
+import { FormItem as O, Tooltip as S } from "ant-design-vue";
 import "../../internal.mjs";
-import { useInjectDesignContext as S } from "../../context/design.mjs";
+import { useInjectDesignContext as W } from "../../context/design.mjs";
 import "../index.mjs";
-import { useNamespace as W } from "../../hooks/use-namespace/index.mjs";
+import "../../hooks/index.mjs";
+import { useNamespace as q } from "../../hooks/use-namespace/index.mjs";
 import m from "../form-icon.vue2.mjs";
-const q = {
+import { useDesignActions as G } from "../../hooks/use-actions.mjs";
+const H = {
   key: 2,
   class: "icons"
-}, U = /* @__PURE__ */ V({
+}, _ = /* @__PURE__ */ V({
   __name: "panel-item",
   props: {
     field: {},
     space: {},
     hideTitle: { type: Boolean }
   },
-  setup(B) {
-    const o = B, { b: D, e: u, m: v } = W("panel-item"), c = S(), { checkedField: d, shared: I } = c;
+  setup(z) {
+    const n = z, { b: B, e: u, m: v } = q("panel-item"), d = W(), { checkedField: r, shared: F } = d, { deleteFieldAction: I } = G(d);
     function N(e, i = {}) {
       return Object.entries(e).forEach(([l, s]) => {
-        typeof s == "function" ? i[l] = A(s) : i[l] = s;
+        typeof s == "function" ? i[l] = M(s) : i[l] = s;
       }), i;
     }
-    const k = N(I.panelWidgets);
-    function E(e) {
-      c.setCheckedField(e);
+    const k = N(F.panelWidgets);
+    function A(e) {
+      d.setCheckedField(e), I();
     }
     const f = g(() => {
       var i, l;
-      return ((l = (i = o.field["x-design-props"]) == null ? void 0 : i.validate) == null ? void 0 : l.status) === "error";
-    }), F = g(() => {
+      return ((l = (i = n.field["x-design-props"]) == null ? void 0 : i.validate) == null ? void 0 : l.status) === "error";
+    }), E = g(() => {
       var i;
-      const e = [D()];
-      return ((i = d.value) == null ? void 0 : i.id) === o.field.id && e.push(v("active")), f.value && e.push(v("error")), e;
+      const e = [B()];
+      return ((i = r.value) == null ? void 0 : i.id) === n.field.id && e.push(v("active")), f.value && e.push(v("error")), e;
     });
     function T() {
-      if (!c.hooks.beforeDelete.call(o.field))
+      if (!d.hooks.beforeDelete.call(n.field))
         return;
-      const i = o.space.findIndex((l) => l.id === o.field.id);
-      i !== -1 && o.space.splice(i, 1);
+      const i = n.space.findIndex((l) => l.id === n.field.id);
+      i !== -1 && n.space.splice(i, 1);
     }
     return (e, i) => {
       var l, s, C, h, y;
-      return n(), b(
+      return o(), b(
         "div",
         {
-          class: p(F.value),
-          onClick: i[0] || (i[0] = j((G) => E(e.field), ["stop"]))
+          class: p(E.value),
+          onClick: i[0] || (i[0] = j((J) => A(e.field), ["stop"]))
         },
         [
-          t(k)[e.field.key] ? (n(), a(w(t(k)[e.field.key]), {
+          t(k)[e.field.key] ? (o(), a(w(t(k)[e.field.key]), {
             key: 0,
             "hide-title": e.hideTitle,
             field: e.field
-          }, null, 8, ["hide-title", "field"])) : (n(), a(t(M), {
+          }, null, 8, ["hide-title", "field"])) : (o(), a(t(O), {
             key: 1,
             class: p(t(u)("form")),
             label: e.field.title
           }, {
-            default: z(() => [
+            default: D(() => [
               $(
                 "div",
                 {
@@ -72,36 +74,36 @@ const q = {
             _: 1
             /* STABLE */
           }, 8, ["class", "label"])),
-          ((l = t(d)) == null ? void 0 : l.id) === e.field.id || f.value ? (n(), b("div", q, [
-            ((s = t(d)) == null ? void 0 : s.id) === e.field.id ? (n(), a(t(m), {
+          ((l = t(r)) == null ? void 0 : l.id) === e.field.id || f.value ? (o(), b("div", H, [
+            ((s = t(r)) == null ? void 0 : s.id) === e.field.id ? (o(), a(t(m), {
               key: 0,
               name: "copy",
               class: "panel-icon",
               size: 15
-            })) : r("v-if", !0),
-            ((C = t(d)) == null ? void 0 : C.id) === e.field.id ? (n(), a(t(m), {
+            })) : c("v-if", !0),
+            ((C = t(r)) == null ? void 0 : C.id) === e.field.id ? (o(), a(t(m), {
               key: 1,
               name: "delete1",
               class: "panel-icon",
               size: 15,
               onClick: T
-            })) : r("v-if", !0),
-            x(t(O), {
+            })) : c("v-if", !0),
+            x(t(S), {
               title: (y = (h = e.field["x-design-props"]) == null ? void 0 : h.validate) == null ? void 0 : y.message,
               color: "pink"
             }, {
-              default: z(() => [
-                f.value ? (n(), a(t(m), {
+              default: D(() => [
+                f.value ? (o(), a(t(m), {
                   key: 0,
                   name: "exclamation-circle-filled",
                   size: 13,
                   class: "panel-exclamation-icon"
-                })) : r("v-if", !0)
+                })) : c("v-if", !0)
               ]),
               _: 1
               /* STABLE */
             }, 8, ["title"])
-          ])) : r("v-if", !0)
+          ])) : c("v-if", !0)
         ],
         2
         /* CLASS */
@@ -110,5 +112,5 @@ const q = {
   }
 });
 export {
-  U as default
+  _ as default
 };

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

@@ -1,42 +1,44 @@
-import { defineComponent as g, openBlock as p, createElementBlock as b, normalizeClass as u, unref as l, createElementVNode as e, createVNode as n, withCtx as y, renderSlot as h, toDisplayString as v } from "vue";
-import x from "vuedraggable";
+import { defineComponent as p, openBlock as u, createElementBlock as b, normalizeClass as y, unref as n, createElementVNode as e, createVNode as l, withCtx as h, renderSlot as v, toDisplayString as x } from "vue";
+import A from "vuedraggable";
 import "../../../index.mjs";
 import "../../../internal.mjs";
 import { message as C } from "ant-design-vue";
 import { useInjectDesignContext as k } from "../../../context/design.mjs";
-import { useNamespace as _ } from "../../../hooks/use-namespace/index.mjs";
-import A from "../panel-item.vue.mjs";
-const D = { class: "array-table-box" }, w = { class: "array-table-drag" }, I = { class: "form-item" }, N = { class: "table-item" }, $ = { class: "array-table-drag-header" }, B = { class: "array-table-drag-content" }, q = /* @__PURE__ */ g({
+import { useNamespace as D } from "../../../hooks/use-namespace/index.mjs";
+import { useDesignActions as _ } from "../../../hooks/use-actions.mjs";
+import w from "../panel-item.vue.mjs";
+const I = { class: "array-table-box" }, N = { class: "array-table-drag" }, $ = { class: "form-item" }, B = { class: "table-item" }, E = { class: "array-table-drag-header" }, S = { class: "array-table-drag-content" }, J = /* @__PURE__ */ p({
   name: "ArrayTable",
   __name: "array-table",
   props: {
     field: {}
   },
   setup(d) {
-    const s = k(), { b: c } = _("array-table");
+    const s = k(), { b: c } = D("array-table"), { dragAddAction: m } = _(s);
     function f() {
-      const { shared: r } = s, { field: t } = r.draggedContext, i = {
+      const { shared: a } = s, { field: t } = a.draggedContext, i = {
         source: t,
         traget: d.field.children,
         region: "k-array-card"
       };
-      if (s.hooks.syncDragAdd.call(i), !s.dragAddResult.every((a) => a)) {
-        const a = d.field.children.findIndex((m) => m.id === t.id);
-        a !== -1 && (d.field.children.splice(a, 1), C.warning("不能将该控件拖拽到列表容器中"));
+      if (s.hooks.syncDragAdd.call(i), !s.dragAddResult.every((r) => r)) {
+        const r = d.field.children.findIndex((g) => g.id === t.id);
+        r !== -1 && (d.field.children.splice(r, 1), C.warning("不能将该控件拖拽到列表容器中"));
       }
-      const o = d.field.children.find((a) => a.id === t.id);
+      const o = d.field.children.find((r) => r.id === t.id);
       if (o) {
-        const a = o["x-decorator-props"] || {};
+        const r = o["x-decorator-props"] || {};
         o["x-decorator-props"] = {
-          ...a,
+          ...r,
           hideTitle: !0
         };
       }
+      m();
     }
-    return (r, t) => (p(), b(
+    return (a, t) => (u(), b(
       "div",
       {
-        class: u(l(c)())
+        class: y(n(c)())
       },
       [
         t[1] || (t[1] = e(
@@ -46,7 +48,7 @@ const D = { class: "array-table-box" }, w = { class: "array-table-drag" }, I = {
           -1
           /* CACHED */
         )),
-        e("div", D, [
+        e("div", I, [
           t[0] || (t[0] = e(
             "div",
             { class: "array-table-left" },
@@ -57,10 +59,10 @@ const D = { class: "array-table-box" }, w = { class: "array-table-drag" }, I = {
             -1
             /* CACHED */
           )),
-          e("div", w, [
-            n(l(x), {
+          e("div", N, [
+            l(n(A), {
               class: "widget-drag",
-              list: r.field.children,
+              list: a.field.children,
               group: { name: "form", direction: "vertical", removeCloneOnHide: !1 },
               animation: 300,
               sort: !0,
@@ -68,21 +70,21 @@ const D = { class: "array-table-box" }, w = { class: "array-table-drag" }, I = {
               "drag-class": "table-item-drag-class",
               onAdd: f
             }, {
-              item: y(({ element: i }) => [
-                e("div", I, [
-                  h(r.$slots, `panel-${i.key}`, {}, () => [
-                    e("div", N, [
+              item: h(({ element: i }) => [
+                e("div", $, [
+                  v(a.$slots, `panel-${i.key}`, {}, () => [
+                    e("div", B, [
                       e(
                         "div",
-                        $,
-                        v(i.title),
+                        E,
+                        x(i.title),
                         1
                         /* TEXT */
                       ),
-                      e("div", B, [
-                        n(l(A), {
+                      e("div", S, [
+                        l(n(w), {
                           field: i,
-                          space: r.field.children,
+                          space: a.field.children,
                           "hide-title": ""
                         }, null, 8, ["field", "space"])
                       ])
@@ -109,5 +111,5 @@ const D = { class: "array-table-box" }, w = { class: "array-table-drag" }, I = {
   }
 });
 export {
-  q as default
+  J as default
 };