@kp-ui/lowcode 2.13.2 → 2.14.0-alpha

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

@@ -0,0 +1,89 @@
+import _ from "../../../../utils/i18n.js";
+import b from "./containerMixin.js";
+import h from "./container-wrapper.vue.js";
+import x from "./table-cell-widget.vue.js";
+import C from "../../refMixinDesign.js";
+import { resolveComponent as o, createBlock as s, openBlock as t, withCtx as y, createElementBlock as n, withModifiers as k, normalizeClass as L, createElementVNode as c, Fragment as d, renderList as g, createCommentVNode as O } from "vue";
+/* empty css                  */
+import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const j = {
+  name: "table-widget",
+  componentName: "ContainerWidget",
+  mixins: [_, b, C],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper: h,
+    TableCellWidget: x
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  watch: {
+    //
+  },
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+  },
+  methods: {}
+}, v = { class: "table-layout" };
+function N(m, a, e, B, M, l) {
+  const w = o("table-cell-widget"), u = o("container-wrapper");
+  return t(), s(u, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: y(() => [
+      (t(), n("div", {
+        key: e.widget.id,
+        class: L(["table-container", [l.selected ? "selected" : "", l.customClass]]),
+        onClick: a[0] || (a[0] = k((i) => m.selectWidget(e.widget), ["stop"]))
+      }, [
+        c("table", v, [
+          c("tbody", null, [
+            (t(!0), n(d, null, g(e.widget.rows, (i, f) => (t(), n("tr", {
+              key: i.id
+            }, [
+              (t(!0), n(d, null, g(i.cols, (r, p) => (t(), n(d, null, [
+                r.merged ? O("", !0) : (t(), s(w, {
+                  widget: r,
+                  designer: e.designer,
+                  key: r.id,
+                  "parent-list": e.widget.cols,
+                  "row-index": f,
+                  "row-length": e.widget.rows.length,
+                  "col-index": p,
+                  "col-length": i.cols.length,
+                  "col-array": i.cols,
+                  "row-array": e.widget.rows,
+                  "parent-widget": e.widget
+                }, null, 8, ["widget", "designer", "parent-list", "row-index", "row-length", "col-index", "col-length", "col-array", "row-array", "parent-widget"]))
+              ], 64))), 256))
+            ]))), 128))
+          ])
+        ])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const R = /* @__PURE__ */ W(j, [["render", N], ["__scopeId", "data-v-12bc6713"]]);
+export {
+  R as default
+};

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

@@ -0,0 +1,178 @@
+import F from "../../../form-render/container-item/container-item-wrapper.vue.js";
+import R from "../../../../utils/emitter.js";
+import { defineAsyncComponent as O, resolveComponent as c, withDirectives as L, createBlock as a, openBlock as n, withCtx as m, createElementBlock as f, normalizeStyle as S, normalizeClass as _, createCommentVNode as g, Fragment as p, renderList as u, resolveDynamicComponent as w, createSlots as b, renderSlot as h, mergeProps as x, vShow as k } from "vue";
+import j from "../../../../utils/i18n.js";
+import $ from "../field-widget/index.js";
+import B from "../../../form-render/refMixin.js";
+import I from "../../../form-render/container-item/containerItemMixin.js";
+import M from "../../../svg-icon/index.vue.js";
+/* empty css                 */
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const D = {
+  name: "VfBoxItem",
+  componentName: "boxItem",
+  // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
+  mixins: [R, j, B, I],
+  components: {
+    ContainerItemWrapper: F,
+    SvgIcon: M,
+    ...$,
+    VFormRender: O(() => import("../../../form-render/index.vue.js"))
+  },
+  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();
+    },
+    boxStyle() {
+      const e = this.widget.options.boxModel || {}, o = {};
+      return (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (o.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (o.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), e.borderShow && (o.border = `${e.borderWidth || 1}px ${e.borderStyle || "solid"} ${e.borderColor || "#cccccc"}`, e.borderRadius !== void 0 && (o.borderRadius = `${e.borderRadius}px`)), e.backgroundColor && (o.backgroundColor = e.backgroundColor), e.borderRadius !== void 0 && !e.borderShow && (o.borderRadius = `${e.borderRadius}px`), e.shadowShow && (o.boxShadow = `${e.shadowOffsetX || 0}px ${e.shadowOffsetY || 2}px ${e.shadowBlur || 4}px ${e.shadowSpread || 0}px ${e.shadowColor || "rgba(0,0,0,0.2)"}`), o;
+    }
+  },
+  created() {
+    this.initRefList(), this.handleOnCreated();
+  },
+  mounted() {
+    this.loadFormCode(this.widget.options.formCode), this.$nextTick(() => {
+      this.handleOnMounted();
+    });
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    async loadFormCode(e) {
+      if (e) {
+        const o = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
+          params: { code: e }
+        }).then((t) => t.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(o));
+      }
+    },
+    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(e, o, t, T, V, l) {
+  const y = c("VFormRender"), C = c("container-item-wrapper");
+  return L((n(), a(C, { widget: t.widget }, {
+    default: m(() => [
+      (n(), f("div", {
+        class: _(["box-container-item", [l.customClass]]),
+        style: S(l.boxStyle),
+        key: t.widget.id
+      }, [
+        t.widget.options.formCode ? (n(), a(y, {
+          key: 0,
+          ref: "dFormRef",
+          "parent-form": t.parentFormRef,
+          "disabled-mode": t.widget.options.disabledMode,
+          "dynamic-creation": !0
+        }, null, 8, ["parent-form", "disabled-mode"])) : g("", !0),
+        t.widget.widgetList && t.widget.widgetList.length > 0 ? (n(!0), f(p, { key: 1 }, u(t.widget.widgetList, (i, d) => (n(), f(p, null, [
+          i.category === "container" ? (n(), a(w(e.getComponentByContainer(i)), {
+            widget: i,
+            key: d,
+            "parent-list": t.widget.widgetList,
+            "index-of-parent-list": d,
+            "parent-widget": t.widget,
+            "sub-form-row-id": t.subFormRowId,
+            "sub-form-row-index": t.subFormRowIndex,
+            "sub-form-col-index": t.subFormColIndex
+          }, b({ _: 2 }, [
+            u(Object.keys(e.$slots), (r) => ({
+              name: r,
+              fn: m((s) => [
+                h(e.$slots, r, x({ ref_for: !0 }, s), 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(), a(w(i.type + "-widget"), {
+            field: i,
+            designer: null,
+            key: d,
+            "parent-list": t.widget.widgetList,
+            "index-of-parent-list": d,
+            "parent-widget": t.widget
+          }, b({ _: 2 }, [
+            u(Object.keys(e.$slots), (r) => ({
+              name: r,
+              fn: m((s) => [
+                h(e.$slots, r, x({ ref_for: !0 }, s), void 0, !0)
+              ])
+            }))
+          ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+        ], 64))), 256)) : g("", !0)
+      ], 6))
+    ]),
+    _: 3
+  }, 8, ["widget"])), [
+    [k, !t.widget.options.hidden]
+  ]);
+}
+const Y = /* @__PURE__ */ v(D, [["render", N], ["__scopeId", "data-v-7b4bc88d"]]);
+export {
+  Y as default
+};

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

@@ -0,0 +1,165 @@
+import { defineAsyncComponent as p, resolveComponent as s, createBlock as o, openBlock as r, withCtx as g, createElementBlock as h, withModifiers as w, normalizeStyle as x, normalizeClass as u, createCommentVNode as b, createVNode as L, mergeProps as C, createElementVNode as y, resolveDynamicComponent as l } from "vue";
+import v from "../../../../utils/i18n.js";
+import R from "../../refMixinDesign.js";
+import D from "../field-widget/index.js";
+import k from "./container-wrapper.vue.js";
+import S from "../../../../lib/vuedraggable/src/vuedraggable.js";
+/* empty css                   */
+import O from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "vf-box-widget",
+  componentName: "VfBoxWidget",
+  mixins: [v, R],
+  inject: ["refList"],
+  components: {
+    Draggable: S,
+    ContainerWrapper: k,
+    ...D,
+    VFormRender: p(() => import("../../../form-render/index.vue.js"))
+  },
+  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 || "";
+    },
+    boxStyle() {
+      const e = this.widget.options.boxModel || {}, i = {};
+      return (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (i.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (i.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), e.borderShow ? (i.border = `${e.borderWidth || 1}px ${e.borderStyle || "solid"} ${e.borderColor || "#cccccc"}`, e.borderRadius !== void 0 && (i.borderRadius = `${e.borderRadius}px`)) : i.border = "2px dashed #ccc", e.backgroundColor && (i.backgroundColor = e.backgroundColor), e.borderRadius !== void 0 && !e.borderShow && (i.borderRadius = `${e.borderRadius}px`), e.shadowShow && (i.boxShadow = `${e.shadowOffsetX || 0}px ${e.shadowOffsetY || 2}px ${e.shadowBlur || 4}px ${e.shadowSpread || 0}px ${e.shadowColor || "rgba(0,0,0,0.2)"}`), i;
+    }
+  },
+  created() {
+    this.initRefList(), this.loadFormCode(this.widget.options.formCode);
+  },
+  watch: {
+    "widget.options.formCode"(e) {
+      this.loadFormCode(e);
+    }
+  },
+  methods: {
+    async loadFormCode(e) {
+      if (e && e.length) {
+        const i = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
+          params: { code: e }
+        }).then((t) => t.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(i));
+      }
+    },
+    onDialogDragEnd(e, i) {
+    },
+    onDialogDragAdd(e, i) {
+      const t = e.newIndex;
+      i[t] && this.designer.setSelected(i[t]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onDialogDragUpdate() {
+      this.designer.emitHistoryChange();
+    },
+    selectWidget(e) {
+      console.log("id: " + e.id), this.designer.setSelected(e);
+    },
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
+    },
+    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 e = null;
+        this.parentList.length === 1 ? this.parentWidget && (e = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? e = this.parentList[this.indexOfParentList - 1] : e = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
+          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(e), this.designer.emitHistoryChange();
+        });
+      }
+    },
+    getFormRef() {
+      return this.$refs.dFormRef;
+    }
+  }
+}, F = { class: "vf-box-drop-zone" };
+function W(e, i, t, B, P, d) {
+  const m = s("VFormRender"), f = s("draggable"), c = s("container-wrapper");
+  return r(), o(c, {
+    designer: t.designer,
+    widget: t.widget,
+    "parent-widget": t.parentWidget,
+    "parent-list": t.parentList,
+    "index-of-parent-list": t.indexOfParentList
+  }, {
+    default: g(() => [
+      (r(), h("div", {
+        class: u(["box-container", [d.selected ? "selected" : "", d.customClass]]),
+        key: t.widget.id,
+        style: x(d.boxStyle),
+        onClick: i[2] || (i[2] = w((n) => d.selectWidget(t.widget), ["stop"]))
+      }, [
+        t.widget.options.formCode ? (r(), o(m, {
+          key: 0,
+          ref: "dFormRef",
+          "parent-form": t.parentFormRef,
+          "disabled-mode": t.widget.options.disabledMode,
+          "dynamic-creation": !0
+        }, null, 8, ["parent-form", "disabled-mode"])) : b("", !0),
+        L(f, C({
+          list: t.widget.widgetList,
+          "item-key": "id"
+        }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+          handle: ".drag-handler",
+          onEnd: i[0] || (i[0] = (n) => d.onDialogDragEnd(n, t.widget.widgetList)),
+          onAdd: i[1] || (i[1] = (n) => d.onDialogDragAdd(n, t.widget.widgetList)),
+          onUpdate: d.onDialogDragUpdate,
+          move: d.checkContainerMove
+        }), {
+          item: g(({ element: n, index: a }) => [
+            y("div", F, [
+              n.category === "container" ? (r(), o(l(n.type + "-widget"), {
+                widget: n,
+                designer: t.designer,
+                key: n.id,
+                "parent-list": t.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": t.widget
+              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (r(), o(l(n.type + "-widget"), {
+                field: n,
+                designer: t.designer,
+                key: n.id,
+                "parent-list": t.widget.widgetList,
+                "index-of-parent-list": a,
+                "parent-widget": t.widget,
+                "design-state": !0
+              }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+            ])
+          ]),
+          _: 1
+        }, 16, ["list", "onUpdate", "move"])
+      ], 6))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const z = /* @__PURE__ */ O(_, [["render", W], ["__scopeId", "data-v-6623c165"]]);
+export {
+  z as default
+};

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

@@ -0,0 +1,117 @@
+import y from "./vf-collapse-widget.vue2.js";
+import { resolveComponent as s, createBlock as o, openBlock as d, withCtx as l, createElementBlock as C, withModifiers as _, normalizeClass as c, createVNode as w, withDirectives as k, createElementVNode as r, normalizeStyle as S, mergeProps as p, resolveDynamicComponent as g, vShow as u } from "vue";
+/* empty css                        */
+/* empty css                        */
+import L from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = { class: "collapse-right" }, D = { class: "form-widget-list" }, U = { class: "form-widget-list" };
+function A(i, n, e, R, B, f) {
+  const m = s("draggable"), h = s("TpfCollapse"), v = s("container-wrapper");
+  return d(), o(v, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: l(() => [
+      (d(), C("div", {
+        key: e.widget.id,
+        class: c(["collapse-container data-table-container", { selected: f.selected }]),
+        onClick: n[2] || (n[2] = _((t) => f.selectWidget(e.widget), ["stop"]))
+      }, [
+        w(h, {
+          title: e.widget.options.title
+        }, {
+          right: l(() => [
+            r("div", x, [
+              w(m, p({
+                list: e.widget.headerRightSlotList,
+                "item-key": "id"
+              }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                handle: ".drag-handler",
+                tag: "transition-group",
+                "component-data": { name: "fade" },
+                onAdd: n[0] || (n[0] = (t) => i.onContainerDragAdd(t, e.widget.headerRightSlotList)),
+                onUpdate: i.onContainerDragUpdate,
+                move: i.checkContainerMove
+              }), {
+                item: l(({ element: t, index: a }) => [
+                  r("div", D, [
+                    t.category === "container" ? (d(), o(g(t.type + "-widget"), {
+                      widget: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.headerRightSlotList,
+                      "index-of-parent-list": a,
+                      "parent-widget": e.widget
+                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), o(g(t.type + "-widget"), {
+                      field: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.headerRightSlotList,
+                      "index-of-parent-list": a,
+                      "parent-widget": e.widget,
+                      "design-state": !0
+                    }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                  ])
+                ]),
+                _: 1
+              }, 16, ["list", "onUpdate", "move"])
+            ])
+          ]),
+          default: l(() => [
+            k(r("div", {
+              class: c(["tpf-collapse-content"]),
+              style: S({
+                height: e.widget.options.height || "unset",
+                ...JSON.parse(e.widget.options.bodyStyle || "{}")
+              })
+            }, [
+              w(m, p({
+                list: e.widget.defaultSlotsList,
+                "item-key": "id"
+              }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                handle: ".drag-handler",
+                tag: "transition-group",
+                "component-data": { name: "fade" },
+                onAdd: n[1] || (n[1] = (t) => i.onContainerDragAdd(t, e.widget.defaultSlotsList)),
+                onUpdate: i.onContainerDragUpdate,
+                move: i.checkContainerMove
+              }), {
+                item: l(({ element: t, index: a }) => [
+                  r("div", U, [
+                    t.category === "container" ? (d(), o(g(t.type + "-widget"), {
+                      widget: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.defaultSlotsList,
+                      "index-of-parent-list": a,
+                      "parent-widget": e.widget
+                    }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), o(g(t.type + "-widget"), {
+                      field: t,
+                      designer: e.designer,
+                      key: t.id,
+                      "parent-list": e.widget.defaultSlotsList,
+                      "index-of-parent-list": a,
+                      "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
+        }, 8, ["title"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const O = /* @__PURE__ */ L(y, [["render", A], ["__scopeId", "data-v-46b90115"]]);
+export {
+  O as default
+};

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

@@ -0,0 +1,128 @@
+import { defineAsyncComponent as r } from "vue";
+import i from "./container-wrapper.vue.js";
+import n from "../../../../utils/emitter.js";
+import s from "../../../../utils/i18n.js";
+import a from "../field-widget/index.js";
+import d from "./containerMixin.js";
+import m from "../../refMixinDesign.js";
+import p from "../../../svg-icon/index.vue.js";
+import { TpfCollapse as f } from "tmgc2-share";
+import l from "./grid-widget.vue.js";
+import g from "../../../../lib/vuedraggable/src/vuedraggable.js";
+const D = {
+  name: "VfCollapseWidget",
+  mixins: [s, d, m, n],
+  inject: ["refList"],
+  components: {
+    Draggable: g,
+    ContainerWrapper: i,
+    TpfCollapse: f,
+    SvgIcon: p,
+    gridWidget: l,
+    VFormRender: r(() => import("../../../form-render/index.vue.js")),
+    ...a
+  },
+  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 {
+  D as default
+};