@king-one/form-design 0.0.17 → 0.0.19

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

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

package/dist/es/src/components/panel/panel-wrapper.mjs

@@ -1,30 +1,40 @@
-import { defineComponent as n, createVNode as m, h as a } from "vue";
-import { FormItem as l } from "ant-design-vue";
+import { defineComponent as a, createVNode as n, h as p } from "vue";
+import { FormItem as i } from "ant-design-vue";
 import "../../internal.mjs";
-import { defaultNamespace as f } from "../../hooks/use-namespace/index.mjs";
-function s(o) {
-  return /* @__PURE__ */ n({
+import { defaultNamespace as m } from "../../hooks/use-namespace/index.mjs";
+function s(t) {
+  return /* @__PURE__ */ a({
     name: "panelWarpper",
     props: {
       field: {
         type: Object
+      },
+      hideTitle: {
+        type: Boolean,
+        default: !1
       }
     },
     setup(e) {
-      var r;
-      const p = (r = e.field) == null ? void 0 : r["k-component-props"];
+      var l;
+      const r = (l = e.field) == null ? void 0 : l["x-component-props"];
       return () => {
-        var t;
-        return m(l, {
-          class: [`${f}-panel-item__form`],
-          label: (t = e.field) == null ? void 0 : t.title
+        var o;
+        return n("div", null, [e.hideTitle ? p(t, {
+          ...r,
+          readonly: !0
+        }) : n(i, {
+          class: [`${m}-panel-item__form`],
+          label: (o = e.field) == null ? void 0 : o.title
         }, {
-          default: () => a(o, {
-            ...p,
-            readonly: !0
+          default: () => p(t, {
+            ...r,
+            readonly: !0,
+            style: {
+              width: "100%"
+            }
           }),
           _: 1
-        }, 8, ["label"]);
+        }, 8, ["label"])]);
       };
     }
   });

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

@@ -1,52 +1,65 @@
-import { defineComponent as u, toRaw as g, openBlock as h, createElementBlock as y, createElementVNode as n, toDisplayString as k, createVNode as l, unref as r, normalizeClass as C, withCtx as v, renderSlot as b } from "vue";
-import w from "vuedraggable";
+import { defineComponent as p, toRaw as h, openBlock as y, createElementBlock as k, createElementVNode as o, toDisplayString as x, createVNode as c, unref as a, normalizeClass as C, withCtx as v, renderSlot as w } from "vue";
+import A from "vuedraggable";
 import "../../../internal.mjs";
+import { message as D } from "ant-design-vue";
 import "../../../index.mjs";
-import { useInjectDesignContext as x } from "../../../context/design.mjs";
-import { useNamespace as S } from "../../../hooks/use-namespace/index.mjs";
-import D from "../panel-item.vue.mjs";
-const N = { class: "form-item" }, j = /* @__PURE__ */ u({
+import { useInjectDesignContext as b } from "../../../context/design.mjs";
+import { useNamespace as I } from "../../../hooks/use-namespace/index.mjs";
+import S from "../panel-item.vue.mjs";
+const N = { class: "form-item" }, F = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "array-card",
   props: {
     field: {}
   },
   setup(s) {
-    const a = x(), { b: d } = S("panel-drag");
+    const i = b(), { b: f } = I("panel-drag");
     function m() {
       return !0;
     }
-    function c(e, t) {
-      const o = g(e), { oldIndex: f } = t, i = o[f];
-      if (i) {
-        const { shared: p } = a;
-        p.draggedContext.key = i.key;
+    function g(e, t) {
+      const n = h(e), { oldIndex: l } = t, r = n[l];
+      if (r) {
+        const { shared: d } = i;
+        d.draggedContext.key = r.key, d.draggedContext.field = r;
       }
     }
-    return console.log(s.field), (e, t) => (h(), y("div", null, [
-      n(
+    function u() {
+      const { shared: e } = i, { field: t } = e.draggedContext, n = {
+        source: t,
+        traget: s.field.children,
+        region: "k-array-card"
+      };
+      if (i.hooks.syncDragAdd.call(n), !i.dragAddResult.every((r) => r)) {
+        const r = s.field.children.findIndex((d) => d.id === t.id);
+        r !== -1 && (s.field.children.splice(r, 1), D.warning("不能将该控件拖拽到列表容器中"));
+      }
+    }
+    return (e, t) => (y(), k("div", null, [
+      o(
         "div",
         null,
-        k(e.field.title),
+        x(e.field.title),
         1
         /* TEXT */
       ),
-      n("div", null, [
-        l(r(w), {
+      o("div", null, [
+        c(a(A), {
           list: e.field.children,
-          class: C(r(d)()),
+          class: C(a(f)()),
           group: { name: "form", put: m },
           animation: 300,
           sort: !0,
           "item-key": "id",
           "chosen-class": "choose",
-          onStart: t[0] || (t[0] = (o) => c(e.field.children, o))
+          onStart: t[0] || (t[0] = (n) => g(e.field.children, n)),
+          onAdd: u
         }, {
-          item: v(({ element: o }) => [
-            n("div", N, [
-              b(e.$slots, `panel-${o.key}`, {}, () => [
-                l(r(D), {
-                  field: o,
+          item: v(({ element: n }) => [
+            o("div", N, [
+              w(e.$slots, `panel-${n.key}`, {}, () => [
+                c(a(S), {
+                  field: n,
                   space: e.field.children
                 }, null, 8, ["field", "space"])
               ])
@@ -55,7 +68,7 @@ const N = { class: "form-item" }, j = /* @__PURE__ */ u({
           _: 3
           /* FORWARDED */
         }, 8, ["list", "class", "group"]),
-        t[1] || (t[1] = n(
+        t[1] || (t[1] = o(
           "div",
           { style: { color: "#c0bebe", "text-align": "center", width: "90%", padding: "5px" } },
           " ☝ 拖拽控件到容器内部 ",
@@ -67,5 +80,5 @@ const N = { class: "form-item" }, j = /* @__PURE__ */ u({
   }
 });
 export {
-  j as default
+  F as default
 };

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

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

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

@@ -0,0 +1,105 @@
+import { defineComponent as f, openBlock as g, createElementBlock as p, normalizeClass as b, unref as l, createElementVNode as e, createVNode as o, withCtx as y, renderSlot as u, toDisplayString as v } from "vue";
+import h from "vuedraggable";
+import "../../../index.mjs";
+import "../../../internal.mjs";
+import { message as x } from "ant-design-vue";
+import { useInjectDesignContext as _ } from "../../../context/design.mjs";
+import { useNamespace as C } from "../../../hooks/use-namespace/index.mjs";
+import k from "../panel-item.vue.mjs";
+const A = { class: "array-table-box" }, D = { class: "array-table-drag" }, w = { class: "form-item" }, I = { class: "table-item" }, N = { class: "array-table-drag-header" }, $ = { class: "array-table-drag-content" }, T = /* @__PURE__ */ f({
+  name: "ArrayTable",
+  __name: "array-table",
+  props: {
+    field: {}
+  },
+  setup(s) {
+    const d = _(), { b: n } = C("array-table");
+    function c() {
+      const { shared: a } = d, { field: t } = a.draggedContext, r = {
+        source: t,
+        traget: s.field.children,
+        region: "k-array-card"
+      };
+      if (d.hooks.syncDragAdd.call(r), !d.dragAddResult.every((i) => i)) {
+        const i = s.field.children.findIndex((m) => m.id === t.id);
+        i !== -1 && (s.field.children.splice(i, 1), x.warning("不能将该控件拖拽到列表容器中"));
+      }
+    }
+    return (a, t) => (g(), p(
+      "div",
+      {
+        class: b(l(n)())
+      },
+      [
+        t[1] || (t[1] = e(
+          "div",
+          null,
+          "明细列表",
+          -1
+          /* CACHED */
+        )),
+        e("div", A, [
+          t[0] || (t[0] = e(
+            "div",
+            { class: "array-table-left" },
+            [
+              e("div", { class: "array-table-drag-header" }, " 表头 "),
+              e("div", { class: "array-table-drag-content" })
+            ],
+            -1
+            /* CACHED */
+          )),
+          e("div", D, [
+            o(l(h), {
+              class: "widget-drag",
+              list: a.field.children,
+              group: { name: "form", direction: "vertical", removeCloneOnHide: !1 },
+              animation: 300,
+              sort: !0,
+              "item-key": "id",
+              "drag-class": "table-item-drag-class",
+              onAdd: c
+            }, {
+              item: y(({ element: r }) => [
+                e("div", w, [
+                  u(a.$slots, `panel-${r.key}`, {}, () => [
+                    e("div", I, [
+                      e(
+                        "div",
+                        N,
+                        v(r.title),
+                        1
+                        /* TEXT */
+                      ),
+                      e("div", $, [
+                        o(l(k), {
+                          field: r,
+                          space: a.field.children,
+                          "hide-title": ""
+                        }, null, 8, ["field", "space"])
+                      ])
+                    ])
+                  ])
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["list"])
+          ])
+        ]),
+        t[2] || (t[2] = e(
+          "div",
+          { style: { color: "#c0bebe", "text-align": "center", width: "90%", padding: "5px" } },
+          " ☝ 拖拽控件到明细列表 ",
+          -1
+          /* CACHED */
+        ))
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+export {
+  T as default
+};

package/dist/es/src/components/panel/widget/date-range.vue.mjs

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

package/dist/es/src/components/panel/widget/date-range.vue2.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as r, openBlock as t, createBlock as n, unref as o, withCtx as l, createVNode as p, mergeProps as a } from "vue";
+import { FormItem as f, RangePicker as m } from "ant-design-vue";
+const u = /* @__PURE__ */ r({
+  __name: "date-range",
+  props: {
+    field: {}
+  },
+  setup(i) {
+    return (e, c) => (t(), n(o(f), {
+      label: e.field.title
+    }, {
+      default: l(() => [
+        p(
+          o(m),
+          a(e.field["x-component-props"], { open: !1 }),
+          null,
+          16
+          /* FULL_PROPS */
+        )
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["label"]));
+  }
+});
+export {
+  u as default
+};

package/dist/es/src/components/panel/widget/date-single.vue.mjs

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

package/dist/es/src/components/panel/widget/date-single.vue2.mjs

@@ -0,0 +1,28 @@
+import { defineComponent as r, openBlock as t, createBlock as l, unref as o, withCtx as a, createVNode as n, normalizeProps as p, guardReactiveProps as i } from "vue";
+import { FormItem as m, DatePicker as c } from "ant-design-vue";
+const _ = /* @__PURE__ */ r({
+  __name: "date-single",
+  props: {
+    field: {}
+  },
+  setup(f) {
+    return (e, s) => (t(), l(o(m), {
+      label: e.field.title
+    }, {
+      default: a(() => [
+        n(
+          o(c),
+          p(i(e.field["x-component-props"])),
+          null,
+          16
+          /* FULL_PROPS */
+        )
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["label"]));
+  }
+});
+export {
+  _ as default
+};

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

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

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

@@ -0,0 +1,48 @@
+import { defineComponent as f, defineAsyncComponent as m, openBlock as t, createElementBlock as s, normalizeClass as u, unref as i, Fragment as C, renderList as k, createBlock as y, resolveDynamicComponent as _ } from "vue";
+import "../../../internal.mjs";
+import { useInjectDesignContext as g } from "../../../context/design.mjs";
+import { useNamespace as h } from "../../../hooks/use-namespace/index.mjs";
+const D = /* @__PURE__ */ f({
+  __name: "kit",
+  props: {
+    field: {}
+  },
+  setup(v) {
+    const { b: l } = h("kit-panel"), c = g(), { shared: a } = c;
+    function d(o, n = {}) {
+      return Object.entries(o).forEach(([e, r]) => {
+        typeof r == "function" ? n[e] = m(r) : n[e] = r;
+      }), n;
+    }
+    const p = d(a.panelWidgets);
+    return (o, n) => (t(), s(
+      "div",
+      {
+        class: u(i(l)())
+      },
+      [
+        (t(!0), s(
+          C,
+          null,
+          k(o.field.children, (e) => (t(), s("div", {
+            key: e.id,
+            class: "kit-item"
+          }, [
+            (t(), y(_(i(p)[e.key]), {
+              style: { width: "100%" },
+              readonly: "",
+              field: e
+            }, null, 8, ["field"]))
+          ]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+export {
+  D as default
+};

package/dist/es/src/components/panel/widget/object.vue2.mjs

@@ -1,52 +1,63 @@
-import { defineComponent as u, toRaw as g, openBlock as h, createElementBlock as k, createElementVNode as n, toDisplayString as y, createVNode as l, unref as i, normalizeClass as C, withCtx as b, renderSlot as v } from "vue";
-import w from "vuedraggable";
+import { defineComponent as p, toRaw as u, openBlock as h, createElementBlock as k, createElementVNode as r, toDisplayString as x, createVNode as c, unref as l, normalizeClass as y, withCtx as C, renderSlot as b } from "vue";
+import v from "vuedraggable";
 import "../../../internal.mjs";
 import "../../../index.mjs";
-import { useInjectDesignContext as x } from "../../../context/design.mjs";
-import { useNamespace as S } from "../../../hooks/use-namespace/index.mjs";
-import D from "../panel-item.vue.mjs";
-const N = { class: "form-item" }, _ = /* @__PURE__ */ u({
+import { message as A } from "ant-design-vue";
+import { useInjectDesignContext as w } from "../../../context/design.mjs";
+import { useNamespace as D } from "../../../hooks/use-namespace/index.mjs";
+import I from "../panel-item.vue.mjs";
+const S = { class: "form-item" }, q = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "object",
   props: {
     field: {}
   },
   setup(s) {
-    const a = x(), { b: d } = S("panel-drag");
-    function m() {
-      return !0;
+    const i = w(), { b: f } = D("panel-drag");
+    function m(e, t) {
+      const n = u(e), { oldIndex: a } = t, o = n[a];
+      if (o) {
+        const { shared: d } = i;
+        d.draggedContext.key = o.key, d.draggedContext.field = o;
+      }
     }
-    function c(e, t) {
-      const o = g(e), { oldIndex: f } = t, r = o[f];
-      if (r) {
-        const { shared: p } = a;
-        p.draggedContext.key = r.key;
+    function g() {
+      console.log("dragAdd");
+      const { shared: e } = i, { field: t } = e.draggedContext, n = {
+        source: t,
+        traget: s.field.children,
+        region: "k-object"
+      };
+      if (i.hooks.syncDragAdd.call(n), !i.dragAddResult.every((o) => o)) {
+        const o = s.field.children.findIndex((d) => d.id === t.id);
+        o !== -1 && (s.field.children.splice(o, 1), A.warning("不能将该控件拖拽到对象容器中"));
       }
     }
-    return console.log(s.field), (e, t) => (h(), k("div", null, [
-      n(
+    return (e, t) => (h(), k("div", null, [
+      r(
         "div",
         null,
-        y(e.field.title),
+        x(e.field.title),
         1
         /* TEXT */
       ),
-      n("div", null, [
-        l(i(w), {
+      r("div", null, [
+        c(l(v), {
           list: e.field.children,
-          class: C(i(d)()),
-          group: { name: "form", put: m },
+          class: y(l(f)()),
+          group: { name: "form" },
           animation: 300,
           sort: !0,
           "item-key": "id",
           "chosen-class": "choose",
-          onStart: t[0] || (t[0] = (o) => c(e.field.children, o))
+          onStart: t[0] || (t[0] = (n) => m(e.field.children, n)),
+          onAdd: g
         }, {
-          item: b(({ element: o }) => [
-            n("div", N, [
-              v(e.$slots, `panel-${o.key}`, {}, () => [
-                l(i(D), {
-                  field: o,
+          item: C(({ element: n }) => [
+            r("div", S, [
+              b(e.$slots, `panel-${n.key}`, {}, () => [
+                c(l(I), {
+                  field: n,
                   space: e.field.children
                 }, null, 8, ["field", "space"])
               ])
@@ -54,8 +65,8 @@ const N = { class: "form-item" }, _ = /* @__PURE__ */ u({
           ]),
           _: 3
           /* FORWARDED */
-        }, 8, ["list", "class", "group"]),
-        t[1] || (t[1] = n(
+        }, 8, ["list", "class"]),
+        t[1] || (t[1] = r(
           "div",
           { style: { color: "#c0bebe", "text-align": "center", width: "90%", padding: "5px" } },
           " ☝ 拖拽控件到布局容器内部 ",
@@ -67,5 +78,5 @@ const N = { class: "form-item" }, _ = /* @__PURE__ */ u({
   }
 });
 export {
-  _ as default
+  q as default
 };