@kp-ui/lowcode 1.0.94 → 1.0.96

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

@@ -1,20 +1,22 @@
-import { resolveComponent as D, createBlock as p, openBlock as m, withCtx as c, createElementVNode as x, normalizeStyle as A, createVNode as V, 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 Q, { changeLocale as X } from "../../utils/i18n.js";
-import Y from "./dynamic-dialog.vue.js";
+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 $ 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";
 /* empty css                    */
-import Z from "./dynamic-drawer.vue.js";
-import { fmtHttpParams as k } from "../../utils/request/fmtHttpParams.js";
+import tt from "./dynamic-drawer.vue.js";
+import { fmtHttpParams as x } from "../../utils/request/fmtHttpParams.js";
 /* empty css           */
-import I from "../../../_virtual/_plugin-vue_export-helper.js";
-const tt = {
+import et from "../../../_virtual/_plugin-vue_export-helper.js";
+const it = {
   name: "VFormRender",
   componentName: "VFormRender",
-  mixins: [$, Q],
+  mixins: [T, Y],
   components: {
-    ...H
+    TpfConfigProvider: H,
+    ...$
   },
   props: {
     vfCtx: {
@@ -24,7 +26,7 @@ const tt = {
     formJson: {
       //prop传入的表单JSON配置
       type: Object,
-      default: () => P()
+      default: () => z()
     },
     formData: {
       //prop传入的表单数据
@@ -189,7 +191,7 @@ const tt = {
       var e;
       const t = this.formConfig.serveList;
       if ((e = t.vformDetail.http) != null && e.url) {
-        const i = await k.call(this, t.vformDetail, {
+        const i = await x.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 k.call(this, e.vformUpdate, {
+        const o = await x.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" + D(), t && !this.dynamicCreation && this.insertCustomStyleAndScriptNode(), this.addFieldChangeEventHandler(), this.addFieldValidateEventHandler(), this.registerFormToRefList(), this.handleOnCreated(), this.disabledMode && this.$nextTick(() => {
         this.disableForm();
       });
     },
@@ -222,10 +224,10 @@ const tt = {
       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 && U(
+      ), this.formConfig && this.formConfig.functions && X(
         this.formConfig.functions,
         this.previewState ? "" : this.formId
       );
@@ -239,7 +241,7 @@ const tt = {
       if (t.category === "container") {
         if (t.type === "data-table") {
           const { name: e } = t.options;
-          this.formDataModel[e] = f(t.options.dataSource);
+          this.formDataModel[e] = d(t.options.dataSource);
           return;
         }
         if (!(t.type === "vf-dialog" || t.type === "vf-drawer")) if (t.type === "grid")
@@ -262,7 +264,7 @@ const tt = {
           const e = t.options.name;
           if (this.formData.hasOwnProperty(e)) {
             const i = this.formData[e];
-            this.formDataModel[e] = f(i);
+            this.formDataModel[e] = d(i);
           } else {
             const i = {};
             t.options.showBlankRow ? (t.widgetList.forEach((o) => {
@@ -273,10 +275,10 @@ const tt = {
           const e = t.options.name;
           if (this.formData.hasOwnProperty(e)) {
             const i = this.formData[e];
-            this.formDataModel[e] = f(i);
+            this.formDataModel[e] = d(i);
           } else {
             const i = [];
-            K(t, (r) => {
+            U(t, (r) => {
               i.push(r);
             });
             const s = {};
@@ -294,7 +296,7 @@ const tt = {
           this.formDataModel[t.options.name] = t.options.defaultValue;
         else {
           const e = this.formData[t.options.name];
-          this.formDataModel[t.options.name] = f(e);
+          this.formDataModel[t.options.name] = d(e);
         }
     },
     addFieldChangeEventHandler() {
@@ -360,7 +362,7 @@ const tt = {
       i && i.setDisabled ? i.setDisabled(e) : this.findWidgetOfSubFormAndSetDisabled(t, e);
     },
     findWidgetOfSubFormAndSetDisabled(t, e) {
-      const i = j(
+      const i = k(
         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 = k(
         this.formJsonObj.widgetList,
         t,
         !0
@@ -391,7 +393,7 @@ const tt = {
       const o = (s, r) => {
         s.options && s.options.name === t && (i = r.options.name);
       };
-      if (G(this.widgetList, o), i) {
+      if (q(this.widgetList, o), i) {
         const s = this.getWidgetRef(i);
         if (s) {
           const r = s.getRowIdData();
@@ -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 = j(this.formConfig, e);
         if (i) {
           const o = new Object({});
           g(o, this.globalDsv || {});
           let s = null;
           try {
-            s = await E(
+            s = await V(
               i,
               o,
               this,
@@ -429,7 +431,7 @@ const tt = {
     //--------------------- 以下为组件支持外部调用的API方法 begin ------------------//
     /* 提示：用户可自行扩充这些方法！！！ */
     changeLanguage(t) {
-      X(t);
+      Z(t);
     },
     getLanguageName() {
       return localStorage.getItem("lowcode_local") || "zh-CN";
@@ -464,7 +466,7 @@ const tt = {
             return;
           }
           this.clearFormDataModel(), this.buildFormModel(e.widgetList);
-          const i = f(N());
+          const i = d(K());
           g(i, e.formConfig), this.formJsonObj.formConfig = i, this.formJsonObj.widgetList = e.widgetList, this.insertCustomStyleAndScriptNode(), this.$nextTick(() => {
             this.initFormObject(!1), this.initDataSetRequest(), this.handleOnMounted();
           });
@@ -497,7 +499,7 @@ const tt = {
     },
     setFormData(t) {
       console.log("setFormData: ", t), Object.keys(this.formDataModel).forEach((e) => {
-        t && t.hasOwnProperty(e) && (this.formDataModel[e] = f(t[e]));
+        t && t.hasOwnProperty(e) && (this.formDataModel[e] = d(t[e]));
       }), this.broadcast("ContainerItem", "setFormData", this.formDataModel), this.broadcast("FieldWidget", "setFormData", this.formDataModel);
     },
     getFieldValue(t) {
@@ -522,6 +524,13 @@ const tt = {
     setTableValue(t, e) {
       this.formDataModel[t] = e;
     },
+    /**
+     *  插入表格数据
+     * @param name
+     */
+    insertTableValue(t, e) {
+      this.formDataModel[t].push(e);
+    },
     getTableValue(t) {
       return this.formDataModel[t];
     },
@@ -597,14 +606,14 @@ const tt = {
      * @returns {*[]}
      */
     getFieldWidgets(t = !1) {
-      return z(this.formJsonObj.widgetList, t);
+      return G(this.formJsonObj.widgetList, t);
     },
     /**
      * 获取所有容器组件
      * @returns {*[]}
      */
     getContainerWidgets() {
-      return T(this.formJsonObj.widgetList);
+      return N(this.formJsonObj.widgetList);
     },
     /**
      * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法
@@ -657,8 +666,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 = j(this.formJsonObj.formConfig, t), o = new Object({});
+      return g(o, this.globalDsv), g(o, e), await V(i, o, this, !1, this.$message);
     },
     /**
      * 获取父级VFormRender组件实例
@@ -710,15 +719,15 @@ const tt = {
      */
     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 = {
-        widgetList: f(r.widgetList),
-        formConfig: w(o.formConfig)
-      }, l = C() + "", n = J(Y, {
+        widgetList: d(r.widgetList),
+        formConfig: E(o.formConfig)
+      }, f = D() + "", l = P(I, {
         options: r.options,
         formJson: a,
         formData: { ...e },
@@ -726,23 +735,23 @@ const tt = {
         globalDsv: o.globalDsv,
         parentFormRef: this,
         extraData: i,
-        wrapperId: l,
+        wrapperId: f,
         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();
+      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();
     },
     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 = V(Z, {
+        widgetList: d(s.widgetList),
+        formConfig: E(o.formConfig)
+      }, a = D() + "", f = y(tt, {
         options: s.options,
         formJson: r,
         formData: e || {},
@@ -752,9 +761,9 @@ const tt = {
         extraData: i,
         wrapperId: a
       });
-      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();
+      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();
     },
     /**
      * 判断表单是否处于设计器预览状态
@@ -769,66 +778,71 @@ const tt = {
     //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
 };
-function et(t, e, i, o, s, r) {
-  const a = D("a-form"), l = D("a-spin");
-  return m(), p(l, { spinning: s.isLoading }, {
+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, {
     default: c(() => [
-      x("div", {
-        style: A(s.isLoading ? "min-height: 260px" : "")
-      }, [
-        V(a, {
-          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), 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],
-                "parent-list": r.widgetList,
-                "index-of-parent-list": d,
-                "parent-widget": null,
-                model: s.formDataModel
-              }, L({ _: 2 }, [
-                b(Object.keys(t.$slots), (h) => ({
-                  name: h,
-                  fn: c((u) => [
-                    W(t.$slots, h, v({ 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,
-                "form-model": s.formDataModel,
-                designer: null,
-                key: n.id,
-                "parent-list": r.widgetList,
-                "index-of-parent-list": d,
-                "parent-widget": null
-              }, L({ _: 2 }, [
-                b(Object.keys(t.$slots), (h) => ({
-                  name: h,
-                  fn: c((u) => [
-                    W(t.$slots, h, v({ 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)
+      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"])
     ]),
     _: 3
-  }, 8, ["spinning"]);
+  });
 }
-const ct = /* @__PURE__ */ I(tt, [["render", et], ["__scopeId", "data-v-f498c273"]]);
+const pt = /* @__PURE__ */ et(it, [["render", ot], ["__scopeId", "data-v-73ec9f28"]]);
 export {
-  ct as default
+  pt as default
 };
 //# sourceMappingURL=index.vue.js.map