@king-one/form-design 0.0.17 → 0.0.19

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

@@ -1,79 +1,87 @@
-import { defineComponent as B, ref as I, openBlock as r, createElementBlock as l, normalizeClass as u, unref as s, createElementVNode as i, createVNode as d, withCtx as c, createTextVNode as v, Fragment as V, renderList as j, toDisplayString as _, createBlock as E, createCommentVNode as w } from "vue";
+import { defineComponent as O, ref as b, openBlock as l, createElementBlock as d, normalizeClass as u, unref as o, createElementVNode as i, createVNode as a, withCtx as r, createTextVNode as x, Fragment as z, renderList as F, toDisplayString as v, createBlock as J, createCommentVNode as p } from "vue";
 import "../internal.mjs";
-import { RadioGroup as O, RadioButton as k } from "ant-design-vue";
-import z from "vuedraggable";
-import { uid as F } from "@king-one/utils";
-import { useInjectDragContext as J, useInjectDesignContext as R } from "../context/design.mjs";
-import h from "./base/widget-icon.mjs";
-import { useNamespace as m } from "../hooks/use-namespace/index.mjs";
-const G = { class: "widget-group-name" }, K = { class: "widget-col" }, L = { class: "widget-item" }, M = {
+import { RadioGroup as T, RadioButton as w } from "ant-design-vue";
+import h from "vuedraggable";
+import { uid as W } from "@king-one/utils";
+import { useInjectDragContext as G, useInjectDesignContext as K } from "../context/design.mjs";
+import "./base/Carousel.vue2.mjs";
+import N from "./base/widget-icon.mjs";
+import { useNamespace as g } from "../hooks/use-namespace/index.mjs";
+import L from "./base/Carousel.vue.mjs";
+const M = { class: "widget-group-name" }, U = { class: "widget-col" }, q = { class: "widget-item" }, A = {
   key: 0,
   class: "widget-item-icon"
-}, T = { class: "widget-item-title" }, Y = /* @__PURE__ */ B({
+}, H = { class: "widget-item-title" }, P = { class: "template-item" }, Q = {
+  key: 0,
+  class: "template-item-icon"
+}, X = { class: "template-item-name" }, de = /* @__PURE__ */ O({
   name: "FormMaterial",
   __name: "form-material",
-  setup(U) {
-    const { updateDrag: p } = J(), { b: y } = m("material"), { b } = m("toolbar"), { b: x } = m("widget"), g = R(), { schema: C } = g, f = I("1");
-    function N(n) {
-      const { icon: t, ...e } = n, o = JSON.parse(JSON.stringify(e)), a = F();
-      return {
-        ...o,
-        name: a,
-        id: a,
-        "k-design-props": Object.assign({
+  setup(Y) {
+    const y = b(), { updateDrag: m } = G(), { b: S } = g("material"), { b: D } = g("toolbar"), { b: $ } = g("widget"), { b: j } = g("temp"), f = K(), { schema: B, tempSchema: E } = f, _ = b("1");
+    function I(s) {
+      const { icon: e, ...t } = s, n = JSON.parse(JSON.stringify(t)), k = W(), c = {
+        ...n,
+        name: k,
+        id: k,
+        "x-design-props": Object.assign({
           validate: {
             status: "",
             message: ""
           }
-        }, n["k-design-props"] || {})
+        }, s["x-design-props"] || {})
       };
+      (n.type === "array" || n.type === "object") && (c.children = []);
+      const { shared: C } = f;
+      return C.draggedContext.field = c, C.draggedContext.key = c.key, c;
+    }
+    function R(s) {
+      const { schema: e } = s, { shared: t } = f;
+      return t.draggedContext.field = e, t.draggedContext.key = e.key, e;
     }
-    function S(n, t) {
-      const { oldIndex: e } = t, { widget: o = [] } = n, a = o[e];
-      if (a) {
-        const { shared: D } = g;
-        D.draggedContext.key = a.key;
-      }
-      p(!0);
+    function V(s) {
+      var e;
+      (e = y.value) == null || e.goTo(Number(s.target.value) - 1);
     }
-    return (n, t) => (r(), l(
+    return (s, e) => (l(), d(
       "div",
       {
-        class: u(s(y)())
+        class: u(o(S)())
       },
       [
         i(
           "div",
           {
-            class: u(s(b)())
+            class: u(o(D)())
           },
           [
-            d(s(O), {
-              value: f.value,
-              "onUpdate:value": t[0] || (t[0] = (e) => f.value = e),
+            a(o(T), {
+              value: _.value,
+              "onUpdate:value": e[0] || (e[0] = (t) => _.value = t),
               "button-style": "solid",
-              size: "default"
+              size: "default",
+              onChange: V
             }, {
-              default: c(() => [
-                d(s(k), {
+              default: r(() => [
+                a(o(w), {
                   class: "toolbar-button",
                   value: "1"
                 }, {
-                  default: c(() => t[2] || (t[2] = [
-                    v(" 组件库 ")
+                  default: r(() => e[5] || (e[5] = [
+                    x(" 组件库 ")
                   ])),
                   _: 1,
-                  __: [2]
+                  __: [5]
                 }),
-                d(s(k), {
+                a(o(w), {
                   class: "toolbar-button",
                   value: "2"
                 }, {
-                  default: c(() => t[3] || (t[3] = [
-                    v(" 组件模版 ")
+                  default: r(() => e[6] || (e[6] = [
+                    x(" 业务套件 ")
                   ])),
                   _: 1,
-                  __: [3]
+                  __: [6]
                 })
               ]),
               _: 1
@@ -83,66 +91,132 @@ const G = { class: "widget-group-name" }, K = { class: "widget-col" }, L = { cla
           2
           /* CLASS */
         ),
-        i(
-          "div",
+        a(
+          L,
           {
-            class: u(s(x)())
+            ref_key: "carouselRef",
+            ref: y,
+            "model-value": 0
           },
-          [
-            (r(!0), l(
-              V,
-              null,
-              j(s(C), (e) => (r(), l("div", {
-                key: e.key,
-                class: "widget-group"
-              }, [
-                i(
-                  "div",
-                  G,
-                  _(e.name),
-                  1
-                  /* TEXT */
-                ),
-                e.widget ? (r(), E(s(z), {
-                  key: 0,
-                  list: e.widget,
-                  class: "widget-list-drag",
-                  "item-key": "key",
-                  group: { name: "form", pull: "clone", put: !1 },
-                  sort: !1,
-                  options: { animation: 150 },
-                  clone: N,
-                  onStart: (o) => S(e, o),
-                  onEnd: t[1] || (t[1] = (o) => s(p)(!1))
-                }, {
-                  item: c(({ element: o }) => [
-                    i("div", K, [
-                      i("div", L, [
-                        o.icon ? (r(), l("div", M, [
-                          d(s(h), {
-                            icon: o.icon
+          {
+            default: r(() => [
+              i(
+                "div",
+                {
+                  class: u(o($)())
+                },
+                [
+                  (l(!0), d(
+                    z,
+                    null,
+                    F(o(B), (t) => (l(), d("div", {
+                      key: t.key,
+                      class: "widget-group"
+                    }, [
+                      i(
+                        "div",
+                        M,
+                        v(t.name),
+                        1
+                        /* TEXT */
+                      ),
+                      t.widget ? (l(), J(o(h), {
+                        key: 0,
+                        list: t.widget,
+                        class: "widget-list-drag",
+                        "item-key": "key",
+                        group: { name: "form", pull: "clone", put: !1 },
+                        sort: !1,
+                        options: { animation: 150 },
+                        clone: I,
+                        onStart: e[1] || (e[1] = (n) => o(m)(!0)),
+                        onEnd: e[2] || (e[2] = (n) => o(m)(!1))
+                      }, {
+                        item: r(({ element: n }) => [
+                          i("div", U, [
+                            i("div", q, [
+                              n.icon ? (l(), d("div", A, [
+                                a(o(N), {
+                                  icon: n.icon
+                                }, null, 8, ["icon"])
+                              ])) : p("v-if", !0),
+                              i(
+                                "div",
+                                H,
+                                v(n.title),
+                                1
+                                /* TEXT */
+                              )
+                            ])
+                          ])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["list"])) : p("v-if", !0)
+                    ]))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                2
+                /* CLASS */
+              ),
+              i(
+                "div",
+                {
+                  class: u(o(j)())
+                },
+                [
+                  a(o(h), {
+                    list: o(E),
+                    class: "template-list-drag",
+                    "item-key": "key",
+                    group: { name: "form", pull: "clone", put: !1 },
+                    sort: !1,
+                    options: { animation: 150 },
+                    clone: R,
+                    onStart: e[3] || (e[3] = (t) => o(m)(!0)),
+                    onEnd: e[4] || (e[4] = (t) => o(m)(!1))
+                  }, {
+                    item: r(({ element: t }) => [
+                      i("div", P, [
+                        t.icon ? (l(), d("div", Q, [
+                          a(o(N), {
+                            icon: t.icon
                           }, null, 8, ["icon"])
-                        ])) : w("v-if", !0),
+                        ])) : p("v-if", !0),
                         i(
                           "div",
-                          T,
-                          _(o.title),
+                          X,
+                          v(t.name),
                           1
                           /* TEXT */
                         )
                       ])
-                    ])
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["list", "onStart"])) : w("v-if", !0)
-              ]))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ],
-          2
-          /* CLASS */
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["list"]),
+                  p(` <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" />
+            </div>
+            <div class="template-item-name">
+              {{ g.name }}
+            </div>
+          </div>
+        </div> `)
+                ],
+                2
+                /* CLASS */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          },
+          512
+          /* NEED_PATCH */
         )
       ],
       2
@@ -151,5 +225,5 @@ const G = { class: "widget-group-name" }, K = { class: "widget-col" }, L = { cla
   }
 });
 export {
-  Y as default
+  de as default
 };

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

@@ -1,56 +1,60 @@
-import { defineComponent as z, ref as g, nextTick as E, toRaw as R, openBlock as v, createElementBlock as h, normalizeClass as i, unref as e, createElementVNode as o, createVNode as n, withCtx as l, createCommentVNode as d, renderSlot as k, withDirectives as C, vShow as b } from "vue";
+import { defineComponent as z, ref as v, nextTick as A, toRaw as E, openBlock as h, createElementBlock as k, normalizeClass as c, unref as e, createElementVNode as o, createVNode as s, withCtx as i, createCommentVNode as f, renderSlot as C, withDirectives as b, vShow as x } from "vue";
 import "../internal.mjs";
-import { Tooltip as x, Form as T } from "ant-design-vue";
-import j from "vuedraggable";
-import { useInjectDragContext as B, useInjectDesignContext as J } from "../context/design.mjs";
+import { Tooltip as D, Form as R } from "ant-design-vue";
+import T from "vuedraggable";
+import { useInjectDragContext as j, useInjectDesignContext as B } from "../context/design.mjs";
 import "./panel/panel-item.vue2.mjs";
-import O from "./base/json-preview.vue.mjs";
+import J from "./base/json-preview.vue.mjs";
 import "./index.mjs";
-import { useNamespace as P } from "../hooks/use-namespace/index.mjs";
+import { useNamespace as O } from "../hooks/use-namespace/index.mjs";
 import S from "./form-icon.vue2.mjs";
-import q from "./panel/panel-item.vue.mjs";
-const A = { class: "left" }, G = { class: "right" }, H = { class: "content-panel" }, K = {
+import P from "./panel/panel-item.vue.mjs";
+const q = { class: "left" }, G = { class: "right" }, H = { class: "content-panel" }, K = {
   key: 0,
   class: "prompt"
 }, L = { class: "form-item" }, M = { class: "content-editor" }, le = /* @__PURE__ */ z({
   name: "FormPanel",
   __name: "form-panel",
   setup(Q) {
-    const f = g({}), { isDrag: w } = B(), r = g(!1), c = J(), { fields: m } = c;
-    function D() {
-      r.value = !r.value, E(() => {
-        f.value = c.getFormSchema();
-      });
-    }
+    const p = v({}), { isDrag: w } = j(), d = v(!1), a = B(), { fields: r } = a;
     function y() {
+      d.value = !d.value, A(() => {
+        p.value = a.getFormSchema();
+      });
     }
-    const { b: $, e: p, em: u } = P("panel");
     function F() {
-      const { shared: s } = c, { key: t } = s.draggedContext;
-      return t !== "";
     }
-    function I(s, t) {
-      const a = R(s), { oldIndex: N } = t, _ = a[N];
-      if (_) {
-        const { shared: V } = c;
-        V.draggedContext.key = _.key;
+    const { b: $, e: u, em: g } = O("panel");
+    function I(l, t) {
+      const n = E(l), { oldIndex: V } = t, m = n[V];
+      if (m) {
+        const { shared: _ } = a;
+        _.draggedContext.key = m.key, _.draggedContext.field = m;
       }
     }
-    return (s, t) => (v(), h(
+    async function N() {
+      const { shared: l } = a, { field: t } = l.draggedContext, n = {
+        source: t,
+        traget: r.value,
+        region: "form-panel"
+      };
+      a.hooks.syncDragAdd.call(n), a.setCheckedField(t);
+    }
+    return (l, t) => (h(), k(
       "div",
       {
-        class: i(e($)())
+        class: c(e($)())
       },
       [
         o(
           "div",
           {
-            class: i(e(p)("toolbar"))
+            class: c(e(u)("toolbar"))
           },
           [
-            o("div", A, [
-              n(e(x), { placement: "bottom" }, {
-                title: l(() => t[1] || (t[1] = [
+            o("div", q, [
+              s(e(D), { placement: "bottom" }, {
+                title: i(() => t[1] || (t[1] = [
                   o(
                     "span",
                     null,
@@ -59,19 +63,19 @@ const A = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
                     /* CACHED */
                   )
                 ])),
-                default: l(() => [
-                  n(e(S), {
+                default: i(() => [
+                  s(e(S), {
                     name: "delete1",
-                    class: i(e(u)("toolbar", "icon")),
+                    class: c(e(g)("toolbar", "icon")),
                     size: 18,
-                    onClick: y
+                    onClick: F
                   }, null, 8, ["class"])
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              n(e(x), { placement: "bottom" }, {
-                title: l(() => t[2] || (t[2] = [
+              s(e(D), { placement: "bottom" }, {
+                title: i(() => t[2] || (t[2] = [
                   o(
                     "span",
                     null,
@@ -80,68 +84,69 @@ const A = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
                     /* CACHED */
                   )
                 ])),
-                default: l(() => [
-                  n(e(S), {
+                default: i(() => [
+                  s(e(S), {
                     name: "code",
-                    class: i(e(u)("toolbar", "icon")),
+                    class: c(e(g)("toolbar", "icon")),
                     size: 18,
-                    onClick: D
+                    onClick: y
                   }, null, 8, ["class"])
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              d(` <FormIcon name="desktop" />
+              f(` <FormIcon name="desktop" />
         <FormIcon name="mobile" /> `)
             ]),
             o("div", G, [
-              k(s.$slots, "toolbar")
+              C(l.$slots, "toolbar")
             ])
           ],
           2
           /* CLASS */
         ),
-        d(' ref="contentTelRef" '),
+        f(' ref="contentTelRef" '),
         o(
           "div",
           {
-            class: i(e(p)("content"))
+            class: c(e(u)("content"))
           },
           [
-            C(o(
+            b(o(
               "div",
               H,
               [
-                !e(w) && e(m).length === 0 ? (v(), h("div", K, " 👈 请在左侧选择控件并拖至此处 ")) : d("v-if", !0),
-                n(e(T), {
+                !e(w) && e(r).length === 0 ? (h(), k("div", K, " 👈 请在左侧选择控件并拖至此处 ")) : f("v-if", !0),
+                s(e(R), {
                   autocomplete: "off",
                   class: "design-from",
                   "label-align": "left"
                 }, {
-                  default: l(() => [
-                    n(e(j), {
+                  default: i(() => [
+                    s(e(T), {
                       class: "drag-from",
-                      list: e(m),
-                      group: { name: "form", put: F },
+                      list: e(r),
+                      group: { name: "form" },
                       animation: 300,
                       sort: !0,
                       "item-key": "id",
                       "chosen-class": "choose",
-                      onStart: t[0] || (t[0] = (a) => I(e(m), a))
+                      onStart: t[0] || (t[0] = (n) => I(e(r), n)),
+                      onAdd: N
                     }, {
-                      item: l(({ element: a }) => [
+                      item: i(({ element: n }) => [
                         o("div", L, [
-                          k(s.$slots, `panel-${a.key}`, {}, () => [
-                            n(q, {
-                              field: a,
-                              space: e(m)
+                          C(l.$slots, `panel-${n.key}`, {}, () => [
+                            s(P, {
+                              field: n,
+                              space: e(r)
                             }, null, 8, ["field", "space"])
                           ])
                         ])
                       ]),
                       _: 3
                       /* FORWARDED */
-                    }, 8, ["list", "group"])
+                    }, 8, ["list"])
                   ]),
                   _: 3
                   /* FORWARDED */
@@ -150,18 +155,18 @@ const A = { class: "left" }, G = { class: "right" }, H = { class: "content-panel
               512
               /* NEED_PATCH */
             ), [
-              [b, !r.value]
+              [x, !d.value]
             ]),
-            C(o(
+            b(o(
               "div",
               M,
               [
-                n(O, { data: f.value }, null, 8, ["data"])
+                s(J, { data: p.value }, null, 8, ["data"])
               ],
               512
               /* NEED_PATCH */
             ), [
-              [b, r.value]
+              [x, d.value]
             ])
           ],
           2

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

@@ -1,19 +1,32 @@
-import { Input as r, Textarea as m, InputNumber as o } from "ant-design-vue";
+import { Input as m, Textarea as o, InputNumber as i } from "ant-design-vue";
 import "./widget/object.vue.mjs";
-import { panelWarpper as t } from "./panel-wrapper.mjs";
+import { panelWarpper as r } from "./panel-wrapper.mjs";
 import "./widget/select.vue.mjs";
 import "./widget/array-card.vue.mjs";
-import p from "./widget/select.vue2.mjs";
-import e from "./widget/object.vue2.mjs";
-import n from "./widget/array-card.vue2.mjs";
-const a = t(r), i = t(m), c = t(o), l = {
-  "k-input": a,
-  "k-textarea": i,
-  "k-input-number": c,
-  "k-select": p,
-  "k-object": e,
-  "k-array-card": n
+import "./widget/date-range.vue.mjs";
+import "./widget/date-single.vue.mjs";
+import "./widget/kit.vue.mjs";
+import "./widget/array-table.vue.mjs";
+import e from "./widget/select.vue2.mjs";
+import p 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 t from "./widget/kit.vue2.mjs";
+import c from "./widget/array-table.vue2.mjs";
+const s = r(m), _ = r(o), k = r(i), W = {
+  "k-input": s,
+  "k-textarea": _,
+  "k-input-number": k,
+  "k-select": e,
+  "k-object": p,
+  "k-date-range": a,
+  "k-date-single": n,
+  "k-array-card": f,
+  "k-overtime": t,
+  "k-leave": t,
+  "k-table": c
 };
 export {
-  l as widgetPanels
+  W as widgetPanels
 };