@kp-ui/lowcode 1.0.21 → 1.0.23

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js

@@ -0,0 +1,172 @@
+import O from "../../../form-render/container-item/container-item-wrapper.vue.js";
+import R from "../../../../utils/emitter.js";
+import _ from "../../../../utils/i18n.js";
+import j from "../field-widget/index.js";
+import L from "../../../form-render/refMixin.js";
+import k from "../../../form-render/container-item/containerItemMixin.js";
+import v from "../../../svg-icon/index.vue.js";
+import { resolveComponent as c, withDirectives as I, createBlock as d, openBlock as n, withCtx as s, createElementBlock as m, normalizeClass as D, createCommentVNode as u, Fragment as g, renderList as f, resolveDynamicComponent as p, createSlots as w, renderSlot as b, normalizeProps as h, guardReactiveProps as F, vShow as M } from "vue";
+/* empty css                 */
+import S from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const B = {
+  name: "VfBoxItem",
+  componentName: "boxItem",
+  // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
+  mixins: [R, _, L, k],
+  components: {
+    ContainerItemWrapper: O,
+    SvgIcon: v,
+    ...j
+  },
+  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: {
+    customClass() {
+      return this.widget.options.customClass || "";
+    },
+    formConfig() {
+      return this.getFormConfig();
+    }
+  },
+  created() {
+    this.initRefList(), this.handleOnCreated();
+  },
+  mounted() {
+    this.loadFormCode(this.widget.options.formCode), this.$nextTick(() => {
+      this.handleOnMounted();
+    });
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    async loadFormCode(t) {
+      if (t) {
+        const l = 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(l));
+      }
+    },
+    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;
+    }
+  }
+};
+function N(t, l, e, V, J, y) {
+  const C = c("VFormRender"), x = c("container-item-wrapper");
+  return I((n(), d(x, { widget: e.widget }, {
+    default: s(() => [
+      (n(), m("div", {
+        class: D(["box-container-item", [y.customClass]]),
+        key: e.widget.id
+      }, [
+        e.widget.options.formCode ? (n(), d(C, {
+          key: 0,
+          ref: "dFormRef",
+          "parent-form": e.parentFormRef,
+          "disabled-mode": e.widget.options.disabledMode,
+          "dynamic-creation": !0
+        }, null, 8, ["parent-form", "disabled-mode"])) : u("", !0),
+        e.widget.widgetList && e.widget.widgetList.length > 0 ? (n(!0), m(g, { key: 1 }, f(e.widget.widgetList, (o, r) => (n(), m(g, null, [
+          o.category === "container" ? (n(), d(p(t.getComponentByContainer(o)), {
+            widget: o,
+            key: r,
+            "parent-list": e.widget.widgetList,
+            "index-of-parent-list": r,
+            "parent-widget": e.widget,
+            "sub-form-row-id": e.subFormRowId,
+            "sub-form-row-index": e.subFormRowIndex,
+            "sub-form-col-index": e.subFormColIndex
+          }, w({ _: 2 }, [
+            f(Object.keys(t.$slots), (i) => ({
+              name: i,
+              fn: s((a) => [
+                b(t.$slots, i, h(F(a)), 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"])) : (n(), d(p(o.type + "-widget"), {
+            field: o,
+            designer: null,
+            key: r,
+            "parent-list": e.widget.widgetList,
+            "index-of-parent-list": r,
+            "parent-widget": e.widget
+          }, w({ _: 2 }, [
+            f(Object.keys(t.$slots), (i) => ({
+              name: i,
+              fn: s((a) => [
+                b(t.$slots, i, h(F(a)), void 0, !0)
+              ])
+            }))
+          ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+        ], 64))), 256)) : u("", !0)
+      ], 2))
+    ]),
+    _: 3
+  }, 8, ["widget"])), [
+    [M, !e.widget.options.hidden]
+  ]);
+}
+const K = /* @__PURE__ */ S(B, [["render", N], ["__scopeId", "data-v-0daceeb9"]]);
+export {
+  K as default
+};

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js

@@ -0,0 +1,157 @@
+import h from "../../../../utils/i18n.js";
+import p from "../../refMixinDesign.js";
+import w from "../field-widget/index.js";
+import x from "./container-wrapper.vue.js";
+import { resolveComponent as a, createBlock as s, openBlock as r, withCtx as g, createElementBlock as L, withModifiers as u, normalizeClass as v, createCommentVNode as C, createVNode as y, mergeProps as D, createElementVNode as _, resolveDynamicComponent as l } from "vue";
+/* empty css                   */
+import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const F = {
+  name: "vf-box-widget",
+  componentName: "VfBoxWidget",
+  mixins: [h, p],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper: x,
+    ...w
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    parentFormRef: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      //
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  created() {
+    this.initRefList(), this.loadFormCode(this.widget.options.formCode);
+  },
+  watch: {
+    "widget.options.formCode"(t) {
+      this.loadFormCode(t);
+    }
+  },
+  methods: {
+    async loadFormCode(t) {
+      if (t) {
+        const i = 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(i));
+      }
+    },
+    onDialogDragEnd(t, i) {
+    },
+    onDialogDragAdd(t, i) {
+      const e = t.newIndex;
+      i[e] && this.designer.setSelected(i[e]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onDialogDragUpdate() {
+      this.designer.emitHistoryChange();
+    },
+    selectWidget(t) {
+      console.log("id: " + t.id), this.designer.setSelected(t);
+    },
+    checkContainerMove(t) {
+      return this.designer.checkWidgetMove(t);
+    },
+    selectParentWidget() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    moveUpWidget() {
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
+    },
+    moveDownWidget() {
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
+    },
+    removeWidget() {
+      if (this.parentList) {
+        let t = null;
+        this.parentList.length === 1 ? this.parentWidget && (t = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? t = this.parentList[this.indexOfParentList - 1] : t = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(t), this.designer.emitHistoryChange();
+        });
+      }
+    },
+    getFormRef() {
+      return this.$refs.dFormRef;
+    }
+  }
+}, O = { class: "vf-box-drop-zone" };
+function W(t, i, e, P, b, d) {
+  const m = a("VFormRender"), c = a("draggable"), f = a("container-wrapper");
+  return r(), s(f, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: g(() => [
+      (r(), L("div", {
+        class: v(["box-container", [d.selected ? "selected" : "", d.customClass]]),
+        key: e.widget.id,
+        onClick: i[2] || (i[2] = u((n) => d.selectWidget(e.widget), ["stop"]))
+      }, [
+        e.widget.options.formCode ? (r(), s(m, {
+          key: 0,
+          ref: "dFormRef",
+          "parent-form": e.parentFormRef,
+          "disabled-mode": e.widget.options.disabledMode,
+          "dynamic-creation": !0
+        }, null, 8, ["parent-form", "disabled-mode"])) : C("", !0),
+        y(c, D({
+          list: e.widget.widgetList,
+          "item-key": "id"
+        }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+          handle: ".drag-handler",
+          onEnd: i[0] || (i[0] = (n) => d.onDialogDragEnd(n, e.widget.widgetList)),
+          onAdd: i[1] || (i[1] = (n) => d.onDialogDragAdd(n, e.widget.widgetList)),
+          onUpdate: d.onDialogDragUpdate,
+          move: d.checkContainerMove
+        }), {
+          item: g(({ element: n, index: o }) => [
+            _("div", O, [
+              n.category === "container" ? (r(), s(l(n.type + "-widget"), {
+                widget: n,
+                designer: e.designer,
+                key: n.id,
+                "parent-list": e.widget.widgetList,
+                "index-of-parent-list": o,
+                "parent-widget": e.widget
+              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (r(), s(l(n.type + "-widget"), {
+                field: n,
+                designer: e.designer,
+                key: n.id,
+                "parent-list": e.widget.widgetList,
+                "index-of-parent-list": o,
+                "parent-widget": e.widget,
+                "design-state": !0
+              }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+            ])
+          ]),
+          _: 1
+        }, 16, ["list", "onUpdate", "move"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const V = /* @__PURE__ */ k(F, [["render", W], ["__scopeId", "data-v-8b832a99"]]);
+export {
+  V as default
+};

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue.js

@@ -0,0 +1,150 @@
+import S from "./vf-collapse-widget.vue2.js";
+import { resolveComponent as d, createBlock as o, openBlock as i, withCtx as s, createElementBlock as _, withModifiers as x, normalizeClass as f, createElementVNode as g, createVNode as l, createCommentVNode as p, mergeProps as h, resolveDynamicComponent as c, Transition as L, withDirectives as D, normalizeStyle as R, vShow as U } from "vue";
+/* empty css                        */
+/* empty css                        */
+import T from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const V = { class: "tpf-collapse" }, z = { class: "tpf-collapse-header" }, A = { class: "form-widget-list" }, F = { class: "form-widget-list" };
+function I(n, a, e, M, N, m) {
+  const v = d("TpfCollapseTitle"), C = d("SvgIcon"), u = d("a-space"), w = d("draggable"), y = d("VFormRender"), k = d("container-wrapper");
+  return i(), o(k, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: s(() => [
+      (i(), _("div", {
+        key: e.widget.id,
+        class: f(["collapse-container data-table-container", { selected: m.selected }]),
+        onClick: a[2] || (a[2] = x((t) => m.selectWidget(e.widget), ["stop"]))
+      }, [
+        g("div", V, [
+          g("div", z, [
+            l(u, { size: 5 }, {
+              default: s(() => [
+                l(v, {
+                  title: e.widget.options.title
+                }, null, 8, ["title"]),
+                l(C, {
+                  "icon-class": e.widget.options.isCollapse ? e.widget.options.collapseIcon : e.widget.options.unCollapseIcon,
+                  size: "24px",
+                  shadow: "",
+                  cursor: "",
+                  onClick: m.toggleCollapse
+                }, null, 8, ["icon-class", "onClick"])
+              ]),
+              _: 1
+            }),
+            e.widget.options.isCollapse ? (i(), _("div", {
+              key: 0,
+              class: f(["header-right", m.rightSlotCss])
+            }, [
+              l(w, h({
+                list: e.widget.headerRightSlotList,
+                "item-key": "id"
+              }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                handle: ".drag-handler",
+                tag: "transition-group",
+                "component-data": { name: "fade" },
+                onAdd: a[0] || (a[0] = (t) => n.onContainerDragAdd(t, e.widget.headerRightSlotList)),
+                onUpdate: n.onContainerDragUpdate,
+                move: n.checkContainerMove
+              }), {
+                item: s(({ element: t, index: r }) => [
+                  g("div", A, [
+                    t.category === "container" ? (i(), o(c(t.type + "-widget"), {
+                      widget: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.headerRightSlotList,
+                      "index-of-parent-list": r,
+                      "parent-widget": e.widget
+                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (i(), o(c(t.type + "-widget"), {
+                      field: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.headerRightSlotList,
+                      "index-of-parent-list": r,
+                      "parent-widget": e.widget,
+                      "design-state": !0
+                    }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                  ])
+                ]),
+                _: 1
+              }, 16, ["list", "onUpdate", "move"])
+            ], 2)) : p("", !0)
+          ]),
+          l(L, {
+            mode: "out-in",
+            appear: "",
+            "enter-active-class": "animate__animated animate__fadeIn animate__faster",
+            "leave-active-class": "animate__animated animate__fadeOut animate__faster"
+          }, {
+            default: s(() => [
+              D(g("div", {
+                class: f(["tpf-collapse-content"]),
+                style: R({
+                  height: e.widget.options.height || "unset",
+                  ...JSON.parse(e.widget.options.bodyStyle || "{}")
+                })
+              }, [
+                e.widget.options.formCode ? (i(), o(y, {
+                  key: 0,
+                  ref: "dFormRef",
+                  "form-json": e.formJson,
+                  "form-data": e.formData,
+                  "global-dsv": e.globalDsv,
+                  "parent-form": e.parentFormRef,
+                  "disabled-mode": e.options.disabledMode,
+                  "dynamic-creation": !0
+                }, null, 8, ["form-json", "form-data", "global-dsv", "parent-form", "disabled-mode"])) : p("", !0),
+                l(w, h({
+                  list: e.widget.defaultSlotsList,
+                  "item-key": "id"
+                }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                  handle: ".drag-handler",
+                  tag: "transition-group",
+                  "component-data": { name: "fade" },
+                  onAdd: a[1] || (a[1] = (t) => n.onContainerDragAdd(t, e.widget.defaultSlotsList)),
+                  onUpdate: n.onContainerDragUpdate,
+                  move: n.checkContainerMove
+                }), {
+                  item: s(({ element: t, index: r }) => [
+                    g("div", F, [
+                      t.category === "container" ? (i(), o(c(t.type + "-widget"), {
+                        widget: t,
+                        designer: e.designer,
+                        key: t.id,
+                        "parent-list": e.widget.defaultSlotsList,
+                        "index-of-parent-list": r,
+                        "parent-widget": e.widget
+                      }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (i(), o(c(t.type + "-widget"), {
+                        field: t,
+                        designer: e.designer,
+                        key: t.id,
+                        "parent-list": e.widget.defaultSlotsList,
+                        "index-of-parent-list": r,
+                        "parent-widget": e.widget,
+                        "design-state": !0
+                      }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                    ])
+                  ]),
+                  _: 1
+                }, 16, ["list", "onUpdate", "move"])
+              ], 4), [
+                [U, e.widget.options.isCollapse]
+              ])
+            ]),
+            _: 1
+          })
+        ])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const J = /* @__PURE__ */ T(S, [["render", I], ["__scopeId", "data-v-2111f569"]]);
+export {
+  J as default
+};

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js

@@ -0,0 +1,126 @@
+import r from "./container-wrapper.vue.js";
+import i from "../../../../utils/emitter.js";
+import s from "../../../../utils/i18n.js";
+import n from "../field-widget/index.js";
+import a from "./containerMixin.js";
+import d from "../../refMixinDesign.js";
+import m from "../../../TpfCollapse/TpfCollapseTitle.vue.js";
+import p from "../../../svg-icon/index.vue.js";
+import f from "./grid-widget.vue.js";
+import l from "../../../../../render.js";
+const O = {
+  name: "VfCollapseWidget",
+  mixins: [s, a, d, i],
+  inject: ["refList"],
+  components: {
+    VFormRender: l,
+    ContainerWrapper: r,
+    TpfCollapseTitle: m,
+    SvgIcon: p,
+    gridWidget: f,
+    ...n
+  },
+  data() {
+    return {};
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Object,
+      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
+    }
+  },
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+    this.loadFormCode(this.widget.options.formCode);
+  },
+  beforeUnmount() {
+  },
+  computed: {
+    rightSlotCss() {
+      return this.widget.options.rightSlotCss || "";
+    },
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    }
+  },
+  watch: {
+    "widget.options.formCode"(t) {
+      this.loadFormCode(t);
+    }
+  },
+  methods: {
+    selectWidget(t) {
+      this.designer.setSelected(t);
+    },
+    toggleCollapse() {
+      this.widget.options.isCollapse = !this.widget.options.isCollapse;
+    },
+    async loadFormCode(t) {
+      if (t) {
+        const e = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
+          params: {
+            code: t
+          }
+        }).then((o) => o.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(e));
+      }
+    },
+    getFormRef() {
+      return this.$refs.dFormRef;
+    }
+  }
+};
+export {
+  O as default
+};