@kingteza/crud-component 1.44.1 → 1.45.0

package/dist/crud/ImageCrudField.cjs.js

@@ -1 +1 @@
-"use strict";var H=Object.defineProperty;var R=(s,e,t)=>e in s?H(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var g=(s,e,t)=>R(s,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),T=require("@ant-design/icons"),f=require("antd"),q=require("path-browserify"),i=require("react"),W=require("../util/NumberUtil.cjs.js"),v=require("../util/ValidationUtil.cjs.js"),z=require("uuid"),G=require("../common/picker/ImagePicker.cjs.js"),J=require("../util/ImageUtil.cjs.js");class V{}class K extends V{constructor(t="",a=""){super();g(this,"rootPath");g(this,"subPath");this.rootPath=t,this.subPath=a}cloneFilePath(t){const a=q.parse(t),r=`${a.name}_cloned_${W.default.randInt(1e5)}`;return q.format({dir:a.dir,ext:a.ext,name:r})}generateFileName(t){return`${t.split(".")[0]}_${z.v4().replace("-","")}`}}function L({formLayoutProps:s,name:e,label:t,required:a,provider:r,onUploading:u,aspectRatio:C,onRemoved:d,fieldClassName:x,hideLabel:N=!1,listType:b,fieldHelper:S,showSkipCropButton:$=!1,skipResize:p=!1,asyncUpload:O=!1,maxCount:_=1},k){const m=f.Form.useFormInstance(),I=f.Form.useWatch(e,m),[w,E]=i.useState(!1),h=i.useCallback(async(l,F)=>{if(F){u==null||u(!0);const c=l.name,o=c.split("."),M=o[o.length-1],A=r.generateFileName(c),B=`${await r.getInitialPath()}/${A}.${M}`,D=await r.upload(l,B);E(!0),u==null||u(!1),m.setFieldValue(e,D)}else{const c=m.getFieldsValue(),o=await r.delete(c[e]);d==null||d(),o&&m.setFieldsValue({[e]:null})}},[m,e,d,u,r]),[P,j]=i.useState();return i.useEffect(()=>{!w&&I?r.getRealUrl(I).then(j):j(P)},[I,w,r,P]),i.useImperativeHandle(k,()=>({async uploadBlob(l,F){const c=await J.getBase64(l),o={name:F,uid:F+Math.random().toString(36).substring(2,15),url:c,originFileObj:l};return h(o,!0)}}),[h]),n.jsxs(f.Form.Item,{rules:a?v.required(t):[],label:N?null:t,required:a,name:e,help:S,...s,className:x,children:[n.jsx(G.default,{noStyle:!0,asyncUpload:O,listType:b,aspectRatio:C,values:P,onRemove:l=>{l&&h(l,!1)},onAdd:async l=>{l&&await h(l,!0)},className:x,showSkipCropButton:$,skipResize:p,maxCount:_}),n.jsx(f.Input,{hidden:!0})]})}const Q=i.forwardRef(L),U=({provider:s,value:e})=>{const[t,a]=i.useState();return i.useEffect(()=>{e&&s.getRealUrl(e).then(a)},[s,e]),t?n.jsx(y,{url:t}):n.jsx(n.Fragment,{})},y=({url:s})=>n.jsx(f.Avatar,{className:"p-0",children:n.jsx(f.Image,{className:"m-0 p-0 position-relative",src:s,preview:{mask:n.jsx(T.EyeOutlined,{})}})});exports.FileDownloadProvider=V;exports.FileUploadProvider=K;exports.ImageCellValue=y;exports.ImageCrudCellValue=U;exports.default=Q;
+"use strict";var T=Object.defineProperty;var W=(s,e,t)=>e in s?T(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var q=(s,e,t)=>W(s,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),G=require("@ant-design/icons"),F=require("antd"),x=require("path-browserify"),d=require("react"),J=require("../util/NumberUtil.cjs.js"),K=require("../util/ValidationUtil.cjs.js"),L=require("uuid"),Q=require("../common/picker/ImagePicker.cjs.js"),X=require("../util/ImageUtil.cjs.js");class N{}class Y extends N{constructor(t="",l=""){super();q(this,"rootPath");q(this,"subPath");this.rootPath=t,this.subPath=l}cloneFilePath(t){const l=x.parse(t),a=`${l.name}_cloned_${J.default.randInt(1e5)}`;return x.format({dir:l.dir,ext:l.ext,name:a})}generateFileName(t){return`${t.split(".")[0]}_${L.v4().replace("-","")}`}}function Z({formLayoutProps:s,name:e,label:t,required:l,provider:a,onUploading:i,aspectRatio:$,onRemoved:m,fieldClassName:A,hideLabel:k=!1,listType:C,fieldHelper:O,showSkipCropButton:S=!1,skipCrop:_=!1,skipResize:B=!1,asyncUpload:M=!1,maxCount:h=1},z){const f=F.Form.useFormInstance(),o=e,y=F.Form.useWatch(o,f),D=d.useCallback(r=>a.getRealUrl(r),[a]),g=d.useCallback(async(r,P)=>{if(P){i==null||i(!0);try{const u=r.name,c=u.split("."),p=c[c.length-1],I=a.generateFileName(u),w=`${await a.getInitialPath()}/${I}.${p}`,j=await a.upload(r,w),V=f.getFieldValue(o);if(h>1){const H=Array.isArray(V)?V:V?[V]:[];f.setFieldValue(o,[...H,j].filter(Boolean))}else f.setFieldValue(o,j);return j}finally{i==null||i(!1)}}else{const u=f.getFieldValue(o);if(h>1){const c=r.response??(typeof r.uid=="string"?r.uid:void 0);if(!c)return;await a.delete(c),m==null||m();const I=(Array.isArray(u)?u:u?[u]:[]).filter(w=>w!==c);f.setFieldValue(o,I.length?I:null)}else{const c=await a.delete(u);m==null||m(),c&&f.setFieldValue(o,null)}}},[f,h,o,m,i,a]);d.useImperativeHandle(z,()=>({async uploadBlob(r,P){const u=await X.getBase64(r),c={name:P,uid:P+Math.random().toString(36).substring(2,15),url:u,originFileObj:r};await g(c,!0)}}),[g]);const E=d.useMemo(()=>y?(Array.isArray(y),y):h>1?[]:void 0,[y,h]);return n.jsxs(F.Form.Item,{rules:l?K.required(t):[],label:k?null:t,required:l,name:o,help:O,...s,className:A,children:[n.jsx(Q.default,{noStyle:!0,asyncUpload:M,listType:C,aspectRatio:$,values:E,getRealUrl:D,onRemove:r=>{r&&g(r,!1)},onAdd:async r=>{if(r)return g(r,!0)},className:A,showSkipCropButton:S,skipCrop:_,skipResize:B,maxCount:h}),n.jsx(F.Input,{hidden:!0})]})}const U=d.forwardRef(Z),R=({provider:s,value:e})=>{const[t,l]=d.useState([]);return d.useEffect(()=>{if(!e){l([]);return}const a=Array.isArray(e)?e:[e];Promise.all(a.filter(Boolean).map(i=>s.getRealUrl(i))).then(l)},[s,e]),t.length?n.jsx(n.Fragment,{children:t.map(a=>n.jsx(b,{url:a},a))}):n.jsx(n.Fragment,{})},b=({url:s})=>n.jsx(F.Avatar,{className:"p-0",children:n.jsx(F.Image,{className:"m-0 p-0 position-relative",src:s,preview:{mask:n.jsx(G.EyeOutlined,{})}})});exports.FileDownloadProvider=N;exports.FileUploadProvider=Y;exports.ImageCellValue=b;exports.ImageCrudCellValue=R;exports.default=U;

package/dist/crud/ImageCrudField.d.ts

@@ -10,6 +10,8 @@ export interface _ImageCrudField<T> extends InitialCrudField<T> {
     fieldClassName?: string;
     listType?: UploadListType;
     showSkipCropButton?: boolean;
+    /** When true, skips the crop modal entirely and uploads the original image. */
+    skipCrop?: boolean;
     skipResize?: boolean;
     asyncUpload?: boolean;
     maxCount?: number;
@@ -40,7 +42,7 @@ declare const ImageCrudField: <T>(p: Readonly<_ImageCrudField<T>> & {
 }) => ReactElement;
 export default ImageCrudField;
 export declare const ImageCrudCellValue: FC<{
-    value: string;
+    value: string | string[];
     provider: FileDownloadProvider;
 }>;
 export declare const ImageCellValue: FC<{

package/dist/crud/ImageCrudField.es.js

@@ -1,139 +1,176 @@
-var M = Object.defineProperty;
-var W = (a, e, t) => e in a ? M(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var I = (a, e, t) => W(a, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as i, Fragment as q, jsxs as z } from "react/jsx-runtime";
-import { EyeOutlined as G } from "@ant-design/icons";
-import { Avatar as J, Image as K, Form as d, Input as L } from "antd";
-import y from "path-browserify";
-import Q, { useState as P, useEffect as V, useCallback as R, useImperativeHandle as T } from "react";
-import X from "../util/NumberUtil.es.js";
-import Y from "../util/ValidationUtil.es.js";
-import { v4 as Z } from "uuid";
-import U from "../common/picker/ImagePicker.es.js";
-import v from "../util/ImageUtil.es.js";
-class ee {
+var W = Object.defineProperty;
+var q = (s, e, t) => e in s ? W(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var w = (s, e, t) => q(s, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as o, Fragment as $, jsxs as G } from "react/jsx-runtime";
+import { EyeOutlined as J } from "@ant-design/icons";
+import { Avatar as K, Image as L, Form as I, Input as Q } from "antd";
+import b from "path-browserify";
+import T, { useState as X, useEffect as Y, useCallback as k, useImperativeHandle as Z, useMemo as U } from "react";
+import R from "../util/NumberUtil.es.js";
+import v from "../util/ValidationUtil.es.js";
+import { v4 as ee } from "uuid";
+import te from "../common/picker/ImagePicker.es.js";
+import ae from "../util/ImageUtil.es.js";
+class re {
 }
-class Fe extends ee {
-  constructor(t = "", s = "") {
+class pe extends re {
+  constructor(t = "", l = "") {
     super();
-    I(this, "rootPath");
-    I(this, "subPath");
-    this.rootPath = t, this.subPath = s;
+    w(this, "rootPath");
+    w(this, "subPath");
+    this.rootPath = t, this.subPath = l;
   }
   cloneFilePath(t) {
-    const s = y.parse(t), l = `${s.name}_cloned_${X.randInt(1e5)}`;
-    return y.format({
-      dir: s.dir,
-      ext: s.ext,
-      name: l
+    const l = b.parse(t), a = `${l.name}_cloned_${R.randInt(1e5)}`;
+    return b.format({
+      dir: l.dir,
+      ext: l.ext,
+      name: a
     });
   }
   generateFileName(t) {
-    return `${t.split(".")[0]}_${Z().replace("-", "")}`;
+    return `${t.split(".")[0]}_${ee().replace("-", "")}`;
   }
 }
-function te({
-  formLayoutProps: a,
+function se({
+  formLayoutProps: s,
   name: e,
   label: t,
-  required: s,
-  provider: l,
+  required: l,
+  provider: a,
   onUploading: n,
-  aspectRatio: x,
-  onRemoved: m,
-  fieldClassName: w,
-  hideLabel: $ = !1,
-  listType: C,
-  fieldHelper: b,
-  showSkipCropButton: O = !1,
-  skipResize: j = !1,
-  asyncUpload: k = !1,
-  maxCount: S = 1
-}, _) {
-  const o = d.useFormInstance(), F = d.useWatch(e, o), [g, A] = P(!1), f = R(
-    async (r, h) => {
-      if (h) {
+  aspectRatio: B,
+  onRemoved: f,
+  fieldClassName: A,
+  hideLabel: O = !1,
+  listType: j,
+  fieldHelper: z,
+  showSkipCropButton: S = !1,
+  skipCrop: _ = !1,
+  skipResize: x = !1,
+  asyncUpload: E = !1,
+  maxCount: h = 1
+}, H) {
+  const m = I.useFormInstance(), u = e, d = I.useWatch(u, m), M = k(
+    (r) => a.getRealUrl(r),
+    [a]
+  ), y = k(
+    async (r, F) => {
+      if (F) {
         n == null || n(!0);
-        const c = r.name, u = c.split("."), B = u[u.length - 1], E = l.generateFileName(c), H = `${await l.getInitialPath()}/${E}.${B}`, D = await l.upload(r, H);
-        A(!0), n == null || n(!1), o.setFieldValue(e, D);
+        try {
+          const i = r.name, c = i.split("."), N = c[c.length - 1], p = a.generateFileName(i), g = `${await a.getInitialPath()}/${p}.${N}`, V = await a.upload(r, g), P = m.getFieldValue(u);
+          if (h > 1) {
+            const D = Array.isArray(P) ? P : P ? [P] : [];
+            m.setFieldValue(u, [
+              ...D,
+              V
+            ].filter(Boolean));
+          } else
+            m.setFieldValue(u, V);
+          return V;
+        } finally {
+          n == null || n(!1);
+        }
       } else {
-        const c = o.getFieldsValue(), u = await l.delete(c[e]);
-        m == null || m(), u && o.setFieldsValue({ [e]: null });
+        const i = m.getFieldValue(u);
+        if (h > 1) {
+          const c = r.response ?? (typeof r.uid == "string" ? r.uid : void 0);
+          if (!c) return;
+          await a.delete(c), f == null || f();
+          const p = (Array.isArray(i) ? i : i ? [i] : []).filter((g) => g !== c);
+          m.setFieldValue(
+            u,
+            p.length ? p : null
+          );
+        } else {
+          const c = await a.delete(i);
+          f == null || f(), c && m.setFieldValue(u, null);
+        }
       }
     },
-    [o, e, m, n, l]
-  ), [p, N] = P();
-  return V(() => {
-    !g && F ? l.getRealUrl(F).then(N) : N(p);
-  }, [F, g, l, p]), T(
-    _,
+    [m, h, u, f, n, a]
+  );
+  Z(
+    H,
     () => ({
-      async uploadBlob(r, h) {
-        const c = await v.getBase64(r), u = {
-          name: h,
-          uid: h + Math.random().toString(36).substring(2, 15),
-          url: c,
+      async uploadBlob(r, F) {
+        const i = await ae.getBase64(r), c = {
+          name: F,
+          uid: F + Math.random().toString(36).substring(2, 15),
+          url: i,
           originFileObj: r
         };
-        return f(u, !0);
+        await y(c, !0);
       }
     }),
-    [f]
-  ), /* @__PURE__ */ z(
-    d.Item,
+    [y]
+  );
+  const C = U(() => d ? (Array.isArray(d), d) : h > 1 ? [] : void 0, [d, h]);
+  return /* @__PURE__ */ G(
+    I.Item,
     {
-      rules: s ? Y.required(t) : [],
-      label: $ ? null : t,
-      required: s,
-      name: e,
-      help: b,
-      ...a,
-      className: w,
+      rules: l ? v.required(t) : [],
+      label: O ? null : t,
+      required: l,
+      name: u,
+      help: z,
+      ...s,
+      className: A,
       children: [
-        /* @__PURE__ */ i(
-          U,
+        /* @__PURE__ */ o(
+          te,
           {
             noStyle: !0,
-            asyncUpload: k,
-            listType: C,
-            aspectRatio: x,
-            values: p,
+            asyncUpload: E,
+            listType: j,
+            aspectRatio: B,
+            values: C,
+            getRealUrl: M,
             onRemove: (r) => {
-              r && f(r, !1);
+              r && y(r, !1);
             },
             onAdd: async (r) => {
-              r && await f(r, !0);
+              if (r) return y(r, !0);
             },
-            className: w,
-            showSkipCropButton: O,
-            skipResize: j,
-            maxCount: S
+            className: A,
+            showSkipCropButton: S,
+            skipCrop: _,
+            skipResize: x,
+            maxCount: h
           }
         ),
-        /* @__PURE__ */ i(L, { hidden: !0 })
+        /* @__PURE__ */ o(Q, { hidden: !0 })
       ]
     }
   );
 }
-const pe = Q.forwardRef(te), Ie = ({ provider: a, value: e }) => {
-  const [t, s] = P();
-  return V(() => {
-    e && a.getRealUrl(e).then(s);
-  }, [a, e]), t ? /* @__PURE__ */ i(ae, { url: t }) : /* @__PURE__ */ i(q, {});
-}, ae = ({ url: a }) => /* @__PURE__ */ i(J, { className: "p-0", children: /* @__PURE__ */ i(
-  K,
+const Pe = T.forwardRef(se), ge = ({ provider: s, value: e }) => {
+  const [t, l] = X([]);
+  return Y(() => {
+    if (!e) {
+      l([]);
+      return;
+    }
+    const a = Array.isArray(e) ? e : [e];
+    Promise.all(a.filter(Boolean).map((n) => s.getRealUrl(n))).then(
+      l
+    );
+  }, [s, e]), t.length ? /* @__PURE__ */ o($, { children: t.map((a) => /* @__PURE__ */ o(le, { url: a }, a)) }) : /* @__PURE__ */ o($, {});
+}, le = ({ url: s }) => /* @__PURE__ */ o(K, { className: "p-0", children: /* @__PURE__ */ o(
+  L,
   {
     className: "m-0 p-0 position-relative",
-    src: a,
+    src: s,
     preview: {
-      mask: /* @__PURE__ */ i(G, {})
+      mask: /* @__PURE__ */ o(J, {})
     }
   }
 ) });
 export {
-  ee as FileDownloadProvider,
-  Fe as FileUploadProvider,
-  ae as ImageCellValue,
-  Ie as ImageCrudCellValue,
-  pe as default
+  re as FileDownloadProvider,
+  pe as FileUploadProvider,
+  le as ImageCellValue,
+  ge as ImageCrudCellValue,
+  Pe as default
 };

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

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

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
 };