@kp-ui/lowcode 1.0.20 → 1.0.21

package/es/components/form-render/container-item/table-item.vue2.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 R, Fragment as n, renderList as i, createCommentVNode as k, createSlots as v, renderSlot as L, normalizeProps as N, guardReactiveProps as S, vShow as j } from "vue";
+/* empty css               */
+import B from "../../../_virtual/_plugin-vue_export-helper.js";
+const M = {
+  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 z(o, E, e, O, P, V) {
+  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: R(["table-layout", [o.customClass]])
+        }, [
+          f("tbody", null, [
+            (t(!0), r(n, null, i(e.widget.rows, (m, p) => (t(), r("tr", {
+              key: m.id
+            }, [
+              (t(!0), r(n, null, i(m.cols, (d, l) => (t(), r(n, null, [
+                d.merged ? k("", !0) : (t(), c(w, {
+                  widget: d,
+                  key: l,
+                  "parent-list": e.widget.cols,
+                  "row-index": p,
+                  "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(S(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)
+      ])), [
+        [j, !e.widget.options.hidden]
+      ])
+    ]),
+    _: 3
+  }, 8, ["widget"]);
+}
+const Q = /* @__PURE__ */ B(M, [["render", z], ["__scopeId", "data-v-48955c34"]]);
+export {
+  Q as default
+};

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

@@ -0,0 +1,253 @@
+import I from "./container-item-wrapper.vue.js";
+import D from "../../../utils/emitter.js";
+import M from "../../../utils/i18n.js";
+import N from "../../form-designer/form-widget/field-widget/index.js";
+import T from "../refMixin.js";
+import V from "./containerItemMixin.js";
+import z from "../../TpfCollapse/TpfCollapseTitle.vue.js";
+import B from "../../svg-icon/index.vue.js";
+import { resolveComponent as l, withDirectives as S, createBlock as m, openBlock as i, withCtx as s, createElementVNode as b, createVNode as f, createElementBlock as c, createCommentVNode as y, normalizeClass as R, Fragment as u, renderList as d, resolveDynamicComponent as g, createSlots as p, renderSlot as w, normalizeProps as h, guardReactiveProps as C, Transition as J, normalizeStyle as P, vShow as v } from "vue";
+/* empty css                      */
+/* empty css                      */
+/* empty css                      */
+import E from "../../../_virtual/_plugin-vue_export-helper.js";
+const q = {
+  name: "VfCollapseItem",
+  componentName: "ContainerItem",
+  // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
+  mixins: [D, M, T, V],
+  components: {
+    ContainerItemWrapper: I,
+    TpfCollapseTitle: z,
+    SvgIcon: B,
+    ...N
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    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;
+    }
+  }
+}, A = { class: "tpf-collapse" }, G = { class: "tpf-collapse-header" };
+function Q(t, _, e, U, H, F) {
+  const O = l("TpfCollapseTitle"), k = l("SvgIcon"), x = l("a-space"), L = l("VFormRender"), j = l("container-item-wrapper");
+  return S((i(), m(j, { widget: e.widget }, {
+    default: s(() => [
+      b("div", A, [
+        b("div", G, [
+          f(x, { size: 5 }, {
+            default: s(() => [
+              f(O, {
+                title: e.widget.options.title
+              }, null, 8, ["title"]),
+              f(k, {
+                "icon-class": e.widget.options.isCollapse ? e.widget.options.collapseIcon : e.widget.options.unCollapseIcon,
+                size: "24px",
+                shadow: "",
+                cursor: "",
+                onClick: F.toggleCollapse
+              }, null, 8, ["icon-class", "onClick"])
+            ]),
+            _: 1
+          }),
+          e.widget.options.isCollapse ? (i(), c("div", {
+            key: 0,
+            class: R(["header-right", F.rightSlotCss])
+          }, [
+            e.widget.headerRightSlotList && e.widget.headerRightSlotList.length > 0 ? (i(!0), c(u, { key: 0 }, d(e.widget.headerRightSlotList, (o, a) => (i(), c(u, null, [
+              o.category === "container" ? (i(), m(g(t.getComponentByContainer(o)), {
+                widget: o,
+                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
+              }, p({ _: 2 }, [
+                d(Object.keys(t.$slots), (n) => ({
+                  name: n,
+                  fn: s((r) => [
+                    w(t.$slots, n, h(C(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"])) : (i(), m(g(o.type + "-widget"), {
+                field: o,
+                designer: null,
+                key: a,
+                "parent-list": e.widget.headerRightSlotList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget
+              }, p({ _: 2 }, [
+                d(Object.keys(t.$slots), (n) => ({
+                  name: n,
+                  fn: s((r) => [
+                    w(t.$slots, n, h(C(r)), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+            ], 64))), 256)) : y("", !0)
+          ], 2)) : y("", !0)
+        ]),
+        f(J, {
+          mode: "out-in",
+          appear: "",
+          "enter-active-class": "animate__animated animate__fadeIn animate__faster",
+          "leave-active-class": "animate__animated animate__fadeOut animate__faster"
+        }, {
+          default: s(() => [
+            S(b("div", {
+              class: R(["tpf-collapse-content"]),
+              style: P({
+                height: e.widget.options.height || "unset",
+                ...JSON.parse(e.widget.options.bodyStyle || "{}")
+              })
+            }, [
+              f(L, {
+                ref: "dFormRef",
+                "form-json": e.formJson,
+                "form-data": e.formData,
+                "global-dsv": e.globalDsv,
+                "parent-form": e.parentFormRef,
+                "disabled-mode": e.widget.options.disabledMode,
+                "dynamic-creation": !0
+              }, null, 8, ["form-json", "form-data", "global-dsv", "parent-form", "disabled-mode"]),
+              e.widget.defaultSlotsList && e.widget.defaultSlotsList.length > 0 ? (i(!0), c(u, { key: 0 }, d(e.widget.defaultSlotsList, (o, a) => (i(), c(u, null, [
+                o.category === "container" ? (i(), m(g(t.getComponentByContainer(o)), {
+                  widget: o,
+                  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
+                }, p({ _: 2 }, [
+                  d(Object.keys(t.$slots), (n) => ({
+                    name: n,
+                    fn: s((r) => [
+                      w(t.$slots, n, h(C(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"])) : (i(), m(g(o.type + "-widget"), {
+                  field: o,
+                  designer: null,
+                  key: a,
+                  "parent-list": e.widget.defaultSlotsList,
+                  "index-of-parent-list": a,
+                  "parent-widget": e.widget
+                }, p({ _: 2 }, [
+                  d(Object.keys(t.$slots), (n) => ({
+                    name: n,
+                    fn: s((r) => [
+                      w(t.$slots, n, h(C(r)), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+              ], 64))), 256)) : y("", !0)
+            ], 4), [
+              [v, e.widget.options.isCollapse]
+            ])
+          ]),
+          _: 3
+        })
+      ])
+    ]),
+    _: 3
+  }, 8, ["widget"])), [
+    [v, !e.widget.options.hidden]
+  ]);
+}
+const se = /* @__PURE__ */ E(q, [["render", Q], ["__scopeId", "data-v-895997e5"]]);
+export {
+  se as default
+};

package/es/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/es/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/es/components/form-render/dynamic-dialog.vue.js

@@ -0,0 +1,214 @@
+import F from "../../utils/i18n.js";
+import k from "../../node_modules/.pnpm/ant-design-vue@3.2.20_vue@3.3.11_typescript@4.8.4_/node_modules/ant-design-vue/es/locale/zh_CN.js";
+import { resolveComponent as s, createBlock as a, openBlock as r, withCtx as i, createVNode as c, mergeProps as y, createElementVNode as h, createCommentVNode as f, createTextVNode as m, toDisplayString as u } from "vue";
+/* empty css                    */
+import R from "../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "dynamic-dialog",
+  mixins: [F],
+  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
+    }
+  },
+  data() {
+    return {
+      dialogVisible: !1,
+      elLocaleMap: {
+        "zh-CN": { ...k },
+        "en-US": {}
+      }
+    };
+  },
+  created() {
+  },
+  computed: {
+    elLocale() {
+      const e = localStorage.getItem("v_form_locale") || "zh-CN";
+      return this.elLocaleMap[e];
+    },
+    parentForm() {
+      return { ...this.parentFormRef, parentDom: this, getParentFormRef: this.getParentFormRef };
+    },
+    otherAttrs() {
+      return this.options.cancelButtonHidden && this.options.okButtonHidden ? { footer: null } : {};
+    },
+    cancelBtnLabel() {
+      return this.options.cancelButtonLabel || this.i18nt("designer.hint.cancel");
+    },
+    okBtnLabel() {
+      return this.options.okButtonLabel || this.i18nt("designer.hint.confirm");
+    }
+  },
+  mounted() {
+  },
+  beforeUnmount() {
+    this.parentFormRef.setChildFormRef(null);
+  },
+  methods: {
+    async loadFormCode() {
+      if (this.options.formCode) {
+        const e = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
+          params: { code: this.options.formCode }
+        }).then((o) => o.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(e));
+      }
+    },
+    setTitle(e) {
+      this.options.title = e;
+    },
+    show() {
+      this.dialogVisible = !0, this.$nextTick(() => {
+        this.options.readMode && this.$refs.dFormRef.setReadMode(!0), this.loadFormCode(), this.$refs.dFormRef.setDialogOrDrawerRef(this), this.parentFormRef.setChildFormRef(this.$refs.dFormRef), this.handleOpenedEvent();
+      });
+    },
+    close() {
+      this.options.onDialogBeforeClose && new Function("done", this.options.onDialogBeforeClose).call(this) === !1 || (this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+    },
+    deleteWrapperNode() {
+      const e = document.getElementById("vf-dynamic-dialog-wrapper" + this.wrapperId);
+      e && document.body.removeChild(e);
+    },
+    handleBeforeClose() {
+      return this.options.onDialogBeforeClose ? new Function(this.options.onDialogBeforeClose).call(this) : !0;
+    },
+    handleCloseEvent() {
+      this.handleBeforeClose() && (this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150));
+    },
+    handleOpenedEvent() {
+      this.options.onDialogOpened && new Function(this.options.onDialogOpened).call(this);
+    },
+    handleCancelClick() {
+      this.handleBeforeClose() && (this.options.onCancelButtonClick && new Function(this.options.onCancelButtonClick).call(this) === !1 || (this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150)));
+    },
+    async handleOkClick() {
+      try {
+        if (this.options.onOkButtonClick && await new Function(this.options.onOkButtonClick).call(this) === !1)
+          return;
+        this.dialogVisible = !1, setTimeout(this.deleteWrapperNode, 150);
+      } catch (e) {
+        console.log("error: ", e);
+      }
+    },
+    getParentFormRef() {
+      return this.parentFormRef;
+    },
+    getFormRef() {
+      return console.log("getFormRef"), this.$refs.dFormRef;
+    },
+    getWidgetRef(e, o = !1) {
+      return this.$refs.dFormRef.getWidgetRef(e, o);
+    },
+    getExtraData() {
+      return this.extraData;
+    }
+  }
+}, v = /* @__PURE__ */ h("div", { class: "footer-left" }, null, -1), B = { class: "footer-right" };
+function D(e, o, t, O, l, n) {
+  const p = s("VFormRender"), d = s("a-button"), g = s("a-modal"), C = s("a-config-provider");
+  return r(), a(C, {
+    locale: n.elLocale,
+    input: { autocomplete: "off" }
+  }, {
+    default: i(() => [
+      c(g, y({
+        class: "tpf-model design-model",
+        transitionName: l.dialogVisible ? "zoom" : "",
+        maskTransitionName: l.dialogVisible ? "fade" : "",
+        destroyOnClose: !0,
+        title: t.options.title,
+        bodyStyle: {
+          height: t.options.height,
+          overflow: "auto",
+          ...JSON.parse(this.options.bodyStyle || "{}")
+        },
+        centered: !0,
+        visible: l.dialogVisible,
+        "onUpdate:visible": o[0] || (o[0] = (b) => l.dialogVisible = b),
+        width: t.options.width,
+        mask: t.options.showModal,
+        maskClosable: t.options.closeOnClickModal,
+        keyboard: t.options.closeOnPressEscape,
+        onCancel: n.handleCloseEvent
+      }, n.otherAttrs), {
+        footer: i(() => [
+          v,
+          h("div", B, [
+            t.options.cancelButtonHidden ? f("", !0) : (r(), a(d, {
+              key: 0,
+              onClick: n.handleCancelClick
+            }, {
+              default: i(() => [
+                m(u(n.cancelBtnLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])),
+            t.options.okButtonHidden ? f("", !0) : (r(), a(d, {
+              key: 1,
+              type: "primary",
+              onClick: n.handleOkClick
+            }, {
+              default: i(() => [
+                m(u(n.okBtnLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]))
+          ])
+        ]),
+        default: i(() => [
+          c(p, {
+            ref: "dFormRef",
+            "form-json": t.formJson,
+            "form-data": t.formData,
+            vfCtx: t.vfCtx,
+            "option-data": t.optionData,
+            "global-dsv": t.globalDsv,
+            "parent-form": n.parentForm,
+            "disabled-mode": t.options.disabledMode,
+            "dynamic-creation": !0
+          }, null, 8, ["form-json", "form-data", "vfCtx", "option-data", "global-dsv", "parent-form", "disabled-mode"])
+        ]),
+        _: 1
+      }, 16, ["transitionName", "maskTransitionName", "title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "onCancel"])
+    ]),
+    _: 1
+  }, 8, ["locale"]);
+}
+const L = /* @__PURE__ */ R(_, [["render", D]]);
+export {
+  L as default
+};