@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

package/src/components/CustomRender/RenderBodyCell.js

@@ -1,28 +0,0 @@
-import { defineComponent as d } from "vue";
-const c = /* @__PURE__ */ d({
-  name: "RenderBodyCell",
-  props: {
-    scope: {
-      type: Object,
-      default: () => ({})
-    },
-    bodyCell: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(e) {
-    const {
-      column: o
-    } = e.scope, {
-      dataIndex: n
-    } = o;
-    return () => {
-      const t = e.bodyCell[n];
-      return t && t(e.scope);
-    };
-  }
-});
-export {
-  c as default
-};

package/src/components/form-designer/form-widget/container-widget/containerMixin.js

@@ -1,59 +0,0 @@
-const s = {
-  inject: ["getFormConfig"],
-  computed: {
-    formConfig() {
-      return this.getFormConfig();
-    }
-  },
-  methods: {
-    appendTableRow(e) {
-      this.designer.appendTableRow(e);
-    },
-    appendTableCol(e) {
-      this.designer.appendTableCol(e);
-    },
-    onContainerDragAdd(e, t) {
-      const i = e.newIndex;
-      t[i] && this.designer.setSelected(t[i]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
-    },
-    onContainerDragUpdate() {
-      this.designer.emitHistoryChange();
-    },
-    /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkContainerMove(e) {
-      return this.designer.checkWidgetMove(e);
-    },
-    selectWidget(e) {
-      this.designer.setSelected(e);
-    },
-    selectParentWidget() {
-      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
-    },
-    moveUpWidget() {
-      this.designer.moveUpWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
-    },
-    moveDownWidget() {
-      this.designer.moveDownWidget(this.parentList, this.indexOfParentList), this.designer.emitHistoryChange();
-    },
-    cloneContainer(e) {
-      if (this.parentList) {
-        const t = this.designer.cloneContainer(e);
-        this.parentList.splice(this.indexOfParentList + 1, 0, t), this.designer.setSelected(t), this.designer.emitHistoryChange();
-      }
-    },
-    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();
-        });
-      }
-    },
-    setWidgetOption(e, t) {
-      this.widget.options.hasOwnProperty(e) && (this.widget.options[e] = t);
-    }
-  }
-};
-export {
-  s as default
-};

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

@@ -1,123 +0,0 @@
-import u from "../../../../utils/i18n.js";
-import w from "./containerMixin.js";
-import b from "./container-wrapper.vue.js";
-import h from "../field-widget/index.js";
-import _ from "../../refMixinDesign.js";
-import C from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent as r, createBlock as s, openBlock as d, withCtx as a, createElementBlock as x, withModifiers as v, normalizeClass as y, createVNode as m, createElementVNode as g, mergeProps as F, normalizeStyle as D, resolveDynamicComponent as S } from "vue";
-/* empty css                     */
-import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const L = {
-  name: "sub-form-widget",
-  componentName: "ContainerWidget",
-  mixins: [u, w, _],
-  inject: ["refList"],
-  components: {
-    Draggable: C,
-    ContainerWrapper: b,
-    ...h
-  },
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object
-  },
-  provide() {
-    return {
-      getSubFormFieldFlag: () => !0,
-      getSubFormName: () => this.widget.options.name
-    };
-  },
-  computed: {
-    selected() {
-      return this.widget.id === this.designer.selectedId;
-    },
-    customClass() {
-      return this.widget.options.customClass || "";
-    }
-  },
-  watch: {
-    //
-  },
-  created() {
-    this.initRefList();
-  },
-  mounted() {
-  },
-  methods: {
-    onSubFormDragAdd(t, n) {
-      const e = t.newIndex;
-      n[e] && this.designer.setSelected(n[e]), this.designer.emitHistoryChange(), console.log("test", "onSubFormDragAdd"), this.designer.emitEvent("field-selected", this.widget);
-    },
-    onSubFormDragEnd(t) {
-      console.log("sub form drag end: ", t);
-    }
-  }
-}, E = { class: "sub-form-table" };
-function A(t, n, e, N, O, o) {
-  const l = r("draggable"), c = r("a-form"), f = r("container-wrapper");
-  return d(), s(f, {
-    designer: e.designer,
-    widget: e.widget,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList
-  }, {
-    default: a(() => [
-      (d(), x("div", {
-        key: e.widget.id,
-        class: y(["sub-form-container", { selected: o.selected }]),
-        onClick: n[1] || (n[1] = v((i) => t.selectWidget(e.widget), ["stop"]))
-      }, [
-        m(c, {
-          layout: "horizontal",
-          class: "tpf-form"
-        }, {
-          default: a(() => [
-            g("div", E, [
-              m(l, F({
-                list: e.widget.widgetList,
-                "item-key": "id"
-              }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
-                tag: "transition-group",
-                "component-data": { name: "fade" },
-                handle: ".drag-handler",
-                onAdd: n[0] || (n[0] = (i) => o.onSubFormDragAdd(i, e.widget.widgetList)),
-                onEnd: o.onSubFormDragEnd,
-                onUpdate: t.onContainerDragUpdate,
-                move: t.checkContainerMove
-              }), {
-                item: a(({ element: i, index: p }) => [
-                  g("div", {
-                    class: "sub-form-table-column",
-                    style: D({ width: i.options.columnWidth })
-                  }, [
-                    (d(), s(S(i.type + "-widget"), {
-                      field: i,
-                      designer: e.designer,
-                      key: i.id,
-                      "parent-list": e.widget.widgetList,
-                      "index-of-parent-list": p,
-                      "parent-widget": e.widget,
-                      "design-state": !0,
-                      "sub-form-item-flag": !0
-                    }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
-                  ], 4)
-                ]),
-                _: 1
-              }, 16, ["list", "onEnd", "onUpdate", "move"])
-            ])
-          ]),
-          _: 1
-        })
-      ], 2))
-    ]),
-    _: 1
-  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
-}
-const G = /* @__PURE__ */ k(L, [["render", A], ["__scopeId", "data-v-c6713281"]]);
-export {
-  G as default
-};

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

@@ -1,415 +0,0 @@
-import W from "../../../../utils/i18n.js";
-import x from "../field-widget/index.js";
-import { SvgIcon as A } from "tmgc2-share";
-import L from "../../refMixinDesign.js";
-import v from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent as a, createElementBlock as c, openBlock as h, withModifiers as C, normalizeStyle as k, normalizeClass as D, createVNode as o, createCommentVNode as u, mergeProps as T, withCtx as s, createElementVNode as w, createBlock as f, resolveDynamicComponent as R, createTextVNode as d, toDisplayString as l } from "vue";
-/* empty css                       */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const M = {
-  name: "TableCellWidget",
-  componentName: "TableCellWidget",
-  mixins: [W, L],
-  inject: ["refList"],
-  components: {
-    Draggable: v,
-    ...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);
-    }
-  }
-}, B = ["colspan", "rowspan"], E = { class: "form-widget-list" }, N = {
-  key: 0,
-  class: "table-cell-action"
-}, S = ["title"], j = ["title"], P = {
-  key: 1,
-  class: "table-cell-handler"
-};
-function U(e, g, t, V, z, 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: D(["table-cell", [i.selected ? "selected" : "", i.customClass]]),
-    style: k({
-      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"]))
-  }, [
-    o(p, T({
-      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: s(({ element: r, index: b }) => [
-        w("div", E, [
-          r.category === "container" ? (h(), f(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(), f(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", N, [
-      w("i", {
-        title: e.i18nt("designer.hint.selectParentWidget"),
-        onClick: g[2] || (g[2] = C((r) => i.selectParentWidget(), ["stop"]))
-      }, [
-        o(m, { "icon-class": "icon-el-back" })
-      ], 8, S),
-      o(I, {
-        trigger: "click",
-        onCommand: i.handleTableCellCommand,
-        size: "small"
-      }, {
-        overlay: s(() => [
-          o(y, { onClick: i.handleTableCellCommand }, {
-            default: s(() => [
-              o(n, { key: "insertLeftCol" }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.insertColumnToLeft")), 1)
-                ]),
-                _: 1
-              }),
-              o(n, { key: "insertRightCol" }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.insertColumnToRight")), 1)
-                ]),
-                _: 1
-              }),
-              o(n, { key: "insertAboveRow" }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.insertRowAbove")), 1)
-                ]),
-                _: 1
-              }),
-              o(n, { key: "insertBelowRow" }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.insertRowBelow")), 1)
-                ]),
-                _: 1
-              }),
-              o(n, {
-                key: "mergeLeftCol",
-                disabled: i.mergeLeftColDisabled,
-                divided: ""
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.mergeLeftColumn")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              o(n, {
-                key: "mergeRightCol",
-                disabled: i.mergeRightColDisabled
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.mergeRightColumn")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              o(n, {
-                key: "mergeWholeRow",
-                disabled: i.mergeWholeRowDisabled
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.mergeEntireRow")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              o(n, {
-                key: "mergeAboveRow",
-                disabled: i.mergeAboveRowDisabled,
-                divided: ""
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.mergeRowAbove")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              o(n, {
-                key: "mergeBelowRow",
-                disabled: i.mergeBelowRowDisabled
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.mergeRowBelow")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              o(n, {
-                key: "mergeWholeCol",
-                disabled: i.mergeWholeColDisabled
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.mergeEntireColumn")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              o(n, {
-                key: "undoMergeRow",
-                disabled: i.undoMergeRowDisabled,
-                divided: ""
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.undoMergeRow")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              o(n, {
-                key: "undoMergeCol",
-                disabled: i.undoMergeColDisabled
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.undoMergeCol")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              o(n, {
-                key: "deleteWholeCol",
-                disabled: i.deleteWholeColDisabled,
-                divided: ""
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.deleteEntireCol")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"]),
-              o(n, {
-                key: "deleteWholeRow",
-                disabled: i.deleteWholeRowDisabled
-              }, {
-                default: s(() => [
-                  d(l(e.i18nt("designer.setting.deleteEntireRow")), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ]),
-        default: s(() => [
-          w("i", {
-            title: e.i18nt("designer.hint.cellSetting")
-          }, [
-            o(m, { "icon-class": "icon-el-menu" })
-          ], 8, j)
-        ]),
-        _: 1
-      }, 8, ["onCommand"])
-    ])) : u("", !0),
-    t.designer.selectedId === t.widget.id && t.widget.type === "table-cell" ? (h(), c("div", P, [
-      w("i", null, l(e.i18nt("designer.widgetLabel." + t.widget.type)), 1)
-    ])) : u("", !0)
-  ], 14, B);
-}
-const X = /* @__PURE__ */ _(M, [["render", U], ["__scopeId", "data-v-0ac37b0d"]]);
-export {
-  X as default
-};