@kp-ui/lowcode 2.15.0-alpha.10 → 2.15.0-alpha.12

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

@@ -1,8 +1,61 @@
-import o from "./vf-collapse-widget.vue2.js";
+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 t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c78130a4"]]);
+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 {
-  e as default
+  k as default
 };

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

@@ -1,61 +1,32 @@
-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,
+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: {},
-    field: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {}
+    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(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));
+  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 {
-  F as default
+  q as default
 };

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

@@ -1,163 +1,60 @@
-import { defineComponent as H, computed as u, ref as c, onBeforeUnmount as J, resolveDirective as L, createBlock as N, openBlock as x, unref as s, mergeProps as P, withCtx as C, withDirectives as U, createElementBlock as V, createVNode as D, nextTick as $ } from "vue";
-import { useExecFunction as A, TpfModal as I } from "tmgc2-share";
-import q from "./SubmitButtonRender.vue.js";
-import { useLowcode as z } from "../../hooks/useLowcode.js";
-import G from "../FormRender/index.vue.js";
-const K = { class: "dialog-content" }, le = /* @__PURE__ */ H({
-  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: h }) {
-    const e = n, O = u(() => e.options.height || "500px"), p = c(null), m = c(!1), a = c(!1), { context: r, asyncExecuteFunction: v, executeFunction: B } = A(), { vfdRef: i, formConfig: Q, isLoading: b, getComponentJson: R, goBack: W } = z({
-      formCode: e.options.formCode,
-      ...e.vfCtx
-    }), k = u(() => ({
-      ...e.parentFormRef,
-      parentDom: r.value,
-      getParentFormRef: S
-    })), w = u(() => 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) => {
-      b.value = t;
-    }, T = (t) => {
-      e.options.title = t;
-    }, j = () => {
-      a.value = !0;
-    }, E = () => {
-      a.value = !0, $(async () => {
-        var t, o, l;
-        (t = e.options) != null && t.readMode && ((o = i.value) == null || o.setReadMode(!0)), await R([], e.options.formCode), (l = i.value) == null || l.setDialogOrDrawerRef(r.value), e.parentFormRef && e.parentFormRef.setChildFormRef(i.value), y();
-      });
-    }, M = async () => {
-      if (e.options.onDialogBeforeClose)
-        return await v({
-          functionBody: e.options.onDialogBeforeClose
-        });
-      a.value = !1;
-    }, g = () => {
-      d() && (a.value = !1);
-    }, d = async () => e.options.onDialogBeforeClose ? B({
-      functionBody: e.options.onDialogBeforeClose
-    }) : !0, y = async () => {
-      if (e.options.onDialogOpened)
-        return await v({
-          functionBody: e.options.onDialogOpened
-        });
-    }, S = () => e.parentFormRef;
-    return h({
-      setDisabled: (t) => {
-        m.value = t;
-      },
-      setleftText: (t) => {
-        p.value = t;
-      },
-      setLoading: F,
-      setTitle: T,
-      beforeOpen: j,
-      show: E,
-      close: M,
-      handleBeforeClose: d,
-      handleCloseEvent: g,
-      handleOpenedEvent: y,
-      updateTable: () => {
-        var t, o, l;
-        (l = (o = (t = e.vfCtx) == null ? void 0 : t.parent) == null ? void 0 : o.exposed) != null && l.updateTable && e.vfCtx.parent.exposed.updateTable();
-      },
-      getExtraData: () => e.extraData
-    }), (t, o) => {
-      const l = L("loading");
-      return x(), N(s(I), P({
-        class: "tpf-model design-model",
-        destroyOnClose: !0,
-        title: n.options.title,
-        bodyStyle: {
-          height: O.value,
-          overflow: "auto",
-          ...JSON.parse(n.options.bodyStyle || "{}")
-        },
-        centered: !0,
-        visible: a.value,
-        "onUpdate:visible": o[1] || (o[1] = (f) => a.value = f),
-        width: n.options.width,
-        mask: n.options.showModal,
-        maskClosable: n.options.closeOnClickModal,
-        keyboard: n.options.closeOnPressEscape,
-        onCancel: g,
-        "left-num": p.value
-      }, w.value), {
-        footerRight: C(() => [
-          D(q, {
-            disabled: m.value,
-            "dialog-visible": a.value,
-            "onUpdate:dialogVisible": o[0] || (o[0] = (f) => a.value = f),
-            handleBeforeClose: d,
-            options: n.options,
-            ctx: s(i)
-          }, null, 8, ["disabled", "dialog-visible", "options", "ctx"])
-        ]),
-        default: C(() => [
-          U((x(), V("div", K, [
-            D(G, {
-              ref_key: "vfdRef",
-              ref: i,
-              vfCtx: {
-                ...n.vfCtx,
-                instance: s(r)
-              },
-              "parent-form": k.value,
-              "disabled-mode": n.options.disabledMode,
-              "dynamic-creation": !0
-            }, null, 8, ["vfCtx", "parent-form", "disabled-mode"])
-          ])), [
-            [l, s(b)]
-          ])
-        ]),
-        _: 1
-      }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "left-num"]);
-    };
-  }
-});
+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.context
+          },
+          "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 {
-  le as default
+  B as default
 };

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

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

package/src/components/http-editor/index.vue.js

@@ -1,77 +1,50 @@
-import { defineComponent as p, mergeModels as s, useModel as f, ref as b, resolveComponent as i, createElementBlock as c, openBlock as g, Fragment as v, createVNode as a, withCtx as r, normalizeClass as M, createTextVNode as h, toDisplayString as w, unref as x } from "vue";
-import { HttpEditor as C } from "tmgc2-share";
-import "../../utils/i18n.js";
-const k = /* @__PURE__ */ p({
-  inheritAttrs: !1,
-  __name: "index",
-  props: /* @__PURE__ */ s({
-    drawerTitle: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    buttonName: {
-      type: String,
-      default: ""
-    }
-  }, {
-    optionModel: {
-      type: Object,
-      required: !0,
-      default: () => ({
-        http: {
-          url: "",
-          method: "get",
-          params: {},
-          data: {}
-        },
-        dataReqHandlerCode: "",
-        dataHandlerCode: ""
-      })
-    },
-    optionModelModifiers: {}
-  }),
-  emits: ["update:optionModel"],
-  setup(e) {
-    const n = f(e, "optionModel"), o = b(!1), d = () => {
-      o.value = !0;
-    };
-    return (S, t) => {
-      const u = i("a-button"), m = i("a-form-item");
-      return g(), c(v, null, [
-        a(m, {
-          label: e.label,
-          labelAlign: "left",
-          "label-width": "150px"
-        }, {
-          default: r(() => [
-            a(u, {
-              shape: "round",
-              onClick: d,
-              class: M(["button-text-highlight"])
-            }, {
-              default: r(() => [
-                h(w(e.buttonName || e.label), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["label"]),
-        a(x(C), {
-          "option-model": n.value,
-          "onUpdate:optionModel": t[0] || (t[0] = (l) => n.value = l),
-          visible: o.value,
-          "onUpdate:visible": t[1] || (t[1] = (l) => o.value = l),
-          "drawer-title": e.drawerTitle
-        }, null, 8, ["option-model", "visible", "drawer-title"])
-      ], 64);
-    };
-  }
-});
+import m from "./index.vue2.js";
+import { resolveComponent as a, createElementBlock as c, openBlock as s, Fragment as f, createVNode as n, withCtx as i, normalizeClass as p, createTextVNode as _, toDisplayString as b } from "vue";
+import g from "../../../_virtual/_plugin-vue_export-helper.js";
+function u(w, o, e, t, x, h) {
+  const r = a("a-button"), d = a("a-form-item");
+  return s(), c(
+    f,
+    null,
+    [
+      n(d, {
+        label: e.label,
+        labelAlign: "left",
+        "label-width": "150px"
+      }, {
+        default: i(() => [
+          n(r, {
+            shape: "round",
+            onClick: t.addDataSource,
+            class: p(["button-text-highlight"])
+          }, {
+            default: i(() => [
+              _(
+                b(e.buttonName || e.label),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["label"]),
+      n(t.HttpEditor, {
+        "option-model": t.optionModel,
+        "onUpdate:optionModel": o[0] || (o[0] = (l) => t.optionModel = l),
+        visible: t.showDataSourceDialogFlag,
+        "onUpdate:visible": o[1] || (o[1] = (l) => t.showDataSourceDialogFlag = l),
+        "drawer-title": e.drawerTitle
+      }, null, 8, ["option-model", "visible", "drawer-title"])
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const C = /* @__PURE__ */ g(m, [["render", u], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/http-editor/index.vue"]]);
 export {
-  k as default
+  C as default
 };

package/src/components/http-editor/index.vue2.js

@@ -1,4 +1,46 @@
-import f from "./index.vue.js";
+import { defineComponent as i, mergeModels as p, useModel as l, ref as u } from "vue";
+import { HttpEditor as s } from "tmgc2-share";
+import { useI18n as f } from "../../utils/i18n.js";
+const S = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "index",
+  props: /* @__PURE__ */ p({
+    drawerTitle: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    buttonName: {
+      type: String,
+      default: ""
+    }
+  }, {
+    optionModel: { type: Object, type: Object, required: !0, default: () => ({
+      http: {
+        url: "",
+        method: "get",
+        params: {},
+        data: {}
+      },
+      dataReqHandlerCode: "",
+      dataHandlerCode: ""
+    }) },
+    optionModelModifiers: {}
+  }),
+  emits: ["update:optionModel"],
+  setup(e, { expose: r }) {
+    r();
+    const a = l(e, "optionModel"), d = e, { i18nt: n } = f(), t = u(!1), o = { optionModel: a, props: d, i18nt: n, showDataSourceDialogFlag: t, addDataSource: () => {
+      t.value = !0;
+    }, get HttpEditor() {
+      return s;
+    } };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  }
+});
 export {
-  f as default
+  S as default
 };