@kp-ui/lowcode 2.14.0-beta.5 → 2.14.0-beta.6

package/src/components/form-render/container-item/vf-collapse-item.vue.js

@@ -1,6 +1,6 @@
-import L from "./container-item-wrapper.vue.js";
+import L from "./container-item-wrapper.vue2.js";
 import I from "../../../utils/emitter.js";
-import { defineAsyncComponent as j, resolveComponent as f, withDirectives as F, createBlock as s, openBlock as i, withCtx as d, createElementVNode as C, createVNode as c, createElementBlock as m, createCommentVNode as y, normalizeClass as S, Fragment as u, renderList as l, resolveDynamicComponent as g, createSlots as p, renderSlot as w, mergeProps as h, Transition as D, normalizeStyle as N, vShow as O } from "vue";
+import { defineAsyncComponent as j, resolveComponent as f, withDirectives as F, createBlock as s, openBlock as o, withCtx as d, createElementVNode as C, createVNode as c, createElementBlock as m, createCommentVNode as _, normalizeClass as S, Fragment as u, renderList as l, resolveDynamicComponent as g, createSlots as p, renderSlot as w, mergeProps as h, Transition as D, normalizeStyle as N, vShow as O } from "vue";
 import M from "../../../utils/i18n.js";
 import T from "../../form-designer/form-widget/field-widget/index.js";
 import B from "../refMixin.js";
@@ -106,10 +106,10 @@ const E = {
     },
     async loadFormCode(t) {
       if (t) {
-        const _ = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
+        const y = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
           params: { code: t }
         }).then((e) => e.data.object.frontendDefinition || "{}");
-        this.$refs.dFormRef.setFormJson(JSON.parse(_));
+        this.$refs.dFormRef.setFormJson(JSON.parse(y));
       }
     },
     handleOnCreated() {
@@ -123,9 +123,9 @@ const E = {
     }
   }
 }, P = { class: "tpf-collapse" }, q = { class: "tpf-collapse-header" };
-function G(t, _, e, Q, U, b) {
+function G(t, y, e, Q, U, b) {
   const R = f("TpfCollapseTitle"), v = f("SvgIcon"), k = f("a-space"), x = f("container-item-wrapper");
-  return F((i(), s(x, { widget: e.widget }, {
+  return F((o(), s(x, { widget: e.widget }, {
     default: d(() => [
       C("div", P, [
         C("div", q, [
@@ -144,12 +144,12 @@ function G(t, _, e, Q, U, b) {
             ]),
             _: 1
           }),
-          e.widget.options.isCollapse ? y("", !0) : (i(), m("div", {
+          e.widget.options.isCollapse ? _("", !0) : (o(), m("div", {
             key: 0,
             class: S(["header-right", b.rightSlotCss])
           }, [
-            e.widget.headerRightSlotList && e.widget.headerRightSlotList.length > 0 ? (i(!0), m(u, { key: 0 }, l(e.widget.headerRightSlotList, (n, a) => (i(), m(u, null, [
-              n.category === "container" ? (i(), s(g(t.getComponentByContainer(n)), {
+            e.widget.headerRightSlotList && e.widget.headerRightSlotList.length > 0 ? (o(!0), m(u, { key: 0 }, l(e.widget.headerRightSlotList, (n, a) => (o(), m(u, null, [
+              n.category === "container" ? (o(), s(g(t.getComponentByContainer(n)), {
                 widget: n,
                 key: a,
                 "parent-list": e.widget.headerRightSlotList,
@@ -160,13 +160,13 @@ function G(t, _, e, Q, U, b) {
                 "sub-form-col-index": e.subFormColIndex,
                 data: e.model[e.widget.options.name]
               }, p({ _: 2 }, [
-                l(Object.keys(t.$slots), (o) => ({
-                  name: o,
+                l(Object.keys(t.$slots), (i) => ({
+                  name: i,
                   fn: d((r) => [
-                    w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                    w(t.$slots, i, h({ ref_for: !0 }, r), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index", "data"])) : (i(), s(g(n.type + "-widget"), {
+              ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index", "data"])) : (o(), s(g(n.type + "-widget"), {
                 field: n,
                 designer: null,
                 key: a,
@@ -174,14 +174,14 @@ function G(t, _, e, Q, U, b) {
                 "index-of-parent-list": a,
                 "parent-widget": e.widget
               }, p({ _: 2 }, [
-                l(Object.keys(t.$slots), (o) => ({
-                  name: o,
+                l(Object.keys(t.$slots), (i) => ({
+                  name: i,
                   fn: d((r) => [
-                    w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                    w(t.$slots, i, h({ ref_for: !0 }, r), void 0, !0)
                   ])
                 }))
               ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
-            ], 64))), 256)) : y("", !0)
+            ], 64))), 256)) : _("", !0)
           ], 2))
         ]),
         c(D, {
@@ -198,8 +198,8 @@ function G(t, _, e, Q, U, b) {
                 ...JSON.parse(e.widget.options.bodyStyle || "{}")
               })
             }, [
-              e.widget.defaultSlotsList && e.widget.defaultSlotsList.length > 0 ? (i(!0), m(u, { key: 0 }, l(e.widget.defaultSlotsList, (n, a) => (i(), m(u, null, [
-                n.category === "container" ? (i(), s(g(t.getComponentByContainer(n)), {
+              e.widget.defaultSlotsList && e.widget.defaultSlotsList.length > 0 ? (o(!0), m(u, { key: 0 }, l(e.widget.defaultSlotsList, (n, a) => (o(), m(u, null, [
+                n.category === "container" ? (o(), s(g(t.getComponentByContainer(n)), {
                   widget: n,
                   key: a,
                   "parent-list": e.widget.defaultSlotsList,
@@ -211,13 +211,13 @@ function G(t, _, e, Q, U, b) {
                   data: e.model[n.options.name],
                   model: e.model
                 }, p({ _: 2 }, [
-                  l(Object.keys(t.$slots), (o) => ({
-                    name: o,
+                  l(Object.keys(t.$slots), (i) => ({
+                    name: i,
                     fn: d((r) => [
-                      w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                      w(t.$slots, i, h({ ref_for: !0 }, r), void 0, !0)
                     ])
                   }))
-                ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index", "data", "model"])) : (i(), s(g(n.type + "-widget"), {
+                ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index", "data", "model"])) : (o(), s(g(n.type + "-widget"), {
                   field: n,
                   designer: null,
                   key: a,
@@ -225,14 +225,14 @@ function G(t, _, e, Q, U, b) {
                   "index-of-parent-list": a,
                   "parent-widget": e.widget
                 }, p({ _: 2 }, [
-                  l(Object.keys(t.$slots), (o) => ({
-                    name: o,
+                  l(Object.keys(t.$slots), (i) => ({
+                    name: i,
                     fn: d((r) => [
-                      w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                      w(t.$slots, i, h({ ref_for: !0 }, r), void 0, !0)
                     ])
                   }))
                 ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
-              ], 64))), 256)) : y("", !0)
+              ], 64))), 256)) : _("", !0)
             ], 4), [
               [O, !e.widget.options.isCollapse]
             ])

package/src/components/form-render/dynamic-dialog.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as T, defineAsyncComponent as E, ref as b, getCurrentInstance as S, computed as F, onBeforeUnmount as L, resolveDirective as V, createBlock as I, openBlock as y, unref as f, mergeProps as N, withCtx as C, withDirectives as P, createElementBlock as U, createVNode as R, nextTick as W } from "vue";
-import { useComRef as A, TpfModal as H, http as q } from "tmgc2-share";
-import Q from "./SubmitButtonRender.vue.js";
-const $ = { class: "dialog-content" }, ee = /* @__PURE__ */ T({
+import { defineComponent as T, defineAsyncComponent as E, ref as g, getCurrentInstance as M, computed as v, onBeforeUnmount as S, resolveDirective as L, createBlock as V, openBlock as b, unref as c, mergeProps as I, withCtx as C, withDirectives as J, createElementBlock as P, createVNode as y, nextTick as U } from "vue";
+import { TpfModal as W } from "tmgc2-share";
+import A from "./SubmitButtonRender.vue.js";
+import { useLowcode as H } from "../../hooks/useLowcode.js";
+const N = { class: "dialog-content" }, ee = /* @__PURE__ */ T({
   name: "dynamic-dialog",
   __name: "dynamic-dialog",
   props: {
@@ -43,71 +44,60 @@ const $ = { class: "dialog-content" }, ee = /* @__PURE__ */ T({
       default: null
     }
   },
-  setup(n, { expose: D }) {
-    const u = E(() => import("./index.vue.js")), o = n, i = b(!1), l = b(!1), a = A(u), d = S(), h = F(() => ({
-      ...o.parentFormRef,
-      parentDom: d,
-      getParentFormRef: v
-    })), x = F(() => o.options.cancelButtonHidden && o.options.okButtonHidden ? { footer: null } : {});
-    L(() => {
-      var e, t;
-      console.log(o.parentFormRef), (t = (e = o.parentFormRef) == null ? void 0 : e.setChildFormRef) == null || t.call(e, null);
+  setup(n, { expose: F }) {
+    const R = E(() => import("./index.vue.js")), e = n, f = g(!1), a = g(!1), i = M(), { vfdRef: l, formConfig: $, getComponentJson: x, goBack: q } = H({
+      formCode: e.options.formCode,
+      ...e.vfCtx
+    }), D = v(() => ({
+      ...e.parentFormRef,
+      parentDom: i,
+      getParentFormRef: m
+    })), O = v(() => e.options.cancelButtonHidden && e.options.okButtonHidden ? { footer: null } : {});
+    S(() => {
+      var t, o;
+      console.log(e.parentFormRef), (o = (t = e.parentFormRef) == null ? void 0 : t.setChildFormRef) == null || o.call(t, null);
     });
-    const m = async () => {
-      var e, t;
-      if (o.options.formCode) {
-        i.value = !0;
-        try {
-          const s = await q.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
-            params: { code: o.options.formCode }
-          }).then((M) => M.data.object.frontendDefinition || "{}"), r = JSON.parse(s);
-          console.log("formJson: ", r), (t = (e = a.value) == null ? void 0 : e.setFormJson) == null || t.call(e, r);
-        } catch {
-        }
-        i.value = !1;
-      }
-    }, O = (e) => {
-      console.log("setLoading", e), i.value = e;
-    }, w = (e) => {
-      a.value.setFormJson(e);
-    }, k = (e) => {
-      o.options.title = e;
-    }, j = () => {
-      l.value = !0;
-    }, B = () => {
-      l.value = !0, W(() => {
-        var e;
-        o.options.readMode && a.value.setReadMode(!0), m(), console.log(a.value), (e = a.value) == null || e.setDialogOrDrawerRef(d), o.parentFormRef && o.parentFormRef.setChildFormRef(a.value), g();
+    const h = (t) => {
+      console.log("setLoading", t), f.value = t;
+    }, w = (t) => {
+      e.options.title = t;
+    }, k = () => {
+      a.value = !0;
+    }, B = async () => {
+      a.value = !0, U(async () => {
+        var t, o;
+        e.options.readMode && ((t = l.value) == null || t.setReadMode(!0)), await x([], e.options.formCode), (o = l.value) == null || o.setDialogOrDrawerRef(i), e.parentFormRef && e.parentFormRef.setChildFormRef(l.value), p();
       });
-    }, J = () => {
-      o.options.onDialogBeforeClose && new Function("done", o.options.onDialogBeforeClose).call(d) === !1 || (l.value = !1);
-    }, c = () => o.options.onDialogBeforeClose ? new Function(o.options.onDialogBeforeClose).call(d) : !0, p = () => {
-      c() && (l.value = !1);
-    }, g = () => {
-      o.options.onDialogOpened && new Function(o.options.onDialogOpened).call(d);
-    }, v = () => o.parentFormRef;
-    return D({
-      loadFormCode: m,
-      setLoading: O,
-      setFormJson: w,
-      setTitle: k,
-      beforeOpen: j,
+    }, j = () => {
+      e.options.onDialogBeforeClose && new Function("done", e.options.onDialogBeforeClose).call(i) === !1 || (a.value = !1);
+    }, r = () => e.options.onDialogBeforeClose ? new Function(e.options.onDialogBeforeClose).call(i) : !0, u = () => {
+      r() && (a.value = !1);
+    }, p = () => {
+      e.options.onDialogOpened && new Function(e.options.onDialogOpened).call(i);
+    }, m = () => e.parentFormRef;
+    return F({
+      setLoading: h,
+      setTitle: w,
+      beforeOpen: k,
       show: B,
-      close: J,
-      handleBeforeClose: c,
-      handleCloseEvent: p,
-      handleOpenedEvent: g,
-      getParentFormRef: v,
-      getFormRef: () => (console.log("getFormRef"), a.value),
-      getWidgetRef: (e, t = !1) => a.value.getWidgetRef(e, t),
+      close: j,
+      handleBeforeClose: r,
+      handleCloseEvent: u,
+      handleOpenedEvent: p,
+      getParentFormRef: m,
+      getFormRef: () => (console.log("getFormRef"), l.value),
+      getWidgetRef: (t, o = !1) => {
+        var s;
+        return (s = l.value) == null ? void 0 : s.getWidgetRef(t, o);
+      },
       updateTable: () => {
-        var e, t, s;
-        (s = (t = (e = o.vfCtx) == null ? void 0 : e.parent) == null ? void 0 : t.exposed) != null && s.updateTable && o.vfCtx.parent.exposed.updateTable();
+        var t, o, s;
+        (s = (o = (t = e.vfCtx) == null ? void 0 : t.parent) == null ? void 0 : o.exposed) != null && s.updateTable && e.vfCtx.parent.exposed.updateTable();
       },
-      getExtraData: () => o.extraData
-    }), (e, t) => {
-      const s = V("loading");
-      return y(), I(f(H), N({
+      getExtraData: () => e.extraData
+    }), (t, o) => {
+      const s = L("loading");
+      return b(), V(c(W), I({
         class: "tpf-model design-model",
         destroyOnClose: !0,
         title: n.options.title,
@@ -117,40 +107,35 @@ const $ = { class: "dialog-content" }, ee = /* @__PURE__ */ T({
           ...JSON.parse(n.options.bodyStyle || "{}")
         },
         centered: !0,
-        visible: l.value,
-        "onUpdate:visible": t[1] || (t[1] = (r) => l.value = r),
+        visible: a.value,
+        "onUpdate:visible": o[1] || (o[1] = (d) => a.value = d),
         width: n.options.width,
         mask: n.options.showModal,
         maskClosable: n.options.closeOnClickModal,
         keyboard: n.options.closeOnPressEscape,
-        onCancel: p
-      }, x.value), {
+        onCancel: u
+      }, O.value), {
         footerRight: C(() => [
-          R(Q, {
-            "dialog-visible": l.value,
-            "onUpdate:dialogVisible": t[0] || (t[0] = (r) => l.value = r),
-            handleBeforeClose: c,
+          y(A, {
+            "dialog-visible": a.value,
+            "onUpdate:dialogVisible": o[0] || (o[0] = (d) => a.value = d),
+            handleBeforeClose: r,
             options: n.options,
-            ctx: f(a)
+            ctx: c(l)
           }, null, 8, ["dialog-visible", "options", "ctx"])
         ]),
         default: C(() => [
-          P((y(), U("div", $, [
-            R(f(u), {
-              isLoading: i.value,
-              ref_key: "dFormRef",
-              ref: a,
-              "form-json": n.formJson,
-              "form-data": n.formData,
+          J((b(), P("div", N, [
+            y(c(R), {
+              ref_key: "vfdRef",
+              ref: l,
               vfCtx: n.vfCtx,
-              "option-data": n.optionData,
-              "global-dsv": n.globalDsv,
-              "parent-form": h.value,
+              "parent-form": D.value,
               "disabled-mode": n.options.disabledMode,
               "dynamic-creation": !0
-            }, null, 8, ["isLoading", "form-json", "form-data", "vfCtx", "option-data", "global-dsv", "parent-form", "disabled-mode"])
+            }, null, 8, ["vfCtx", "parent-form", "disabled-mode"])
           ])), [
-            [s, i.value]
+            [s, f.value]
           ])
         ]),
         _: 1