@kp-ui/lowcode 1.0.20 → 1.0.21

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

@@ -0,0 +1,402 @@
+import W from "../../../../utils/i18n.js";
+import x from "../field-widget/index.js";
+import A from "../../../svg-icon/index.vue.js";
+import L from "../../refMixinDesign.js";
+import { resolveComponent as a, createElementBlock as c, openBlock as h, withModifiers as C, normalizeStyle as v, normalizeClass as k, createVNode as s, createCommentVNode as f, mergeProps as D, withCtx as o, createElementVNode as w, createBlock as u, resolveDynamicComponent as R, createTextVNode as d, toDisplayString as l } from "vue";
+/* empty css                       */
+import T from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "TableCellWidget",
+  componentName: "TableCellWidget",
+  mixins: [W, L],
+  inject: ["refList"],
+  components: {
+    ...x,
+    SvgIcon: A
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    rowIndex: Number,
+    colIndex: Number,
+    rowLength: Number,
+    colLength: Number,
+    colArray: Array,
+    rowArray: Array,
+    designer: Object
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    },
+    mergeLeftColDisabled() {
+      return this.colIndex <= 0 || this.colArray[this.colIndex - 1].options.rowspan !== this.widget.options.rowspan;
+    },
+    mergeRightColDisabled() {
+      const e = this.colIndex + this.widget.options.colspan;
+      return this.colIndex >= this.colLength - 1 || e > this.colLength - 1 || this.colArray[e].options.rowspan !== this.widget.options.rowspan;
+    },
+    mergeWholeRowDisabled() {
+      return this.colLength <= 1 || this.colLength === this.widget.options.colspan;
+    },
+    mergeAboveRowDisabled() {
+      return this.rowIndex <= 0 || this.rowArray[this.rowIndex - 1].cols[this.colIndex].options.colspan !== this.widget.options.colspan;
+    },
+    mergeBelowRowDisabled() {
+      const e = this.rowIndex + this.widget.options.rowspan;
+      return this.rowIndex >= this.rowLength - 1 || e > this.rowLength - 1 || this.rowArray[e].cols[this.colIndex].options.colspan !== this.widget.options.colspan;
+    },
+    mergeWholeColDisabled() {
+      return this.rowLength <= 1 || this.rowLength === this.widget.options.rowspan;
+    },
+    undoMergeColDisabled() {
+      return this.widget.merged || this.widget.options.colspan <= 1;
+    },
+    undoMergeRowDisabled() {
+      return this.widget.merged || this.widget.options.rowspan <= 1;
+    },
+    deleteWholeColDisabled() {
+      return this.colLength === 1 || this.widget.options.colspan === this.colLength;
+    },
+    deleteWholeRowDisabled() {
+      return this.rowLength === 1 || this.widget.options.rowspan === this.rowLength;
+    }
+  },
+  watch: {
+    //
+  },
+  created() {
+    this.initRefList();
+  },
+  methods: {
+    selectWidget(e) {
+      this.designer.setSelected(e);
+    },
+    checkContainerMove(e) {
+      return this.designer.checkWidgetMove(e);
+    },
+    onTableDragEnd(e, g) {
+    },
+    onTableDragAdd(e, g) {
+      const t = e.newIndex;
+      g[t] && this.designer.setSelected(g[t]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onTableDragUpdate() {
+      this.designer.emitHistoryChange();
+    },
+    selectParentWidget() {
+      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
+    },
+    handleTableCellCommand(e) {
+      e === "insertLeftCol" ? this.insertLeftCol() : e === "insertRightCol" ? this.insertRightCol() : e === "insertAboveRow" ? this.insertAboveRow() : e === "insertBelowRow" ? this.insertBelowRow() : e === "mergeLeftCol" ? this.mergeLeftCol() : e === "mergeRightCol" ? this.mergeRightCol() : e === "mergeWholeCol" ? this.mergeWholeCol() : e === "mergeAboveRow" ? this.mergeAboveRow() : e === "mergeBelowRow" ? this.mergeBelowRow() : e === "mergeWholeRow" ? this.mergeWholeRow() : e === "undoMergeCol" ? this.undoMergeCol() : e === "undoMergeRow" ? this.undoMergeRow() : e === "deleteWholeCol" ? this.deleteWholeCol() : e === "deleteWholeRow" && this.deleteWholeRow();
+    },
+    insertLeftCol() {
+      this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, !0);
+    },
+    insertRightCol() {
+      this.designer.insertTableCol(this.parentWidget, this.colIndex, this.rowIndex, !1);
+    },
+    insertAboveRow() {
+      this.designer.insertTableRow(
+        this.parentWidget,
+        this.rowIndex,
+        this.rowIndex,
+        this.colIndex,
+        !0
+      );
+    },
+    insertBelowRow() {
+      this.designer.insertTableRow(
+        this.parentWidget,
+        this.rowIndex,
+        this.rowIndex,
+        this.colIndex,
+        !1
+      );
+    },
+    mergeLeftCol() {
+      this.designer.mergeTableCol(
+        this.rowArray,
+        this.colArray,
+        this.rowIndex,
+        this.colIndex,
+        !0,
+        this.widget
+      );
+    },
+    mergeRightCol() {
+      this.designer.mergeTableCol(
+        this.rowArray,
+        this.colArray,
+        this.rowIndex,
+        this.colIndex,
+        !1,
+        this.widget
+      );
+    },
+    mergeWholeRow() {
+      this.designer.mergeTableWholeRow(
+        this.rowArray,
+        this.colArray,
+        this.rowIndex,
+        this.colIndex
+      );
+    },
+    mergeAboveRow() {
+      this.designer.mergeTableRow(this.rowArray, this.rowIndex, this.colIndex, !0, this.widget);
+    },
+    mergeBelowRow() {
+      this.designer.mergeTableRow(
+        this.rowArray,
+        this.rowIndex,
+        this.colIndex,
+        !1,
+        this.widget
+      );
+    },
+    mergeWholeCol() {
+      this.designer.mergeTableWholeCol(
+        this.rowArray,
+        this.colArray,
+        this.rowIndex,
+        this.colIndex
+      );
+    },
+    undoMergeCol() {
+      this.designer.undoMergeTableCol(
+        this.rowArray,
+        this.rowIndex,
+        this.colIndex,
+        this.widget.options.colspan,
+        this.widget.options.rowspan
+      );
+    },
+    undoMergeRow() {
+      this.designer.undoMergeTableRow(
+        this.rowArray,
+        this.rowIndex,
+        this.colIndex,
+        this.widget.options.colspan,
+        this.widget.options.rowspan
+      );
+    },
+    deleteWholeCol() {
+      this.designer.deleteTableWholeCol(this.rowArray, this.colIndex);
+    },
+    deleteWholeRow() {
+      this.designer.deleteTableWholeRow(this.rowArray, this.rowIndex);
+    }
+  }
+}, M = ["colspan", "rowspan"], B = { class: "form-widget-list" }, E = {
+  key: 0,
+  class: "table-cell-action"
+}, N = ["title"], S = ["title"], j = {
+  key: 1,
+  class: "table-cell-handler"
+};
+function P(e, g, t, U, V, i) {
+  const p = a("draggable"), m = a("svg-icon"), n = a("a-menu-item"), y = a("a-menu"), I = a("a-dropdown");
+  return h(), c("td", {
+    class: k(["table-cell", [i.selected ? "selected" : "", i.customClass]]),
+    style: v({
+      width: t.widget.options.cellWidth + "!important" || "",
+      height: t.widget.options.cellHeight + "!important" || ""
+    }),
+    colspan: t.widget.options.colspan || 1,
+    rowspan: t.widget.options.rowspan || 1,
+    onClick: g[3] || (g[3] = C((r) => i.selectWidget(t.widget), ["stop"]))
+  }, [
+    s(p, D({
+      list: t.widget.widgetList,
+      "item-key": "id"
+    }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+      tag: "transition-group",
+      "component-data": { name: "fade" },
+      handle: ".drag-handler",
+      onEnd: g[0] || (g[0] = (r) => i.onTableDragEnd(r, t.widget.widgetList)),
+      onAdd: g[1] || (g[1] = (r) => i.onTableDragAdd(r, t.widget.widgetList)),
+      onUpdate: i.onTableDragUpdate,
+      move: i.checkContainerMove
+    }), {
+      item: o(({ element: r, index: b }) => [
+        w("div", B, [
+          r.category === "container" ? (h(), u(R(r.type + "-widget"), {
+            widget: r,
+            designer: t.designer,
+            key: r.id,
+            "parent-list": t.widget.widgetList,
+            "index-of-parent-list": b,
+            "parent-widget": t.widget
+          }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (h(), u(R(r.type + "-widget"), {
+            field: r,
+            designer: t.designer,
+            key: r.id,
+            "parent-list": t.widget.widgetList,
+            "index-of-parent-list": b,
+            "parent-widget": t.widget,
+            "design-state": !0
+          }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+        ])
+      ]),
+      _: 1
+    }, 16, ["list", "onUpdate", "move"]),
+    t.designer.selectedId === t.widget.id && t.widget.type === "table-cell" ? (h(), c("div", E, [
+      w("i", {
+        title: e.i18nt("designer.hint.selectParentWidget"),
+        onClick: g[2] || (g[2] = C((r) => i.selectParentWidget(), ["stop"]))
+      }, [
+        s(m, { "icon-class": "el-back" })
+      ], 8, N),
+      s(I, {
+        trigger: "click",
+        onCommand: i.handleTableCellCommand,
+        size: "small"
+      }, {
+        overlay: o(() => [
+          s(y, { onClick: i.handleTableCellCommand }, {
+            default: o(() => [
+              s(n, { key: "insertLeftCol" }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.insertColumnToLeft")), 1)
+                ]),
+                _: 1
+              }),
+              s(n, { key: "insertRightCol" }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.insertColumnToRight")), 1)
+                ]),
+                _: 1
+              }),
+              s(n, { key: "insertAboveRow" }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.insertRowAbove")), 1)
+                ]),
+                _: 1
+              }),
+              s(n, { key: "insertBelowRow" }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.insertRowBelow")), 1)
+                ]),
+                _: 1
+              }),
+              s(n, {
+                key: "mergeLeftCol",
+                disabled: i.mergeLeftColDisabled,
+                divided: ""
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.mergeLeftColumn")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              s(n, {
+                key: "mergeRightCol",
+                disabled: i.mergeRightColDisabled
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.mergeRightColumn")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              s(n, {
+                key: "mergeWholeRow",
+                disabled: i.mergeWholeRowDisabled
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.mergeEntireRow")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              s(n, {
+                key: "mergeAboveRow",
+                disabled: i.mergeAboveRowDisabled,
+                divided: ""
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.mergeRowAbove")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              s(n, {
+                key: "mergeBelowRow",
+                disabled: i.mergeBelowRowDisabled
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.mergeRowBelow")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              s(n, {
+                key: "mergeWholeCol",
+                disabled: i.mergeWholeColDisabled
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.mergeEntireColumn")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              s(n, {
+                key: "undoMergeRow",
+                disabled: i.undoMergeRowDisabled,
+                divided: ""
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.undoMergeRow")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              s(n, {
+                key: "undoMergeCol",
+                disabled: i.undoMergeColDisabled
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.undoMergeCol")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              s(n, {
+                key: "deleteWholeCol",
+                disabled: i.deleteWholeColDisabled,
+                divided: ""
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.deleteEntireCol")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]),
+              s(n, {
+                key: "deleteWholeRow",
+                disabled: i.deleteWholeRowDisabled
+              }, {
+                default: o(() => [
+                  d(l(e.i18nt("designer.setting.deleteEntireRow")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        default: o(() => [
+          w("i", {
+            title: e.i18nt("designer.hint.cellSetting")
+          }, [
+            s(m, { "icon-class": "el-menu" })
+          ], 8, S)
+        ]),
+        _: 1
+      }, 8, ["onCommand"])
+    ])) : f("", !0),
+    t.designer.selectedId === t.widget.id && t.widget.type === "table-cell" ? (h(), c("div", j, [
+      w("i", null, l(e.i18nt("designer.widgetLabel." + t.widget.type)), 1)
+    ])) : f("", !0)
+  ], 14, M);
+}
+const K = /* @__PURE__ */ T(_, [["render", P], ["__scopeId", "data-v-fd07d4fd"]]);
+export {
+  K as default
+};

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

@@ -0,0 +1,89 @@
+import _ from "../../../../utils/i18n.js";
+import h from "./containerMixin.js";
+import x from "./container-wrapper.vue.js";
+import b 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: [_, h, C],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper: x,
+    TableCellWidget: b
+  },
+  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-264f6e94"]]);
+export {
+  R as default
+};

package/es/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
+};