@kingteza/crud-component 1.44.0 → 1.44.2

package/dist/crud/FileCrudField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("@ant-design/icons"),F=require("antd"),k=require("mime"),c=require("react"),Q=require("../locale/index.cjs.js"),X=require("../util/ValidationUtil.cjs.js"),q=require("../common/button/Button.cjs.js"),Y=require("../common/layout/VerticalSpace.cjs.js"),Z=require("../util/CrudUtil.cjs.js"),B=require("../util/ImageUtil.cjs.js");function v({name:n,label:e,required:l,provider:s,onUploading:a,onRemoved:f,fieldClassName:j,accept:O,rules:U,maxCount:b=1,block:_,fieldHelper:$,formLayoutProps:H,preprocessBeforeUpload:w,...R}){const h=F.Form.useFormInstance(),A=Z.getRealName(n,"upsertFieldName"),x=F.Form.useWatch(A,h),[V,p]=c.useState(!1),[S,L]=c.useState(!1),W=c.useCallback(async r=>{var o,u;try{const{file:i}=r,C=i.name;p(!0),L(!0),a==null||a(!0);const P=C??"",D=P.split("."),G=D[D.length-1],J=s.generateFileName(P),K=`${await s.getInitialPath()}/${J}.${G}`;let I=i;w&&(typeof w=="function"?I=await w(i):w.compressImage&&(I=await B.resizeImage(i)));const N=await s.upload({...i,originFileObj:I},K);a==null||a(!1),h.setFieldValue(n,N),(o=r.onSuccess)==null||o.call(r,N)}catch(i){(u=r.onError)==null||u.call(r,i)}finally{p(!1)}},[h,n,a,s]),[g,M]=c.useState([]);c.useEffect(()=>{!S&&x&&Promise.all((Array.isArray(x)?x:[x]).map(async r=>{const o=k.getType(r),u=r.split("/").pop(),i=await s.getRealUrl(r);return{uid:r,url:i,type:o,name:u}})).then(r=>M(()=>r.map(({url:u,type:i,uid:C,name:P})=>({uid:C,url:u,type:i,response:C,thumbUrl:u,name:P}))))},[x,S,V,s]);const z=c.useCallback(async r=>{const o=r.response,u=o||h.getFieldValue(n);await s.delete(u),f==null||f(),r&&h.setFieldsValue({[n]:null})},[h,n,f,s]);return t.jsxs(F.Form.Item,{label:e,required:l,name:n,...H,className:j,rules:[...l?X.required(e):[],...U??[]],help:$,children:[t.jsx("input",{hidden:!0}),t.jsx(F.Upload,{...R,fileList:g,className:((g==null?void 0:g.length)??0)>=b?"hide-upload":"",maxCount:b,customRequest:W,onRemove:z,listType:"picture",onChange:({fileList:r})=>{M(r)},style:_?{width:"100%"}:void 0,children:t.jsx(q,{loading:V,children:"Upload File"})})]})}const y=({provider:n,value:e})=>{const[l,s]=c.useState();return c.useEffect(()=>{e&&n.getRealUrl(e).then(a=>{s({mimeType:k.getType(e),url:a,fileName:e.split("/").pop()??e})})},[n,e]),l?t.jsx(E,{fileName:l.fileName,url:l==null?void 0:l.url,mimeType:l==null?void 0:l.mimeType}):t.jsx(t.Fragment,{})},E=({url:n,mimeType:e="",fileName:l})=>{const s=c.useMemo(()=>e!=null&&e.includes("image")?"image":e!=null&&e.includes("pdf")?"pdf":e!=null&&e.includes("word")?"word":e!=null&&e.includes("text")?"text":e!=null&&e.includes("presentation")?"presentation":e!=null&&e.includes("excel")||e!=null&&e.includes("spreadsheet")?"excel":"file",[e]),a=c.useMemo(()=>{switch(s){case"image":return t.jsx(d.FileImageOutlined,{});case"pdf":return t.jsx(d.FilePdfOutlined,{});case"word":return t.jsx(d.FileWordOutlined,{});case"text":return t.jsx(d.FileTextOutlined,{});case"excel":return t.jsx(d.FileExcelOutlined,{});case"presentation":return t.jsx(d.FilePptOutlined,{});default:return t.jsx(d.FileOutlined,{})}},[s]),[f,j]=c.useState(!1),{t:O}=Q.useTranslationLib();return s!=="file"&&s!=="text"?t.jsxs(t.Fragment,{children:[t.jsx(F.Modal,{open:f,title:l,onCancel:()=>j(!1),footer:t.jsx(t.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnHidden:!0,children:t.jsxs(Y,{children:[t.jsx(q,{tooltip:l,icon:t.jsx(d.ExportOutlined,{}),target:"_blank",href:n,style:{textDecoration:"none"},children:O("str.openInNewTab")}),s==="image"?t.jsx("img",{src:n,alt:l,style:{width:"100%"}}):s==="pdf"?t.jsxs("iframe",{title:l,src:n,width:"100%",height:"700px",children:["This browser does not support PDFs. Please download the PDF to view it:",t.jsx("a",{href:n,children:"Download PDF"})]}):t.jsxs("iframe",{title:l,src:`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(n)}`,width:"100%",height:"700px",children:["This browser does not support open ",s.toUpperCase(),". Please download the",s.toUpperCase()," to view it:",t.jsxs("a",{href:n,children:["Download ",s.toUpperCase()]}),"."]})]})}),t.jsx(q,{tooltip:l,icon:a,shape:"circle",onClick:()=>j(!0)})]}):t.jsx(q,{tooltip:l,icon:a,target:"_blank",href:n,shape:"circle"})};exports.FileCellValue=E;exports.FileCrudCellValue=y;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("@ant-design/icons"),F=require("antd"),k=require("mime"),c=require("react"),Q=require("../locale/index.cjs.js"),X=require("../util/ValidationUtil.cjs.js"),q=require("../common/button/Button.cjs.js"),Y=require("../common/layout/VerticalSpace.cjs.js"),Z=require("../util/CrudUtil.cjs.js"),B=require("../util/ImageUtil.cjs.js");function v({name:n,label:e,required:l,provider:s,onUploading:a,onRemoved:f,fieldClassName:j,accept:I,rules:U,maxCount:b=1,block:_,fieldHelper:$,formLayoutProps:H,preprocessBeforeUpload:w,...R}){const h=F.Form.useFormInstance(),A=Z.getRealName(n,"upsertFieldName"),x=F.Form.useWatch(A,h),[V,S]=c.useState(!1),[p,L]=c.useState(!1),W=c.useCallback(async r=>{var o,u;try{const{file:i}=r,C=i.name;S(!0),L(!0),a==null||a(!0);const P=C??"",D=P.split("."),G=D[D.length-1],J=s.generateFileName(P),K=`${await s.getInitialPath()}/${J}.${G}`;let O=i;w&&(typeof w=="function"?O=await w(i):w.compressImage&&(O=await B.resizeImage(i)));const N=await s.upload({...i,originFileObj:O},K);a==null||a(!1),h.setFieldValue(n,N),(o=r.onSuccess)==null||o.call(r,N)}catch(i){(u=r.onError)==null||u.call(r,i)}finally{S(!1)}},[h,n,a,s]),[g,M]=c.useState([]);c.useEffect(()=>{!p&&x&&Promise.all((Array.isArray(x)?x:[x]).map(async r=>{const o=k.getType(r),u=r.split("/").pop(),i=await s.getRealUrl(r);return{uid:r,url:i,type:o,name:u}})).then(r=>M(()=>r.map(({url:u,type:i,uid:C,name:P})=>({uid:C,url:u,type:i,response:C,thumbUrl:u,name:P}))))},[x,p,V,s]);const z=c.useCallback(async r=>{const o=r.response,u=o||h.getFieldValue(n);await s.delete(u),f==null||f(),r&&h.setFieldsValue({[n]:null})},[h,n,f,s]);return t.jsxs(F.Form.Item,{label:e,required:l,name:n,...H,className:j,rules:[...l?X.required(e):[],...U??[]],help:$,children:[t.jsx("input",{hidden:!0}),t.jsx(F.Upload,{...R,fileList:g,className:((g==null?void 0:g.length)??0)>=b?"hide-upload":"",maxCount:b,customRequest:W,onRemove:z,listType:"picture",onChange:({fileList:r})=>{M(r)},accept:I,style:_?{width:"100%"}:void 0,children:t.jsx(q,{loading:V,children:"Upload File"})})]})}const y=({provider:n,value:e})=>{const[l,s]=c.useState();return c.useEffect(()=>{e&&n.getRealUrl(e).then(a=>{s({mimeType:k.getType(e),url:a,fileName:e.split("/").pop()??e})})},[n,e]),l?t.jsx(E,{fileName:l.fileName,url:l==null?void 0:l.url,mimeType:l==null?void 0:l.mimeType}):t.jsx(t.Fragment,{})},E=({url:n,mimeType:e="",fileName:l})=>{const s=c.useMemo(()=>e!=null&&e.includes("image")?"image":e!=null&&e.includes("pdf")?"pdf":e!=null&&e.includes("word")?"word":e!=null&&e.includes("text")?"text":e!=null&&e.includes("presentation")?"presentation":e!=null&&e.includes("excel")||e!=null&&e.includes("spreadsheet")?"excel":"file",[e]),a=c.useMemo(()=>{switch(s){case"image":return t.jsx(d.FileImageOutlined,{});case"pdf":return t.jsx(d.FilePdfOutlined,{});case"word":return t.jsx(d.FileWordOutlined,{});case"text":return t.jsx(d.FileTextOutlined,{});case"excel":return t.jsx(d.FileExcelOutlined,{});case"presentation":return t.jsx(d.FilePptOutlined,{});default:return t.jsx(d.FileOutlined,{})}},[s]),[f,j]=c.useState(!1),{t:I}=Q.useTranslationLib();return s!=="file"&&s!=="text"?t.jsxs(t.Fragment,{children:[t.jsx(F.Modal,{open:f,title:l,onCancel:()=>j(!1),footer:t.jsx(t.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnHidden:!0,children:t.jsxs(Y,{children:[t.jsx(q,{tooltip:l,icon:t.jsx(d.ExportOutlined,{}),target:"_blank",href:n,style:{textDecoration:"none"},children:I("str.openInNewTab")}),s==="image"?t.jsx("img",{src:n,alt:l,style:{width:"100%"}}):s==="pdf"?t.jsxs("iframe",{title:l,src:n,width:"100%",height:"700px",children:["This browser does not support PDFs. Please download the PDF to view it:",t.jsx("a",{href:n,children:"Download PDF"})]}):t.jsxs("iframe",{title:l,src:`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(n)}`,width:"100%",height:"700px",children:["This browser does not support open ",s.toUpperCase(),". Please download the",s.toUpperCase()," to view it:",t.jsxs("a",{href:n,children:["Download ",s.toUpperCase()]}),"."]})]})}),t.jsx(q,{tooltip:l,icon:a,shape:"circle",onClick:()=>j(!0)})]}):t.jsx(q,{tooltip:l,icon:a,target:"_blank",href:n,shape:"circle"})};exports.FileCellValue=E;exports.FileCrudCellValue=y;exports.default=v;

package/dist/crud/FileCrudField.es.js

@@ -1,6 +1,6 @@
-import { jsxs as f, jsx as s, Fragment as b } from "react/jsx-runtime";
+import { jsxs as f, jsx as s, Fragment as V } from "react/jsx-runtime";
 import { FileOutlined as Z, FilePptOutlined as B, FileExcelOutlined as m, FileTextOutlined as v, FileWordOutlined as y, FilePdfOutlined as T, FileImageOutlined as tt, ExportOutlined as et } from "@ant-design/icons";
-import { Form as O, Upload as st, Modal as lt } from "antd";
+import { Form as b, Upload as st, Modal as lt } from "antd";
 import S from "mime";
 import { useState as w, useCallback as j, useEffect as A, useMemo as H } from "react";
 import { useTranslationLib as rt } from "../locale/index.es.js";
@@ -17,26 +17,26 @@ function It({
   onUploading: a,
   onRemoved: u,
   fieldClassName: F,
-  accept: V,
+  accept: I,
   rules: L,
   maxCount: D = 1,
   block: W,
   fieldHelper: _,
   formLayoutProps: q,
-  preprocessBeforeUpload: p,
+  preprocessBeforeUpload: g,
   ...z
 }) {
-  const d = O.useFormInstance(), R = it.getRealName(n, "upsertFieldName"), h = O.useWatch(R, d), [N, k] = w(!1), [E, G] = w(!1), J = j(
+  const d = b.useFormInstance(), R = it.getRealName(n, "upsertFieldName"), h = b.useWatch(R, d), [N, k] = w(!1), [E, G] = w(!1), J = j(
     async (r) => {
       var o, c;
       try {
         const { file: i } = r, x = i.name;
         k(!0), G(!0), a == null || a(!0);
         const C = x ?? "", U = C.split("."), Q = U[U.length - 1], X = e.generateFileName(C), Y = `${await e.getInitialPath()}/${X}.${Q}`;
-        let I = i;
-        p && (typeof p == "function" ? I = await p(i) : p.compressImage && (I = await ct.resizeImage(i)));
+        let O = i;
+        g && (typeof g == "function" ? O = await g(i) : g.compressImage && (O = await ct.resizeImage(i)));
         const $ = await e.upload(
-          { ...i, originFileObj: I },
+          { ...i, originFileObj: O },
           Y
         );
         a == null || a(!1), d.setFieldValue(n, $), (o = r.onSuccess) == null || o.call(r, $);
@@ -47,7 +47,7 @@ function It({
       }
     },
     [d, n, a, e]
-  ), [g, M] = w([]);
+  ), [p, M] = w([]);
   A(() => {
     !E && h && Promise.all(
       (Array.isArray(h) ? h : [h]).map(
@@ -71,7 +71,7 @@ function It({
     [d, n, u, e]
   );
   return /* @__PURE__ */ f(
-    O.Item,
+    b.Item,
     {
       label: t,
       required: l,
@@ -89,8 +89,8 @@ function It({
           st,
           {
             ...z,
-            fileList: g,
-            className: ((g == null ? void 0 : g.length) ?? 0) >= D ? "hide-upload" : "",
+            fileList: p,
+            className: ((p == null ? void 0 : p.length) ?? 0) >= D ? "hide-upload" : "",
             maxCount: D,
             customRequest: J,
             onRemove: K,
@@ -98,6 +98,7 @@ function It({
             onChange: ({ fileList: r }) => {
               M(r);
             },
+            accept: I,
             style: W ? { width: "100%" } : void 0,
             children: /* @__PURE__ */ s(P, { loading: N, children: "Upload File" })
           }
@@ -123,7 +124,7 @@ const Ot = ({ provider: n, value: t }) => {
       url: l == null ? void 0 : l.url,
       mimeType: l == null ? void 0 : l.mimeType
     }
-  ) : /* @__PURE__ */ s(b, {});
+  ) : /* @__PURE__ */ s(V, {});
 }, ot = ({ url: n, mimeType: t = "", fileName: l }) => {
   const e = H(() => t != null && t.includes("image") ? "image" : t != null && t.includes("pdf") ? "pdf" : t != null && t.includes("word") ? "word" : t != null && t.includes("text") ? "text" : t != null && t.includes("presentation") ? "presentation" : t != null && t.includes("excel") || t != null && t.includes("spreadsheet") ? "excel" : "file", [t]), a = H(() => {
     switch (e) {
@@ -142,15 +143,15 @@ const Ot = ({ provider: n, value: t }) => {
       default:
         return /* @__PURE__ */ s(Z, {});
     }
-  }, [e]), [u, F] = w(!1), { t: V } = rt();
-  return e !== "file" && e !== "text" ? /* @__PURE__ */ f(b, { children: [
+  }, [e]), [u, F] = w(!1), { t: I } = rt();
+  return e !== "file" && e !== "text" ? /* @__PURE__ */ f(V, { children: [
     /* @__PURE__ */ s(
       lt,
       {
         open: u,
         title: l,
         onCancel: () => F(!1),
-        footer: /* @__PURE__ */ s(b, {}),
+        footer: /* @__PURE__ */ s(V, {}),
         width: "100%",
         style: { top: "8px", minHeight: "700px" },
         destroyOnHidden: !0,
@@ -163,7 +164,7 @@ const Ot = ({ provider: n, value: t }) => {
               target: "_blank",
               href: n,
               style: { textDecoration: "none" },
-              children: V("str.openInNewTab")
+              children: I("str.openInNewTab")
             }
           ),
           e === "image" ? /* @__PURE__ */ s("img", { src: n, alt: l, style: { width: "100%" } }) : e === "pdf" ? /* @__PURE__ */ f("iframe", { title: l, src: n, width: "100%", height: "700px", children: [

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 H=Object.defineProperty;var T=(s,e,t)=>e in s?H(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var q=(s,e,t)=>T(s,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),W=require("@ant-design/icons"),F=require("antd"),x=require("path-browserify"),d=require("react"),G=require("../util/NumberUtil.cjs.js"),J=require("../util/ValidationUtil.cjs.js"),K=require("uuid"),L=require("../common/picker/ImagePicker.cjs.js"),Q=require("../util/ImageUtil.cjs.js");class N{}class X 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_${G.default.randInt(1e5)}`;return x.format({dir:l.dir,ext:l.ext,name:a})}generateFileName(t){return`${t.split(".")[0]}_${K.v4().replace("-","")}`}}function Y({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,skipResize:_=!1,asyncUpload:B=!1,maxCount:h=1},M){const f=F.Form.useFormInstance(),o=e,y=F.Form.useWatch(o,f),z=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 E=Array.isArray(V)?V:V?[V]:[];f.setFieldValue(o,[...E,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(M,()=>({async uploadBlob(r,P){const u=await Q.getBase64(r),c={name:P,uid:P+Math.random().toString(36).substring(2,15),url:u,originFileObj:r};await g(c,!0)}}),[g]);const D=d.useMemo(()=>y?(Array.isArray(y),y):h>1?[]:void 0,[y,h]);return n.jsxs(F.Form.Item,{rules:l?J.required(t):[],label:k?null:t,required:l,name:o,help:O,...s,className:A,children:[n.jsx(L.default,{noStyle:!0,asyncUpload:B,listType:C,aspectRatio:$,values:D,getRealUrl:z,onRemove:r=>{r&&g(r,!1)},onAdd:async r=>{if(r)return g(r,!0)},className:A,showSkipCropButton:S,skipResize:_,maxCount:h}),n.jsx(F.Input,{hidden:!0})]})}const Z=d.forwardRef(Y),U=({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(W.EyeOutlined,{})}})});exports.FileDownloadProvider=N;exports.FileUploadProvider=X;exports.ImageCellValue=b;exports.ImageCrudCellValue=U;exports.default=Z;

package/dist/crud/ImageCrudField.d.ts

@@ -40,7 +40,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,174 @@
-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";
+var D = Object.defineProperty;
+var W = (s, e, t) => e in s ? D(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var w = (s, e, t) => W(s, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as o, Fragment as $, jsxs as q } 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 {
+import { Avatar as J, Image as K, Form as I, Input as L } from "antd";
+import b from "path-browserify";
+import Q, { useState as T, useEffect as X, useCallback as k, useImperativeHandle as Y, useMemo as Z } from "react";
+import U from "../util/NumberUtil.es.js";
+import R from "../util/ValidationUtil.es.js";
+import { v4 as v } from "uuid";
+import ee from "../common/picker/ImagePicker.es.js";
+import te from "../util/ImageUtil.es.js";
+class ae {
 }
-class Fe extends ee {
-  constructor(t = "", s = "") {
+class Fe extends ae {
+  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_${U.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]}_${v().replace("-", "")}`;
   }
 }
-function te({
-  formLayoutProps: a,
+function re({
+  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,
+  skipResize: _ = !1,
+  asyncUpload: x = !1,
+  maxCount: h = 1
+}, E) {
+  const m = I.useFormInstance(), u = e, d = I.useWatch(u, m), H = 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 C = Array.isArray(P) ? P : P ? [P] : [];
+            m.setFieldValue(u, [
+              ...C,
+              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]
+  );
+  Y(
+    E,
     () => ({
-      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 te.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 M = Z(() => d ? (Array.isArray(d), d) : h > 1 ? [] : void 0, [d, h]);
+  return /* @__PURE__ */ q(
+    I.Item,
     {
-      rules: s ? Y.required(t) : [],
-      label: $ ? null : t,
-      required: s,
-      name: e,
-      help: b,
-      ...a,
-      className: w,
+      rules: l ? R.required(t) : [],
+      label: O ? null : t,
+      required: l,
+      name: u,
+      help: z,
+      ...s,
+      className: A,
       children: [
-        /* @__PURE__ */ i(
-          U,
+        /* @__PURE__ */ o(
+          ee,
           {
             noStyle: !0,
-            asyncUpload: k,
-            listType: C,
-            aspectRatio: x,
-            values: p,
+            asyncUpload: x,
+            listType: j,
+            aspectRatio: B,
+            values: M,
+            getRealUrl: H,
             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,
+            skipResize: _,
+            maxCount: h
           }
         ),
-        /* @__PURE__ */ i(L, { hidden: !0 })
+        /* @__PURE__ */ o(L, { 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(
+const pe = Q.forwardRef(re), Pe = ({ provider: s, value: e }) => {
+  const [t, l] = T([]);
+  return X(() => {
+    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(se, { url: a }, a)) }) : /* @__PURE__ */ o($, {});
+}, se = ({ url: s }) => /* @__PURE__ */ o(J, { className: "p-0", children: /* @__PURE__ */ o(
   K,
   {
     className: "m-0 p-0 position-relative",
-    src: a,
+    src: s,
     preview: {
-      mask: /* @__PURE__ */ i(G, {})
+      mask: /* @__PURE__ */ o(G, {})
     }
   }
 ) });
 export {
-  ee as FileDownloadProvider,
+  ae as FileDownloadProvider,
   Fe as FileUploadProvider,
-  ae as ImageCellValue,
-  Ie as ImageCrudCellValue,
+  se as ImageCellValue,
+  Pe 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;