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

package/src/components/form-render/container-items/container-wrapper.vue2.js

@@ -0,0 +1,17 @@
+import { defineComponent as r, createElementBlock as o, openBlock as s, normalizeClass as t, renderSlot as a } from "vue";
+const c = /* @__PURE__ */ r({
+  __name: "container-wrapper",
+  props: {
+    customClass: { default: () => [] }
+  },
+  setup(n) {
+    return (e, l) => (s(), o("div", {
+      class: t(["container-wrapper", [e.customClass]])
+    }, [
+      a(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  c as default
+};

package/src/components/form-render/container-items/data-table-widget.vue.js

@@ -0,0 +1,7 @@
+import t from "./data-table-widget.vue2.js";
+/* empty css                       */
+import a from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-ad273c72"]]);
+export {
+  m as default
+};

package/src/components/form-render/container-items/data-table-widget.vue2.js

@@ -0,0 +1,82 @@
+import { defineComponent as v, watchEffect as D, onMounted as _, createBlock as M, createCommentVNode as N, unref as e, openBlock as W, mergeProps as y, withCtx as F, createElementVNode as S, normalizeStyle as V, createVNode as I } from "vue";
+import L from "./container-wrapper.vue.js";
+import { ComponentNameEnum as P, ContainerTypeEnum as B } from "../../../constants/WidgetTypeEnum.js";
+import { useVxeTable as z, Table as H } from "tmgc2-share";
+import { useField as O } from "../../form-designer/form-widget/field-widget/useField.js";
+import { useTableWidget as j } from "../../form-designer/form-widget/container-widget/useTableWidget.js";
+const X = /* @__PURE__ */ v({
+  name: B.DataTable,
+  componentName: P.FieldWidget,
+  __name: "data-table-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(l, { expose: r }) {
+    const t = l, { fieldModel: i, handleHidden: s, defineExposed: d, customClass: c } = O(t), {
+      isLoading: m,
+      tableProps: p,
+      tableWidth: u,
+      pagintion: f,
+      setTableRef: b,
+      initTableSoureData: g,
+      handleTableChange: C,
+      loadDataTableDataSource: h,
+      onRunEvent: a,
+      onSortChange: x,
+      onCheckboxChange: T,
+      tableDefinExpoed: w
+    } = j({
+      props: t,
+      fieldModel: i
+    }), { tableRef: n, register: E, selectedRowInfo: R, sorts: k } = z({
+      props: p,
+      events: {
+        cellDblclick: (o) => a(o, "onDblclick"),
+        cellMouseenter: (o) => a(o, "onMouseenter"),
+        cellMouseleave: (o) => a(o, "onMouseleave")
+      },
+      callbacks: {
+        onCheckboxChange: T,
+        onSortChange: x
+      }
+    });
+    return D(() => {
+      n.value && b(n.value);
+    }), _(() => {
+      setTimeout(() => {
+        g();
+      }, 1e3);
+    }), r({
+      ...d,
+      ...w,
+      sorts: k,
+      selectedRowInfo: R,
+      loadDataTableDataSource: h,
+      fieldEditor: n
+    }), (o, q) => e(s) ? N("", !0) : (W(), M(L, y({ key: 0 }, t, { customClass: e(c) }), {
+      default: F(() => [
+        S("div", {
+          class: "talbe-wrapper",
+          style: V({ width: e(u) })
+        }, [
+          I(e(H), {
+            onRegister: e(E),
+            onChange: e(C),
+            loading: e(m),
+            pagination: e(f)
+          }, null, 8, ["onRegister", "onChange", "loading", "pagination"])
+        ], 4)
+      ]),
+      _: 1
+    }, 16, ["customClass"]));
+  }
+});
+export {
+  X as default
+};

package/src/components/form-render/container-items/grid-col-widget.vue.js

@@ -0,0 +1,7 @@
+import o from "./grid-col-widget.vue2.js";
+/* empty css                     */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c0fd4dd8"]]);
+export {
+  i as default
+};

package/src/components/form-render/container-items/grid-col-widget.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent as l, computed as d, ref as p, resolveComponent as a, createBlock as m, createCommentVNode as c, unref as g, openBlock as u, mergeProps as f, withCtx as w, createVNode as h } from "vue";
+import _ from "../RenderWigetList.vue.js";
+import { ComponentNameEnum as C, ContainerTypeEnum as y } from "../../../constants/WidgetTypeEnum.js";
+import { useField as H } from "../../form-designer/form-widget/field-widget/useField.js";
+const x = /* @__PURE__ */ l({
+  name: y.GridColWidget,
+  componentName: C.ContainerWidget,
+  inheritAttrs: !1,
+  __name: "grid-col-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    colHeight: { default: null }
+  },
+  setup(o) {
+    const e = o, n = d(() => e.colHeight ? { height: e.colHeight } : {}), i = p({
+      span: e.widget.options.span || 12,
+      offset: e.widget.options.offset || 0,
+      push: e.widget.options.push || 0,
+      pull: e.widget.options.pull || 0
+    }), { handleHidden: r } = H(e);
+    return (t, L) => {
+      const s = a("a-col");
+      return g(r) ? c("", !0) : (u(), m(s, f({
+        key: 0,
+        class: "grid-cell"
+      }, i.value, { style: n.value }), {
+        default: w(() => [
+          h(_, {
+            widgetList: t.widget.widgetList || [],
+            parentWidget: t.widget
+          }, null, 8, ["widgetList", "parentWidget"])
+        ]),
+        _: 1
+      }, 16, ["style"]));
+    };
+  }
+});
+export {
+  x as default
+};

package/src/components/form-render/container-items/grid-sub-form-widget.vue.js

@@ -0,0 +1,7 @@
+import o from "./grid-sub-form-widget.vue2.js";
+/* empty css                          */
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6cbdf359"]]);
+export {
+  f as default
+};

package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js

@@ -0,0 +1,198 @@
+import { defineComponent as j, provide as A, ref as f, computed as q, onMounted as J, resolveComponent as K, createBlock as L, openBlock as F, withCtx as g, withDirectives as W, createElementVNode as r, createElementBlock as y, Fragment as Q, renderList as U, toDisplayString as E, createVNode as u, unref as a, vShow as N, createCommentVNode as X, createTextVNode as Y, nextTick as R } from "vue";
+import { traverseFieldWidgetsOfContainer as Z, generateId as S, deepClone as ee } from "../../../utils/util.js";
+import oe from "./container-wrapper.vue.js";
+import te from "../RenderWigetList.vue.js";
+import { TpfConfirm as ne } from "../../../hooks/TpfConfirm.js";
+import { SvgIcon as _ } from "tmgc2-share";
+import { ComponentNameEnum as ie, ContainerTypeEnum as se } from "../../../constants/WidgetTypeEnum.js";
+import { useI18n as ae } from "../../../utils/i18n.js";
+import { useField as de } from "../../form-designer/form-widget/field-widget/useField.js";
+const le = { class: "sub-form-container" }, ce = { class: "row-no-column" }, re = { class: "row-number-span" }, ue = { class: "grid-sub-form-data-row" }, me = { class: "sub-form-action-column hide-label" }, we = { class: "action-button-column" }, pe = { class: "header-row" }, De = /* @__PURE__ */ j({
+  name: se.GridSubFormWidget,
+  componentName: ie.ContainerWidget,
+  inheritAttrs: !1,
+  __name: "grid-sub-form-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(T, { expose: V }) {
+    A("isSubFormField", !0), A("getSubFormName", () => t.widget.options.name);
+    const { i18nt: d } = ae(), t = T, c = f([]), m = f([]), b = f(!1), v = f(!1), w = f(!1), { field: x, formModel: l, isReadMode: D, handleHidden: B, defineExposed: p } = de(t);
+    q(() => x.options.actionColumnPosition === "right" ? "right-action-column" : "left-action-column");
+    const C = () => {
+      m.value = [];
+      const e = (o) => {
+        m.value.push(o);
+      };
+      Z(t.widget, e);
+    }, I = (e = !1) => {
+      c.value = [];
+      const o = l.value[t.widget.options.name];
+      o && o.length > 0 && (o.forEach(() => {
+        c.value.push("id" + S());
+      }), e && setTimeout(() => {
+        h(o);
+      }, 800));
+    }, h = (e) => {
+      t.widget.options.onSubFormRowChange && new Function("subFormData", t.widget.options.onSubFormRowChange).call(p, e);
+    }, M = (e, o) => {
+      t.widget.options.onSubFormRowAdd && new Function(
+        "subFormData",
+        "newRowId",
+        t.widget.options.onSubFormRowAdd
+      ).call(p, e, o);
+    }, $ = (e, o) => {
+      t.widget.options.onSubFormRowInsert && new Function(
+        "subFormData",
+        "newRowId",
+        t.widget.options.onSubFormRowInsert
+      ).call(p, e, o);
+    }, H = (e, o) => {
+      t.widget.options.onSubFormRowDelete && new Function(
+        "subFormData",
+        "deletedDataRow",
+        t.widget.options.onSubFormRowDelete
+      ).call(p, e, o);
+    }, k = () => {
+      const e = {};
+      m.value.forEach((i) => {
+        i != null && i.formItemFlag && (e[i.options.name] = i.options.defaultValue);
+      });
+      const o = l.value[t.widget.options.name] || [];
+      o.push(e), l.value[t.widget.options.name] || (l.value[t.widget.options.name] = o);
+      const n = "id" + S();
+      c.value.push(n), R(() => {
+        M(o, n), h(o);
+      });
+    }, O = (e) => {
+      const o = {};
+      m.value.forEach((s) => {
+        s != null && s.formItemFlag && (o[s.options.name] = s.options.defaultValue);
+      });
+      const n = l.value[t.widget.options.name] || [];
+      n.splice(e, 0, o), l.value[t.widget.options.name] || (l.value[t.widget.options.name] = n);
+      const i = "id" + S();
+      c.value.splice(e, 0, i), R(() => {
+        $(n, i), h(n);
+      });
+    }, P = (e) => {
+      ne({
+        type: "confirm",
+        content: d("render.hint.deleteSubFormRow") + "?",
+        title: d("render.hint.prompt"),
+        okText: d("render.hint.confirm"),
+        cancelText: d("render.hint.cancel")
+      }).then(() => {
+        const o = l.value[t.widget.options.name] || [], n = ee(o[e]);
+        o.splice(e, 1), c.value.splice(e, 1), R(() => {
+          H(o, n), h(o);
+        });
+      }).catch(() => {
+      });
+    }, z = () => {
+      t.widget.options.showBlankRow && c.value.length === 0 && (m.value.length === 0 && C(), k());
+    };
+    return J(() => {
+      C(), I(!0), z();
+    }), V({
+      ...p,
+      insertDisabled: b,
+      deleteDisabled: v,
+      actionDisabled: w,
+      setInsertDisabled: (e) => {
+        b.value = e;
+      },
+      setDeleteDisabled: (e) => {
+        v.value = e;
+      },
+      setActionDisabled: (e) => {
+        w.value = e;
+      }
+    }), (e, o) => {
+      const n = K("a-button");
+      return F(), L(oe, { widget: e.widget }, {
+        default: g(() => [
+          W(r("div", le, [
+            (F(!0), y(Q, null, U(c.value, (i, s) => (F(), y("div", {
+              class: "sub-form-row",
+              key: i
+            }, [
+              r("div", ce, [
+                r("span", re, "#" + E(s + 1), 1)
+              ]),
+              r("div", ue, [
+                u(te, {
+                  widgetList: e.widget.widgetList || [],
+                  parentWidget: e.widget,
+                  subFormRowIndex: s,
+                  subFormRowId: i
+                }, null, 8, ["widgetList", "parentWidget", "subFormRowIndex", "subFormRowId"])
+              ]),
+              r("div", me, [
+                W(r("div", we, [
+                  u(n, {
+                    type: "link",
+                    title: a(d)("render.hint.insertSubFormRow"),
+                    disabled: w.value || b.value,
+                    onClick: (G) => O(s)
+                  }, {
+                    icon: g(() => [
+                      u(a(_), { "icon-class": "icon-el-plus" })
+                    ]),
+                    _: 2
+                  }, 1032, ["title", "disabled", "onClick"]),
+                  u(n, {
+                    type: "link",
+                    title: a(d)("render.hint.deleteSubFormRow"),
+                    disabled: w.value || v.value,
+                    onClick: (G) => P(s)
+                  }, {
+                    icon: g(() => [
+                      u(a(_), { "icon-class": "icon-el-delete" })
+                    ]),
+                    _: 2
+                  }, 1032, ["title", "disabled", "onClick"])
+                ], 512), [
+                  [N, !a(D)]
+                ])
+              ])
+            ]))), 128)),
+            r("div", pe, [
+              a(D) ? X("", !0) : (F(), L(n, {
+                key: 0,
+                block: "",
+                disabled: w.value || b.value,
+                shape: "round",
+                type: "dashed",
+                size: "small",
+                class: "action-button",
+                onClick: k,
+                title: a(d)("render.hint.subFormAddActionHint")
+              }, {
+                icon: g(() => [
+                  u(a(_), { "icon-class": "icon-el-plus" })
+                ]),
+                default: g(() => [
+                  Y(" " + E(a(d)("render.hint.subFormAddAction")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "title"]))
+            ])
+          ], 512), [
+            [N, !a(B)]
+          ])
+        ]),
+        _: 1
+      }, 8, ["widget"]);
+    };
+  }
+});
+export {
+  De as default
+};

package/src/components/form-render/container-items/grid-widget.vue.js

@@ -0,0 +1,7 @@
+import o from "./grid-widget.vue2.js";
+import "./grid-widget.vue3.js";
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-79f4801a"]]);
+export {
+  i as default
+};

package/src/components/form-render/container-items/grid-widget.vue2.js

@@ -0,0 +1,55 @@
+import { defineComponent as l, resolveComponent as g, createBlock as n, openBlock as t, normalizeProps as u, guardReactiveProps as c, withCtx as i, createElementBlock as d, createCommentVNode as f, unref as w, createVNode as h, Fragment as C, renderList as _ } from "vue";
+import k from "./container-wrapper.vue.js";
+import F from "./grid-col-widget.vue.js";
+import { ComponentNameEnum as N, ContainerTypeEnum as v } from "../../../constants/WidgetTypeEnum.js";
+import { useField as y } from "../../form-designer/form-widget/field-widget/useField.js";
+const B = {
+  key: 0,
+  class: "grid-container"
+}, H = /* @__PURE__ */ l({
+  name: v.grid,
+  componentName: N.ContainerWidget,
+  __name: "grid-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    designer: {}
+  },
+  setup(a) {
+    const o = a, { handleHidden: p } = y(o);
+    return (e, E) => {
+      const s = g("a-row");
+      return t(), n(k, u(c(o)), {
+        default: i(() => [
+          w(p) ? f("", !0) : (t(), d("div", B, [
+            h(s, {
+              gutter: e.widget.options.gutter
+            }, {
+              default: i(() => [
+                (t(!0), d(C, null, _(e.widget.cols, (r, m) => (t(), n(F, {
+                  key: r.id,
+                  field: r,
+                  widget: r,
+                  "parent-list": e.widget.cols || [],
+                  "index-of-parent-list": m,
+                  "parent-widget": e.widget,
+                  "col-height": e.widget.options.colHeight
+                }, null, 8, ["field", "widget", "parent-list", "index-of-parent-list", "parent-widget", "col-height"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["gutter"])
+          ]))
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  H as default
+};

package/src/components/form-render/container-items/grid-widget.vue3.js

@@ -0,0 +1 @@
+

package/src/components/form-render/container-items/index.js

@@ -0,0 +1,18 @@
+import { ContainerTypeEnum as i } from "../../../constants/WidgetTypeEnum.js";
+import o from "./grid-sub-form-widget.vue.js";
+import r from "./grid-col-widget.vue.js";
+import t from "./grid-widget.vue.js";
+import e from "./data-table-widget.vue.js";
+import d from "./vf-collapse-widget.vue.js";
+import m from "./vf-box-widget.vue.js";
+const C = {
+  [i.GridColWidget]: r,
+  [i.grid]: t,
+  [i.DataTable]: e,
+  [i.VfCollapseWidget]: d,
+  [i.GridSubFormWidget]: o,
+  [i.VfBoxWidget]: m
+};
+export {
+  C as RenderWidgetList
+};

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

@@ -0,0 +1,7 @@
+import o from "./vf-box-widget.vue2.js";
+/* empty css                   */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7b446e14"]]);
+export {
+  m as default
+};

package/src/components/form-render/container-items/vf-box-widget.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as n, computed as a, createBlock as p, openBlock as t, normalizeProps as m, guardReactiveProps as g, withCtx as s, createElementBlock as u, normalizeStyle as f, createVNode as l } from "vue";
+import b from "../RenderWigetList.vue.js";
+import x from "./container-wrapper.vue.js";
+import { ComponentNameEnum as w, ContainerTypeEnum as c } from "../../../constants/WidgetTypeEnum.js";
+const L = /* @__PURE__ */ n({
+  name: c.VfBoxWidget,
+  componentName: w.VfBoxWidget,
+  __name: "vf-box-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(d) {
+    const i = d, r = a(() => {
+      const o = i.widget.options.boxModel || {}, e = {};
+      return o.borderShow && (e.borderRadius = `${o.borderRadius}px`, e.border = `${o.borderStyle} ${o.borderWidth}px ${o.borderColor}`), (o.paddingTop !== void 0 || o.paddingRight !== void 0 || o.paddingBottom !== void 0 || o.paddingLeft !== void 0) && (e.padding = `${o.paddingTop || 0}px ${o.paddingRight || 0}px ${o.paddingBottom || 0}px ${o.paddingLeft || 0}px`), (o.marginTop !== void 0 || o.marginRight !== void 0 || o.marginBottom !== void 0 || o.marginLeft !== void 0) && (e.margin = `${o.marginTop || 0}px ${o.marginRight || 0}px ${o.marginBottom || 0}px ${o.marginLeft || 0}px`), e;
+    });
+    return (o, e) => (t(), p(x, m(g(i)), {
+      default: s(() => [
+        (t(), u("div", {
+          class: "box-container",
+          key: o.widget.id,
+          style: f(r.value)
+        }, [
+          l(b, {
+            subFormRowIndex: o.subFormRowIndex,
+            subFormRowId: o.subFormRowId,
+            widgetList: o.widget.widgetList || [],
+            parentWidget: o.widget
+          }, null, 8, ["subFormRowIndex", "subFormRowId", "widgetList", "parentWidget"])
+        ], 4))
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  L as default
+};

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

@@ -0,0 +1,8 @@
+import o from "./vf-collapse-widget.vue2.js";
+/* empty css                        */
+/* empty css                        */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c78130a4"]]);
+export {
+  e as default
+};

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

@@ -0,0 +1,61 @@
+import { defineComponent as m, computed as s, createBlock as g, openBlock as c, normalizeProps as f, guardReactiveProps as u, withCtx as i, createElementVNode as o, createVNode as n, unref as w, withDirectives as h, normalizeStyle as L, vShow as v } from "vue";
+import C from "./container-wrapper.vue.js";
+import { useAppRef as _ } from "../../form-designer/useAppRef.js";
+import { TpfCollapse as W } from "tmgc2-share";
+import r from "../RenderWigetList.vue.js";
+import { ComponentNameEnum as R, ContainerTypeEnum as S } from "../../../constants/WidgetTypeEnum.js";
+const N = { class: "collapse-container" }, y = { class: "collapse-right" }, F = /* @__PURE__ */ m({
+  name: S.VfCollapseWidget,
+  componentName: R.ContainerWidget,
+  __name: "vf-collapse-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(a) {
+    const t = a, p = s(() => t.widget.defaultSlotsList || []), l = s(() => t.widget.headerRightSlotList || []), { initRefList: d } = _(t);
+    return d(), (e, E) => (c(), g(C, f(u(t)), {
+      default: i(() => [
+        o("div", N, [
+          n(w(W), {
+            title: e.widget.options.title
+          }, {
+            right: i(() => [
+              o("div", y, [
+                n(r, {
+                  widgetList: l.value || [],
+                  parentWidget: e.widget
+                }, null, 8, ["widgetList", "parentWidget"])
+              ])
+            ]),
+            default: i(() => [
+              h(o("div", {
+                class: "tpf-collapse-content-wrapper",
+                style: L({
+                  height: e.widget.options.height || "unset"
+                })
+              }, [
+                n(r, {
+                  widgetList: p.value || [],
+                  parentWidget: e.widget
+                }, null, 8, ["widgetList", "parentWidget"])
+              ], 4), [
+                [v, !e.widget.options.isCollapse]
+              ])
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  F as default
+};