@kingteza/crud-component 1.29.1 → 1.30.0

package/dist/crud/CrudComponent.d.ts

@@ -27,7 +27,7 @@ export interface InitialCrudField<T> {
     updatingValue?: T;
     render?: (value: any, obj: T, index: number) => any;
     required?: boolean;
-    updatable?: boolean;
+    updatable?: boolean | ((data: T) => boolean);
     fieldTooltip?: string;
     hideInTable?: boolean;
     hideInDescList?: boolean;

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

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

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

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

package/package.json

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