@king-one/form-design 0.0.16 → 0.0.18

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

@@ -1,40 +1,40 @@
-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 x, withCtx as z, createElementVNode as $, createCommentVNode as r, createVNode as A, defineAsyncComponent as M } from "vue";
+import { FormItem as O, Tooltip as S } from "ant-design-vue";
 import "../../internal.mjs";
-import { useInjectDesignContext as W } from "../../context/design.mjs";
+import { useInjectDesignContext as T } from "../../context/design.mjs";
 import "../index.mjs";
-import { useNamespace as _ } from "../../hooks/use-namespace/index.mjs";
-import p from "../form-icon.vue2.mjs";
-const q = {
+import { useNamespace as W } from "../../hooks/use-namespace/index.mjs";
+import m from "../form-icon.vue2.mjs";
+const _ = {
   key: 2,
   class: "icons"
-}, R = /* @__PURE__ */ j({
+}, R = /* @__PURE__ */ V({
   __name: "panel-item",
   props: {
     field: {},
     space: {}
   },
   setup(D) {
-    const o = D, { b: I, e: m, m: u } = _("panel-item"), v = W(), { checkedField: a, shared: N } = v;
+    const o = D, { b: I, e: u, m: v } = W("panel-item"), c = T(), { checkedField: d, shared: N } = c;
     function w(e, i = {}) {
       return Object.entries(e).forEach(([l, s]) => {
-        typeof s == "function" ? i[l] = O(s) : i[l] = s;
+        typeof s == "function" ? i[l] = M(s) : i[l] = s;
       }), i;
     }
     const k = w(N.panelWidgets);
     function B(e) {
-      a.value = 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";
+      return ((l = (i = o.field["x-design-props"]) == null ? void 0 : i.validate) == null ? void 0 : l.status) === "error";
     }), E = 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;
+      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 F() {
+      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);
@@ -44,25 +44,25 @@ const q = {
       return n(), b(
         "div",
         {
-          class: f(E.value),
-          onClick: i[0] || (i[0] = F((x) => B(e.field), ["stop"]))
+          class: p(E.value),
+          onClick: i[0] || (i[0] = j((q) => B(e.field), ["stop"]))
         },
         [
-          t(k)[e.field.key] ? (n(), d($(t(k)[e.field.key]), {
+          t(k)[e.field.key] ? (n(), a(x(t(k)[e.field.key]), {
             key: 0,
             style: { width: "100%" },
             readonly: "",
             field: e.field
-          }, null, 8, ["field"])) : (n(), d(t(S), {
+          }, null, 8, ["field"])) : (n(), a(t(O), {
             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", _, [
+            ((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), {
+            ((y = t(d)) == null ? void 0 : y.id) === e.field.id ? (n(), a(t(m), {
               key: 1,
               name: "delete1",
               class: "panel-icon",
               size: 15,
-              onClick: V
+              onClick: F
             })) : 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,
+            A(t(S), {
+              title: (h = (C = e.field["x-design-props"]) == null ? void 0 : C.validate) == null ? void 0 : h.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,

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

@@ -12,7 +12,7 @@ function s(o) {
     },
     setup(e) {
       var r;
-      const p = (r = e.field) == null ? void 0 : r["k-component-props"];
+      const p = (r = e.field) == null ? void 0 : r["x-component-props"];
       return () => {
         var t;
         return m(l, {

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 o, openBlock as t, createBlock as a, unref as r, withCtx as n, createVNode as l, normalizeProps as p, guardReactiveProps as i } from "vue";
+import { FormItem as m, RangePicker as c } from "ant-design-vue";
+const _ = /* @__PURE__ */ o({
+  __name: "date-range",
+  props: {
+    field: {}
+  },
+  setup(f) {
+    return (e, d) => (t(), a(r(m), {
+      label: e.field.title
+    }, {
+      default: n(() => [
+        l(
+          r(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/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,51 +1,51 @@
-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 f, toRaw as u, openBlock as g, createElementBlock as h, createElementVNode as n, toDisplayString as k, createVNode as s, unref as r, 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 { useInjectDesignContext as w } from "../../../context/design.mjs";
+import { useNamespace as x } from "../../../hooks/use-namespace/index.mjs";
+import S from "../panel-item.vue.mjs";
+const _ = { class: "form-item" }, V = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "object",
   props: {
     field: {}
   },
-  setup(s) {
-    const a = x(), { b: d } = S("panel-drag");
-    function m() {
+  setup(D) {
+    const l = w(), { b: a } = x("panel-drag");
+    function d() {
       return !0;
     }
-    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 p(e, t) {
+      const o = u(e), { oldIndex: m } = t, i = o[m];
+      if (i) {
+        const { shared: c } = l;
+        c.draggedContext.key = i.key;
       }
     }
-    return console.log(s.field), (e, t) => (h(), k("div", null, [
+    return (e, t) => (g(), h("div", null, [
       n(
         "div",
         null,
-        y(e.field.title),
+        k(e.field.title),
         1
         /* TEXT */
       ),
       n("div", null, [
-        l(i(w), {
+        s(r(v), {
           list: e.field.children,
-          class: C(i(d)()),
-          group: { name: "form", put: m },
+          class: y(r(a)()),
+          group: { name: "form", put: d },
           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] = (o) => p(e.field.children, o))
         }, {
-          item: b(({ element: o }) => [
-            n("div", N, [
-              v(e.$slots, `panel-${o.key}`, {}, () => [
-                l(i(D), {
+          item: C(({ element: o }) => [
+            n("div", _, [
+              b(e.$slots, `panel-${o.key}`, {}, () => [
+                s(r(S), {
                   field: o,
                   space: e.field.children
                 }, null, 8, ["field", "space"])
@@ -67,5 +67,5 @@ const N = { class: "form-item" }, _ = /* @__PURE__ */ u({
   }
 });
 export {
-  _ as default
+  V as default
 };

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

@@ -1,6 +1,6 @@
 import { defineComponent as p, toRef as r, openBlock as l, createBlock as s, unref as o, withCtx as i, createVNode as c, mergeProps as f } from "vue";
 import { FormItem as m, Select as a } from "ant-design-vue";
-const b = /* @__PURE__ */ p({
+const h = /* @__PURE__ */ p({
   __name: "select",
   props: {
     field: {}
@@ -11,7 +11,7 @@ const b = /* @__PURE__ */ p({
       label: e.field.title
     }, {
       default: i(() => [
-        c(o(a), f(e.field["k-component-props"], { options: n.value }), null, 16, ["options"])
+        c(o(a), f(e.field["x-component-props"], { options: n.value }), null, 16, ["options"])
       ]),
       _: 1
       /* STABLE */
@@ -19,5 +19,5 @@ const b = /* @__PURE__ */ p({
   }
 });
 export {
-  b as default
+  h as default
 };

package/dist/es/src/components/props/form-config.vue.mjs

@@ -37,7 +37,7 @@ const V = /* @__PURE__ */ k({
                     e(m)[r.value] ? (o(), s(x(e(m)[r.value]), { key: 0 })) : (o(), s(e(c), {
                       key: 1,
                       style: { "margin-top": "50px" },
-                      description: "当前组件不支持配置"
+                      description: "暂无配置"
                     }))
                   ],
                   64

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

@@ -1,53 +1,38 @@
-import { defineComponent as d, openBlock as u, createBlock as i, unref as e, withCtx as l, createElementVNode as m, createVNode as o, createTextVNode as p } from "vue";
-import { CollapsePanel as s, Form as f, FormItem as a, Input as c, Switch as x } from "ant-design-vue";
+import { defineComponent as i, openBlock as u, createBlock as d, unref as e, withCtx as l, createVNode as o, createTextVNode as m } from "vue";
+import { Form as p, FormItem as a, Input as s, Switch as c } from "ant-design-vue";
 import "../../../internal.mjs";
 import "../../form-icon.vue.mjs";
-import { useInjectDesignContext as k } from "../../../context/design.mjs";
-import _ from "../../form-icon.vue2.mjs";
-const V = /* @__PURE__ */ d({
+import { useInjectDesignContext as f } from "../../../context/design.mjs";
+import x from "../../form-icon.vue2.mjs";
+const I = /* @__PURE__ */ i({
   __name: "BaseProps",
-  setup(v) {
-    const { checkedField: r } = k();
-    return (C, t) => (u(), i(e(s), null, {
-      header: l(() => t[2] || (t[2] = [
-        m(
-          "div",
-          null,
-          "基础设置",
-          -1
-          /* CACHED */
-        )
-      ])),
+  setup(_) {
+    const { checkedField: r } = f();
+    return (k, t) => (u(), d(e(p), {
+      "label-col": { style: { width: "85px" } },
+      layout: "vertical"
+    }, {
       default: l(() => [
-        o(e(f), {
-          "label-col": { style: { width: "85px" } },
-          layout: "vertical"
-        }, {
+        o(e(a), { label: "字段标题" }, {
           default: l(() => [
-            o(e(a), { label: "字段标题" }, {
-              default: l(() => [
-                o(e(c), {
-                  value: e(r).title,
-                  "onUpdate:value": t[0] || (t[0] = (n) => e(r).title = n)
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            o(e(a), { label: "是否必填" }, {
-              extra: l(() => [
-                o(_, { name: "sound" }),
-                t[3] || (t[3] = p(" 表单字段设置为必填才能作为审批条件 "))
-              ]),
-              default: l(() => [
-                o(e(x), {
-                  checked: e(r).required,
-                  "onUpdate:checked": t[1] || (t[1] = (n) => e(r).required = n)
-                }, null, 8, ["checked"])
-              ]),
-              _: 1
-              /* STABLE */
-            })
+            o(e(s), {
+              value: e(r).title,
+              "onUpdate:value": t[0] || (t[0] = (n) => e(r).title = n)
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        o(e(a), { label: "是否必填" }, {
+          extra: l(() => [
+            o(x, { name: "sound" }),
+            t[2] || (t[2] = m(" 表单字段设置为必填才能作为审批条件 "))
+          ]),
+          default: l(() => [
+            o(e(c), {
+              checked: e(r).required,
+              "onUpdate:checked": t[1] || (t[1] = (n) => e(r).required = n)
+            }, null, 8, ["checked"])
           ]),
           _: 1
           /* STABLE */
@@ -59,5 +44,5 @@ const V = /* @__PURE__ */ d({
   }
 });
 export {
-  V as default
+  I as default
 };