@kingteza/crud-component 1.2.5 → 1.2.6

package/dist/crud/CrudReportComponent.es.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as t, Fragment as Z } from "react/jsx-runtime";
+import { jsxs as u, jsx as t, Fragment as Z } from "react/jsx-runtime";
 import { FileExcelOutlined as x } from "@ant-design/icons";
 import { Form as B, Space as O, Row as _, Col as b, Radio as R } from "antd";
 import { useMemo as k, useState as w, useCallback as E, useEffect as F } from "react";
@@ -12,9 +12,9 @@ import { PrintButton as te } from "../common/button/PrintButton.es.js";
 const D = { lg: 6, md: 8, sm: 12, xs: 24 }, le = { lg: 12, md: 16, sm: 24, xs: 24 };
 function be({
   fields: n,
-  data: d,
+  data: i,
   idField: H,
-  loadingData: p,
+  loadingData: c,
   onSubmit: T,
   paginateProps: J,
   size: K,
@@ -25,19 +25,19 @@ function be({
   searchOnMount: C,
   summary: Q
 }) {
-  const { searchable: U, selectable: i, sortable: I, defaultSort: m } = k(() => {
-    var f, u, j, L, G;
+  const { searchable: U, selectable: d, sortable: I, defaultSort: p } = k(() => {
+    var f, m, j, L, G;
     const e = [], r = [], o = [];
-    let s;
+    let a;
     for (const l of n.filter((Y) => !Y.hidden))
-      l.type === "image" || !l.report || ((f = l.report) != null && f.searchable && e.push(l), (u = l.report) != null && u.sortable && (r.push(l), !s && ((j = l.report) != null && j.defaultSort) && (s = l)), l.hideInTable || o.push({
+      l.type === "image" || !l.report || ((f = l.report) != null && f.searchable && e.push(l), (m = l.report) != null && m.sortable && (r.push(l), !a && ((j = l.report) != null && j.defaultSort) && (a = l)), l.hideInTable || o.push({
         id: l.name,
         label: l.label,
         lock: (L = l.report) == null ? void 0 : L.lock,
         alreadySelected: (G = l.report) == null ? void 0 : G.alreadySelected
       }));
     return {
-      defaultSort: s,
+      defaultSort: a,
       searchable: e,
       sortable: r,
       selectable: o
@@ -49,57 +49,57 @@ function be({
       sortBy: e,
       sortByType: r,
       showFields: o = [],
-      ...s
+      ...a
     }) => {
       const f = [];
       e && f.push({
         field: e,
         sort: r ?? "DESC"
       }), V(
-        n.filter((u) => o.includes(u.name)).map((u) => ({ ...u, hideInTable: !1 }))
-      ), T({ showFields: o, sortBy: f, ...s });
+        n.filter((m) => o.includes(m.name)).map((m) => ({ ...m, hideInTable: !1 }))
+      ), T({ showFields: o, sortBy: f, ...a });
     },
     [n, T]
-  ), [a] = B.useForm(), [q, W] = w(!1), [A, X] = w(!0);
+  ), [s] = B.useForm(), [q, W] = w(!1), [A, X] = w(!0);
   return F(() => {
     if (C && A) {
       const e = setTimeout(() => {
-        a.validateFields().then((r) => {
+        s.validateFields().then((r) => {
           S(r);
         }), X(!1);
       }, 200);
       return () => clearTimeout(e);
     }
-  }, [S, a, A, C]), F(() => {
-    var r, o, s;
-    !a.getFieldValue("sortBy") && m && (console.log((r = m.report) == null ? void 0 : r.defaultSort), a.setFieldsValue({
-      sortBy: m.name,
-      sortByType: typeof ((o = m.report) == null ? void 0 : o.defaultSort) == "string" ? (s = m.report) == null ? void 0 : s.defaultSort : "ASC"
-    }));
-  }, [m, a]), F(() => {
+  }, [S, s, A, C]), F(() => {
+    var r, o;
+    !s.getFieldValue("sortBy") && p && s.setFieldsValue({
+      sortBy: p.name,
+      sortByType: typeof ((r = p.report) == null ? void 0 : r.defaultSort) == "string" ? (o = p.report) == null ? void 0 : o.defaultSort : "ASC"
+    });
+  }, [p, s]), F(() => {
     if (q) {
-      const e = i.filter((r) => r.alreadySelected).map((r) => r.id);
+      const e = d.filter((r) => r.alreadySelected).map((r) => r.id);
       V(
         n.filter((r) => e.includes(r.name)).map((r) => ({ ...r, hideInTable: !1 }))
       ), W(!1);
     }
-  }, [n, q, i]), /* @__PURE__ */ c(O, { className: "w-100", direction: "vertical", children: [
-    /* @__PURE__ */ c(B, { form: a, layout: "vertical", onFinish: S, children: [
-      /* @__PURE__ */ c(_, { gutter: [8, 8], children: [
+  }, [n, q, d]), /* @__PURE__ */ u(O, { className: "w-100", direction: "vertical", children: [
+    /* @__PURE__ */ u(B, { form: s, layout: "vertical", onFinish: S, children: [
+      /* @__PURE__ */ u(_, { gutter: [8, 8], children: [
         U.map((e) => {
-          var r, o, s;
+          var r, o, a;
           return /* @__PURE__ */ t(
             b,
             {
               ...e.grid ?? D,
               style: { alignSelf: "end" },
-              children: (r = e.report) != null && r.customRender ? e.report.customRender(a) : e.type === "date" ? /* @__PURE__ */ t(
+              children: (r = e.report) != null && r.customRender ? e.report.customRender(s) : e.type === "date" ? /* @__PURE__ */ t(
                 N,
                 {
                   ...e,
                   type: "date",
                   range: (o = e.report) == null ? void 0 : o.range,
-                  required: !!((s = e.report) != null && s.required),
+                  required: !!((a = e.report) != null && a.required),
                   readonly: !1,
                   fieldClassName: "mb-0"
                 }
@@ -126,10 +126,10 @@ function be({
             e.name
           );
         }),
-        !!(i != null && i.length) && /* @__PURE__ */ t(b, { ...le, children: /* @__PURE__ */ t(
+        !!(d != null && d.length) && /* @__PURE__ */ t(b, { ...le, children: /* @__PURE__ */ t(
           ee,
           {
-            items: i,
+            items: d,
             name: "showFields",
             mode: "multiple",
             label: "Show Fields",
@@ -145,7 +145,7 @@ function be({
             nameFieldInArray: "label",
             fieldId: "id",
             className: "mb-0",
-            dropdownRender: (e) => /* @__PURE__ */ c(Z, { children: [
+            dropdownRender: (e) => /* @__PURE__ */ u(Z, { children: [
               e,
               /* @__PURE__ */ t(B.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ t(
                 R.Group,
@@ -153,7 +153,7 @@ function be({
                   className: "w-100",
                   defaultValue: "DESC",
                   optionType: "button",
-                  children: /* @__PURE__ */ c(_, { children: [
+                  children: /* @__PURE__ */ u(_, { children: [
                     /* @__PURE__ */ t(b, { xs: 12, children: /* @__PURE__ */ t(
                       R,
                       {
@@ -184,7 +184,7 @@ function be({
             ] })
           }
         ) }),
-        v ? v(a) : null
+        v ? v(s) : null
       ] }),
       /* @__PURE__ */ t(
         z,
@@ -193,19 +193,19 @@ function be({
           type: "primary",
           block: !0,
           htmlType: "submit",
-          disabled: p,
+          disabled: c,
           children: "Submit"
         }
       )
     ] }),
-    /* @__PURE__ */ c(O, { children: [
+    /* @__PURE__ */ u(O, { children: [
       !!h && /* @__PURE__ */ t(
         te,
         {
-          disabled: p || !d.length,
+          disabled: c || !i.length,
           onClick: () => h == null ? void 0 : h({
             tableId: "#crud-table table",
-            data: d,
+            data: i,
             fields: g.map((e) => ({
               ...e,
               render: $(e)
@@ -216,10 +216,10 @@ function be({
       !!y && /* @__PURE__ */ t(
         z,
         {
-          disabled: p || !d.length,
+          disabled: c || !i.length,
           onClick: () => y == null ? void 0 : y({
             tableId: "#crud-table table",
-            data: d,
+            data: i,
             fields: g.map((e) => ({
               ...e,
               render: $(e)
@@ -227,7 +227,7 @@ function be({
           }),
           icon: /* @__PURE__ */ t(x, {}),
           className: `group
-                ${p || !d.length ? "" : "!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
+                ${c || !i.length ? "" : "!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
                 
               `,
           children: "Excel"
@@ -239,11 +239,11 @@ function be({
       P,
       {
         minusHeight: M,
-        data: d,
+        data: i,
         size: K,
         fields: g,
         idField: H,
-        loadingData: p,
+        loadingData: c,
         paginateProps: J,
         viewable: !1
       }

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

package/dist/crud/FileCrudField.es.js

@@ -1,72 +1,67 @@
-import { jsxs as f, jsx as s, Fragment as O } from "react/jsx-runtime";
+import { jsxs as f, jsx as r, Fragment as O } from "react/jsx-runtime";
 /* empty css             */
 import { FileOutlined as K, FilePptOutlined as Q, FileExcelOutlined as X, FileTextOutlined as Y, FileWordOutlined as Z, FilePdfOutlined as v, FileImageOutlined as y, ExportOutlined as m } from "@ant-design/icons";
 import { Form as P, Upload as T, Modal as tt } from "antd";
-import H from "mime";
-import { useState as p, useCallback as $, useEffect as S, useMemo as j } from "react";
+import j from "mime";
+import { useState as p, useCallback as M, useEffect as H, useMemo as $ } from "react";
 import { useTranslationLib as et } from "../locale/index.es.js";
-import st from "../util/ValidationUtil.es.js";
+import rt from "../util/ValidationUtil.es.js";
 import C from "../common/button/Button.es.js";
-import lt from "../common/layout/VerticalSpace.es.js";
-import rt from "../util/CrudUtil.es.js";
-function gt({
+import st from "../common/layout/VerticalSpace.es.js";
+import lt from "../util/CrudUtil.es.js";
+function xt({
   name: n,
   label: t,
-  required: l,
+  required: s,
   provider: e,
   onUploading: a,
   onRemoved: u,
   fieldClassName: F,
   accept: b,
-  rules: A,
+  rules: S,
   maxCount: I = 1,
-  block: L,
-  fieldHelper: W,
-  ..._
+  block: A,
+  fieldHelper: L,
+  ...W
 }) {
-  const d = P.useFormInstance(), q = rt.getRealName(n, "upsertFieldName"), h = P.useWatch(q, d), [V, D] = p(!1), [N, B] = p(!1), R = $(
-    async (r) => {
-      var c, i;
+  const d = P.useFormInstance(), _ = lt.getRealName(n, "upsertFieldName"), h = P.useWatch(_, d), [V, D] = p(!1), [N, q] = p(!1), B = M(
+    async (l) => {
+      var o, i;
       try {
-        const { file: o } = r, g = o.name;
-        D(!0), B(!0), a == null || a(!0);
-        const x = g ?? "", k = x.split("."), G = k[k.length - 1], J = e.generateFileName(x), E = `${await e.getInitialPath()}/${J}.${G}`;
-        console.log({ filePath: E });
-        const M = await e.upload(
-          { ...o, originFileObj: o },
-          E
+        const { file: c } = l, x = c.name;
+        D(!0), q(!0), a == null || a(!0);
+        const g = x ?? "", k = g.split("."), z = k[k.length - 1], G = e.generateFileName(g), J = `${await e.getInitialPath()}/${G}.${z}`, E = await e.upload(
+          { ...c, originFileObj: c },
+          J
         );
-        a == null || a(!1), d.setFieldValue(n, M), (c = r.onSuccess) == null || c.call(r, M);
-      } catch (o) {
-        (i = r.onError) == null || i.call(r, o);
+        a == null || a(!1), d.setFieldValue(n, E), (o = l.onSuccess) == null || o.call(l, E);
+      } catch (c) {
+        (i = l.onError) == null || i.call(l, c);
       } finally {
         D(!1);
       }
     },
     [d, n, a, e]
   ), [w, U] = p([]);
-  S(() => {
+  H(() => {
     !N && h && Promise.all(
       (Array.isArray(h) ? h : [h]).map(
-        async (r) => {
-          const c = H.getType(r), i = r.split("/").pop(), o = await e.getRealUrl(r);
+        async (l) => {
+          const o = j.getType(l), i = l.split("/").pop(), c = await e.getRealUrl(l);
           return {
-            uid: r,
-            url: o,
-            type: c,
+            uid: l,
+            url: c,
+            type: o,
             name: i
           };
         }
       )
-    ).then((r) => U(() => {
-      const c = r.map(({ url: i, type: o, uid: g, name: x }) => ({ uid: g, url: i, type: o, response: g, thumbUrl: i, name: x }));
-      return console.log(c), c;
-    }));
+    ).then((l) => U(() => l.map(({ url: i, type: c, uid: x, name: g }) => ({ uid: x, url: i, type: c, response: x, thumbUrl: i, name: g }))));
   }, [h, N, V, e]);
-  const z = $(
-    async (r) => {
-      const c = r.response, i = c || d.getFieldValue(n);
-      await e.delete(i), u == null || u(), r && d.setFieldsValue({ [n]: null });
+  const R = M(
+    async (l) => {
+      const o = l.response, i = o || d.getFieldValue(n);
+      await e.delete(i), u == null || u(), l && d.setFieldsValue({ [n]: null });
     },
     [d, n, u, e]
   );
@@ -74,104 +69,104 @@ function gt({
     P.Item,
     {
       label: t,
-      required: l,
+      required: s,
       name: n,
       className: F,
       rules: [
-        ...l ? st.required(t) : [],
-        ...A ?? []
+        ...s ? rt.required(t) : [],
+        ...S ?? []
       ],
-      help: W,
+      help: L,
       children: [
-        /* @__PURE__ */ s("input", { hidden: !0 }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ r("input", { hidden: !0 }),
+        /* @__PURE__ */ r(
           T,
           {
-            ..._,
+            ...W,
             fileList: w,
             className: ((w == null ? void 0 : w.length) ?? 0) >= I ? "hide-upload" : "",
             maxCount: I,
-            customRequest: R,
-            onRemove: z,
+            customRequest: B,
+            onRemove: R,
             listType: "picture",
-            onChange: ({ fileList: r }) => {
-              U(r);
+            onChange: ({ fileList: l }) => {
+              U(l);
             },
-            style: L ? { width: "100%" } : void 0,
-            children: /* @__PURE__ */ s(C, { loading: V, children: "Upload File" })
+            style: A ? { width: "100%" } : void 0,
+            children: /* @__PURE__ */ r(C, { loading: V, children: "Upload File" })
           }
         )
       ]
     }
   );
 }
-const xt = ({ provider: n, value: t }) => {
-  const [l, e] = p();
-  return S(() => {
+const gt = ({ provider: n, value: t }) => {
+  const [s, e] = p();
+  return H(() => {
     t && n.getRealUrl(t).then((a) => {
       e({
-        mimeType: H.getType(t),
+        mimeType: j.getType(t),
         url: a,
         fileName: t.split("/").pop() ?? t
       });
     });
-  }, [n, t]), l ? /* @__PURE__ */ s(
+  }, [n, t]), s ? /* @__PURE__ */ r(
     nt,
     {
-      fileName: l.fileName,
-      url: l == null ? void 0 : l.url,
-      mimeType: l == null ? void 0 : l.mimeType
+      fileName: s.fileName,
+      url: s == null ? void 0 : s.url,
+      mimeType: s == null ? void 0 : s.mimeType
     }
-  ) : /* @__PURE__ */ s(O, {});
-}, nt = ({ url: n, mimeType: t = "", fileName: l }) => {
-  const e = j(() => 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 = j(() => {
+  ) : /* @__PURE__ */ r(O, {});
+}, nt = ({ url: n, mimeType: t = "", fileName: s }) => {
+  const e = $(() => 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 = $(() => {
     switch (e) {
       case "image":
-        return /* @__PURE__ */ s(y, {});
+        return /* @__PURE__ */ r(y, {});
       case "pdf":
-        return /* @__PURE__ */ s(v, {});
+        return /* @__PURE__ */ r(v, {});
       case "word":
-        return /* @__PURE__ */ s(Z, {});
+        return /* @__PURE__ */ r(Z, {});
       case "text":
-        return /* @__PURE__ */ s(Y, {});
+        return /* @__PURE__ */ r(Y, {});
       case "excel":
-        return /* @__PURE__ */ s(X, {});
+        return /* @__PURE__ */ r(X, {});
       case "presentation":
-        return /* @__PURE__ */ s(Q, {});
+        return /* @__PURE__ */ r(Q, {});
       default:
-        return /* @__PURE__ */ s(K, {});
+        return /* @__PURE__ */ r(K, {});
     }
   }, [e]), [u, F] = p(!1), { t: b } = et();
   return e !== "file" && e !== "text" ? /* @__PURE__ */ f(O, { children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       tt,
       {
         open: u,
-        title: l,
+        title: s,
         onCancel: () => F(!1),
-        footer: /* @__PURE__ */ s(O, {}),
+        footer: /* @__PURE__ */ r(O, {}),
         width: "100%",
         style: { top: "8px", minHeight: "700px" },
         destroyOnHidden: !0,
-        children: /* @__PURE__ */ f(lt, { children: [
-          /* @__PURE__ */ s(
+        children: /* @__PURE__ */ f(st, { children: [
+          /* @__PURE__ */ r(
             C,
             {
-              tooltip: l,
-              icon: /* @__PURE__ */ s(m, {}),
+              tooltip: s,
+              icon: /* @__PURE__ */ r(m, {}),
               target: "_blank",
               href: n,
               style: { textDecoration: "none" },
               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: [
+          e === "image" ? /* @__PURE__ */ r("img", { src: n, alt: s, style: { width: "100%" } }) : e === "pdf" ? /* @__PURE__ */ f("iframe", { title: s, 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__ */ r("a", { href: n, children: "Download PDF" })
           ] }) : /* @__PURE__ */ f(
             "iframe",
             {
-              title: l,
+              title: s,
               src: `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(
                 n
               )}`,
@@ -194,19 +189,19 @@ const xt = ({ provider: n, value: t }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       C,
       {
-        tooltip: l,
+        tooltip: s,
         icon: a,
         shape: "circle",
         onClick: () => F(!0)
       }
     )
-  ] }) : /* @__PURE__ */ s(
+  ] }) : /* @__PURE__ */ r(
     C,
     {
-      tooltip: l,
+      tooltip: s,
       icon: a,
       target: "_blank",
       href: n,
@@ -216,6 +211,6 @@ const xt = ({ provider: n, value: t }) => {
 };
 export {
   nt as FileCellValue,
-  xt as FileCrudCellValue,
-  gt as default
+  gt as FileCrudCellValue,
+  xt as default
 };

package/dist/crud/ImageCrudField.cjs.js

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty;var E=(e,a,t)=>a in e?p(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;var F=(e,a,t)=>E(e,typeof a!="symbol"?a+"":a,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime");;/* empty css               */const A=require("@ant-design/icons"),n=require("antd"),q=require("path-browserify"),i=require("react"),D=require("../util/NumberUtil.cjs.js"),M=require("../util/ValidationUtil.cjs.js"),H=require("uuid"),T=require("../common/picker/ImagePicker.cjs.js");class w{}class W extends w{constructor(t="",s=""){super();F(this,"rootPath");F(this,"subPath");this.rootPath=t,this.subPath=s}cloneFilePath(t){const s=q.parse(t),l=`${s.name}_cloned_${D.default.randInt(1e5)}`;return q.format({dir:s.dir,ext:s.ext,name:l})}generateFileName(t){return`${t.split(".")[0]}_${H.v4().replace("-","")}`}}function z({name:e,label:a,required:t,provider:s,onUploading:l,aspectRatio:P,onRemoved:o,fieldClassName:N,hideLabel:V=!1,listType:g,fieldHelper:y}){const c=n.Form.useFormInstance(),d=n.Form.useWatch(e,c),[I,$]=i.useState(!1),x=i.useCallback(async(r,b)=>{if(b){l==null||l(!0);const f=r.name,m=f.split("."),S=m[m.length-1],_=s.generateFileName(f),O=`${await s.getInitialPath()}/${_}.${S}`,k=await s.upload(r,O);$(!0),l==null||l(!1),c.setFieldValue(e,k)}else{console.log(r);const f=c.getFieldsValue(),m=await s.delete(f[e]);o==null||o(),m&&c.setFieldsValue({[e]:null})}},[c,e,o,l,s]),[h,j]=i.useState();return i.useEffect(()=>{!I&&d?s.getRealUrl(d).then(j):j(h)},[d,I,s,h]),u.jsxs(n.Form.Item,{rules:t?M.required(a):[],label:V?null:a,required:t,name:e,help:y,children:[u.jsx(T.default,{noStyle:!0,listType:g,aspectRatio:P,values:h,onRemove:r=>{r&&x(r,!1)},onAdd:async r=>{r&&await x(r,!0)},className:N}),u.jsx(n.Input,{hidden:!0})]})}const B=({provider:e,value:a})=>{const[t,s]=i.useState();return i.useEffect(()=>{a&&e.getRealUrl(a).then(s)},[e,a]),t?u.jsx(C,{url:t}):u.jsx(u.Fragment,{})},C=({url:e})=>u.jsx(n.Avatar,{className:"p-0",children:u.jsx(n.Image,{className:"m-0 p-0 position-relative",src:e,preview:{mask:u.jsx(A.EyeOutlined,{})}})});exports.FileDownloadProvider=w;exports.FileUploadProvider=W;exports.ImageCellValue=C;exports.ImageCrudCellValue=B;exports.default=z;
+"use strict";var p=Object.defineProperty;var E=(e,a,t)=>a in e?p(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;var F=(e,a,t)=>E(e,typeof a!="symbol"?a+"":a,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime");;/* empty css               */const A=require("@ant-design/icons"),n=require("antd"),q=require("path-browserify"),i=require("react"),D=require("../util/NumberUtil.cjs.js"),M=require("../util/ValidationUtil.cjs.js"),H=require("uuid"),T=require("../common/picker/ImagePicker.cjs.js");class w{}class W extends w{constructor(t="",s=""){super();F(this,"rootPath");F(this,"subPath");this.rootPath=t,this.subPath=s}cloneFilePath(t){const s=q.parse(t),l=`${s.name}_cloned_${D.default.randInt(1e5)}`;return q.format({dir:s.dir,ext:s.ext,name:l})}generateFileName(t){return`${t.split(".")[0]}_${H.v4().replace("-","")}`}}function z({name:e,label:a,required:t,provider:s,onUploading:l,aspectRatio:P,onRemoved:o,fieldClassName:N,hideLabel:V=!1,listType:g,fieldHelper:y}){const c=n.Form.useFormInstance(),d=n.Form.useWatch(e,c),[I,$]=i.useState(!1),x=i.useCallback(async(u,b)=>{if(b){l==null||l(!0);const f=u.name,m=f.split("."),S=m[m.length-1],_=s.generateFileName(f),O=`${await s.getInitialPath()}/${_}.${S}`,k=await s.upload(u,O);$(!0),l==null||l(!1),c.setFieldValue(e,k)}else{const f=c.getFieldsValue(),m=await s.delete(f[e]);o==null||o(),m&&c.setFieldsValue({[e]:null})}},[c,e,o,l,s]),[h,j]=i.useState();return i.useEffect(()=>{!I&&d?s.getRealUrl(d).then(j):j(h)},[d,I,s,h]),r.jsxs(n.Form.Item,{rules:t?M.required(a):[],label:V?null:a,required:t,name:e,help:y,children:[r.jsx(T.default,{noStyle:!0,listType:g,aspectRatio:P,values:h,onRemove:u=>{u&&x(u,!1)},onAdd:async u=>{u&&await x(u,!0)},className:N}),r.jsx(n.Input,{hidden:!0})]})}const B=({provider:e,value:a})=>{const[t,s]=i.useState();return i.useEffect(()=>{a&&e.getRealUrl(a).then(s)},[e,a]),t?r.jsx(C,{url:t}):r.jsx(r.Fragment,{})},C=({url:e})=>r.jsx(n.Avatar,{className:"p-0",children:r.jsx(n.Image,{className:"m-0 p-0 position-relative",src:e,preview:{mask:r.jsx(A.EyeOutlined,{})}})});exports.FileDownloadProvider=w;exports.FileUploadProvider=W;exports.ImageCellValue=C;exports.ImageCrudCellValue=B;exports.default=z;

package/dist/crud/ImageCrudField.es.js

@@ -1,6 +1,6 @@
 var A = Object.defineProperty;
-var E = (e, a, t) => a in e ? A(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
-var h = (e, a, t) => E(e, typeof a != "symbol" ? a + "" : a, t);
+var E = (e, s, t) => s in e ? A(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var h = (e, s, t) => E(e, typeof s != "symbol" ? s + "" : s, t);
 import { jsxs as S, jsx as i, Fragment as D } from "react/jsx-runtime";
 /* empty css             */
 import { EyeOutlined as H } from "@ant-design/icons";
@@ -14,17 +14,17 @@ import L from "../common/picker/ImagePicker.es.js";
 class M {
 }
 class le extends M {
-  constructor(t = "", s = "") {
+  constructor(t = "", a = "") {
     super();
     h(this, "rootPath");
     h(this, "subPath");
-    this.rootPath = t, this.subPath = s;
+    this.rootPath = t, this.subPath = a;
   }
   cloneFilePath(t) {
-    const s = w.parse(t), l = `${s.name}_cloned_${G.randInt(1e5)}`;
+    const a = w.parse(t), l = `${a.name}_cloned_${G.randInt(1e5)}`;
     return w.format({
-      dir: s.dir,
-      ext: s.ext,
+      dir: a.dir,
+      ext: a.ext,
       name: l
     });
   }
@@ -34,9 +34,9 @@ class le extends M {
 }
 function re({
   name: e,
-  label: a,
+  label: s,
   required: t,
-  provider: s,
+  provider: a,
   onUploading: l,
   aspectRatio: p,
   onRemoved: c,
@@ -45,27 +45,26 @@ function re({
   listType: C,
   fieldHelper: $
 }) {
-  const n = F.useFormInstance(), u = F.useWatch(e, n), [I, g] = P(!1), N = B(
-    async (r, b) => {
-      if (b) {
+  const n = F.useFormInstance(), o = F.useWatch(e, n), [I, b] = P(!1), N = B(
+    async (r, g) => {
+      if (g) {
         l == null || l(!0);
-        const m = r.name, o = m.split("."), k = o[o.length - 1], O = s.generateFileName(m), _ = `${await s.getInitialPath()}/${O}.${k}`, j = await s.upload(r, _);
-        g(!0), l == null || l(!1), n.setFieldValue(e, j);
+        const m = r.name, u = m.split("."), k = u[u.length - 1], O = a.generateFileName(m), _ = `${await a.getInitialPath()}/${O}.${k}`, j = await a.upload(r, _);
+        b(!0), l == null || l(!1), n.setFieldValue(e, j);
       } else {
-        console.log(r);
-        const m = n.getFieldsValue(), o = await s.delete(m[e]);
-        c == null || c(), o && n.setFieldsValue({ [e]: null });
+        const m = n.getFieldsValue(), u = await a.delete(m[e]);
+        c == null || c(), u && n.setFieldsValue({ [e]: null });
       }
     },
-    [n, e, c, l, s]
+    [n, e, c, l, a]
   ), [f, d] = P();
   return V(() => {
-    !I && u ? s.getRealUrl(u).then(d) : d(f);
-  }, [u, I, s, f]), /* @__PURE__ */ S(
+    !I && o ? a.getRealUrl(o).then(d) : d(f);
+  }, [o, I, a, f]), /* @__PURE__ */ S(
     F.Item,
     {
-      rules: t ? J.required(a) : [],
-      label: y ? null : a,
+      rules: t ? J.required(s) : [],
+      label: y ? null : s,
       required: t,
       name: e,
       help: $,
@@ -91,11 +90,11 @@ function re({
     }
   );
 }
-const ie = ({ provider: e, value: a }) => {
-  const [t, s] = P();
+const ie = ({ provider: e, value: s }) => {
+  const [t, a] = P();
   return V(() => {
-    a && e.getRealUrl(a).then(s);
-  }, [e, a]), t ? /* @__PURE__ */ i(Q, { url: t }) : /* @__PURE__ */ i(D, {});
+    s && e.getRealUrl(s).then(a);
+  }, [e, s]), t ? /* @__PURE__ */ i(Q, { url: t }) : /* @__PURE__ */ i(D, {});
 }, Q = ({ url: e }) => /* @__PURE__ */ i(q, { className: "p-0", children: /* @__PURE__ */ i(
   z,
   {