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

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

@@ -0,0 +1,49 @@
+import a from "./grid-widget.vue2.js";
+import { resolveComponent as l, createBlock as o, openBlock as r, normalizeProps as g, guardReactiveProps as s, withCtx as n, createElementVNode as m, createVNode as _, createElementBlock as f, Fragment as p, renderList as w } from "vue";
+import "./grid-widget.vue3.js";
+import u from "../../../../_virtual/_plugin-vue_export-helper.js";
+const h = { class: "grid-container" };
+function v(x, k, e, t, C, B) {
+  const d = l("a-row");
+  return r(), o(
+    t.ContainerWrapper,
+    g(s(t.props)),
+    {
+      default: n(() => [
+        m("div", h, [
+          _(d, {
+            gutter: e.widget.options.gutter
+          }, {
+            default: n(() => [
+              (r(!0), f(
+                p,
+                null,
+                w(e.widget.cols, (i, c) => (r(), o(t.GridColWidget, {
+                  key: i.id,
+                  field: e.widget,
+                  widget: i,
+                  "parent-list": e.widget.cols || [],
+                  "index-of-parent-list": c,
+                  "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
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["gutter"])
+        ])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+const N = /* @__PURE__ */ u(a, [["render", v], ["__scopeId", "data-v-20fcbc4c"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-render/container-items/grid-widget.vue"]]);
+export {
+  N as default
+};

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

@@ -0,0 +1,27 @@
+import { defineComponent as i } from "vue";
+import n from "./container-wrapper.vue.js";
+import p from "./grid-col-widget.vue.js";
+import { ComponentNameEnum as o, ContainerTypeEnum as u } from "../../../constants/WidgetTypeEnum.js";
+const l = /* @__PURE__ */ i({
+  name: u.grid,
+  componentName: o.ContainerWidget,
+  __name: "grid-widget",
+  props: {
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    parentWidget: { type: [Object, null], required: !0 },
+    parentList: { type: Array, required: !0 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    designer: { type: null, required: !1 }
+  },
+  setup(r, { expose: t }) {
+    t();
+    const e = { props: r, ContainerWrapper: n, GridColWidget: p };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+export {
+  l 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,40 @@
+import r from "./vf-box-widget.vue2.js";
+import { createBlock as i, openBlock as o, normalizeProps as d, guardReactiveProps as n, withCtx as a, createElementBlock as c, normalizeStyle as m, createVNode as s } from "vue";
+/* empty css                   */
+import f from "../../../../_virtual/_plugin-vue_export-helper.js";
+function g(l, w, e, t, _, b) {
+  return o(), i(
+    t.ContainerWrapper,
+    d(n(t.props)),
+    {
+      default: a(() => [
+        (o(), c(
+          "div",
+          {
+            class: "box-container",
+            key: e.widget.id,
+            style: m(t.boxStyle)
+          },
+          [
+            s(t.RenderWigetList, {
+              subFormRowIndex: e.subFormRowIndex,
+              subFormRowId: e.subFormRowId,
+              widgetList: e.widget.widgetList || [],
+              parentWidget: e.widget
+            }, null, 8, ["subFormRowIndex", "subFormRowId", "widgetList", "parentWidget"])
+          ],
+          4
+          /* STYLE */
+        ))
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+const v = /* @__PURE__ */ f(r, [["render", g], ["__scopeId", "data-v-ffbd9286"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-render/container-items/vf-box-widget.vue"]]);
+export {
+  v as default
+};

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

@@ -0,0 +1,29 @@
+import { defineComponent as p, computed as a } from "vue";
+import m from "../RenderWigetList.vue.js";
+import g from "./container-wrapper.vue.js";
+import { ComponentNameEnum as u, ContainerTypeEnum as s } from "../../../constants/WidgetTypeEnum.js";
+const c = /* @__PURE__ */ p({
+  name: s.VfBoxWidget,
+  componentName: u.VfBoxWidget,
+  __name: "vf-box-widget",
+  props: {
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    parentWidget: { type: [Object, null], required: !0 },
+    parentList: { type: Array, required: !0 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 }
+  },
+  setup(i, { expose: d }) {
+    d();
+    const t = i, n = a(() => {
+      const e = t.widget.options.boxModel || {}, r = {};
+      return e.borderShow && (r.borderRadius = `${e.borderRadius}px`, r.border = `${e.borderStyle} ${e.borderWidth}px ${e.borderColor}`), (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (r.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) && (r.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), r;
+    }), o = { props: t, boxStyle: n, RenderWigetList: m, ContainerWrapper: g };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  }
+});
+export {
+  c as default
+};

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

@@ -0,0 +1,61 @@
+import n from "./vf-collapse-widget.vue2.js";
+import { createBlock as a, openBlock as d, normalizeProps as l, guardReactiveProps as s, withCtx as i, createElementVNode as o, createVNode as r, withDirectives as c, normalizeStyle as g, vShow as p } from "vue";
+/* empty css                        */
+/* empty css                        */
+import f from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = { class: "collapse-container" }, m = { class: "collapse-right" };
+function h(w, v, t, e, L, W) {
+  return d(), a(
+    e.ContainerWrapper,
+    l(s(e.props)),
+    {
+      default: i(() => [
+        o("div", _, [
+          r(e.TpfCollapse, {
+            title: t.widget.options.title
+          }, {
+            right: i(() => [
+              o("div", m, [
+                r(e.RenderWigetList, {
+                  widgetList: e.headerRightSlotList || [],
+                  parentWidget: t.widget
+                }, null, 8, ["widgetList", "parentWidget"])
+              ])
+            ]),
+            default: i(() => [
+              c(o(
+                "div",
+                {
+                  class: "tpf-collapse-content-wrapper",
+                  style: g({
+                    height: t.widget.options.height || "unset"
+                  })
+                },
+                [
+                  r(e.RenderWigetList, {
+                    widgetList: e.defaultSlotsList || [],
+                    parentWidget: t.widget
+                  }, null, 8, ["widgetList", "parentWidget"])
+                ],
+                4
+                /* STYLE */
+              ), [
+                [p, !t.widget.options.isCollapse]
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["title"])
+        ])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+const k = /* @__PURE__ */ f(n, [["render", h], ["__scopeId", "data-v-6c268c9d"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-render/container-items/vf-collapse-widget.vue"]]);
+export {
+  k as default
+};

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

@@ -0,0 +1,32 @@
+import { defineComponent as u, computed as o } from "vue";
+import a from "./container-wrapper.vue.js";
+import { useAppRef as d } from "../../form-designer/useAppRef.js";
+import { TpfCollapse as m } from "tmgc2-share";
+import f from "../RenderWigetList.vue.js";
+import { ComponentNameEnum as l, ContainerTypeEnum as c } from "../../../constants/WidgetTypeEnum.js";
+const q = /* @__PURE__ */ u({
+  name: c.VfCollapseWidget,
+  componentName: l.ContainerWidget,
+  __name: "vf-collapse-widget",
+  props: {
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    parentWidget: { type: [Object, null], required: !0 },
+    parentList: { type: Array, required: !0 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 }
+  },
+  setup(i, { expose: p }) {
+    p();
+    const e = i, n = o(() => e.widget.defaultSlotsList || []), s = o(() => e.widget.headerRightSlotList || []), { initRefList: t } = d(e);
+    t();
+    const r = { props: e, defaultSlotsList: n, headerRightSlotList: s, initRefList: t, ContainerWrapper: a, get TpfCollapse() {
+      return m;
+    }, RenderWigetList: f };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+export {
+  q as default
+};

package/src/components/form-render/dynamic-dialog.vue.js

@@ -1,148 +1,60 @@
-import { defineComponent as T, defineAsyncComponent as E, ref as g, getCurrentInstance as M, computed as v, onBeforeUnmount as S, resolveDirective as L, createBlock as V, openBlock as b, unref as c, mergeProps as I, withCtx as C, withDirectives as J, createElementBlock as P, createVNode as y, nextTick as U } from "vue";
-import { TpfModal as W } from "tmgc2-share";
-import A from "./SubmitButtonRender.vue.js";
-import { useLowcode as H } from "../../hooks/useLowcode.js";
-const N = { class: "dialog-content" }, ee = /* @__PURE__ */ T({
-  name: "dynamic-dialog",
-  __name: "dynamic-dialog",
-  props: {
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    formJson: {
-      type: Object
-    },
-    formData: {
-      type: Object,
-      default: () => ({})
-    },
-    vfCtx: {
-      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
-    }
-  },
-  setup(n, { expose: F }) {
-    const R = E(() => import("./index.vue.js")), e = n, f = g(!1), a = g(!1), i = M(), { vfdRef: l, formConfig: $, getComponentJson: x, goBack: q } = H({
-      formCode: e.options.formCode,
-      ...e.vfCtx
-    }), D = v(() => ({
-      ...e.parentFormRef,
-      parentDom: i,
-      getParentFormRef: m
-    })), O = v(() => e.options.cancelButtonHidden && e.options.okButtonHidden ? { footer: null } : {});
-    S(() => {
-      var t, o;
-      console.log(e.parentFormRef), (o = (t = e.parentFormRef) == null ? void 0 : t.setChildFormRef) == null || o.call(t, null);
-    });
-    const h = (t) => {
-      console.log("setLoading", t), f.value = t;
-    }, w = (t) => {
-      e.options.title = t;
-    }, k = () => {
-      a.value = !0;
-    }, B = async () => {
-      a.value = !0, U(async () => {
-        var t, o;
-        e.options.readMode && ((t = l.value) == null || t.setReadMode(!0)), await x([], e.options.formCode), (o = l.value) == null || o.setDialogOrDrawerRef(i), e.parentFormRef && e.parentFormRef.setChildFormRef(l.value), p();
-      });
-    }, j = () => {
-      e.options.onDialogBeforeClose && new Function("done", e.options.onDialogBeforeClose).call(i) === !1 || (a.value = !1);
-    }, r = () => e.options.onDialogBeforeClose ? new Function(e.options.onDialogBeforeClose).call(i) : !0, u = () => {
-      r() && (a.value = !1);
-    }, p = () => {
-      e.options.onDialogOpened && new Function(e.options.onDialogOpened).call(i);
-    }, m = () => e.parentFormRef;
-    return F({
-      setLoading: h,
-      setTitle: w,
-      beforeOpen: k,
-      show: B,
-      close: j,
-      handleBeforeClose: r,
-      handleCloseEvent: u,
-      handleOpenedEvent: p,
-      getParentFormRef: m,
-      getFormRef: () => (console.log("getFormRef"), l.value),
-      getWidgetRef: (t, o = !1) => {
-        var s;
-        return (s = l.value) == null ? void 0 : s.getWidgetRef(t, o);
-      },
-      updateTable: () => {
-        var t, o, s;
-        (s = (o = (t = e.vfCtx) == null ? void 0 : t.parent) == null ? void 0 : o.exposed) != null && s.updateTable && e.vfCtx.parent.exposed.updateTable();
-      },
-      getExtraData: () => e.extraData
-    }), (t, o) => {
-      const s = L("loading");
-      return b(), V(c(W), I({
-        class: "tpf-model design-model",
-        destroyOnClose: !0,
-        title: n.options.title,
-        bodyStyle: {
-          height: n.options.height,
-          overflow: "auto",
-          ...JSON.parse(n.options.bodyStyle || "{}")
-        },
-        centered: !0,
-        visible: a.value,
-        "onUpdate:visible": o[1] || (o[1] = (d) => a.value = d),
-        width: n.options.width,
-        mask: n.options.showModal,
-        maskClosable: n.options.closeOnClickModal,
-        keyboard: n.options.closeOnPressEscape,
-        onCancel: u
-      }, O.value), {
-        footerRight: C(() => [
-          y(A, {
-            "dialog-visible": a.value,
-            "onUpdate:dialogVisible": o[0] || (o[0] = (d) => a.value = d),
-            handleBeforeClose: r,
-            options: n.options,
-            ctx: c(l)
-          }, null, 8, ["dialog-visible", "options", "ctx"])
-        ]),
-        default: C(() => [
-          J((b(), P("div", N, [
-            y(c(R), {
-              ref_key: "vfdRef",
-              ref: l,
-              vfCtx: n.vfCtx,
-              "parent-form": D.value,
-              "disabled-mode": n.options.disabledMode,
-              "dynamic-creation": !0
-            }, null, 8, ["vfCtx", "parent-form", "disabled-mode"])
-          ])), [
-            [s, f.value]
-          ])
-        ]),
-        _: 1
-      }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard"]);
-    };
-  }
-});
+import r from "./dynamic-dialog.vue2.js";
+import { resolveDirective as s, createBlock as m, openBlock as t, mergeProps as c, withCtx as d, withDirectives as f, createElementBlock as b, createVNode as n } from "vue";
+/* empty css                    */
+import g from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "dialog-content" };
+function h(y, i, o, e, C, k) {
+  const a = s("loading");
+  return t(), m(e.TpfModal, c({
+    class: "tpf-model design-model",
+    destroyOnClose: !0,
+    title: o.options.title,
+    bodyStyle: {
+      height: e.dialogHeight,
+      overflow: "auto",
+      ...JSON.parse(o.options.bodyStyle || "{}")
+    },
+    centered: !0,
+    visible: e.dialogVisible,
+    "onUpdate:visible": i[1] || (i[1] = (l) => e.dialogVisible = l),
+    width: o.options.width,
+    mask: o.options.showModal,
+    maskClosable: o.options.closeOnClickModal,
+    keyboard: o.options.closeOnPressEscape,
+    onCancel: e.handleCloseEvent,
+    "left-num": e.leftNum
+  }, e.otherAttrs), {
+    footerRight: d(() => [
+      n(e.SubmitButtonRender, {
+        disabled: e.isDisabled,
+        "dialog-visible": e.dialogVisible,
+        "onUpdate:dialogVisible": i[0] || (i[0] = (l) => e.dialogVisible = l),
+        handleBeforeClose: e.handleBeforeClose,
+        options: o.options,
+        ctx: e.vfdRef
+      }, null, 8, ["disabled", "dialog-visible", "options", "ctx"])
+    ]),
+    default: d(() => [
+      f((t(), b("div", v, [
+        n(e.VFormRender, {
+          ref: "vfdRef",
+          vfCtx: {
+            ...o.vfCtx,
+            instance: e.currentInstance
+          },
+          "parent-form": e.parentForm,
+          "disabled-mode": o.options.disabledMode,
+          "dynamic-creation": !0
+        }, null, 8, ["vfCtx", "parent-form", "disabled-mode"])
+      ])), [
+        [a, e.isLoading]
+      ])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "left-num"]);
+}
+const B = /* @__PURE__ */ g(r, [["render", h], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-render/dynamic-dialog.vue"]]);
 export {
-  ee as default
+  B as default
 };

package/src/components/form-render/dynamic-dialog.vue2.js

@@ -0,0 +1,114 @@
+import { defineComponent as I, computed as i, ref as c, getCurrentInstance as L, onBeforeUnmount as J, nextTick as P } from "vue";
+import { TpfModal as V } from "tmgc2-share";
+import W from "./SubmitButtonRender.vue.js";
+import { useLowcode as A } from "../../hooks/useLowcode.js";
+import N from "../FormRender/index.vue.js";
+const Q = /* @__PURE__ */ I({
+  name: "dynamic-dialog",
+  __name: "dynamic-dialog",
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    formJson: {
+      type: Object
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    vfCtx: {
+      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
+    }
+  },
+  setup(w, { expose: T }) {
+    const e = w, M = i(() => e.options.height || "500px"), p = c(null), d = c(!1), s = c(!1), r = L(), { vfdRef: a, formConfig: S, isLoading: m, getComponentJson: g, goBack: k } = A({
+      formCode: e.options.formCode,
+      ...e.vfCtx
+    }), E = i(() => ({
+      ...e.parentFormRef,
+      parentDom: r,
+      getParentFormRef: u
+    })), H = i(() => e.options.cancelButtonHidden && e.options.okButtonHidden ? { footer: null } : {});
+    J(() => {
+      var t, o;
+      console.log(e.parentFormRef), (o = (t = e.parentFormRef) == null ? void 0 : t.setChildFormRef) == null || o.call(t, null);
+    });
+    const F = (t) => {
+      m.value = t;
+    }, v = (t) => {
+      e.options.title = t;
+    }, R = () => {
+      s.value = !0;
+    }, b = () => {
+      s.value = !0, P(async () => {
+        var t, o, n;
+        (t = e.options) != null && t.readMode && ((o = a.value) == null || o.setReadMode(!0)), await g([], e.options.formCode), (n = a.value) == null || n.setDialogOrDrawerRef(r), e.parentFormRef && e.parentFormRef.setChildFormRef(a.value), f();
+      });
+    }, C = () => {
+      e.options.onDialogBeforeClose && new Function("done", e.options.onDialogBeforeClose).call(r) === !1 || (s.value = !1);
+    }, l = () => e.options.onDialogBeforeClose ? new Function(e.options.onDialogBeforeClose).call(r) : !0, D = () => {
+      l() && (s.value = !1);
+    }, f = () => {
+      e.options.onDialogOpened && new Function(e.options.onDialogOpened).call(r);
+    }, u = () => e.parentFormRef, x = () => (console.log("getFormRef"), a.value), O = (t, o = !1) => {
+      var n;
+      return (n = a.value) == null ? void 0 : n.getWidgetRef(t, o);
+    }, y = () => {
+      var t, o, n;
+      (n = (o = (t = e.vfCtx) == null ? void 0 : t.parent) == null ? void 0 : o.exposed) != null && n.updateTable && e.vfCtx.parent.exposed.updateTable();
+    }, h = () => e.extraData, B = (t) => {
+      p.value = t;
+    }, _ = (t) => {
+      d.value = t;
+    };
+    T({
+      setDisabled: _,
+      setleftText: B,
+      setLoading: F,
+      setTitle: v,
+      beforeOpen: R,
+      show: b,
+      close: C,
+      handleBeforeClose: l,
+      handleCloseEvent: D,
+      handleOpenedEvent: f,
+      getParentFormRef: u,
+      getFormRef: x,
+      getWidgetRef: O,
+      updateTable: y,
+      getExtraData: h
+    });
+    const j = { props: e, dialogHeight: M, leftNum: p, isDisabled: d, dialogVisible: s, currentInstance: r, vfdRef: a, formConfig: S, isLoading: m, getComponentJson: g, goBack: k, parentForm: E, otherAttrs: H, setLoading: F, setTitle: v, beforeOpen: R, show: b, close: C, handleBeforeClose: l, handleCloseEvent: D, handleOpenedEvent: f, getParentFormRef: u, getFormRef: x, getWidgetRef: O, updateTable: y, getExtraData: h, setleftText: B, setDisabled: _, get TpfModal() {
+      return V;
+    }, SubmitButtonRender: W, VFormRender: N };
+    return Object.defineProperty(j, "__isScriptSetup", { enumerable: !1, value: !0 }), j;
+  }
+});
+export {
+  Q as default
+};