@kp-ui/lowcode 2.15.0-alpha.16 → 2.15.0-alpha.17

package/src/components/form-render/container-items/grid-sub-form-widget.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as j, provide as A, ref as f, computed as q, onMounted as J, resolveComponent as K, createBlock as L, openBlock as F, withCtx as g, withDirectives as W, createElementVNode as r, createElementBlock as y, Fragment as Q, renderList as U, toDisplayString as E, createVNode as u, unref as a, vShow as N, createCommentVNode as X, createTextVNode as Y, nextTick as R } from "vue";
-import { traverseFieldWidgetsOfContainer as Z, generateId as S, deepClone as ee } from "../../../utils/util.js";
-import oe from "./container-wrapper.vue.js";
-import te from "../RenderWigetList.vue.js";
-import { TpfConfirm as ne } from "../../../hooks/TpfConfirm.js";
+import { defineComponent as j, provide as y, ref as w, onMounted as q, resolveComponent as J, createBlock as A, openBlock as v, withCtx as f, withDirectives as L, createElementVNode as c, createElementBlock as W, Fragment as K, renderList as Q, toDisplayString as B, createVNode as u, unref as s, vShow as E, createCommentVNode as U, createTextVNode as X, nextTick as R } from "vue";
+import { traverseFieldWidgetsOfContainer as Y, generateId as S, deepClone as Z } from "../../../utils/util.js";
+import ee from "./container-wrapper.vue.js";
+import oe from "../RenderWigetList.vue.js";
+import { TpfConfirm as te } from "../../../hooks/TpfConfirm.js";
 import { SvgIcon as _ } from "tmgc2-share";
-import { ComponentNameEnum as ie, ContainerTypeEnum as se } from "../../../constants/WidgetTypeEnum.js";
+import { ComponentNameEnum as ne, ContainerTypeEnum as ie } from "../../../constants/WidgetTypeEnum.js";
 import { useI18n as ae } from "../../../utils/i18n.js";
-import { useField as de } from "../../form-designer/form-widget/field-widget/useField.js";
-const le = { class: "sub-form-container" }, ce = { class: "row-no-column" }, re = { class: "row-number-span" }, ue = { class: "grid-sub-form-data-row" }, me = { class: "sub-form-action-column hide-label" }, we = { class: "action-button-column" }, pe = { class: "header-row" }, De = /* @__PURE__ */ j({
-  name: se.GridSubFormWidget,
-  componentName: ie.ContainerWidget,
+import { useField as se } from "../../form-designer/form-widget/field-widget/useField.js";
+const de = { class: "sub-form-container" }, le = { class: "row-no-column" }, re = { class: "row-number-span" }, ce = { class: "grid-sub-form-data-row" }, ue = { class: "sub-form-action-column hide-label" }, me = { class: "action-button-column" }, pe = { class: "header-row" }, _e = /* @__PURE__ */ j({
+  name: ie.GridSubFormWidget,
+  componentName: ne.ContainerWidget,
   inheritAttrs: !1,
   __name: "grid-sub-form-widget",
   props: {
@@ -21,45 +21,56 @@ const le = { class: "sub-form-container" }, ce = { class: "row-no-column" }, re
     subFormRowIndex: {},
     subFormRowId: {}
   },
-  setup(T, { expose: V }) {
-    A("isSubFormField", !0), A("getSubFormName", () => t.widget.options.name);
-    const { i18nt: d } = ae(), t = T, c = f([]), m = f([]), b = f(!1), v = f(!1), w = f(!1), { field: x, formModel: l, isReadMode: D, handleHidden: B, defineExposed: p } = de(t);
-    q(() => x.options.actionColumnPosition === "right" ? "right-action-column" : "left-action-column");
-    const C = () => {
+  setup(N, { expose: T }) {
+    y("isSubFormField", !0), y("getSubFormName", () => t.widget.options.name);
+    const { i18nt: d } = ae(), t = N, r = w([]), m = w([]), g = w(!1), F = w(!1), p = w(!1), { formModel: l, isReadMode: D, handleHidden: x, executeFunction: b, defineExposed: V } = se(t), k = () => {
       m.value = [];
       const e = (o) => {
         m.value.push(o);
       };
-      Z(t.widget, e);
-    }, I = (e = !1) => {
-      c.value = [];
+      Y(t.widget, e);
+    }, M = (e = !1) => {
+      r.value = [];
       const o = l.value[t.widget.options.name];
       o && o.length > 0 && (o.forEach(() => {
-        c.value.push("id" + S());
+        r.value.push("id" + S());
       }), e && setTimeout(() => {
         h(o);
       }, 800));
     }, h = (e) => {
-      t.widget.options.onSubFormRowChange && new Function("subFormData", t.widget.options.onSubFormRowChange).call(p, e);
-    }, M = (e, o) => {
-      t.widget.options.onSubFormRowAdd && new Function(
-        "subFormData",
-        "newRowId",
-        t.widget.options.onSubFormRowAdd
-      ).call(p, e, o);
+      t.widget.options.onSubFormRowChange && b({
+        functionBody: t.widget.options.onSubFormRowChange,
+        keys: ["subFormData"],
+        params: { subFormData: e }
+      });
+    }, I = (e, o) => {
+      b({
+        functionBody: t.widget.options.onSubFormRowAdd,
+        params: {
+          subFormData: e,
+          newRowId: o
+        },
+        keys: ["subFormData", "newRowId"]
+      });
     }, $ = (e, o) => {
-      t.widget.options.onSubFormRowInsert && new Function(
-        "subFormData",
-        "newRowId",
-        t.widget.options.onSubFormRowInsert
-      ).call(p, e, o);
+      b({
+        functionBody: t.widget.options.onSubFormRowInsert,
+        params: {
+          subFormData: e,
+          newRowId: o
+        },
+        keys: ["subFormData", "newRowId"]
+      });
     }, H = (e, o) => {
-      t.widget.options.onSubFormRowDelete && new Function(
-        "subFormData",
-        "deletedDataRow",
-        t.widget.options.onSubFormRowDelete
-      ).call(p, e, o);
-    }, k = () => {
+      b({
+        functionBody: t.widget.options.onSubFormRowDelete,
+        params: {
+          subFormData: e,
+          deletedDataRow: o
+        },
+        keys: ["subFormData", "deletedDataRow"]
+      });
+    }, C = () => {
       const e = {};
       m.value.forEach((i) => {
         i != null && i.formItemFlag && (e[i.options.name] = i.options.defaultValue);
@@ -67,125 +78,125 @@ const le = { class: "sub-form-container" }, ce = { class: "row-no-column" }, re
       const o = l.value[t.widget.options.name] || [];
       o.push(e), l.value[t.widget.options.name] || (l.value[t.widget.options.name] = o);
       const n = "id" + S();
-      c.value.push(n), R(() => {
-        M(o, n), h(o);
+      r.value.push(n), R(() => {
+        I(o, n), h(o);
       });
     }, O = (e) => {
       const o = {};
-      m.value.forEach((s) => {
-        s != null && s.formItemFlag && (o[s.options.name] = s.options.defaultValue);
+      m.value.forEach((a) => {
+        a != null && a.formItemFlag && (o[a.options.name] = a.options.defaultValue);
       });
       const n = l.value[t.widget.options.name] || [];
       n.splice(e, 0, o), l.value[t.widget.options.name] || (l.value[t.widget.options.name] = n);
       const i = "id" + S();
-      c.value.splice(e, 0, i), R(() => {
+      r.value.splice(e, 0, i), R(() => {
         $(n, i), h(n);
       });
-    }, P = (e) => {
-      ne({
+    }, z = (e) => {
+      te({
         type: "confirm",
         content: d("render.hint.deleteSubFormRow") + "?",
         title: d("render.hint.prompt"),
         okText: d("render.hint.confirm"),
         cancelText: d("render.hint.cancel")
       }).then(() => {
-        const o = l.value[t.widget.options.name] || [], n = ee(o[e]);
-        o.splice(e, 1), c.value.splice(e, 1), R(() => {
+        const o = l.value[t.widget.options.name] || [], n = Z(o[e]);
+        o.splice(e, 1), r.value.splice(e, 1), R(() => {
           H(o, n), h(o);
         });
       }).catch(() => {
       });
-    }, z = () => {
-      t.widget.options.showBlankRow && c.value.length === 0 && (m.value.length === 0 && C(), k());
+    }, G = () => {
+      t.widget.options.showBlankRow && r.value.length === 0 && (m.value.length === 0 && k(), C());
     };
-    return J(() => {
-      C(), I(!0), z();
-    }), V({
-      ...p,
-      insertDisabled: b,
-      deleteDisabled: v,
-      actionDisabled: w,
+    return q(() => {
+      k(), M(!0), G();
+    }), T({
+      ...V,
+      insertDisabled: g,
+      deleteDisabled: F,
+      actionDisabled: p,
       setInsertDisabled: (e) => {
-        b.value = e;
+        g.value = e;
       },
       setDeleteDisabled: (e) => {
-        v.value = e;
+        F.value = e;
       },
       setActionDisabled: (e) => {
-        w.value = e;
+        p.value = e;
       }
     }), (e, o) => {
-      const n = K("a-button");
-      return F(), L(oe, { widget: e.widget }, {
-        default: g(() => [
-          W(r("div", le, [
-            (F(!0), y(Q, null, U(c.value, (i, s) => (F(), y("div", {
+      const n = J("a-button");
+      return v(), A(ee, { widget: e.widget }, {
+        default: f(() => [
+          L(c("div", de, [
+            (v(!0), W(K, null, Q(r.value, (i, a) => (v(), W("div", {
               class: "sub-form-row",
               key: i
             }, [
-              r("div", ce, [
-                r("span", re, "#" + E(s + 1), 1)
+              c("div", le, [
+                c("span", re, "#" + B(a + 1), 1)
               ]),
-              r("div", ue, [
-                u(te, {
+              c("div", ce, [
+                u(oe, {
                   widgetList: e.widget.widgetList || [],
                   parentWidget: e.widget,
-                  subFormRowIndex: s,
+                  subFormRowIndex: a,
                   subFormRowId: i
                 }, null, 8, ["widgetList", "parentWidget", "subFormRowIndex", "subFormRowId"])
               ]),
-              r("div", me, [
-                W(r("div", we, [
+              c("div", ue, [
+                L(c("div", me, [
                   u(n, {
                     type: "link",
-                    title: a(d)("render.hint.insertSubFormRow"),
-                    disabled: w.value || b.value,
-                    onClick: (G) => O(s)
+                    title: s(d)("render.hint.insertSubFormRow"),
+                    disabled: p.value || g.value,
+                    onClick: (P) => O(a)
                   }, {
-                    icon: g(() => [
-                      u(a(_), { "icon-class": "icon-el-plus" })
+                    icon: f(() => [
+                      u(s(_), { "icon-class": "icon-el-plus" })
                     ]),
                     _: 2
                   }, 1032, ["title", "disabled", "onClick"]),
                   u(n, {
                     type: "link",
-                    title: a(d)("render.hint.deleteSubFormRow"),
-                    disabled: w.value || v.value,
-                    onClick: (G) => P(s)
+                    title: s(d)("render.hint.deleteSubFormRow"),
+                    disabled: p.value || F.value,
+                    onClick: (P) => z(a)
                   }, {
-                    icon: g(() => [
-                      u(a(_), { "icon-class": "icon-el-delete" })
+                    icon: f(() => [
+                      u(s(_), { "icon-class": "icon-el-delete" })
                     ]),
                     _: 2
                   }, 1032, ["title", "disabled", "onClick"])
                 ], 512), [
-                  [N, !a(D)]
+                  [E, !s(D)]
                 ])
               ])
             ]))), 128)),
-            r("div", pe, [
-              a(D) ? X("", !0) : (F(), L(n, {
+            c("div", pe, [
+              s(D) ? U("", !0) : (v(), A(n, {
                 key: 0,
                 block: "",
-                disabled: w.value || b.value,
+                disabled: p.value || g.value,
                 shape: "round",
                 type: "dashed",
                 size: "small",
                 class: "action-button",
-                onClick: k,
-                title: a(d)("render.hint.subFormAddActionHint")
+                onClick: C,
+                title: s(d)("render.hint.subFormAddActionHint")
               }, {
-                icon: g(() => [
-                  u(a(_), { "icon-class": "icon-el-plus" })
+                icon: f(() => [
+                  u(s(_), { "icon-class": "icon-el-plus" })
                 ]),
-                default: g(() => [
-                  Y(" " + E(a(d)("render.hint.subFormAddAction")), 1)
+                default: f(() => [
+                  X(" " + B(s(d)("render.hint.subFormAddAction")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled", "title"]))
             ])
           ], 512), [
-            [N, !a(B)]
+            [E, !s(x)]
           ])
         ]),
         _: 1
@@ -194,5 +205,5 @@ const le = { class: "sub-form-container" }, ce = { class: "row-no-column" }, re
   }
 });
 export {
-  De as default
+  _e as default
 };