@kingteza/crud-component 1.45.0 → 1.46.0

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

package/dist/crud/FileCrudField.d.ts

@@ -12,13 +12,14 @@ export interface _FileCrudField<T> extends InitialCrudField<T> {
         compressImage?: boolean;
     } | ((file: RcFile) => Promise<RcFile>);
     onRemoved?: () => void;
+    onUploadComplete?: (finalPath: string) => void;
     fieldClassName?: string;
     accept?: string;
     maxCount?: number;
     block?: boolean;
     help?: ReactNode;
 }
-export default function FileCrudFieldComponent<T>({ name, label, required, provider, onUploading, onRemoved, fieldClassName, accept, rules, maxCount, block, fieldHelper: help, formLayoutProps, preprocessBeforeUpload, ...props }: Readonly<_FileCrudField<T>>): import("react/jsx-runtime").JSX.Element;
+export default function FileCrudFieldComponent<T>({ name, label, required, provider, onUploading, onRemoved, onUploadComplete, fieldClassName, accept, rules, maxCount, block, fieldHelper: help, formLayoutProps, preprocessBeforeUpload, ...props }: Readonly<_FileCrudField<T>>): import("react/jsx-runtime").JSX.Element;
 export declare const FileCrudCellValue: FC<{
     value: string;
     provider: FileDownloadProvider;

package/dist/crud/FileCrudField.es.js

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

package/dist/crud/ImageCrudField.cjs.js

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

package/dist/crud/ImageCrudField.d.ts

@@ -6,6 +6,7 @@ export interface _ImageCrudField<T> extends InitialCrudField<T> {
     provider: FileUploadProvider;
     onUploading?: (isUploading: boolean) => void;
     onRemoved?: () => void;
+    onUploadComplete?: (finalPath: string) => void;
     aspectRatio?: number;
     fieldClassName?: string;
     listType?: UploadListType;