@king-one/form-design 0.0.2 → 0.0.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/form-design
 
+## 0.0.4
+
+### Patch Changes
+
+- test：测试 monaco 的构建
+
+## 0.0.3
+
+### Patch Changes
+
+- test: 测试设计器 monaco 的构建
+
 ## 0.0.2
 
 ### Patch Changes

package/dist/es/index.mjs

@@ -1,10 +1,18 @@
 import "./src/index.mjs";
-import { default as m } from "./src/components/form-desgin.mjs";
-import { CreateFormDesign as t } from "./src/core/index.mjs";
-import { BaseSchema as p, LayoutSchema as s } from "./src/config/index.mjs";
+import { default as t } from "./src/components/panel/panel-item.vue.mjs";
+import { useInjectDesignContext as n } from "./src/context/design.mjs";
+import { default as s } from "./src/components/form-desgin.mjs";
+import { CreateFormDesign as i } from "./src/core/index.mjs";
+import { BaseSchema as p, ExtendSchema as g, LayoutSchema as D } from "./src/config/index.mjs";
+import { onDesignFieldChange as d, onDesignInit as h } from "./src/effects/onEffects.mjs";
 export {
   p as BaseSchema,
-  t as CreateFormDesign,
-  m as FormDesign,
-  s as LayoutSchema
+  i as CreateFormDesign,
+  g as ExtendSchema,
+  s as FormDesign,
+  t as FormPanelItem,
+  D as LayoutSchema,
+  d as onDesignFieldChange,
+  h as onDesignInit,
+  n as useInjectDesignContext
 };

package/dist/es/src/components/form-desgin.mjs

@@ -1,29 +1,61 @@
-import { defineComponent as s, ref as t, h as r } from "vue";
+import { defineComponent as n, ref as i, h as o } from "vue";
 import "../internal.mjs";
-import { useProvideDragContext as i, useProvideDesignContext as n } from "../context/design.mjs";
+import { useProvideDragContext as a, useProvideDesignContext as p } from "../context/design.mjs";
 import "./index.mjs";
-import { FormDesignProps as p } from "./types.mjs";
-import { useNamespace as a } from "../hooks/use-namespace/index.mjs";
-import f from "./form-material.vue.mjs";
-import u from "./form-panel.vue.mjs";
-import c from "./form-setting.vue.mjs";
+import { FormDesignProps as f } from "./types.mjs";
+import { merge as c } from "../utils/merge.mjs";
+import { useNamespace as g } from "../hooks/use-namespace/index.mjs";
+import u from "./form-material.vue.mjs";
+import l from "./form-panel.vue.mjs";
+import d from "./form-setting.vue.mjs";
 const {
-  b: g
-} = a("main"), $ = /* @__PURE__ */ s({
+  b: D
+} = g("main"), _ = {
+  config: {
+    theme: "dark",
+    tags: ["frontend", "vue"]
+  }
+}, v = {
+  config: {
+    language: "zh-CN",
+    tags: ["typescript", "javascript"]
+  }
+}, C = c(_, v, {
+  // customMerge: () => {
+  //   return (target, source) => {
+  //     if (Array.isArray(target) && Array.isArray(source)) {
+  //       return [...source, ...target]
+  //     }
+  //     return source
+  //   }
+  // }
+  // isMergeableObject: (value) => {
+  //   const type = value !== null && typeof value === 'object'
+  //   return type
+  // }
+});
+console.log(C);
+const z = /* @__PURE__ */ n({
   name: "FormDesign",
-  props: p,
-  setup(e) {
-    const o = t(!1);
-    return i({
-      isDrag: o,
+  props: f,
+  setup(e, {
+    slots: t
+  }) {
+    const {
+      toolbar: s
+    } = t, r = i(!1);
+    return a({
+      isDrag: r,
       updateDrag: (m) => {
-        o.value = m;
+        r.value = m;
       }
-    }), n(e.design), () => r("form", {
-      class: g()
-    }, [r(f), r(u), r(c)]);
+    }), p(e.design), () => o("form", {
+      class: D()
+    }, [o(u), o(l, {}, {
+      toolbar: s
+    }), o(d)]);
   }
 });
 export {
-  $ as default
+  z as default
 };

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

@@ -1,65 +1,76 @@
-import { defineComponent as N, ref as B, openBlock as n, createElementBlock as a, normalizeClass as d, unref as e, createElementVNode as i, createVNode as r, withCtx as l, createTextVNode as p, Fragment as V, renderList as E, toDisplayString as g, createBlock as I, createCommentVNode as v } from "vue";
+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 "../internal.mjs";
-import { RadioGroup as S, RadioButton as _ } from "ant-design-vue";
-import j from "vuedraggable";
-import { uid as z } from "@king-one/utils";
-import { useInjectDragContext as F, useInjectDesignContext as R } from "../context/design.mjs";
-import G from "./base/widget-icon.mjs";
-import { useNamespace as u } from "../hooks/use-namespace/index.mjs";
-const K = { class: "widget-group-name" }, L = { class: "widget-col" }, M = { class: "widget-item" }, T = {
+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 = {
   key: 0,
   class: "widget-item-icon"
-}, U = { class: "widget-item-title" }, W = /* @__PURE__ */ N({
+}, T = { class: "widget-item-title" }, Y = /* @__PURE__ */ B({
   name: "FormMaterial",
   __name: "form-material",
-  setup($) {
-    const { updateDrag: m } = F(), { b: w } = u("material"), { b } = u("toolbar"), { b: k } = u("widget"), y = R(), { schema: C } = y, c = B("1");
-    function x(f) {
-      const t = z();
+  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 {
-        ...f,
-        name: t,
-        id: t
+        ...o,
+        name: a,
+        id: a,
+        "k-design-props": Object.assign({
+          validate: {
+            status: "",
+            message: ""
+          }
+        }, n["k-design-props"] || {})
       };
     }
-    function D() {
-      m(!0);
+    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);
     }
-    return (f, t) => (n(), a(
+    return (n, t) => (r(), l(
       "div",
       {
-        class: d(e(w)())
+        class: u(s(y)())
       },
       [
         i(
           "div",
           {
-            class: d(e(b)())
+            class: u(s(b)())
           },
           [
-            r(e(S), {
-              value: c.value,
-              "onUpdate:value": t[0] || (t[0] = (o) => c.value = o),
+            d(s(O), {
+              value: f.value,
+              "onUpdate:value": t[0] || (t[0] = (e) => f.value = e),
               "button-style": "solid",
               size: "default"
             }, {
-              default: l(() => [
-                r(e(_), {
+              default: c(() => [
+                d(s(k), {
                   class: "toolbar-button",
                   value: "1"
                 }, {
-                  default: l(() => t[2] || (t[2] = [
-                    p(" 组件库 ")
+                  default: c(() => t[2] || (t[2] = [
+                    v(" 组件库 ")
                   ])),
                   _: 1,
                   __: [2]
                 }),
-                r(e(_), {
+                d(s(k), {
                   class: "toolbar-button",
                   value: "2"
                 }, {
-                  default: l(() => t[3] || (t[3] = [
-                    p(" 流程模版 ")
+                  default: c(() => t[3] || (t[3] = [
+                    v(" 流程模版 ")
                   ])),
                   _: 1,
                   __: [3]
@@ -75,47 +86,47 @@ const K = { class: "widget-group-name" }, L = { class: "widget-col" }, M = { cla
         i(
           "div",
           {
-            class: d(e(k)())
+            class: u(s(x)())
           },
           [
-            (n(!0), a(
+            (r(!0), l(
               V,
               null,
-              E(e(C), (o) => (n(), a("div", {
-                key: o.key,
+              j(s(C), (e) => (r(), l("div", {
+                key: e.key,
                 class: "widget-group"
               }, [
                 i(
                   "div",
-                  K,
-                  g(o.name),
+                  G,
+                  _(e.name),
                   1
                   /* TEXT */
                 ),
-                o.widget ? (n(), I(e(j), {
+                e.widget ? (r(), E(s(z), {
                   key: 0,
-                  list: o.widget,
+                  list: e.widget,
                   class: "widget-list-drag",
                   "item-key": "key",
                   group: { name: "form", pull: "clone", put: !1 },
                   sort: !1,
                   options: { animation: 150 },
-                  clone: x,
-                  onStart: D,
-                  onEnd: t[1] || (t[1] = (s) => e(m)(!1))
+                  clone: N,
+                  onStart: (o) => S(e, o),
+                  onEnd: t[1] || (t[1] = (o) => s(p)(!1))
                 }, {
-                  item: l(({ element: s }) => [
-                    i("div", L, [
-                      i("div", M, [
-                        s.icon ? (n(), a("div", T, [
-                          r(e(G), {
-                            icon: s.icon
+                  item: c(({ element: o }) => [
+                    i("div", K, [
+                      i("div", L, [
+                        o.icon ? (r(), l("div", M, [
+                          d(s(h), {
+                            icon: o.icon
                           }, null, 8, ["icon"])
-                        ])) : v("v-if", !0),
+                        ])) : w("v-if", !0),
                         i(
                           "div",
-                          U,
-                          g(s.title),
+                          T,
+                          _(o.title),
                           1
                           /* TEXT */
                         )
@@ -124,7 +135,7 @@ const K = { class: "widget-group-name" }, L = { class: "widget-col" }, M = { cla
                   ]),
                   _: 2
                   /* DYNAMIC */
-                }, 1032, ["list"])) : v("v-if", !0)
+                }, 1032, ["list", "onStart"])) : w("v-if", !0)
               ]))),
               128
               /* KEYED_FRAGMENT */
@@ -140,5 +151,5 @@ const K = { class: "widget-group-name" }, L = { class: "widget-col" }, M = { cla
   }
 });
 export {
-  W as default
+  Y as default
 };

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

@@ -1,47 +1,58 @@
-import { defineComponent as S, useTemplateRef as F, ref as N, openBlock as p, createElementBlock as u, normalizeClass as l, unref as e, createElementVNode as t, createVNode as o, withCtx as n, createCommentVNode as i, withDirectives as _, renderSlot as T, vShow as h } from "vue";
+import { defineComponent as V, useTemplateRef as $, ref as R, toRaw as z, openBlock as g, createElementBlock as _, normalizeClass as r, unref as e, createElementVNode as o, createVNode as n, withCtx as a, createCommentVNode as d, renderSlot as h, withDirectives as v, vShow as k } from "vue";
 import "../internal.mjs";
-import { Tooltip as v, Form as V } from "ant-design-vue";
-import y from "vuedraggable";
-import { useInjectDragContext as I, useInjectDesignContext as $ } from "../context/design.mjs";
-import "./panel/panel-item.vue.mjs";
+import { Tooltip as C, Form as j } from "ant-design-vue";
+import B from "vuedraggable";
+import { useInjectDragContext as J, useInjectDesignContext as M } from "../context/design.mjs";
+import "./panel/panel-item.vue2.mjs";
 import "./index.mjs";
-import { useMonaco as z } from "../hooks/use-monaco.mjs";
-import { useNamespace as j } from "../hooks/use-namespace/index.mjs";
-import g from "./form-icon.vue2.mjs";
-import B from "./panel/panel-item.vue2.mjs";
-const R = { class: "left" }, J = { class: "content-panel" }, M = {
+import { useMonaco as O } from "../hooks/use-monaco.mjs";
+import { useNamespace as P } from "../hooks/use-namespace/index.mjs";
+import b 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 = {
   key: 0,
   class: "prompt"
-}, O = { class: "form-item" }, P = {
+}, L = { class: "form-item" }, Q = {
   ref: "contentEditorTel",
   class: "content-editor"
-}, ee = /* @__PURE__ */ S({
+}, re = /* @__PURE__ */ V({
   name: "FormPanel",
   __name: "form-panel",
-  setup(q) {
-    const b = F("contentEditorTel"), { isDrag: C } = I(), { setEditorValue: k } = z(b), s = N(!1), r = $(), { fields: c } = r;
+  setup(U) {
+    const S = $("contentEditorTel"), { isDrag: w } = J(), { setEditorValue: x } = O(S), i = R(!1), c = M(), { fields: m } = c;
     function E() {
-      s.value = !s.value, k(r.getFormSchema());
+      i.value = !i.value, x(c.getFormSchema());
     }
-    function w() {
+    function y() {
     }
-    const { b: x, e: m, em: d } = j("panel");
-    return (D, a) => (p(), u(
+    const { b: D, e: f, em: p } = P("panel");
+    function F() {
+      const { shared: s } = c, { key: t } = s.draggedContext;
+      return t !== "";
+    }
+    function I(s, t) {
+      const l = z(s), { oldIndex: N } = t, u = l[N];
+      if (u) {
+        const { shared: T } = c;
+        T.draggedContext.key = u.key;
+      }
+    }
+    return (s, t) => (g(), _(
       "div",
       {
-        class: l(e(x)())
+        class: r(e(D)())
       },
       [
-        t(
+        o(
           "div",
           {
-            class: l(e(m)("toolbar"))
+            class: r(e(f)("toolbar"))
           },
           [
-            t("div", R, [
-              o(e(v), { placement: "bottom" }, {
-                title: n(() => a[0] || (a[0] = [
-                  t(
+            o("div", A, [
+              n(e(C), { placement: "bottom" }, {
+                title: a(() => t[1] || (t[1] = [
+                  o(
                     "span",
                     null,
                     "全部删除",
@@ -49,20 +60,20 @@ const R = { class: "left" }, J = { class: "content-panel" }, M = {
                     /* CACHED */
                   )
                 ])),
-                default: n(() => [
-                  o(e(g), {
+                default: a(() => [
+                  n(e(b), {
                     name: "delete1",
-                    class: l(e(d)("toolbar", "icon")),
+                    class: r(e(p)("toolbar", "icon")),
                     size: 18,
-                    onClick: w
+                    onClick: y
                   }, null, 8, ["class"])
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              o(e(v), { placement: "bottom" }, {
-                title: n(() => a[1] || (a[1] = [
-                  t(
+              n(e(C), { placement: "bottom" }, {
+                title: a(() => t[2] || (t[2] = [
+                  o(
                     "span",
                     null,
                     "查看JSON Schema",
@@ -70,10 +81,10 @@ const R = { class: "left" }, J = { class: "content-panel" }, M = {
                     /* CACHED */
                   )
                 ])),
-                default: n(() => [
-                  o(e(g), {
+                default: a(() => [
+                  n(e(b), {
                     name: "code",
-                    class: l(e(d)("toolbar", "icon")),
+                    class: r(e(p)("toolbar", "icon")),
                     size: 18,
                     onClick: E
                   }, null, 8, ["class"])
@@ -81,51 +92,57 @@ const R = { class: "left" }, J = { class: "content-panel" }, M = {
                 _: 1
                 /* STABLE */
               }),
-              i(` <FormIcon name="desktop" />
+              d(` <FormIcon name="desktop" />
         <FormIcon name="mobile" /> `)
+            ]),
+            o("div", G, [
+              h(s.$slots, "toolbar")
             ])
           ],
           2
           /* CLASS */
         ),
-        i(' ref="contentTelRef" '),
-        t(
+        d(' ref="contentTelRef" '),
+        o(
           "div",
           {
-            class: l(e(m)("content"))
+            class: r(e(f)("content"))
           },
           [
-            _(t(
+            v(o(
               "div",
-              J,
+              H,
               [
-                !e(C) && e(c).length === 0 ? (p(), u("div", M, " 👈 请在左侧选择控件并拖至此处 ")) : i("v-if", !0),
-                o(e(V), {
+                !e(w) && e(m).length === 0 ? (g(), _("div", K, " 👈 请在左侧选择控件并拖至此处 ")) : d("v-if", !0),
+                n(e(j), {
                   autocomplete: "off",
                   class: "design-from",
-                  "label-col": { style: { width: "100px" } },
                   "label-align": "left"
                 }, {
-                  default: n(() => [
-                    o(e(y), {
+                  default: a(() => [
+                    n(e(B), {
                       class: "drag-from",
-                      list: e(c),
-                      group: "form",
+                      list: e(m),
+                      group: { name: "form", put: F },
                       animation: 300,
                       sort: !0,
                       "item-key": "id",
-                      "chosen-class": "choose"
+                      "chosen-class": "choose",
+                      onStart: t[0] || (t[0] = (l) => I(e(m), l))
                     }, {
-                      item: n(({ element: f }) => [
-                        t("div", O, [
-                          T(D.$slots, `panel-${f.key}`, {}, () => [
-                            o(B, { field: f }, null, 8, ["field"])
+                      item: a(({ element: l }) => [
+                        o("div", L, [
+                          h(s.$slots, `panel-${l.key}`, {}, () => [
+                            n(q, {
+                              field: l,
+                              space: e(m)
+                            }, null, 8, ["field", "space"])
                           ])
                         ])
                       ]),
                       _: 3
                       /* FORWARDED */
-                    }, 8, ["list"])
+                    }, 8, ["list", "group"])
                   ]),
                   _: 3
                   /* FORWARDED */
@@ -134,16 +151,16 @@ const R = { class: "left" }, J = { class: "content-panel" }, M = {
               512
               /* NEED_PATCH */
             ), [
-              [h, !s.value]
+              [k, !i.value]
             ]),
-            _(t(
+            v(o(
               "div",
-              P,
+              Q,
               null,
               512
               /* NEED_PATCH */
             ), [
-              [h, s.value]
+              [k, i.value]
             ])
           ],
           2
@@ -156,5 +173,5 @@ const R = { class: "left" }, J = { class: "content-panel" }, M = {
   }
 });
 export {
-  ee as default
+  re as default
 };