@kp-ui/lowcode 2.14.0-beta.2 → 2.14.0-beta.21

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 M, defineAsyncComponent as S, computed as f, ref as u, getCurrentInstance as L, onBeforeUnmount as V, resolveDirective as H, createBlock as I, openBlock as C, unref as r, mergeProps as J, withCtx as y, withDirectives as N, createElementBlock as P, createVNode as x, nextTick as U } from "vue";
+import { TpfModal as W } from "tmgc2-share";
+import A from "./SubmitButtonRender.vue.js";
+import { useLowcode as $ } from "../../hooks/useLowcode.js";
+const q = { class: "dialog-content" }, ne = /* @__PURE__ */ M({
   name: "dynamic-dialog",
   __name: "dynamic-dialog",
   props: {
@@ -43,121 +44,121 @@ 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: R }) {
+    const F = S(() => import("./index.vue.js")), t = n, D = f(() => t.options.height || "500px"), p = u(null), m = u(!1), l = u(!1), a = L(), { vfdRef: s, formConfig: z, getComponentJson: h, goBack: G } = $({
+      formCode: t.options.formCode,
+      ...t.vfCtx
+    }), O = f(() => ({
+      ...t.parentFormRef,
+      parentDom: a,
+      getParentFormRef: b
+    })), w = f(() => t.options.cancelButtonHidden && t.options.okButtonHidden ? { footer: null } : {});
+    V(() => {
+      var e, o;
+      console.log(t.parentFormRef), (o = (e = t.parentFormRef) == null ? void 0 : e.setChildFormRef) == null || o.call(e, 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 = () => {
+    const k = (e) => {
+      console.log("setLoading", e), m.value = e;
+    }, B = (e) => {
+      t.options.title = e;
+    }, T = () => {
       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();
+    }, j = async () => {
+      console.log(32132312132), l.value = !0, U(async () => {
+        var e, o;
+        t.options.readMode && ((e = s.value) == null || e.setReadMode(!0)), console.log({
+          ...t.vfCtx,
+          instance: a
+        }), await h([], t.options.formCode), (o = s.value) == null || o.setDialogOrDrawerRef(a), t.parentFormRef && t.parentFormRef.setChildFormRef(s.value), v();
       });
-    }, 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);
+    }, E = () => {
+      t.options.onDialogBeforeClose && new Function("done", t.options.onDialogBeforeClose).call(a) === !1 || (l.value = !1);
+    }, c = () => {
+      if (t.options.onDialogBeforeClose) {
+        const e = new Function(t.options.onDialogBeforeClose);
+        return console.log(e), e.call(a);
+      }
+      return !0;
     }, 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,
-      show: B,
-      close: J,
+      c() && (l.value = !1);
+    }, v = () => {
+      t.options.onDialogOpened && new Function(t.options.onDialogOpened).call(a);
+    }, b = () => t.parentFormRef;
+    return R({
+      setleftText: (e) => {
+        p.value = e;
+      },
+      setLoading: k,
+      setTitle: B,
+      beforeOpen: T,
+      show: j,
+      close: E,
       handleBeforeClose: c,
-      handleCloseEvent: p,
-      handleOpenedEvent: g,
-      getParentFormRef: v,
-      getFormRef: () => (console.log("getFormRef"), a.value),
-      getWidgetRef: (e, t = !1) => a.value.getWidgetRef(e, t),
+      handleCloseEvent: g,
+      handleOpenedEvent: v,
+      getParentFormRef: b,
+      getFormRef: () => (console.log("getFormRef"), s.value),
+      getWidgetRef: (e, o = !1) => {
+        var i;
+        return (i = s.value) == null ? void 0 : i.getWidgetRef(e, 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 e, o, i;
+        (i = (o = (e = t.vfCtx) == null ? void 0 : e.parent) == null ? void 0 : o.exposed) != null && i.updateTable && t.vfCtx.parent.exposed.updateTable();
       },
-      getExtraData: () => o.extraData
-    }), (e, t) => {
-      const s = V("loading");
-      return y(), I(f(H), N({
+      getExtraData: () => t.extraData
+    }), (e, o) => {
+      const i = H("loading");
+      return C(), I(r(W), J({
         class: "tpf-model design-model",
         destroyOnClose: !0,
         title: n.options.title,
         bodyStyle: {
-          height: n.options.height,
+          height: D.value,
           overflow: "auto",
           ...JSON.parse(n.options.bodyStyle || "{}")
         },
         centered: !0,
         visible: l.value,
-        "onUpdate:visible": t[1] || (t[1] = (r) => l.value = r),
+        "onUpdate:visible": o[1] || (o[1] = (d) => l.value = d),
         width: n.options.width,
         mask: n.options.showModal,
         maskClosable: n.options.closeOnClickModal,
         keyboard: n.options.closeOnPressEscape,
-        onCancel: p
-      }, x.value), {
-        footerRight: C(() => [
-          R(Q, {
+        onCancel: g,
+        "left-num": p.value
+      }, w.value), {
+        footerRight: y(() => [
+          x(A, {
             "dialog-visible": l.value,
-            "onUpdate:dialogVisible": t[0] || (t[0] = (r) => l.value = r),
+            "onUpdate:dialogVisible": o[0] || (o[0] = (d) => l.value = d),
             handleBeforeClose: c,
             options: n.options,
-            ctx: f(a)
+            ctx: r(s)
           }, 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,
-              vfCtx: n.vfCtx,
-              "option-data": n.optionData,
-              "global-dsv": n.globalDsv,
-              "parent-form": h.value,
+        default: y(() => [
+          N((C(), P("div", q, [
+            x(r(F), {
+              ref_key: "vfdRef",
+              ref: s,
+              vfCtx: {
+                ...n.vfCtx,
+                instance: r(a)
+              },
+              "parent-form": O.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]
+            [i, m.value]
           ])
         ]),
         _: 1
-      }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard"]);
+      }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "left-num"]);
     };
   }
 });
 export {
-  ee as default
+  ne as default
 };