@kp-ui/lowcode 1.0.102 → 1.0.104

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

@@ -1,21 +1,20 @@
-import { resolveComponent as p, createBlock as b, openBlock as m, withCtx as c, createVNode as y, createElementVNode as A, normalizeStyle as _, withKeys as B, normalizeClass as J, createElementBlock as S, Fragment as L, renderList as F, resolveDynamicComponent as v, createSlots as W, renderSlot as O, mergeProps as w, render as M, h as P } from "vue";
-import T from "../../utils/emitter.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 { TpfConfigProvider as H } from "tmgc2-share";
-import { buildDefaultFormJson as z, getContainerWidgetByName as C, cloneFormConfigWithoutEventHandler as E, deepClone as d, getDSByName as j, overwriteObj as g, runDataSourceRequest as V, getAllContainerWidgets as N, getAllFieldWidgets as G, getDefaultFormConfig as K, traverseFieldWidgets as q, getFieldWidgetByName as k, traverseFieldWidgetsOfContainer as U, insertCustomCssToHead as Q, insertGlobalFunctionsToHtml as X, generateId as D } from "../../utils/util.js";
-import Y, { changeLocale as Z } from "../../utils/i18n.js";
-import I from "./dynamic-dialog.vue.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 tt from "./dynamic-drawer.vue.js";
-import { fmtHttpParams as x } from "../../utils/request/fmtHttpParams.js";
+import Z from "./dynamic-drawer.vue.js";
+import { fmtHttpParams as k } from "../../utils/request/fmtHttpParams.js";
 /* empty css           */
-import et from "../../../_virtual/_plugin-vue_export-helper.js";
-const it = {
+import I from "../../../_virtual/_plugin-vue_export-helper.js";
+const tt = {
   name: "VFormRender",
   componentName: "VFormRender",
-  mixins: [T, Y],
+  mixins: [P, Q],
   components: {
-    TpfConfigProvider: H,
+    DynamicDialog: Y,
     ...$
   },
   props: {
@@ -26,7 +25,7 @@ const it = {
     formJson: {
       //prop传入的表单JSON配置
       type: Object,
-      default: () => z()
+      default: () => H()
     },
     formData: {
       //prop传入的表单数据
@@ -93,6 +92,7 @@ const it = {
   },
   data() {
     return {
+      dialogProps: {},
       isClosing: !1,
       //是否正在关闭
       isSubmitting: !1,
@@ -191,7 +191,7 @@ const it = {
       var e;
       const t = this.formConfig.serveList;
       if ((e = t.vformDetail.http) != null && e.url) {
-        const i = await x.call(this, t.vformDetail, {
+        const i = await k.call(this, t.vformDetail, {
           vfCtx: this.vfCtx
         });
         return console.log("res: ", i), i;
@@ -201,7 +201,7 @@ const it = {
       var i;
       const t = await this.getFormData(), e = this.formConfig.serveList;
       if ((i = e.vformDetail.http) != null && i.url) {
-        const o = await x.call(this, e.vformUpdate, {
+        const o = await k.call(this, e.vformUpdate, {
           data: t,
           vfCtx: this.vfCtx
         });
@@ -209,7 +209,7 @@ const it = {
       }
     },
     initFormObject(t = !0) {
-      this.formId = "vfRender" + D(), 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();
       });
     },
@@ -224,10 +224,10 @@ const it = {
       this.changeLanguage(t);
     },
     insertCustomStyleAndScriptNode() {
-      this.formConfig && this.formConfig.cssCode && Q(
+      this.formConfig && this.formConfig.cssCode && q(
         this.formConfig.cssCode,
         this.previewState ? "" : this.formId
-      ), this.formConfig && this.formConfig.functions && X(
+      ), this.formConfig && this.formConfig.functions && U(
         this.formConfig.functions,
         this.previewState ? "" : this.formId
       );
@@ -241,7 +241,7 @@ const it = {
       if (t.category === "container") {
         if (t.type === "data-table") {
           const { name: e } = t.options;
-          this.formDataModel[e] = d(t.options.dataSource);
+          this.formDataModel[e] = f(t.options.dataSource);
           return;
         }
         if (!(t.type === "vf-dialog" || t.type === "vf-drawer")) if (t.type === "grid")
@@ -264,7 +264,7 @@ const it = {
           const e = t.options.name;
           if (this.formData.hasOwnProperty(e)) {
             const i = this.formData[e];
-            this.formDataModel[e] = d(i);
+            this.formDataModel[e] = f(i);
           } else {
             const i = {};
             t.options.showBlankRow ? (t.widgetList.forEach((o) => {
@@ -275,10 +275,10 @@ const it = {
           const e = t.options.name;
           if (this.formData.hasOwnProperty(e)) {
             const i = this.formData[e];
-            this.formDataModel[e] = d(i);
+            this.formDataModel[e] = f(i);
           } else {
             const i = [];
-            U(t, (r) => {
+            K(t, (r) => {
               i.push(r);
             });
             const s = {};
@@ -296,7 +296,7 @@ const it = {
           this.formDataModel[t.options.name] = t.options.defaultValue;
         else {
           const e = this.formData[t.options.name];
-          this.formDataModel[t.options.name] = d(e);
+          this.formDataModel[t.options.name] = f(e);
         }
     },
     addFieldChangeEventHandler() {
@@ -362,7 +362,7 @@ const it = {
       i && i.setDisabled ? i.setDisabled(e) : this.findWidgetOfSubFormAndSetDisabled(t, e);
     },
     findWidgetOfSubFormAndSetDisabled(t, e) {
-      const i = k(
+      const i = V(
         this.formJsonObj.widgetList,
         t,
         !0
@@ -377,7 +377,7 @@ const it = {
       i && i.setDisabled ? i.setHidden(e) : this.findWidgetOfSubFormAndSetHidden(t, e);
     },
     findWidgetOfSubFormAndSetHidden(t, e) {
-      const i = k(
+      const i = V(
         this.formJsonObj.widgetList,
         t,
         !0
@@ -393,12 +393,12 @@ const it = {
       const o = (s, r) => {
         s.options && s.options.name === t && (i = r.options.name);
       };
-      if (q(this.widgetList, o), i) {
+      if (G(this.widgetList, o), i) {
         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);
           });
         }
       }
@@ -409,13 +409,13 @@ const it = {
       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 = j(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 V(
+            s = await j(
               i,
               o,
               this,
@@ -431,7 +431,7 @@ const it = {
     //--------------------- 以下为组件支持外部调用的API方法 begin ------------------//
     /* 提示：用户可自行扩充这些方法！！！ */
     changeLanguage(t) {
-      Z(t);
+      X(t);
     },
     getLanguageName() {
       return localStorage.getItem("lowcode_local") || "zh-CN";
@@ -466,7 +466,7 @@ const it = {
             return;
           }
           this.clearFormDataModel(), this.buildFormModel(e.widgetList);
-          const i = d(K());
+          const i = f(N());
           g(i, e.formConfig), this.formJsonObj.formConfig = i, this.formJsonObj.widgetList = e.widgetList, this.insertCustomStyleAndScriptNode(), this.$nextTick(() => {
             this.initFormObject(!1), this.initDataSetRequest(), this.handleOnMounted();
           });
@@ -487,8 +487,8 @@ const it = {
       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) => {
@@ -499,7 +499,7 @@ const it = {
     },
     setFormData(t) {
       console.log("setFormData: ", t), Object.keys(this.formDataModel).forEach((e) => {
-        t && t.hasOwnProperty(e) && (this.formDataModel[e] = d(t[e]));
+        t && t.hasOwnProperty(e) && (this.formDataModel[e] = f(t[e]));
       }), this.broadcast("ContainerItem", "setFormData", this.formDataModel), this.broadcast("FieldWidget", "setFormData", this.formDataModel);
     },
     getFieldValue(t) {
@@ -607,14 +607,14 @@ const it = {
      * @returns {*[]}
      */
     getFieldWidgets(t = !1) {
-      return G(this.formJsonObj.widgetList, t);
+      return z(this.formJsonObj.widgetList, t);
     },
     /**
      * 获取所有容器组件
      * @returns {*[]}
      */
     getContainerWidgets() {
-      return N(this.formJsonObj.widgetList);
+      return T(this.formJsonObj.widgetList);
     },
     /**
      * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法
@@ -667,8 +667,8 @@ const it = {
      * @param localDsv
      */
     async executeDataSource(t, e) {
-      const i = j(this.formJsonObj.formConfig, t), o = new Object({});
-      return g(o, this.globalDsv), g(o, e), await V(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组件实例
@@ -719,29 +719,26 @@ const it = {
      * @param extraData
      */
     showDialog(t, e = {}, i = {}) {
-      console.log("showDialog", t, e, i);
       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 = {
-        widgetList: d(r.widgetList),
-        formConfig: E(o.formConfig)
-      }, f = D() + "", l = P(I, {
+      const n = {
+        widgetList: f(r.widgetList),
+        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: f,
+        wrapperId: a,
         vfCtx: { ...e }
-      });
-      l.appContext = this.$root.$.appContext;
-      const n = document.createElement("div");
-      n.id = "vf-dynamic-dialog-wrapper" + f, document.body.appendChild(n), M(l, n), document.body.appendChild(l.el), l.component.exposed.show();
+      }, this.$refs.dynamicDialgRef.appContext = this.$root.$.appContext, this.$refs.dynamicDialgRef.show();
     },
     showDrawer(t, e = {}, i = {}) {
       const o = this.getTopFormRef(), s = C(o.widgetList, t);
@@ -750,9 +747,9 @@ const it = {
         return;
       }
       const r = {
-        widgetList: d(s.widgetList),
-        formConfig: E(o.formConfig)
-      }, a = D() + "", f = y(tt, {
+        widgetList: f(s.widgetList),
+        formConfig: M(o.formConfig)
+      }, n = y() + "", a = R(Z, {
         options: s.options,
         formJson: r,
         formData: e || {},
@@ -760,11 +757,11 @@ const it = {
         globalDsv: o.globalDsv,
         parentFormRef: this,
         extraData: i,
-        wrapperId: a
+        wrapperId: n
       });
-      f.appContext = this.$root.$.appContext;
-      const l = document.createElement("div");
-      l.id = "vf-dynamic-drawer-wrapper" + a, document.body.appendChild(l), M(f, l), document.body.appendChild(f.el), f.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();
     },
     /**
      * 判断表单是否处于设计器预览状态
@@ -779,71 +776,67 @@ const it = {
     //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
 };
-function ot(t, e, i, o, s, r) {
-  const a = p("a-form"), f = p("a-spin"), l = p("TpfConfigProvider");
-  return m(), b(l, null, {
+function et(t, e, i, o, s, r) {
+  const n = p("a-form"), a = p("DynamicDialog"), d = p("a-spin");
+  return m(), b(d, { spinning: s.isLoading }, {
     default: c(() => [
-      y(f, { spinning: s.isLoading }, {
-        default: c(() => [
-          A("div", {
-            style: _(s.isLoading ? "min-height: 260px" : "")
-          }, [
-            y(a, {
-              layout: r.labelPosition,
-              class: J([[r.customClass, s.readModeFlag ? "readonly-mode-form" : ""], "render-form tpf-form"]),
-              "label-width": r.labelWidth,
-              "validate-on-rule-change": !1,
-              model: s.formDataModel,
-              ref: "renderForm",
-              onKeydown: B(r.handleEnterKey, ["enter"])
-            }, {
-              default: c(() => [
-                (m(!0), S(L, null, F(r.widgetList, (n, R) => (m(), S(L, null, [
-                  n.category === "container" ? (m(), b(v(r.getContainerWidgetName(n)), {
-                    widget: n,
-                    key: n.id,
-                    data: s.formDataModel[n.options.name],
-                    "parent-list": r.widgetList,
-                    "index-of-parent-list": R,
-                    "parent-widget": null,
-                    model: s.formDataModel
-                  }, W({ _: 2 }, [
-                    F(Object.keys(t.$slots), (h) => ({
-                      name: h,
-                      fn: c((u) => [
-                        O(t.$slots, h, w({ ref_for: !0 }, u), void 0, !0)
-                      ])
-                    }))
-                  ]), 1032, ["widget", "data", "parent-list", "index-of-parent-list", "model"])) : (m(), b(v(r.getWidgetName(n)), {
-                    field: n,
-                    "form-model": s.formDataModel,
-                    designer: null,
-                    key: n.id,
-                    "parent-list": r.widgetList,
-                    "index-of-parent-list": R,
-                    "parent-widget": null
-                  }, W({ _: 2 }, [
-                    F(Object.keys(t.$slots), (h) => ({
-                      name: h,
-                      fn: c((u) => [
-                        O(t.$slots, h, w({ ref_for: !0 }, u), void 0, !0)
-                      ])
-                    }))
-                  ]), 1032, ["field", "form-model", "parent-list", "index-of-parent-list"]))
-                ], 64))), 256))
-              ]),
-              _: 3
-            }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
-          ], 4)
-        ]),
-        _: 3
-      }, 8, ["spinning"])
+      x("div", {
+        style: A(s.isLoading ? "min-height: 260px" : "")
+      }, [
+        R(n, {
+          layout: r.labelPosition,
+          class: B([[r.customClass, s.readModeFlag ? "readonly-mode-form" : ""], "render-form tpf-form"]),
+          "label-width": r.labelWidth,
+          "validate-on-rule-change": !1,
+          model: s.formDataModel,
+          ref: "renderForm",
+          onKeydown: _(r.handleEnterKey, ["enter"])
+        }, {
+          default: c(() => [
+            (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": S,
+                "parent-widget": null,
+                model: s.formDataModel
+              }, v({ _: 2 }, [
+                F(Object.keys(t.$slots), (h) => ({
+                  name: h,
+                  fn: c((u) => [
+                    w(t.$slots, h, D({ ref_for: !0 }, u), void 0, !0)
+                  ])
+                }))
+              ]), 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: l.id,
+                "parent-list": r.widgetList,
+                "index-of-parent-list": S,
+                "parent-widget": null
+              }, v({ _: 2 }, [
+                F(Object.keys(t.$slots), (h) => ({
+                  name: h,
+                  fn: c((u) => [
+                    w(t.$slots, h, D({ ref_for: !0 }, u), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["field", "form-model", "parent-list", "index-of-parent-list"]))
+            ], 64))), 256))
+          ]),
+          _: 3
+        }, 8, ["layout", "class", "label-width", "model", "onKeydown"])
+      ], 4),
+      R(a, D(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
     ]),
     _: 3
-  });
+  }, 8, ["spinning"]);
 }
-const pt = /* @__PURE__ */ et(it, [["render", ot], ["__scopeId", "data-v-10da8437"]]);
+const ct = /* @__PURE__ */ I(tt, [["render", et], ["__scopeId", "data-v-46e583ef"]]);
 export {
-  pt as default
+  ct as default
 };
 //# sourceMappingURL=index.vue.js.map