@kp-ui/lowcode 2.14.0-beta → 2.14.0-beta.10

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

@@ -0,0 +1,96 @@
+import p from "../../../utils/emitter.js";
+import x from "../../../utils/i18n.js";
+import I from "../refMixin.js";
+import C from "./container-item-wrapper.vue2.js";
+import y from "./table-cell-item.vue.js";
+import h from "./containerItemMixin.js";
+import { resolveComponent as s, createBlock as c, openBlock as t, withCtx as u, withDirectives as F, createElementBlock as r, createElementVNode as f, normalizeClass as k, Fragment as n, renderList as i, createCommentVNode as R, createSlots as v, renderSlot as L, mergeProps as N, vShow as S } from "vue";
+/* empty css                */
+import j from "../../../../_virtual/_plugin-vue_export-helper.js";
+const B = {
+  name: "table-item",
+  componentName: "ContainerItem",
+  mixins: [p, x, I, h],
+  components: {
+    ContainerItemWrapper: C,
+    TableCellItem: y
+  },
+  props: {
+    widget: Object,
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  inject: ["refList", "sfRefList", "globalModel"],
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+};
+function M(o, E, e, O, V, z) {
+  const w = s("table-cell-item"), b = s("container-item-wrapper");
+  return t(), c(b, { widget: e.widget }, {
+    default: u(() => [
+      F((t(), r("div", {
+        key: e.widget.id,
+        class: "table-container"
+      }, [
+        f("table", {
+          ref: e.widget.id,
+          class: k(["table-layout", [o.customClass]])
+        }, [
+          f("tbody", null, [
+            (t(!0), r(n, null, i(e.widget.rows, (m, _) => (t(), r("tr", {
+              key: m.id
+            }, [
+              (t(!0), r(n, null, i(m.cols, (d, l) => (t(), r(n, null, [
+                d.merged ? R("", !0) : (t(), c(w, {
+                  widget: d,
+                  key: l,
+                  "parent-list": e.widget.cols,
+                  "row-index": _,
+                  "col-index": l,
+                  "parent-widget": e.widget,
+                  "sub-form-row-id": e.subFormRowId,
+                  "sub-form-row-index": e.subFormRowIndex,
+                  "sub-form-col-index": e.subFormColIndex
+                }, v({ _: 2 }, [
+                  i(Object.keys(o.$slots), (a) => ({
+                    name: a,
+                    fn: u((g) => [
+                      L(o.$slots, a, N({ ref_for: !0 }, g), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["widget", "parent-list", "row-index", "col-index", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))
+              ], 64))), 256))
+            ]))), 128))
+          ])
+        ], 2)
+      ])), [
+        [S, !e.widget.options.hidden]
+      ])
+    ]),
+    _: 3
+  }, 8, ["widget"]);
+}
+const K = /* @__PURE__ */ j(B, [["render", M], ["__scopeId", "data-v-48955c34"]]);
+export {
+  K as default
+};

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

@@ -0,0 +1,252 @@
+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 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";
+import V from "./containerItemMixin.js";
+import { TpfCollapseTitle as z } from "tmgc2-share";
+import J from "../../svg-icon/index.vue.js";
+/* empty css                      */
+/* empty css                      */
+/* empty css                      */
+import A from "../../../../_virtual/_plugin-vue_export-helper.js";
+const E = {
+  name: "VfCollapseItem",
+  componentName: "ContainerItem",
+  // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
+  mixins: [I, M, B, V],
+  components: {
+    ContainerItemWrapper: L,
+    TpfCollapseTitle: z,
+    SvgIcon: J,
+    ...T,
+    VFormRender: j(() => import("../index.vue.js"))
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    model: {
+      type: Object,
+      default: () => ({})
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    },
+    formJson: {
+      type: Object
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    optionData: {
+      //prop传入的选项数据
+      type: Object,
+      default: () => ({})
+    },
+    globalDsv: {
+      // 全局数据源变量
+      type: Object,
+      default: () => ({})
+    },
+    parentFormRef: {
+      type: Object,
+      default: null
+    },
+    extraData: {
+      type: Object,
+      default: () => ({})
+    },
+    wrapperId: {
+      type: String,
+      default: null
+    }
+  },
+  inject: ["refList", "sfRefList", "globalModel", "getFormConfig", "getGlobalDsv"],
+  data() {
+    return {};
+  },
+  computed: {
+    rightSlotCss() {
+      return this.widget.options.rightSlotCss || "";
+    },
+    formConfig() {
+      return this.getFormConfig();
+    }
+  },
+  created() {
+    this.initRefList(), this.handleOnCreated();
+  },
+  mounted() {
+    this.loadFormCode(this.widget.options.formCode), this.$nextTick(() => {
+      this.handleOnMounted();
+    });
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    toggleCollapse() {
+      this.widget.options.isCollapse = !this.widget.options.isCollapse;
+    },
+    async loadFormCode(t) {
+      if (t) {
+        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(y));
+      }
+    },
+    handleOnCreated() {
+      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
+    },
+    handleOnMounted() {
+      this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
+    },
+    getFormRef() {
+      return this.$refs.dFormRef;
+    }
+  }
+}, P = { class: "tpf-collapse" }, q = { class: "tpf-collapse-header" };
+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((o(), s(x, { widget: e.widget }, {
+    default: d(() => [
+      C("div", P, [
+        C("div", q, [
+          c(k, { size: 5 }, {
+            default: d(() => [
+              c(R, {
+                title: e.widget.options.title
+              }, null, 8, ["title"]),
+              c(v, {
+                "icon-class": e.widget.options.isCollapse ? e.widget.options.collapseIcon : e.widget.options.unCollapseIcon,
+                size: "24px",
+                shadow: "",
+                cursor: "",
+                onClick: b.toggleCollapse
+              }, null, 8, ["icon-class", "onClick"])
+            ]),
+            _: 1
+          }),
+          e.widget.options.isCollapse ? _("", !0) : (o(), m("div", {
+            key: 0,
+            class: S(["header-right", b.rightSlotCss])
+          }, [
+            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,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget,
+                "sub-form-row-id": e.subFormRowId,
+                "sub-form-row-index": e.subFormRowIndex,
+                "sub-form-col-index": e.subFormColIndex,
+                data: e.model[e.widget.options.name]
+              }, p({ _: 2 }, [
+                l(Object.keys(t.$slots), (i) => ({
+                  name: i,
+                  fn: d((r) => [
+                    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"])) : (o(), s(g(n.type + "-widget"), {
+                field: n,
+                designer: null,
+                key: a,
+                "parent-list": e.widget.headerRightSlotList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget
+              }, p({ _: 2 }, [
+                l(Object.keys(t.$slots), (i) => ({
+                  name: i,
+                  fn: d((r) => [
+                    w(t.$slots, i, h({ ref_for: !0 }, r), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+            ], 64))), 256)) : _("", !0)
+          ], 2))
+        ]),
+        c(D, {
+          mode: "out-in",
+          appear: "",
+          "enter-active-class": "animate__animated animate__fadeIn animate__faster",
+          "leave-active-class": "animate__animated animate__fadeOut animate__faster"
+        }, {
+          default: d(() => [
+            F(C("div", {
+              class: S(["tpf-collapse-content"]),
+              style: N({
+                height: e.widget.options.height || "unset",
+                ...JSON.parse(e.widget.options.bodyStyle || "{}")
+              })
+            }, [
+              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,
+                  "index-of-parent-list": a,
+                  "parent-widget": e.widget,
+                  "sub-form-row-id": e.subFormRowId,
+                  "sub-form-row-index": e.subFormRowIndex,
+                  "sub-form-col-index": e.subFormColIndex,
+                  data: e.model[n.options.name],
+                  model: e.model
+                }, p({ _: 2 }, [
+                  l(Object.keys(t.$slots), (i) => ({
+                    name: i,
+                    fn: d((r) => [
+                      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"])) : (o(), s(g(n.type + "-widget"), {
+                  field: n,
+                  designer: null,
+                  key: a,
+                  "parent-list": e.widget.defaultSlotsList,
+                  "index-of-parent-list": a,
+                  "parent-widget": e.widget
+                }, p({ _: 2 }, [
+                  l(Object.keys(t.$slots), (i) => ({
+                    name: i,
+                    fn: d((r) => [
+                      w(t.$slots, i, h({ ref_for: !0 }, r), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+              ], 64))), 256)) : _("", !0)
+            ], 4), [
+              [O, !e.widget.options.isCollapse]
+            ])
+          ]),
+          _: 3
+        })
+      ])
+    ]),
+    _: 3
+  }, 8, ["widget"])), [
+    [O, !e.widget.options.hidden]
+  ]);
+}
+const re = /* @__PURE__ */ A(E, [["render", G], ["__scopeId", "data-v-dd25bb5f"]]);
+export {
+  re as default
+};

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

@@ -0,0 +1,12 @@
+import { createCommentVNode as e } from "vue";
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const o = {
+  name: "vf-dialog-item"
+};
+function r(n, a, c, m, f, s) {
+  return e("", !0);
+}
+const _ = /* @__PURE__ */ t(o, [["render", r]]);
+export {
+  _ as default
+};

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

@@ -0,0 +1,12 @@
+import { createCommentVNode as e } from "vue";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  name: "vf-drawer-item"
+};
+function o(n, a, c, m, f, s) {
+  return e("", !0);
+}
+const d = /* @__PURE__ */ r(t, [["render", o]]);
+export {
+  d as default
+};

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 E, defineAsyncComponent as M, computed as c, ref as v, getCurrentInstance as S, onBeforeUnmount as L, resolveDirective as V, createBlock as H, openBlock as b, unref as f, 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 N } from "../../hooks/useLowcode.js";
+const $ = { class: "dialog-content" }, te = /* @__PURE__ */ E({
   name: "dynamic-dialog",
   __name: "dynamic-dialog",
   props: {
@@ -43,114 +44,98 @@ 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 } : {});
+  setup(n, { expose: F }) {
+    const R = M(() => import("./index.vue.js")), e = n, x = c(() => e.options.height || "500px"), u = v(!1), a = v(!1), i = S(), { vfdRef: l, formConfig: q, getComponentJson: D, goBack: z } = N({
+      formCode: e.options.formCode,
+      ...e.vfCtx
+    }), h = c(() => ({
+      ...e.parentFormRef,
+      parentDom: i,
+      getParentFormRef: g
+    })), O = c(() => e.options.cancelButtonHidden && e.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);
+      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;
+    const w = (t) => {
+      console.log("setLoading", t), u.value = t;
+    }, k = (t) => {
+      e.options.title = t;
     }, 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();
+      a.value = !0;
+    }, j = async () => {
+      a.value = !0, U(async () => {
+        var t, o;
+        e.options.readMode && ((t = l.value) == null || t.setReadMode(!0)), await D([], e.options.formCode), (o = l.value) == null || o.setDialogOrDrawerRef(i), e.parentFormRef && e.parentFormRef.setChildFormRef(l.value), m();
       });
-    }, 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,
+    }, T = () => {
+      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, p = () => {
+      r() && (a.value = !1);
+    }, m = () => {
+      e.options.onDialogOpened && new Function(e.options.onDialogOpened).call(i);
+    }, g = () => e.parentFormRef;
+    return F({
+      setLoading: w,
       setTitle: k,
-      beforeOpen: j,
-      show: B,
-      close: J,
-      handleBeforeClose: c,
+      beforeOpen: B,
+      show: j,
+      close: T,
+      handleBeforeClose: r,
       handleCloseEvent: p,
-      handleOpenedEvent: g,
-      getParentFormRef: v,
-      getFormRef: () => (console.log("getFormRef"), a.value),
-      getWidgetRef: (e, t = !1) => a.value.getWidgetRef(e, t),
+      handleOpenedEvent: m,
+      getParentFormRef: g,
+      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) => {
+      getExtraData: () => e.extraData
+    }), (t, o) => {
       const s = V("loading");
-      return y(), I(f(H), N({
+      return b(), H(f(W), I({
         class: "tpf-model design-model",
         destroyOnClose: !0,
         title: n.options.title,
         bodyStyle: {
-          height: n.options.height,
+          height: x.value,
           overflow: "auto",
           ...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), {
+      }, 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: f(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", $, [
+            y(f(R), {
+              ref_key: "vfdRef",
+              ref: l,
               vfCtx: n.vfCtx,
-              "option-data": n.optionData,
-              "global-dsv": n.globalDsv,
               "parent-form": h.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, u.value]
           ])
         ]),
         _: 1
@@ -159,5 +144,5 @@ const $ = { class: "dialog-content" }, ee = /* @__PURE__ */ T({
   }
 });
 export {
-  ee as default
+  te as default
 };