@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

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

@@ -0,0 +1,96 @@
+import _ from "../../../utils/emitter.js";
+import x from "../../../utils/i18n.js";
+import I from "../refMixin.js";
+import C from "./container-item-wrapper.vue.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: [_, 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, g) => (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": g,
+                  "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((p) => [
+                      L(o.$slots, a, N({ ref_for: !0 }, p), 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.vue.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 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 _ = 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(_));
+      }
+    },
+    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, _, 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 }, {
+    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 ? y("", !0) : (i(), 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)), {
+                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), (o) => ({
+                  name: o,
+                  fn: d((r) => [
+                    w(t.$slots, o, 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"), {
+                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), (o) => ({
+                  name: o,
+                  fn: d((r) => [
+                    w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+            ], 64))), 256)) : y("", !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 ? (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)), {
+                  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), (o) => ({
+                    name: o,
+                    fn: d((r) => [
+                      w(t.$slots, o, 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"), {
+                  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), (o) => ({
+                    name: o,
+                    fn: d((r) => [
+                      w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+              ], 64))), 256)) : y("", !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

@@ -0,0 +1,163 @@
+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({
+  name: "dynamic-dialog",
+  __name: "dynamic-dialog",
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    formJson: {
+      type: Object
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    vfCtx: {
+      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
+    }
+  },
+  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);
+    });
+    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();
+      });
+    }, 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,
+      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),
+      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();
+      },
+      getExtraData: () => o.extraData
+    }), (e, t) => {
+      const s = V("loading");
+      return y(), I(f(H), N({
+        class: "tpf-model design-model",
+        destroyOnClose: !0,
+        title: n.options.title,
+        bodyStyle: {
+          height: n.options.height,
+          overflow: "auto",
+          ...JSON.parse(n.options.bodyStyle || "{}")
+        },
+        centered: !0,
+        visible: l.value,
+        "onUpdate:visible": t[1] || (t[1] = (r) => l.value = r),
+        width: n.options.width,
+        mask: n.options.showModal,
+        maskClosable: n.options.closeOnClickModal,
+        keyboard: n.options.closeOnPressEscape,
+        onCancel: p
+      }, x.value), {
+        footerRight: C(() => [
+          R(Q, {
+            "dialog-visible": l.value,
+            "onUpdate:dialogVisible": t[0] || (t[0] = (r) => l.value = r),
+            handleBeforeClose: c,
+            options: n.options,
+            ctx: f(a)
+          }, 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,
+              "disabled-mode": n.options.disabledMode,
+              "dynamic-creation": !0
+            }, null, 8, ["isLoading", "form-json", "form-data", "vfCtx", "option-data", "global-dsv", "parent-form", "disabled-mode"])
+          ])), [
+            [s, i.value]
+          ])
+        ]),
+        _: 1
+      }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard"]);
+    };
+  }
+});
+export {
+  ee as default
+};

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

@@ -0,0 +1,5 @@
+import o from "./dynamic-dialog.vue.js";
+/* empty css                    */
+export {
+  o as default
+};