@kp-ui/lowcode 1.0.103 → 1.0.104

package/src/components/form-render/index.vue.js

@@ -1,20 +1,21 @@
-import { resolveComponent as D, createBlock as p, openBlock as m, withCtx as c, createElementVNode as x, normalizeStyle as A, createVNode as k, withKeys as _, normalizeClass as B, createElementBlock as y, Fragment as R, renderList as b, resolveDynamicComponent as S, createSlots as L, renderSlot as W, mergeProps as v, render as O, h as J } from "vue";
-import $ from "../../utils/emitter.js";
-import H from "../form-designer/form-widget/field-widget/index.js";
-import { buildDefaultFormJson as P, getContainerWidgetByName as F, cloneFormConfigWithoutEventHandler as w, deepClone as f, getDSByName as M, overwriteObj as g, runDataSourceRequest as E, getAllContainerWidgets as T, getAllFieldWidgets as z, getDefaultFormConfig as N, traverseFieldWidgets as G, getFieldWidgetByName as j, traverseFieldWidgetsOfContainer as K, insertCustomCssToHead as q, insertGlobalFunctionsToHtml as U, generateId as C } from "../../utils/util.js";
+import { resolveComponent as p, createBlock as b, openBlock as m, withCtx as c, createElementVNode as x, createVNode as R, normalizeStyle as A, withKeys as _, normalizeClass as B, createElementBlock as L, Fragment as W, renderList as F, resolveDynamicComponent as O, createSlots as v, renderSlot as w, mergeProps as D, render as J } from "vue";
+import P from "../../utils/emitter.js";
+import $ from "../form-designer/form-widget/field-widget/index.js";
+import { buildDefaultFormJson as H, getContainerWidgetByName as C, cloneFormConfigWithoutEventHandler as M, deepClone as f, getDSByName as E, overwriteObj as g, runDataSourceRequest as j, getAllContainerWidgets as T, getAllFieldWidgets as z, getDefaultFormConfig as N, traverseFieldWidgets as G, getFieldWidgetByName as V, traverseFieldWidgetsOfContainer as K, insertCustomCssToHead as q, insertGlobalFunctionsToHtml as U, generateId as y } from "../../utils/util.js";
 import Q, { changeLocale as X } from "../../utils/i18n.js";
 import Y from "./dynamic-dialog.vue.js";
 /* empty css                    */
 import Z from "./dynamic-drawer.vue.js";
-import { fmtHttpParams as V } from "../../utils/request/fmtHttpParams.js";
+import { fmtHttpParams as k } from "../../utils/request/fmtHttpParams.js";
 /* empty css           */
 import I from "../../../_virtual/_plugin-vue_export-helper.js";
 const tt = {
   name: "VFormRender",
   componentName: "VFormRender",
-  mixins: [$, Q],
+  mixins: [P, Q],
   components: {
-    ...H
+    DynamicDialog: Y,
+    ...$
   },
   props: {
     vfCtx: {
@@ -24,7 +25,7 @@ const tt = {
     formJson: {
       //prop传入的表单JSON配置
       type: Object,
-      default: () => P()
+      default: () => H()
     },
     formData: {
       //prop传入的表单数据
@@ -91,6 +92,7 @@ const tt = {
   },
   data() {
     return {
+      dialogProps: {},
       isClosing: !1,
       //是否正在关闭
       isSubmitting: !1,
@@ -189,7 +191,7 @@ const tt = {
       var e;
       const t = this.formConfig.serveList;
       if ((e = t.vformDetail.http) != null && e.url) {
-        const i = await V.call(this, t.vformDetail, {
+        const i = await k.call(this, t.vformDetail, {
           vfCtx: this.vfCtx
         });
         return console.log("res: ", i), i;
@@ -199,7 +201,7 @@ const tt = {
       var i;
       const t = await this.getFormData(), e = this.formConfig.serveList;
       if ((i = e.vformDetail.http) != null && i.url) {
-        const o = await V.call(this, e.vformUpdate, {
+        const o = await k.call(this, e.vformUpdate, {
           data: t,
           vfCtx: this.vfCtx
         });
@@ -207,7 +209,7 @@ const tt = {
       }
     },
     initFormObject(t = !0) {
-      this.formId = "vfRender" + C(), t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(), this.addFieldChangeEventHandler(), this.addFieldValidateEventHandler(), this.registerFormToRefList(), this.handleOnCreated(), this.disabledMode && this.$nextTick(() => {
+      this.formId = "vfRender" + y(), t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(), this.addFieldChangeEventHandler(), this.addFieldValidateEventHandler(), this.registerFormToRefList(), this.handleOnCreated(), this.disabledMode && this.$nextTick(() => {
         this.disableForm();
       });
     },
@@ -360,7 +362,7 @@ const tt = {
       i && i.setDisabled ? i.setDisabled(e) : this.findWidgetOfSubFormAndSetDisabled(t, e);
     },
     findWidgetOfSubFormAndSetDisabled(t, e) {
-      const i = j(
+      const i = V(
         this.formJsonObj.widgetList,
         t,
         !0
@@ -375,7 +377,7 @@ const tt = {
       i && i.setDisabled ? i.setHidden(e) : this.findWidgetOfSubFormAndSetHidden(t, e);
     },
     findWidgetOfSubFormAndSetHidden(t, e) {
-      const i = j(
+      const i = V(
         this.formJsonObj.widgetList,
         t,
         !0
@@ -395,8 +397,8 @@ const tt = {
         const s = this.getWidgetRef(i);
         if (s) {
           const r = s.getRowIdData();
-          r && r.length > 0 && r.forEach((a) => {
-            e.push(t + "@row" + a);
+          r && r.length > 0 && r.forEach((n) => {
+            e.push(t + "@row" + n);
           });
         }
       }
@@ -407,13 +409,13 @@ const tt = {
       this.getFieldWidgets().forEach((e) => {
         e.field.options.dsEnabled && e.field.options.dsName && e.field.options.dataSetName && t.add(e.field.options.dsName);
       }), t.size > 0 && t.forEach(async (e) => {
-        const i = M(this.formConfig, e);
+        const i = E(this.formConfig, e);
         if (i) {
           const o = new Object({});
           g(o, this.globalDsv || {});
           let s = null;
           try {
-            s = await E(
+            s = await j(
               i,
               o,
               this,
@@ -485,8 +487,8 @@ const tt = {
       let e = function() {
       };
       const i = new window.Promise(function(o, s) {
-        e = function(r, a) {
-          a ? s(a) : o(r);
+        e = function(r, n) {
+          n ? s(n) : o(r);
         };
       });
       return console.log(this.formDataModel), this.$refs.renderForm.validate().then((o) => {
@@ -665,8 +667,8 @@ const tt = {
      * @param localDsv
      */
     async executeDataSource(t, e) {
-      const i = M(this.formJsonObj.formConfig, t), o = new Object({});
-      return g(o, this.globalDsv), g(o, e), await E(i, o, this, !1, this.$message);
+      const i = E(this.formJsonObj.formConfig, t), o = new Object({});
+      return g(o, this.globalDsv), g(o, e), await j(i, o, this, !1, this.$message);
     },
     /**
      * 获取父级VFormRender组件实例
@@ -717,40 +719,37 @@ const tt = {
      * @param extraData
      */
     showDialog(t, e = {}, i = {}) {
-      console.log("showDialog", t, e, i);
-      const o = this.getTopFormRef(), s = this.getFormRef(), r = F(o.widgetList, t) || F(s.widgetList, t);
+      const o = this.getTopFormRef(), s = this.getFormRef(), r = C(o.widgetList, t) || C(s.widgetList, t);
       if (!t || r.type !== "vf-dialog") {
         this.$message.error(this.i18nt("render.hint.refNotFound") + t);
         return;
       }
-      const a = {
+      const n = {
         widgetList: f(r.widgetList),
-        formConfig: w(o.formConfig)
-      }, l = C() + "", n = J(Y, {
+        formConfig: M(o.formConfig)
+      }, a = y() + "";
+      this.dialogProps = {
         options: r.options,
-        formJson: a,
+        formJson: n,
         formData: { ...e },
         optionData: o.optionData,
         globalDsv: o.globalDsv,
         parentFormRef: this,
         extraData: i,
-        wrapperId: l,
+        wrapperId: a,
         vfCtx: { ...e }
-      });
-      n.appContext = this.$root.$.appContext;
-      const d = document.createElement("div");
-      d.id = "vf-dynamic-dialog-wrapper" + l, document.body.appendChild(d), O(n, d), document.body.appendChild(n.el), n.component.exposed.show();
+      }, this.$refs.dynamicDialgRef.appContext = this.$root.$.appContext, this.$refs.dynamicDialgRef.show();
     },
     showDrawer(t, e = {}, i = {}) {
-      const o = this.getTopFormRef(), s = F(o.widgetList, t);
+      const o = this.getTopFormRef(), s = C(o.widgetList, t);
       if (!s || s.type !== "vf-drawer") {
         this.$message.error(this.i18nt("render.hint.refNotFound") + t);
         return;
       }
       const r = {
         widgetList: f(s.widgetList),
-        formConfig: w(o.formConfig)
-      }, a = C() + "", l = k(Z, {
+        formConfig: M(o.formConfig)
+      }, n = y() + "", a = R(Z, {
         options: s.options,
         formJson: r,
         formData: e || {},
@@ -758,11 +757,11 @@ const tt = {
         globalDsv: o.globalDsv,
         parentFormRef: this,
         extraData: i,
-        wrapperId: a
+        wrapperId: n
       });
-      l.appContext = this.$root.$.appContext;
-      const n = document.createElement("div");
-      n.id = "vf-dynamic-drawer-wrapper" + a, document.body.appendChild(n), O(l, n), document.body.appendChild(l.el), l.component.ctx.show();
+      a.appContext = this.$root.$.appContext;
+      const d = document.createElement("div");
+      d.id = "vf-dynamic-drawer-wrapper" + n, document.body.appendChild(d), J(a, d), document.body.appendChild(a.el), a.component.ctx.show();
     },
     /**
      * 判断表单是否处于设计器预览状态
@@ -778,13 +777,13 @@ const tt = {
   }
 };
 function et(t, e, i, o, s, r) {
-  const a = D("a-form"), l = D("a-spin");
-  return m(), p(l, { spinning: s.isLoading }, {
+  const n = p("a-form"), a = p("DynamicDialog"), d = p("a-spin");
+  return m(), b(d, { spinning: s.isLoading }, {
     default: c(() => [
       x("div", {
         style: A(s.isLoading ? "min-height: 260px" : "")
       }, [
-        k(a, {
+        R(n, {
           layout: r.labelPosition,
           class: B([[r.customClass, s.readModeFlag ? "readonly-mode-form" : ""], "render-form tpf-form"]),
           "label-width": r.labelWidth,
@@ -794,35 +793,35 @@ function et(t, e, i, o, s, r) {
           onKeydown: _(r.handleEnterKey, ["enter"])
         }, {
           default: c(() => [
-            (m(!0), y(R, null, b(r.widgetList, (n, d) => (m(), y(R, null, [
-              n.category === "container" ? (m(), p(S(r.getContainerWidgetName(n)), {
-                widget: n,
-                key: n.id,
-                data: s.formDataModel[n.options.name],
+            (m(!0), L(W, null, F(r.widgetList, (l, S) => (m(), L(W, null, [
+              l.category === "container" ? (m(), b(O(r.getContainerWidgetName(l)), {
+                widget: l,
+                key: l.id,
+                data: s.formDataModel[l.options.name],
                 "parent-list": r.widgetList,
-                "index-of-parent-list": d,
+                "index-of-parent-list": S,
                 "parent-widget": null,
                 model: s.formDataModel
-              }, L({ _: 2 }, [
-                b(Object.keys(t.$slots), (h) => ({
+              }, v({ _: 2 }, [
+                F(Object.keys(t.$slots), (h) => ({
                   name: h,
                   fn: c((u) => [
-                    W(t.$slots, h, v({ ref_for: !0 }, u), void 0, !0)
+                    w(t.$slots, h, D({ ref_for: !0 }, u), void 0, !0)
                   ])
                 }))
-              ]), 1032, ["widget", "data", "parent-list", "index-of-parent-list", "model"])) : (m(), p(S(r.getWidgetName(n)), {
-                field: n,
+              ]), 1032, ["widget", "data", "parent-list", "index-of-parent-list", "model"])) : (m(), b(O(r.getWidgetName(l)), {
+                field: l,
                 "form-model": s.formDataModel,
                 designer: null,
-                key: n.id,
+                key: l.id,
                 "parent-list": r.widgetList,
-                "index-of-parent-list": d,
+                "index-of-parent-list": S,
                 "parent-widget": null
-              }, L({ _: 2 }, [
-                b(Object.keys(t.$slots), (h) => ({
+              }, v({ _: 2 }, [
+                F(Object.keys(t.$slots), (h) => ({
                   name: h,
                   fn: c((u) => [
-                    W(t.$slots, h, v({ ref_for: !0 }, u), void 0, !0)
+                    w(t.$slots, h, D({ ref_for: !0 }, u), void 0, !0)
                   ])
                 }))
               ]), 1032, ["field", "form-model", "parent-list", "index-of-parent-list"]))
@@ -830,12 +829,13 @@ function et(t, e, i, o, s, r) {
           ]),
           _: 3
         }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
-      ], 4)
+      ], 4),
+      R(a, D(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
     ]),
     _: 3
   }, 8, ["spinning"]);
 }
-const ct = /* @__PURE__ */ I(tt, [["render", et], ["__scopeId", "data-v-e118a282"]]);
+const ct = /* @__PURE__ */ I(tt, [["render", et], ["__scopeId", "data-v-46e583ef"]]);
 export {
   ct as default
 };