@kingteza/crud-component 1.0.14 → 1.0.16

package/dist/components/crud/FileCrudField.js

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

package/dist/components/crud/ImageCrudField.cjs

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

package/dist/components/crud/ImageCrudField.js

@@ -1,19 +1,19 @@
 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);
-import { j as l } from "../../_virtual/jsx-runtime.js";
+import { jsx as n, Fragment as V, jsxs as S } from "react/jsx-runtime";
 /* empty css          */
-import { Form as x, Input as O, Avatar as S, Image as D } from "antd";
-import N from "../../_virtual/index.js";
-import { useState as F, useCallback as W, useEffect as w } from "react";
-import q from "../../util/NumberUtil.js";
-import z from "../../util/ValidationUtil.js";
-import B from "../common/picker/ImagePicker.js";
-import G from "../../node_modules/uuid/dist/esm-browser/v4.js";
-import H from "../../node_modules/@ant-design/icons/es/icons/EyeOutlined.js";
-class J {
+import { EyeOutlined as D } from "@ant-design/icons";
+import { Form as F, Input as W, Avatar as q, Image as z } from "antd";
+import w from "path-browserify";
+import { useState as P, useCallback as B, useEffect as x } from "react";
+import G from "../../util/NumberUtil.js";
+import H from "../../util/ValidationUtil.js";
+import { v4 as J } from "uuid";
+import K from "../common/picker/ImagePicker.js";
+class L {
 }
-class te extends J {
+class ae extends L {
   constructor(t = "", s = "") {
     super();
     h(this, "rootPath");
@@ -21,93 +21,93 @@ class te extends J {
     this.rootPath = t, this.subPath = s;
   }
   cloneFilePath(t) {
-    const s = N.parse(t), r = `${s.name}_cloned_${q.randInt(1e5)}`;
-    return N.format({
+    const s = w.parse(t), l = `${s.name}_cloned_${G.randInt(1e5)}`;
+    return w.format({
       dir: s.dir,
       ext: s.ext,
-      name: r
+      name: l
     });
   }
   generateFileName(t) {
-    return `${t.split(".")[0]}_${G().replace("-", "")}`;
+    return `${t.split(".")[0]}_${J().replace("-", "")}`;
   }
 }
-function se({
+function le({
   name: e,
   label: a,
   required: t,
   provider: s,
-  onUploading: r,
+  onUploading: l,
   aspectRatio: I,
   onRemoved: c,
-  fieldClassName: d,
-  hideLabel: V = !1,
-  listType: C
+  fieldClassName: y,
+  hideLabel: C = !1,
+  listType: $
 }) {
-  const i = x.useFormInstance(), u = x.useWatch(e, i), [P, $] = F(!1), p = W(
-    async (n, g) => {
-      if (g) {
-        r == null || r(!0);
-        const m = n.name, o = m.split("."), y = o[o.length - 1], b = s.generateFileName(m), k = `${await s.getInitialPath()}/${b}.${y}`, _ = await s.upload(n, k);
-        $(!0), r == null || r(!1), i.setFieldValue(e, _);
+  const i = F.useFormInstance(), u = F.useWatch(e, i), [p, g] = P(!1), N = B(
+    async (r, b) => {
+      if (b) {
+        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), i.setFieldValue(e, j);
       } else {
-        console.log(n);
+        console.log(r);
         const m = i.getFieldsValue(), o = await s.delete(m[e]);
         c == null || c(), o && i.setFieldsValue({ [e]: null });
       }
     },
-    [i, e, c, r, s]
-  ), [f, j] = F();
-  return w(() => {
-    !P && u ? s.getRealUrl(u).then(j) : j(f);
-  }, [u, P, s, f]), /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs(
-    x.Item,
+    [i, e, c, l, s]
+  ), [f, d] = P();
+  return x(() => {
+    !p && u ? s.getRealUrl(u).then(d) : d(f);
+  }, [u, p, s, f]), /* @__PURE__ */ n(V, { children: /* @__PURE__ */ S(
+    F.Item,
     {
-      rules: t ? z.required(a) : [],
-      label: V ? null : a,
+      rules: t ? H.required(a) : [],
+      label: C ? null : a,
       required: t,
       name: e,
       children: [
-        /* @__PURE__ */ l.jsx(
-          B,
+        /* @__PURE__ */ n(
+          K,
           {
             noStyle: !0,
-            listType: C,
+            listType: $,
             aspectRatio: I,
             values: f,
-            onRemove: (n) => {
-              n && p(n, !1);
+            onRemove: (r) => {
+              r && N(r, !1);
             },
-            onAdd: async (n) => {
-              n && await p(n, !0);
+            onAdd: async (r) => {
+              r && await N(r, !0);
             },
-            className: d
+            className: y
           }
         ),
-        /* @__PURE__ */ l.jsx(O, { hidden: !0 })
+        /* @__PURE__ */ n(W, { hidden: !0 })
       ]
     }
   ) });
 }
-const ae = ({ provider: e, value: a }) => {
-  const [t, s] = F();
-  return w(() => {
+const re = ({ provider: e, value: a }) => {
+  const [t, s] = P();
+  return x(() => {
     a && e.getRealUrl(a).then(s);
-  }, [e, a]), t ? /* @__PURE__ */ l.jsx(K, { url: t }) : /* @__PURE__ */ l.jsx(l.Fragment, {});
-}, K = ({ url: e }) => /* @__PURE__ */ l.jsx(S, { className: "p-0", children: /* @__PURE__ */ l.jsx(
-  D,
+  }, [e, a]), t ? /* @__PURE__ */ n(M, { url: t }) : /* @__PURE__ */ n(V, {});
+}, M = ({ url: e }) => /* @__PURE__ */ n(q, { className: "p-0", children: /* @__PURE__ */ n(
+  z,
   {
     className: "m-0 p-0 position-relative",
     src: e,
     preview: {
-      mask: /* @__PURE__ */ l.jsx(H, {})
+      mask: /* @__PURE__ */ n(D, {})
     }
   }
 ) });
 export {
-  J as FileDownloadProvider,
-  te as FileUploadProvider,
-  K as ImageCellValue,
-  ae as ImageCrudCellValue,
-  se as default
+  L as FileDownloadProvider,
+  ae as FileUploadProvider,
+  M as ImageCellValue,
+  re as ImageCrudCellValue,
+  le as default
 };

package/dist/components/crud/import/CrudImportButton.cjs

@@ -1 +1 @@
-"use strict";const t=require("../../../_virtual/jsx-runtime.cjs"),o=require("react"),u=require("../../../locale/hooks/translation-constants.cjs"),i=require("./CrudImportComponent.cjs"),c=require("../../common/button/Button.cjs"),p=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),x=require("../../../node_modules/@ant-design/icons/es/icons/ImportOutlined.cjs");function m(n){const{t:s}=p.useTranslation(u.TRANSLATION_NAMESPACE),[r,e]=o.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(i,{open:r,onCloseMethod:e,...n}),t.jsxRuntimeExports.jsx(c,{icon:t.jsxRuntimeExports.jsx(x,{}),onClick:()=>e(!0),children:s("str.import")})]})}module.exports=m;
+"use strict";const t=require("react/jsx-runtime"),s=require("@ant-design/icons"),i=require("react"),u=require("react-i18next"),c=require("../../../locale/hooks/translation-constants.cjs"),p=require("./CrudImportComponent.cjs"),a=require("../../common/button/Button.cjs");function m(n){const{t:r}=u.useTranslation(c.TRANSLATION_NAMESPACE),[o,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(p,{open:o,onCloseMethod:e,...n}),t.jsx(a,{icon:t.jsx(s.ImportOutlined,{}),onClick:()=>e(!0),children:r("str.import")})]})}module.exports=m;

package/dist/components/crud/import/CrudImportButton.js

@@ -1,31 +1,31 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
-import { useState as e } from "react";
-import { TRANSLATION_NAMESPACE as p } from "../../../locale/hooks/translation-constants.js";
-import s from "./CrudImportComponent.js";
-import i from "../../common/button/Button.js";
-import { useTranslation as f } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
-import u from "../../../node_modules/@ant-design/icons/es/icons/ImportOutlined.js";
-function I(r) {
-  const { t: n } = f(p), [m, t] = e(!1);
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
-      s,
+import { jsxs as e, Fragment as p, jsx as o } from "react/jsx-runtime";
+import { ImportOutlined as i } from "@ant-design/icons";
+import { useState as s } from "react";
+import { useTranslation as u } from "react-i18next";
+import { TRANSLATION_NAMESPACE as f } from "../../../locale/hooks/translation-constants.js";
+import l from "./CrudImportComponent.js";
+import a from "../../common/button/Button.js";
+function N(r) {
+  const { t: m } = u(f), [n, t] = s(!1);
+  return /* @__PURE__ */ e(p, { children: [
+    /* @__PURE__ */ o(
+      l,
       {
-        open: m,
+        open: n,
         onCloseMethod: t,
         ...r
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      i,
+    /* @__PURE__ */ o(
+      a,
       {
-        icon: /* @__PURE__ */ o.jsx(u, {}),
+        icon: /* @__PURE__ */ o(i, {}),
         onClick: () => t(!0),
-        children: n("str.import")
+        children: m("str.import")
       }
     )
   ] });
 }
 export {
-  I as default
+  N as default
 };

package/dist/components/crud/import/CrudImportComponent.cjs

@@ -1,2 +1,2 @@
-"use strict";const s=require("../../../_virtual/jsx-runtime.cjs"),M=require("../../../_virtual/papaparse.min.cjs"),d=require("antd"),B=require("../../../_virtual/FileSaver.min.cjs"),o=require("react"),O=require("../../../locale/hooks/translation-constants.cjs"),V=require("../view/CrudViewer.cjs"),_=require("../../../util/DateUtil.cjs"),L=require("../../common/button/Button.cjs"),W=require("../../common/button/ImportButton.cjs"),z=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),N=require("../../../node_modules/@ant-design/icons/es/icons/WarningTwoTone.cjs"),$=require("../../../node_modules/@ant-design/icons/es/icons/DownloadOutlined.cjs");function U({onCloseMethod:E,open:b,fields:q,importProps:a}){const[u,w]=o.useState([]),[C,h]=o.useState(!1),[T,g]=o.useState(0);o.useEffect(()=>{b||(w([]),h(!1))},[b]);const f=o.useMemo(()=>new Map(q.filter(e=>{var t;return!e.hidden&&!((t=e.importProps)!=null&&t.hidden)&&!e.readonly}).map(e=>[e.name,e])),[q]),v=o.useMemo(()=>Array.from(f.values()).flatMap(e=>{var t;return[e.name,...((t=e.importProps)==null?void 0:t.extraFields)??[]]}),[f]),F=o.useCallback(async function(){const e=`${v.join(",")}
-`,t=new Blob([e],{type:"text/csv;charset=utf-8;"});B.FileSaver_minExports.saveAs(t,(a==null?void 0:a.name)+" - "+_.formatDateTimeWithSecond(new Date).replaceAll(":","-")+".csv")},[v,a==null?void 0:a.name]),{t:l}=z.useTranslation(O.TRANSLATION_NAMESPACE),D=o.useCallback(async e=>{const t=new FileReader;t.onerror=console.error,t.onload=async r=>{var n;const c=(n=r==null?void 0:r.target)==null?void 0:n.result,i=M.parse(c,{header:!0});w(i.data)},t.readAsText(e)},[]),y=o.useMemo(()=>{var t,r,c;let e=!1;for(const i of u)for(const[n,x]of f.entries()){const j=i[n],m=j||!isNaN(j);if(x.required&&!m)if((r=(t=x.importProps)==null?void 0:t.extraFields)!=null&&r.length)for(const R of((c=x.importProps)==null?void 0:c.extraFields)??[])if(i[R]||!isNaN(i[R])){e=!1;break}else return!0;else return!0}return e},[u,f]),p=o.useCallback(e=>(t,r)=>{var i,n,x;const c=t||!isNaN(t);if(e.required&&!c){let j=l("err.validation.required");if((n=(i=e.importProps)==null?void 0:i.extraFields)!=null&&n.length){const m=(x=e.importProps)==null?void 0:x.extraFields;(m==null?void 0:m.find(A=>!r[A]))&&(j="Either one of these fields is required: "+[e.name,...m].join(", "))}return s.jsxRuntimeExports.jsxs(d.Tooltip,{className:"d-flex",title:j,children:[s.jsxRuntimeExports.jsx(N,{twoToneColor:"#ee9702"}),t]})}return t},[l]),S=o.useCallback(async e=>{g(e)},[]),k=o.useCallback(async()=>{try{h(!0),await a.onClickImport(u,S),E(!1)}finally{h(!1),g(0)}},[u,a,E,S]),I=o.useCallback(async()=>{y?d.Modal.warn({title:l("str.warning"),content:l("qus.importWithIssues"),okText:l("str.import"),onOk:k,okCancel:!0,closable:!0}):k()},[y,k,l]);return s.jsxRuntimeExports.jsxs(d.Modal,{title:[l("str.import"),a==null?void 0:a.name].filter(Boolean).join(" "),width:"100%",open:b,onOk:I,destroyOnClose:!0,onCancel:()=>E(!1),okText:l("str.import"),confirmLoading:C,okButtonProps:{disabled:!(u!=null&&u.length)},footer:(e,{OkBtn:t,CancelBtn:r})=>s.jsxRuntimeExports.jsxs(d.Space,{children:[s.jsxRuntimeExports.jsx(r,{}),s.jsxRuntimeExports.jsx(t,{}),y&&s.jsxRuntimeExports.jsx(d.Tooltip,{className:"d-flex",title:"Some fields have issue. Please review before submit.",children:s.jsxRuntimeExports.jsx(N,{twoToneColor:"#ee9702"})})]}),children:[s.jsxRuntimeExports.jsxs(d.Space,{children:[s.jsxRuntimeExports.jsx(L,{onClick:F,icon:s.jsxRuntimeExports.jsx($,{}),children:l("str.downloadCsvTemplate")}),s.jsxRuntimeExports.jsx(W.ImportButton,{disabled:C,type:"default",onClick:D,accept:".csv",children:l("str.importCsvFile")})]}),s.jsxRuntimeExports.jsx(d.Spin,{spinning:C,indicator:T?s.jsxRuntimeExports.jsx(d.Progress,{type:"circle",percent:T*100,size:50,format:e=>`${parseInt(e)}%`}):void 0,children:s.jsxRuntimeExports.jsx(V,{data:u,bordered:!0,size:"small",fields:Array.from(f.values()).flatMap(e=>{var t,r,c,i;return e.type==="text"?[{...e,label:e.name,render:p(e)},...((r=(t=e.importProps)==null?void 0:t.extraFields)==null?void 0:r.map(n=>({...e,name:n,label:n,render:p(e)})))??[]]:e.type==="select"?[{...e,label:e.name,type:"text",render:p(e)},...((i=(c=e.importProps)==null?void 0:c.extraFields)==null?void 0:i.map(n=>({...e,name:n,label:n,type:"text",render:p(e)})))??[]]:[{...e,label:e.name,render:p(e)}]})})})]})}module.exports=U;
+"use strict";const r=require("react/jsx-runtime"),T=require("@ant-design/icons"),B=require("papaparse"),d=require("antd"),O=require("file-saver"),a=require("react"),V=require("react-i18next"),R=require("../../../locale/hooks/translation-constants.cjs"),W=require("../view/CrudViewer.cjs"),L=require("../../../util/DateUtil.cjs"),z=require("../../common/button/Button.cjs"),_=require("../../common/button/ImportButton.cjs");function $({onCloseMethod:C,open:h,fields:g,importProps:o}){const[u,v]=a.useState([]),[y,k]=a.useState(!1),[A,N]=a.useState(0);a.useEffect(()=>{h||(v([]),k(!1))},[h]);const x=a.useMemo(()=>new Map(g.filter(e=>{var t;return!e.hidden&&!((t=e.importProps)!=null&&t.hidden)&&!e.readonly}).map(e=>[e.name,e])),[g]),S=a.useMemo(()=>Array.from(x.values()).flatMap(e=>{var t;return[e.name,...((t=e.importProps)==null?void 0:t.extraFields)??[]]}),[x]),E=a.useCallback(async function(){const e=`${S.join(",")}
+`,t=new Blob([e],{type:"text/csv;charset=utf-8;"});O.saveAs(t,(o==null?void 0:o.name)+" - "+L.formatDateTimeWithSecond(new Date).replaceAll(":","-")+".csv")},[S,o==null?void 0:o.name]),{t:i}=V.useTranslation(R.TRANSLATION_NAMESPACE),F=a.useCallback(async e=>{const t=new FileReader;t.onerror=console.error,t.onload=async n=>{var s;const c=(s=n==null?void 0:n.target)==null?void 0:s.result,l=B.parse(c,{header:!0});v(l.data)},t.readAsText(e)},[]),j=a.useMemo(()=>{var t,n,c;let e=!1;for(const l of u)for(const[s,f]of x.entries()){const b=l[s],m=b||!isNaN(b);if(f.required&&!m)if((n=(t=f.importProps)==null?void 0:t.extraFields)!=null&&n.length)for(const w of((c=f.importProps)==null?void 0:c.extraFields)??[])if(l[w]||!isNaN(l[w])){e=!1;break}else return!0;else return!0}return e},[u,x]),p=a.useCallback(e=>(t,n)=>{var l,s,f;const c=t||!isNaN(t);if(e.required&&!c){let b=i("err.validation.required");if((s=(l=e.importProps)==null?void 0:l.extraFields)!=null&&s.length){const m=(f=e.importProps)==null?void 0:f.extraFields;(m==null?void 0:m.find(I=>!n[I]))&&(b="Either one of these fields is required: "+[e.name,...m].join(", "))}return r.jsxs(d.Tooltip,{className:"d-flex",title:b,children:[r.jsx(T.WarningTwoTone,{twoToneColor:"#ee9702"}),t]})}return t},[i]),D=a.useCallback(async e=>{N(e)},[]),q=a.useCallback(async()=>{try{k(!0),await o.onClickImport(u,D),C(!1)}finally{k(!1),N(0)}},[u,o,C,D]),M=a.useCallback(async()=>{j?d.Modal.warn({title:i("str.warning"),content:i("qus.importWithIssues"),okText:i("str.import"),onOk:q,okCancel:!0,closable:!0}):q()},[j,q,i]);return r.jsxs(d.Modal,{title:[i("str.import"),o==null?void 0:o.name].filter(Boolean).join(" "),width:"100%",open:h,onOk:M,destroyOnClose:!0,onCancel:()=>C(!1),okText:i("str.import"),confirmLoading:y,okButtonProps:{disabled:!(u!=null&&u.length)},footer:(e,{OkBtn:t,CancelBtn:n})=>r.jsxs(d.Space,{children:[r.jsx(n,{}),r.jsx(t,{}),j&&r.jsx(d.Tooltip,{className:"d-flex",title:"Some fields have issue. Please review before submit.",children:r.jsx(T.WarningTwoTone,{twoToneColor:"#ee9702"})})]}),children:[r.jsxs(d.Space,{children:[r.jsx(z,{onClick:E,icon:r.jsx(T.DownloadOutlined,{}),children:i("str.downloadCsvTemplate")}),r.jsx(_.ImportButton,{disabled:y,type:"default",onClick:F,accept:".csv",children:i("str.importCsvFile")})]}),r.jsx(d.Spin,{spinning:y,indicator:A?r.jsx(d.Progress,{type:"circle",percent:A*100,size:50,format:e=>`${parseInt(e)}%`}):void 0,children:r.jsx(W,{data:u,bordered:!0,size:"small",fields:Array.from(x.values()).flatMap(e=>{var t,n,c,l;return e.type==="text"?[{...e,label:e.name,render:p(e)},...((n=(t=e.importProps)==null?void 0:t.extraFields)==null?void 0:n.map(s=>({...e,name:s,label:s,render:p(e)})))??[]]:e.type==="select"?[{...e,label:e.name,type:"text",render:p(e)},...((l=(c=e.importProps)==null?void 0:c.extraFields)==null?void 0:l.map(s=>({...e,name:s,label:s,type:"text",render:p(e)})))??[]]:[{...e,label:e.name,render:p(e)}]})})})]})}module.exports=$;