@kingteza/crud-component 1.44.0 → 1.44.2

package/dist/crud/modal/index.es.js

@@ -1,171 +1,182 @@
-import { jsx as x, jsxs as Z } from "react/jsx-runtime";
-import { Form as z, Modal as ee, Spin as te } from "antd";
-import { forwardRef as oe, useState as c, useCallback as m, useMemo as ae, useImperativeHandle as ne, useEffect as le } from "react";
-import { CrudForm as se } from "../CrudForm.es.js";
-import ie from "../CrudFormWizard.es.js";
-import { useTranslationLib as re } from "../../locale/index.es.js";
-import v from "../../util/CrudUtil.es.js";
-import ce from "dayjs";
-import { setValueByPath as d, getValueByPath as ue } from "../../util/ObjectUtil.es.js";
-const de = ({
-  fields: n,
-  wizard: s,
-  grid: A,
-  fullWidthModal: L,
+import { jsx as A, jsxs as z } from "react/jsx-runtime";
+import { Form as ee, Modal as te, Spin as oe } from "antd";
+import { forwardRef as ae, useState as c, useCallback as F, useMemo as ne, useImperativeHandle as le, useEffect as se } from "react";
+import { CrudForm as ie } from "../CrudForm.es.js";
+import re from "../CrudFormWizard.es.js";
+import { useTranslationLib as ce } from "../../locale/index.es.js";
+import h from "../../util/CrudUtil.es.js";
+import ue from "dayjs";
+import { setValueByPath as u, getValueByPath as de } from "../../util/ObjectUtil.es.js";
+const pe = ({
+  fields: s,
+  wizard: r,
+  grid: L,
+  fullWidthModal: E,
   isCreating: C,
   isUpdating: j,
   onCreate: B,
   onUpdate: V,
-  idField: h = "id",
-  formBuilder: E,
-  onValuesChange: R
-}, $) => {
-  const [a] = z.useForm(), { t: N } = re(), [k, y] = c(!1), [p, w] = c("new"), [f, g] = c(), [q, b] = c(), [G, O] = c(!1), [J, M] = c(!1), [K, W] = c(!1), D = m(
-    async (o) => {
-      var F;
-      const u = s ? o : await a.validateFields(), i = n.filter((t) => t.type === "color"), l = {};
-      for (const t of i) {
-        const r = v.getRealName(t.name, "upsertFieldName"), e = a.getFieldValue(r);
-        d(
-          l,
-          r,
-          typeof e == "string" ? e : (F = e == null ? void 0 : e.toHexString()) == null ? void 0 : F.toUpperCase()
+  idField: N = "id",
+  formBuilder: $,
+  onValuesChange: w
+}, q) => {
+  const [n] = ee.useForm(), { t: P } = ce(), [k, g] = c(!1), [f, R] = c("new"), [m, b] = c(), [G, v] = c(), [J, O] = c(!1), [K, M] = c(!1), [Q, W] = c(!1), D = F(
+    async (t) => {
+      var p;
+      const d = r ? t : await n.validateFields(), l = s.filter((o) => o.type === "color"), a = {};
+      for (const o of l) {
+        const i = h.getRealName(o.name, "upsertFieldName"), e = n.getFieldValue(i);
+        u(
+          a,
+          i,
+          typeof e == "string" ? e : (p = e == null ? void 0 : e.toHexString()) == null ? void 0 : p.toUpperCase()
         );
       }
-      Object.assign(u, l), f && V ? (await V({
-        ...u,
-        [h]: f[h]
-      }), g(void 0)) : !f && B && await B(u), b(void 0), S(/* @__PURE__ */ new Map()), a.resetFields(), y(!1);
+      Object.assign(d, a), m && V ? (await V({
+        ...d,
+        [N]: m[N]
+      }), b(void 0)) : !m && B && await B(d), v(void 0), U(/* @__PURE__ */ new Map()), n.resetFields(), g(!1);
     },
-    [n, a, h, B, V, f, s]
-  ), H = m(async (o) => {
-    O(o), M(!0);
-  }, []), I = m(async () => {
+    [s, n, N, B, V, m, r]
+  ), H = F(async (t) => {
+    O(t), M(!0);
+  }, []), I = F(async () => {
     M(!0);
-  }, []), T = m(() => {
-    y(!0), w("new"), a.resetFields(), g(void 0), b(void 0);
-  }, [a]), [P, S] = c(/* @__PURE__ */ new Map()), Q = ae(() => P.size === 0 ? n : n.map((o) => typeof o.updatable == "function" ? {
-    ...o,
-    updatable: P.get(v.getRealName(o.name, "name")) ?? o.updatable
-  } : o), [n, P]), _ = m(
-    async (o, u = !0, i = !1) => {
+  }, []), T = F(() => {
+    g(!0), R("new"), n.resetFields(), b(void 0), v(void 0);
+  }, [n]), [S, U] = c(/* @__PURE__ */ new Map()), X = ne(() => S.size === 0 ? s : s.map((t) => typeof t.updatable == "function" ? {
+    ...t,
+    updatable: S.get(h.getRealName(t.name, "name")) ?? t.updatable
+  } : t), [s, S]), _ = F(
+    async (t, d = !0, l = !1) => {
       try {
-        W(!0), y(!0), w(i ? "clone" : "update");
-        const l = {};
-        for (const t of n) {
-          const r = v.getRealName(
-            t.name,
+        W(!0), g(!0), R(l ? "clone" : "update");
+        const a = {};
+        for (const o of s) {
+          const i = h.getRealName(
+            o.name,
             "upsertFieldName"
-          ), e = ue(o, r);
-          if (i && t.type === "image") {
-            const U = e;
+          ), e = de(t, i);
+          if (l && o.type === "image") {
+            const y = e;
             try {
-              const Y = await t.provider.clone(U);
-              d(l, r, Y);
+              if (Array.isArray(y)) {
+                const x = await Promise.all(
+                  y.map((Z) => o.provider.clone(Z))
+                );
+                u(a, i, x);
+              } else if (y) {
+                const x = await o.provider.clone(y);
+                u(a, i, x);
+              }
               continue;
             } catch {
               continue;
             }
           }
-          t.type === "date" || t.type === "time" ? e && d(l, r, ce(e)) : t.type === "select" ? t.multiple && Array.isArray(e) ? d(
-            l,
-            r,
-            e.map((U) => U[t.innerFieldId ?? "id"])
-          ) : e && typeof e == "object" ? d(
-            l,
-            r,
-            e[t.innerFieldId ?? "id"]
-          ) : (e && typeof e == "string" || typeof e == "number") && d(l, r, e) : d(l, r, e);
+          o.type === "date" || o.type === "time" ? e && u(a, i, ue(e)) : o.type === "select" ? o.multiple && Array.isArray(e) ? u(
+            a,
+            i,
+            e.map((y) => y[o.innerFieldId ?? "id"])
+          ) : e && typeof e == "object" ? u(
+            a,
+            i,
+            e[o.innerFieldId ?? "id"]
+          ) : (e && typeof e == "string" || typeof e == "number") && u(a, i, e) : u(a, i, e);
         }
-        a.setFieldsValue(l);
-        const F = /* @__PURE__ */ new Map();
-        for (const t of n)
-          typeof t.updatable == "function" && F.set(
-            v.getRealName(t.name, "name"),
-            t.updatable(o)
+        n.setFieldsValue(a);
+        const p = /* @__PURE__ */ new Map();
+        for (const o of s)
+          typeof o.updatable == "function" && p.set(
+            h.getRealName(o.name, "name"),
+            o.updatable(t)
           );
-        S(F), b(l), u && g(o);
+        U(p), v(a), d && b(t);
       } finally {
         W(!1);
       }
     },
-    [n, a]
+    [s, n]
   );
-  ne(
-    $,
+  le(
+    q,
     () => ({
       create: T,
       update: _
     }),
     [T, _]
-  ), le(() => {
+  ), se(() => {
     k && (O(!1), M(!1));
   }, [k]);
-  const X = m(async () => {
-    S(/* @__PURE__ */ new Map());
+  const Y = F(async () => {
+    U(/* @__PURE__ */ new Map());
     try {
-      if (p === "clone") {
-        const o = s ? f : a.getFieldsValue(), u = n.filter((i) => i.type === "image");
-        for (const i of u)
-          o[i.name] && i.provider.delete(o[i.name]);
+      if (f === "clone") {
+        const t = r ? m : n.getFieldsValue(), d = s.filter((l) => l.type === "image");
+        for (const l of d)
+          if (t[l.name]) {
+            const a = Array.isArray(t[l.name]) ? t[l.name] : [t[l.name]];
+            for (const p of a)
+              l.provider.delete(p);
+          }
       }
     } finally {
     }
-    s || a.resetFields(), b(void 0), g(void 0), y(!1);
-  }, [p, s, a, f, n]);
-  return /* @__PURE__ */ x(
-    ee,
+    r || n.resetFields(), v(void 0), b(void 0), g(!1);
+  }, [f, r, n, m, s]);
+  return /* @__PURE__ */ A(
+    te,
     {
-      width: L ? "100%" : void 0,
-      title: N("str." + (p ?? "new")),
+      width: E ? "100%" : void 0,
+      title: P("str." + (f ?? "new")),
       open: k,
       confirmLoading: C || j,
-      okText: N("str." + (p === "update" ? "update" : "save")),
-      cancelText: N("str.cancel"),
+      okText: P("str." + (f === "update" ? "update" : "save")),
+      cancelText: P("str.cancel"),
       cancelButtonProps: {
-        disabled: J,
-        hidden: !!s
+        disabled: K,
+        hidden: !!r
       },
       okButtonProps: {
-        disabled: G,
-        hidden: !!s
+        disabled: J,
+        hidden: !!r
       },
-      onCancel: X,
+      onCancel: Y,
       onOk: () => D(),
       destroyOnHidden: !0,
-      children: /* @__PURE__ */ Z(te, { spinning: K, children: [
-        s ? null : /* @__PURE__ */ x(
-          se,
+      children: /* @__PURE__ */ z(oe, { spinning: Q, children: [
+        r ? null : /* @__PURE__ */ A(
+          ie,
           {
-            purpose: p,
-            fields: Q,
-            form: a,
-            formBuilder: E,
-            grid: A,
+            purpose: f,
+            fields: X,
+            form: n,
+            formBuilder: $,
+            grid: L,
             onDeleteFile: I,
             onUploadFile: H,
-            onValuesChange: R
+            onValuesChange: w
           }
         ),
-        s && /* @__PURE__ */ x(
-          ie,
+        r && /* @__PURE__ */ A(
+          re,
           {
             submitting: C || j,
             className: "mt-2",
             onSave: D,
-            updatingValue: q,
-            fields: n,
+            updatingValue: G,
+            fields: s,
             onDeleteFile: I,
             onUploadFile: H,
-            purpose: p,
-            wizard: s,
-            onValuesChange: R
+            purpose: f,
+            wizard: r,
+            onValuesChange: w
           }
         )
       ] })
     }
   );
-}, Ve = oe(de);
+}, Ve = ae(pe);
 export {
   Ve as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.44.0",
+  "version": "1.44.2",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",