@kp-ui/lowcode 2.15.0-alpha.3 → 2.15.0-alpha.4

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import o from "./dynamic-dialog.vue.js";
+/* empty css                    */
+export {
+  o as default
+};

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

@@ -1,50 +1,77 @@
-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"]]);
+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);
+    };
+  }
+});
 export {
-  C as default
+  k as default
 };

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

@@ -1,46 +1,4 @@
-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;
-  }
-});
+import f from "./index.vue.js";
 export {
-  S as default
+  f as default
 };

package/src/components/public/ActionButtonListDialog.vue.js

@@ -1,43 +1,7 @@
-import r from "./ActionButtonListDialog.vue2.js";
-import { resolveComponent as a, createElementBlock as i, openBlock as d, Fragment as c, createVNode as t, createElementVNode as l, withCtx as s, createTextVNode as m, toDisplayString as _ } from "vue";
+import o from "./ActionButtonListDialog.vue2.js";
 /* empty css                            */
-import p from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = { class: "add-btn" };
-function u(g, v, o, e, B, b) {
-  const n = a("a-button");
-  return d(), i(
-    c,
-    null,
-    [
-      t(e.Table, { onRegister: e.register }, null, 8, ["onRegister"]),
-      l("div", f, [
-        t(n, {
-          type: "primary",
-          size: "default",
-          onClick: e.addOperationButton
-        }, {
-          default: s(() => [
-            m(
-              _(e.i18nt("designer.setting.addOperationButton")),
-              1
-              /* TEXT */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        })
-      ]),
-      t(e.CodeModalEditor, {
-        ref: "codeModalEditorRef",
-        onSave: e.saveColumnRender,
-        "event-header": `${e.currentEditBtn}(${o.parmas}){`
-      }, null, 8, ["event-header"])
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const k = /* @__PURE__ */ p(r, [["render", u], ["__scopeId", "data-v-92895cc4"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/public/ActionButtonListDialog.vue"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646dc86e"]]);
 export {
-  k as default
+  c as default
 };