@kingteza/crud-component 1.44.2 → 1.46.0

package/dist/common/picker/ImagePicker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),Fe=require("react-advanced-cropper"),q=require("@ant-design/icons"),R=require("antd"),r=require("react"),ke=require("../../locale/index.cjs.js"),O=require("../button/Button.cjs.js"),ce=require("../../util/ImageUtil.cjs.js"),Ie=require("../../icons/FlipHIcon.cjs.js"),Oe=require("../../icons/FlipVIcon.cjs.js"),Re=R.Form.Item,le="crud-component.image-picker.button-state";function W(u){return new Promise((w,b)=>{const i=new FileReader;i.readAsDataURL(u),i.onload=()=>w(i.result),i.onerror=f=>b(f)})}const Ue=({values:u=[],getRealUrl:w,required:b,buttonType:i,label:f,name:D,onChange:y,aspectRatio:S,buttonTitle:N,hidePreview:C,buttonSize:F="large",showButtonText:T=!0,showOnlyIcon:$=!1,icon:z=t.jsx(q.UploadOutlined,{}),loading:U,maxCount:a=1,onAdd:k,onRemove:B,listType:A,showSkipCropButton:de,skipResize:H,asyncUpload:M,...G})=>{const[pe,me]=r.useState(""),[fe,ge]=r.useState(""),[je,K]=r.useState(!1),E=r.useRef(),g=r.useRef(null),[d,j]=r.useState([]),[I,L]=r.useState(),xe=r.useRef(),he=()=>K(!1),ve=async e=>{!e.url&&!e.preview&&(e.preview=await W(e.originFileObj)),ge(e.url||e.preview),K(!0),me(e.name)},[Q,P]=r.useState(!1),X=e=>{var s;(s=g.current)==null||s.rotateImage(e?-90:90)},Y=r.useCallback(e=>{var s;g.current&&((s=g.current)==null||s.flipImage(e==="h",e==="v"))},[]);r.useEffect(()=>{y==null||y(d[0],d)},[d,y]);const[_,V]=r.useState(),Z=r.useCallback(async e=>{var ie;const{type:s,size:o,name:h,uid:c}=E.current;V(e?"skip-crop":"crop"),P(!0);const v=async n=>{if(k)try{if(P(!0),M)j(l=>a<=1?[n]:[n,...l]),k(n).then(l=>{j(p=>p.map(m=>m.uid===n.uid?{...m,status:"done",response:l??m.response}:m))});else{const l=await k(n),p={...n,response:l??n.response,status:"done"};j(m=>a<=1?[p]:[p,...m])}}finally{P(!1)}else j(l=>a<=1?[n]:[n,...l])};if(e){const n=E.current,l=H?n:await ce.resizeImage(n),p=await W(l);await v({url:p,name:h,uid:c,type:s,size:o,thumbUrl:p,originFileObj:l,status:M?"uploading":void 0}),P(!1),L(void 0),V(void 0)}else{const n=(ie=g.current)==null?void 0:ie.getCanvas();n==null||n.toBlob(async l=>{const p=Object.assign(new File([l],h,{type:s}),{uid:c}),m=H?p:await ce.resizeImage(p),ae=await W(m);await v({url:ae,name:h,uid:c,type:s,size:o,thumbUrl:ae,originFileObj:m,status:M?"uploading":void 0}),P(!1),L(void 0),V(void 0)})}},[M,a,k,H]),we=()=>{L(void 0),E.current=void 0},ee=r.useCallback(e=>{const s=e;if(s){E.current=s;const o=new FileReader;o.addEventListener("load",()=>{var h;if(typeof o.result=="string"){L(o.result);const c=localStorage.getItem(le),v=c?JSON.parse(c):void 0;v&&((h=g.current)==null||h.setState(v)),setTimeout(()=>{oe(g.current)},100)}}),o.readAsDataURL(s)}},[]);r.useEffect(()=>{let e=!1;return(async()=>{if(u==null||u===""){e||j([]);return}const o=typeof u=="string"?[u]:u;if(!o.length){e||j([]);return}const h=await Promise.all(o.map(async c=>{const v=w?await w(c):c;return{uid:c,url:v,thumbUrl:v,response:c,name:c.split("/").pop()??c}}));e||j(h)})(),()=>{e=!0}},[u,w]);const{t:x}=ke.useTranslationLib(),be=r.useMemo(()=>b?{required:b,validator:(e,s,o)=>{I||d!=null&&d.length?o():o(`${f??""} ${x("err.validation.required")}`)}}:void 0,[b,I,d==null?void 0:d.length,f,x]),te=N??x("message.uploadButtonText"),se=r.useMemo(()=>t.jsx(ue,{showLoadingIndicator:Q,_buttonTitle:te,buttonSize:F,buttonType:i,fileList:d,hidePreview:C,icon:z,loading:U,listType:A,maxCount:a,onChangeFile:ee,onRemove:B,showButtonText:T,handlePreview:ve,setFileList:j}),[Q,te,F,i,d,C,z,U,A,a,ee,B,T]);xe.current=se.props.beforeUpload;const[Se,re]=r.useState(0),[ye,ne]=r.useState(0),[J,Ce]=r.useState();r.useEffect(()=>{const e=setTimeout(()=>{J&&localStorage.setItem(le,JSON.stringify(J))},400);return()=>clearTimeout(e)},[J]),r.useEffect(()=>{if(!I){re(0),ne(0);const e=setTimeout(()=>{var s;(s=g.current)==null||s.reset()},1500);return()=>clearTimeout(e)}},[I]);const oe=r.useCallback(async e=>{if(e){const s=e.getCoordinates();Ce(e.getState()),re((s==null?void 0:s.width)??10),ne((s==null?void 0:s.height)??10)}},[]);return t.jsxs(t.Fragment,{children:[t.jsx(Re,{label:f,...G,name:D,className:"mb-0",rules:[be,...G.rules??[]],children:se}),t.jsxs(R.Modal,{open:!!I,maskClosable:!1,onOk:()=>Z(!1),closable:!1,okButtonProps:{loading:_==="crop",disabled:_==="skip-crop"},onCancel:we,footer:(e,{CancelBtn:s,OkBtn:o})=>de?t.jsxs(R.Space,{children:[t.jsx(s,{}),t.jsx(O,{type:"primary",loading:_==="skip-crop",disabled:_==="crop",onClick:()=>Z(!0),children:x("str.skipCrop")}),t.jsx(o,{})]}):t.jsx(t.Fragment,{children:e}),destroyOnHidden:!0,children:[t.jsx(Fe.Cropper,{ref:g,stencilProps:{grid:!0},style:{border:"1px solid black"},src:I,onChange:e=>{oe(e)},aspectRatio:S?{minimum:S,maximum:S}:void 0}),t.jsx("p",{className:"text-center",children:[Se,ye].join(" ⨉ ")}),t.jsx("div",{className:"mt-2 d-flex justify-content-center",children:t.jsxs(R.Space.Compact,{children:[t.jsx(O,{size:"large",tooltip:x("str.rotateLeft"),icon:t.jsx(q.RotateLeftOutlined,{}),onClick:()=>X(!0)}),t.jsx(O,{size:"large",icon:t.jsx(q.RotateRightOutlined,{}),tooltip:x("str.rotateRight"),onClick:()=>X(!1)}),t.jsx(O,{size:"large",icon:t.jsx(Ie,{}),tooltip:x("str.flipHorizontal"),onClick:()=>Y("h")}),t.jsx(O,{size:"large",icon:t.jsx(Oe,{}),tooltip:x("str.flipVertical"),onClick:()=>Y("v")})]})})]}),t.jsx(R.Modal,{open:je,title:pe,footer:null,onCancel:he,children:t.jsx("div",{className:"text-center",children:t.jsx("img",{alt:"example",style:{maxWidth:"400px"},src:fe})})})]})},ue=({_buttonTitle:u,buttonSize:w,buttonType:b,fileList:i,hidePreview:f,icon:D,loading:y,maxCount:S,onChangeFile:N,onRemove:C,showButtonText:F,handlePreview:T,setFileList:$,showLoadingIndicator:z,listType:U="picture"})=>t.jsxs(R.Upload,{accept:"image/x-png,image/gif,image/jpeg",fileList:i,defaultFileList:i,onChange:()=>{},className:(i.length>=S?" hide-upload ":"")+" mb-0",multiple:!1,onPreview:f?void 0:T,onDrop:a=>(N(a.dataTransfer.files.item(0)),!1),listType:U,showUploadList:!f,onRemove:a=>{const k=i.filter(B=>a.uid!==B.uid);C==null||C(a),$(k)},beforeUpload:async a=>(N(a),!1),maxCount:S,children:[z&&t.jsx(q.LoadingOutlined,{}),t.jsx("div",{className:"d-flex flex-column",children:i.length<S&&(U==="picture-circle"?t.jsx(q.UploadOutlined,{}):t.jsx(O,{loading:y,tooltip:F?void 0:u,size:w,icon:D,type:F?b:"text",children:F?u:void 0}))})]},i.length);exports.UploadComponent=ue;exports.default=Ue;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),Ie=require("react-advanced-cropper"),q=require("@ant-design/icons"),R=require("antd"),r=require("react"),ke=require("../../locale/index.cjs.js"),O=require("../button/Button.cjs.js"),le=require("../../util/ImageUtil.cjs.js"),Oe=require("../../icons/FlipHIcon.cjs.js"),Re=require("../../icons/FlipVIcon.cjs.js"),Ue=R.Form.Item,ue="crud-component.image-picker.button-state";function $(u){return new Promise((w,b)=>{const i=new FileReader;i.readAsDataURL(u),i.onload=()=>w(i.result),i.onerror=f=>b(f)})}const Pe=({values:u=[],getRealUrl:w,required:b,buttonType:i,label:f,name:H,onChange:y,aspectRatio:S,buttonTitle:N,hidePreview:F,buttonSize:C="large",showButtonText:T=!0,showOnlyIcon:A=!1,icon:z=t.jsx(q.UploadOutlined,{}),loading:U,maxCount:a=1,onAdd:I,onRemove:B,listType:G,showSkipCropButton:pe,skipCrop:K=!1,skipResize:V,asyncUpload:M,...Q})=>{const[me,fe]=r.useState(""),[ge,je]=r.useState(""),[xe,X]=r.useState(!1),E=r.useRef(),g=r.useRef(null),[d,j]=r.useState([]),[k,L]=r.useState(),he=r.useRef(),ve=()=>X(!1),we=async e=>{!e.url&&!e.preview&&(e.preview=await $(e.originFileObj)),je(e.url||e.preview),X(!0),fe(e.name)},[Y,P]=r.useState(!1),Z=e=>{var s;(s=g.current)==null||s.rotateImage(e?-90:90)},ee=r.useCallback(e=>{var s;g.current&&((s=g.current)==null||s.flipImage(e==="h",e==="v"))},[]);r.useEffect(()=>{y==null||y(d[0],d)},[d,y]);const[_,J]=r.useState(),D=r.useCallback(async e=>{var ae;const{type:s,size:o,name:h,uid:c}=E.current;J(e?"skip-crop":"crop"),P(!0);const v=async n=>{if(I)try{if(P(!0),M)j(l=>a<=1?[n]:[n,...l]),I(n).then(l=>{j(p=>p.map(m=>m.uid===n.uid?{...m,status:"done",response:l??m.response}:m))});else{const l=await I(n),p={...n,response:l??n.response,status:"done"};j(m=>a<=1?[p]:[p,...m])}}finally{P(!1)}else j(l=>a<=1?[n]:[n,...l])};if(e){const n=E.current,l=V?n:await le.resizeImage(n),p=await $(l);await v({url:p,name:h,uid:c,type:s,size:o,thumbUrl:p,originFileObj:l,status:M?"uploading":void 0}),P(!1),L(void 0),J(void 0)}else{const n=(ae=g.current)==null?void 0:ae.getCanvas();n==null||n.toBlob(async l=>{const p=Object.assign(new File([l],h,{type:s}),{uid:c}),m=V?p:await le.resizeImage(p),ce=await $(m);await v({url:ce,name:h,uid:c,type:s,size:o,thumbUrl:ce,originFileObj:m,status:M?"uploading":void 0}),P(!1),L(void 0),J(void 0)})}},[M,a,I,V]),be=()=>{L(void 0),E.current=void 0},te=r.useCallback(e=>{const s=e;if(!s)return;if(E.current=s,K){D(!0);return}const o=new FileReader;o.addEventListener("load",()=>{var h;if(typeof o.result=="string"){L(o.result);const c=localStorage.getItem(ue),v=c?JSON.parse(c):void 0;v&&((h=g.current)==null||h.setState(v)),setTimeout(()=>{ie(g.current)},100)}}),o.readAsDataURL(s)},[D,K]);r.useEffect(()=>{let e=!1;return(async()=>{if(u==null||u===""){e||j([]);return}const o=typeof u=="string"?[u]:u;if(!o.length){e||j([]);return}const h=await Promise.all(o.map(async c=>{const v=w?await w(c):c;return{uid:c,url:v,thumbUrl:v,response:c,name:c.split("/").pop()??c}}));e||j(h)})(),()=>{e=!0}},[u,w]);const{t:x}=ke.useTranslationLib(),Se=r.useMemo(()=>b?{required:b,validator:(e,s,o)=>{k||d!=null&&d.length?o():o(`${f??""} ${x("err.validation.required")}`)}}:void 0,[b,k,d==null?void 0:d.length,f,x]),se=N??x("message.uploadButtonText"),re=r.useMemo(()=>t.jsx(de,{showLoadingIndicator:Y,_buttonTitle:se,buttonSize:C,buttonType:i,fileList:d,hidePreview:F,icon:z,loading:U,listType:G,maxCount:a,onChangeFile:te,onRemove:B,showButtonText:T,handlePreview:we,setFileList:j}),[Y,se,C,i,d,F,z,U,G,a,te,B,T]);he.current=re.props.beforeUpload;const[ye,ne]=r.useState(0),[Fe,oe]=r.useState(0),[W,Ce]=r.useState();r.useEffect(()=>{const e=setTimeout(()=>{W&&localStorage.setItem(ue,JSON.stringify(W))},400);return()=>clearTimeout(e)},[W]),r.useEffect(()=>{if(!k){ne(0),oe(0);const e=setTimeout(()=>{var s;(s=g.current)==null||s.reset()},1500);return()=>clearTimeout(e)}},[k]);const ie=r.useCallback(async e=>{if(e){const s=e.getCoordinates();Ce(e.getState()),ne((s==null?void 0:s.width)??10),oe((s==null?void 0:s.height)??10)}},[]);return t.jsxs(t.Fragment,{children:[t.jsx(Ue,{label:f,...Q,name:H,className:"mb-0",rules:[Se,...Q.rules??[]],children:re}),t.jsxs(R.Modal,{open:!!k,maskClosable:!1,onOk:()=>D(!1),closable:!1,okButtonProps:{loading:_==="crop",disabled:_==="skip-crop"},onCancel:be,footer:(e,{CancelBtn:s,OkBtn:o})=>pe?t.jsxs(R.Space,{children:[t.jsx(s,{}),t.jsx(O,{type:"primary",loading:_==="skip-crop",disabled:_==="crop",onClick:()=>D(!0),children:x("str.skipCrop")}),t.jsx(o,{})]}):t.jsx(t.Fragment,{children:e}),destroyOnHidden:!0,children:[t.jsx(Ie.Cropper,{ref:g,stencilProps:{grid:!0},style:{border:"1px solid black"},src:k,onChange:e=>{ie(e)},aspectRatio:S?{minimum:S,maximum:S}:void 0}),t.jsx("p",{className:"text-center",children:[ye,Fe].join(" ⨉ ")}),t.jsx("div",{className:"mt-2 d-flex justify-content-center",children:t.jsxs(R.Space.Compact,{children:[t.jsx(O,{size:"large",tooltip:x("str.rotateLeft"),icon:t.jsx(q.RotateLeftOutlined,{}),onClick:()=>Z(!0)}),t.jsx(O,{size:"large",icon:t.jsx(q.RotateRightOutlined,{}),tooltip:x("str.rotateRight"),onClick:()=>Z(!1)}),t.jsx(O,{size:"large",icon:t.jsx(Oe,{}),tooltip:x("str.flipHorizontal"),onClick:()=>ee("h")}),t.jsx(O,{size:"large",icon:t.jsx(Re,{}),tooltip:x("str.flipVertical"),onClick:()=>ee("v")})]})})]}),t.jsx(R.Modal,{open:xe,title:me,footer:null,onCancel:ve,children:t.jsx("div",{className:"text-center",children:t.jsx("img",{alt:"example",style:{maxWidth:"400px"},src:ge})})})]})},de=({_buttonTitle:u,buttonSize:w,buttonType:b,fileList:i,hidePreview:f,icon:H,loading:y,maxCount:S,onChangeFile:N,onRemove:F,showButtonText:C,handlePreview:T,setFileList:A,showLoadingIndicator:z,listType:U="picture"})=>t.jsxs(R.Upload,{accept:"image/x-png,image/gif,image/jpeg",fileList:i,defaultFileList:i,onChange:()=>{},className:(i.length>=S?" hide-upload ":"")+" mb-0",multiple:!1,onPreview:f?void 0:T,onDrop:a=>(N(a.dataTransfer.files.item(0)),!1),listType:U,showUploadList:!f,onRemove:a=>{const I=i.filter(B=>a.uid!==B.uid);F==null||F(a),A(I)},beforeUpload:async a=>(N(a),!1),maxCount:S,children:[z&&t.jsx(q.LoadingOutlined,{}),t.jsx("div",{className:"d-flex flex-column",children:i.length<S&&(U==="picture-circle"?t.jsx(q.UploadOutlined,{}):t.jsx(O,{loading:y,tooltip:C?void 0:u,size:w,icon:H,type:C?b:"text",children:C?u:void 0}))})]},i.length);exports.UploadComponent=de;exports.default=Pe;

package/dist/common/picker/ImagePicker.d.ts

@@ -28,6 +28,8 @@ interface Props extends FormItemProps {
     onAdd?: (file?: UploadFileExtended) => Promise<string | void>;
     onRemove?: (file?: UploadFileExtended) => void;
     showSkipCropButton?: boolean;
+    /** When true, skips the crop modal entirely and uploads the original image. */
+    skipCrop?: boolean;
     skipResize?: boolean;
     asyncUpload?: boolean;
 }

package/dist/common/picker/ImagePicker.es.js

@@ -1,72 +1,73 @@
-import { jsx as o, jsxs as U, Fragment as pe } from "react/jsx-runtime";
-import { Cropper as ze } from "react-advanced-cropper";
-import { RotateLeftOutlined as Be, RotateRightOutlined as Re, UploadOutlined as we, LoadingOutlined as Te } from "@ant-design/icons";
-import { Form as Le, Modal as ue, Space as me, Upload as De } from "antd";
-import A, { useRef as G, useState as I, useCallback as _, useEffect as E, useMemo as fe } from "react";
-import { useTranslationLib as He } from "../../locale/index.es.js";
+import { jsx as r, jsxs as U, Fragment as ue } from "react/jsx-runtime";
+import { Cropper as Be } from "react-advanced-cropper";
+import { RotateLeftOutlined as Re, RotateRightOutlined as Te, UploadOutlined as ve, LoadingOutlined as Le } from "@ant-design/icons";
+import { Form as De, Modal as me, Space as fe, Upload as He } from "antd";
+import G, { useRef as K, useState as I, useCallback as E, useEffect as M, useMemo as ge } from "react";
+import { useTranslationLib as Ve } from "../../locale/index.es.js";
 import x from "../button/Button.es.js";
-import ge from "../../util/ImageUtil.es.js";
-import Ve from "../../icons/FlipHIcon.es.js";
-import _e from "../../icons/FlipVIcon.es.js";
-const Ee = Le.Item, he = "crud-component.image-picker.button-state";
-function K(c) {
+import he from "../../util/ImageUtil.es.js";
+import _e from "../../icons/FlipHIcon.es.js";
+import Ee from "../../icons/FlipVIcon.es.js";
+const Me = De.Item, we = "crud-component.image-picker.button-state";
+function Q(c) {
   return new Promise((b, y) => {
     const n = new FileReader();
     n.readAsDataURL(c), n.onload = () => b(n.result), n.onerror = (m) => y(m);
   });
 }
-const et = ({
+const tt = ({
   values: c = [],
   getRealUrl: b,
   required: y,
   buttonType: n,
   label: m,
-  name: M,
+  name: J,
   onChange: C,
   aspectRatio: F,
   buttonTitle: z,
-  hidePreview: k,
-  buttonSize: O = "large",
+  hidePreview: O,
+  buttonSize: k = "large",
   showButtonText: B = !0,
-  showOnlyIcon: Q = !1,
-  icon: R = /* @__PURE__ */ o(we, {}),
+  showOnlyIcon: X = !1,
+  icon: R = /* @__PURE__ */ r(ve, {}),
   loading: N,
   maxCount: s = 1,
   onAdd: S,
   onRemove: T,
-  listType: X,
-  showSkipCropButton: ve,
-  skipResize: J,
+  listType: Y,
+  showSkipCropButton: be,
+  skipCrop: Z = !1,
+  skipResize: W,
   asyncUpload: L,
-  ...Y
+  ...q
 }) => {
-  const [be, ye] = A.useState(""), [Fe, Ie] = A.useState(""), [Ce, Z] = A.useState(!1), D = G(), f = G(null), [d, g] = I([]), [j, H] = I(), ke = G(), Oe = () => Z(!1), Se = async (e) => {
-    !e.url && !e.preview && (e.preview = await K(e.originFileObj)), Ie(e.url || e.preview), Z(!0), ye(e.name);
-  }, [q, P] = I(!1), ee = (e) => {
+  const [ye, Fe] = G.useState(""), [Ie, Ce] = G.useState(""), [Oe, ee] = G.useState(!1), D = K(), f = K(null), [d, g] = I([]), [j, H] = I(), ke = K(), Se = () => ee(!1), je = async (e) => {
+    !e.url && !e.preview && (e.preview = await Q(e.originFileObj)), Ce(e.url || e.preview), ee(!0), Fe(e.name);
+  }, [te, P] = I(!1), re = (e) => {
     var t;
     (t = f.current) == null || t.rotateImage(e ? -90 : 90);
-  }, te = _((e) => {
+  }, oe = E((e) => {
     var t;
     f.current && ((t = f.current) == null || t.flipImage(e === "h", e === "v"));
   }, []);
-  E(() => {
+  M(() => {
     C == null || C(d[0], d);
   }, [d, C]);
-  const [V, W] = I(), oe = _(
+  const [V, $] = I(), _ = E(
     async (e) => {
-      var ce;
+      var de;
       const { type: t, size: i, name: w, uid: a } = D.current;
-      W(e ? "skip-crop" : "crop"), P(!0);
-      const v = async (r) => {
+      $(e ? "skip-crop" : "crop"), P(!0);
+      const v = async (o) => {
         if (S)
           try {
             if (P(!0), L)
               g(
-                (l) => s <= 1 ? [r] : [r, ...l]
-              ), S(r).then((l) => {
+                (l) => s <= 1 ? [o] : [o, ...l]
+              ), S(o).then((l) => {
                 g(
                   (p) => p.map(
-                    (u) => u.uid === r.uid ? {
+                    (u) => u.uid === o.uid ? {
                       ...u,
                       status: "done",
                       response: l ?? u.response
@@ -75,9 +76,9 @@ const et = ({
                 );
               });
             else {
-              const l = await S(r), p = {
-                ...r,
-                response: l ?? r.response,
+              const l = await S(o), p = {
+                ...o,
+                response: l ?? o.response,
                 status: "done"
               };
               g(
@@ -88,10 +89,10 @@ const et = ({
             P(!1);
           }
         else
-          g((l) => s <= 1 ? [r] : [r, ...l]);
+          g((l) => s <= 1 ? [o] : [o, ...l]);
       };
       if (e) {
-        const r = D.current, l = J ? r : await ge.resizeImage(r), p = await K(l);
+        const o = D.current, l = W ? o : await he.resizeImage(o), p = await Q(l);
         await v({
           url: p,
           name: w,
@@ -101,47 +102,52 @@ const et = ({
           thumbUrl: p,
           originFileObj: l,
           status: L ? "uploading" : void 0
-        }), P(!1), H(void 0), W(void 0);
+        }), P(!1), H(void 0), $(void 0);
       } else {
-        const r = (ce = f.current) == null ? void 0 : ce.getCanvas();
-        r == null || r.toBlob(async (l) => {
+        const o = (de = f.current) == null ? void 0 : de.getCanvas();
+        o == null || o.toBlob(async (l) => {
           const p = Object.assign(new File([l], w, { type: t }), {
             uid: a
-          }), u = J ? p : await ge.resizeImage(p), de = await K(u);
+          }), u = W ? p : await he.resizeImage(p), pe = await Q(u);
           await v({
-            url: de,
+            url: pe,
             name: w,
             uid: a,
             type: t,
             size: i,
-            thumbUrl: de,
+            thumbUrl: pe,
             originFileObj: u,
             status: L ? "uploading" : void 0
-          }), P(!1), H(void 0), W(void 0);
+          }), P(!1), H(void 0), $(void 0);
         });
       }
     },
-    [L, s, S, J]
-  ), je = () => {
+    [L, s, S, W]
+  ), xe = () => {
     H(void 0), D.current = void 0;
-  }, re = _((e) => {
-    const t = e;
-    if (t) {
-      D.current = t;
+  }, ie = E(
+    (e) => {
+      const t = e;
+      if (!t) return;
+      if (D.current = t, Z) {
+        _(!0);
+        return;
+      }
       const i = new FileReader();
       i.addEventListener("load", () => {
         var w;
         if (typeof i.result == "string") {
           H(i.result);
-          const a = localStorage.getItem(he), v = a ? JSON.parse(a) : void 0;
+          const a = localStorage.getItem(we), v = a ? JSON.parse(a) : void 0;
           v && ((w = f.current) == null || w.setState(v)), setTimeout(() => {
-            le(f.current);
+            ce(f.current);
           }, 100);
         }
       }), i.readAsDataURL(t);
-    }
-  }, []);
-  E(() => {
+    },
+    [_, Z]
+  );
+  M(() => {
     let e = !1;
     return (async () => {
       if (c == null || c === "") {
@@ -170,7 +176,7 @@ const et = ({
       e = !0;
     };
   }, [c, b]);
-  const { t: h } = He(), xe = fe(
+  const { t: h } = Ve(), Ne = ge(
     () => y ? {
       required: y,
       validator: (e, t, i) => {
@@ -178,53 +184,53 @@ const et = ({
       }
     } : void 0,
     [y, j, d == null ? void 0 : d.length, m, h]
-  ), ie = z ?? h("message.uploadButtonText"), ne = fe(
-    () => /* @__PURE__ */ o(
-      Me,
+  ), ne = z ?? h("message.uploadButtonText"), se = ge(
+    () => /* @__PURE__ */ r(
+      Je,
       {
-        showLoadingIndicator: q,
-        _buttonTitle: ie,
-        buttonSize: O,
+        showLoadingIndicator: te,
+        _buttonTitle: ne,
+        buttonSize: k,
         buttonType: n,
         fileList: d,
-        hidePreview: k,
+        hidePreview: O,
         icon: R,
         loading: N,
-        listType: X,
+        listType: Y,
         maxCount: s,
-        onChangeFile: re,
+        onChangeFile: ie,
         onRemove: T,
         showButtonText: B,
-        handlePreview: Se,
+        handlePreview: je,
         setFileList: g
       }
     ),
     [
-      q,
-      ie,
-      O,
+      te,
+      ne,
+      k,
       n,
       d,
-      k,
+      O,
       R,
       N,
-      X,
+      Y,
       s,
-      re,
+      ie,
       T,
       B
     ]
   );
-  ke.current = ne.props.beforeUpload;
-  const [Ne, se] = I(0), [Pe, ae] = I(0), [$, Ue] = I();
-  E(() => {
+  ke.current = se.props.beforeUpload;
+  const [Pe, ae] = I(0), [Ue, le] = I(0), [A, ze] = I();
+  M(() => {
     const e = setTimeout(() => {
-      $ && localStorage.setItem(he, JSON.stringify($));
+      A && localStorage.setItem(we, JSON.stringify(A));
     }, 400);
     return () => clearTimeout(e);
-  }, [$]), E(() => {
+  }, [A]), M(() => {
     if (!j) {
-      se(0), ae(0);
+      ae(0), le(0);
       const e = setTimeout(() => {
         var t;
         (t = f.current) == null || t.reset();
@@ -232,54 +238,54 @@ const et = ({
       return () => clearTimeout(e);
     }
   }, [j]);
-  const le = _(async (e) => {
+  const ce = E(async (e) => {
     if (e) {
       const t = e.getCoordinates();
-      Ue(e.getState()), se((t == null ? void 0 : t.width) ?? 10), ae((t == null ? void 0 : t.height) ?? 10);
+      ze(e.getState()), ae((t == null ? void 0 : t.width) ?? 10), le((t == null ? void 0 : t.height) ?? 10);
     }
   }, []);
-  return /* @__PURE__ */ U(pe, { children: [
-    /* @__PURE__ */ o(
-      Ee,
+  return /* @__PURE__ */ U(ue, { children: [
+    /* @__PURE__ */ r(
+      Me,
       {
         label: m,
-        ...Y,
-        name: M,
+        ...q,
+        name: J,
         className: "mb-0",
-        rules: [xe, ...Y.rules ?? []],
-        children: ne
+        rules: [Ne, ...q.rules ?? []],
+        children: se
       }
     ),
     /* @__PURE__ */ U(
-      ue,
+      me,
       {
         open: !!j,
         maskClosable: !1,
-        onOk: () => oe(!1),
+        onOk: () => _(!1),
         closable: !1,
         okButtonProps: {
           loading: V === "crop",
           disabled: V === "skip-crop"
         },
-        onCancel: je,
-        footer: (e, { CancelBtn: t, OkBtn: i }) => ve ? /* @__PURE__ */ U(me, { children: [
-          /* @__PURE__ */ o(t, {}),
-          /* @__PURE__ */ o(
+        onCancel: xe,
+        footer: (e, { CancelBtn: t, OkBtn: i }) => be ? /* @__PURE__ */ U(fe, { children: [
+          /* @__PURE__ */ r(t, {}),
+          /* @__PURE__ */ r(
             x,
             {
               type: "primary",
               loading: V === "skip-crop",
               disabled: V === "crop",
-              onClick: () => oe(!0),
+              onClick: () => _(!0),
               children: h("str.skipCrop")
             }
           ),
-          /* @__PURE__ */ o(i, {})
-        ] }) : /* @__PURE__ */ o(pe, { children: e }),
+          /* @__PURE__ */ r(i, {})
+        ] }) : /* @__PURE__ */ r(ue, { children: e }),
         destroyOnHidden: !0,
         children: [
-          /* @__PURE__ */ o(
-            ze,
+          /* @__PURE__ */ r(
+            Be,
             {
               ref: f,
               stencilProps: {
@@ -288,7 +294,7 @@ const et = ({
               style: { border: "1px solid black" },
               src: j,
               onChange: (e) => {
-                le(e);
+                ce(e);
               },
               aspectRatio: F ? {
                 minimum: F,
@@ -296,77 +302,77 @@ const et = ({
               } : void 0
             }
           ),
-          /* @__PURE__ */ o("p", { className: "text-center", children: [Ne, Pe].join(" ⨉ ") }),
-          /* @__PURE__ */ o("div", { className: "mt-2 d-flex justify-content-center", children: /* @__PURE__ */ U(me.Compact, { children: [
-            /* @__PURE__ */ o(
+          /* @__PURE__ */ r("p", { className: "text-center", children: [Pe, Ue].join(" ⨉ ") }),
+          /* @__PURE__ */ r("div", { className: "mt-2 d-flex justify-content-center", children: /* @__PURE__ */ U(fe.Compact, { children: [
+            /* @__PURE__ */ r(
               x,
               {
                 size: "large",
                 tooltip: h("str.rotateLeft"),
-                icon: /* @__PURE__ */ o(Be, {}),
-                onClick: () => ee(!0)
+                icon: /* @__PURE__ */ r(Re, {}),
+                onClick: () => re(!0)
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ r(
               x,
               {
                 size: "large",
-                icon: /* @__PURE__ */ o(Re, {}),
+                icon: /* @__PURE__ */ r(Te, {}),
                 tooltip: h("str.rotateRight"),
-                onClick: () => ee(!1)
+                onClick: () => re(!1)
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ r(
               x,
               {
                 size: "large",
-                icon: /* @__PURE__ */ o(Ve, {}),
+                icon: /* @__PURE__ */ r(_e, {}),
                 tooltip: h("str.flipHorizontal"),
-                onClick: () => te("h")
+                onClick: () => oe("h")
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ r(
               x,
               {
                 size: "large",
-                icon: /* @__PURE__ */ o(_e, {}),
+                icon: /* @__PURE__ */ r(Ee, {}),
                 tooltip: h("str.flipVertical"),
-                onClick: () => te("v")
+                onClick: () => oe("v")
               }
             )
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ o(
-      ue,
+    /* @__PURE__ */ r(
+      me,
       {
-        open: Ce,
-        title: be,
+        open: Oe,
+        title: ye,
         footer: null,
-        onCancel: Oe,
-        children: /* @__PURE__ */ o("div", { className: "text-center", children: /* @__PURE__ */ o("img", { alt: "example", style: { maxWidth: "400px" }, src: Fe }) })
+        onCancel: Se,
+        children: /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("img", { alt: "example", style: { maxWidth: "400px" }, src: Ie }) })
       }
     )
   ] });
-}, Me = ({
+}, Je = ({
   _buttonTitle: c,
   buttonSize: b,
   buttonType: y,
   fileList: n,
   hidePreview: m,
-  icon: M,
+  icon: J,
   loading: C,
   maxCount: F,
   onChangeFile: z,
-  onRemove: k,
-  showButtonText: O,
+  onRemove: O,
+  showButtonText: k,
   handlePreview: B,
-  setFileList: Q,
+  setFileList: X,
   showLoadingIndicator: R,
   listType: N = "picture"
 }) => /* @__PURE__ */ U(
-  De,
+  He,
   {
     accept: "image/x-png,image/gif,image/jpeg",
     fileList: n,
@@ -381,21 +387,21 @@ const et = ({
     showUploadList: !m,
     onRemove: (s) => {
       const S = n.filter((T) => s.uid !== T.uid);
-      k == null || k(s), Q(S);
+      O == null || O(s), X(S);
     },
     beforeUpload: async (s) => (z(s), !1),
     maxCount: F,
     children: [
-      R && /* @__PURE__ */ o(Te, {}),
-      /* @__PURE__ */ o("div", { className: "d-flex flex-column", children: n.length < F && (N === "picture-circle" ? /* @__PURE__ */ o(we, {}) : /* @__PURE__ */ o(
+      R && /* @__PURE__ */ r(Le, {}),
+      /* @__PURE__ */ r("div", { className: "d-flex flex-column", children: n.length < F && (N === "picture-circle" ? /* @__PURE__ */ r(ve, {}) : /* @__PURE__ */ r(
         x,
         {
           loading: C,
-          tooltip: O ? void 0 : c,
+          tooltip: k ? void 0 : c,
           size: b,
-          icon: M,
-          type: O ? y : "text",
-          children: O ? c : void 0
+          icon: J,
+          type: k ? y : "text",
+          children: k ? c : void 0
         }
       )) })
     ]
@@ -403,6 +409,6 @@ const et = ({
   n.length
 );
 export {
-  Me as UploadComponent,
-  et as default
+  Je as UploadComponent,
+  tt as default
 };

package/dist/crud/CrudField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("antd"),T=require("react"),Y=require("react-highlight-words"),Z=require("../locale/index.cjs.js"),ee=require("./FileCrudField.cjs.js"),re=require("./ImageCrudField.cjs.js"),te=require("../common/check-box/CheckBox.cjs.js"),ne=require("../common/date-picker/DatePicker.cjs.js"),ae=require("../common/date-picker/TimePicker.cjs.js"),D=require("../common/select/SelectComponent.cjs.js"),oe=require("../common/text-field/NumberField.cjs.js"),le=require("../common/text-field/PhoneNumberField.cjs.js"),se=require("../common/text-field/TextField.cjs.js"),ie=require("../common/tooltip/TooltipComponent.cjs.js"),de=require("./CrudTextAreaComponent.cjs.js"),_=require("../util/CrudUtil.cjs.js"),E=require("../context/CrudSearchContext.cjs.js");function ce(F){const{label:s,name:d,type:c,required:h,hidden:O,rules:b=[],updatable:m=!0,readonly:y=!1,fieldClassName:f,customFormFieldRender:k,fieldTooltip:S,fieldHelper:C,formLayoutProps:q,...r}=F,l=p.Form.useFormInstance();T.useEffect(()=>{if(c==="select"){const{items:a=[],onSearch:o,searchOnType:u}=r;!(a!=null&&a.length)&&!u&&(o==null||o(void 0,l,r==null?void 0:r.updatingValue))}},[l,r,c,r==null?void 0:r.updatingValue]);const R=E.useCrudSearchContext(),x=T.useCallback((a,o)=>{R&&R.search(),!y&&o&&o(a,l)},[R,y,l]);if(y||O)return e.jsx(e.Fragment,{});if(k)return k(l,F);switch(c){case"text":case"email":case"password":{const{maxLength:a,onChange:o,placeholder:u,addonAfter:v,addonBefore:i}=r;return e.jsx(se.default,{...q,maxLength:a,placeholder:u,disabled:!m,rules:b,required:h,onChange:o?N=>o(N,l):void 0,type:c,name:d,tooltip:S,label:s,className:f,autoComplete:"new-password",addonAfter:v,addonBefore:i,help:C})}case"phone":{const{onChange:a,placeholder:o,addonAfter:u,addonBefore:v}=r;return e.jsx(le,{...r,...q,placeholder:o,disabled:!m,rules:b,required:h,onChange:a?i=>a(i,l):void 0,type:c,name:d,tooltip:S,label:s,className:f,autoComplete:"new-password",addonAfter:u,addonBefore:v,help:C})}case"number":{const{onChange:a,placeholder:o,allowMinus:u,min:v,max:i,addonAfter:N,addonBefore:w,int:P,step:n,changeOnWheel:j=!1}=r;return e.jsx(oe,{...q,step:n,changeOnWheel:j,placeholder:o,disabled:!m,moneyField:!!r.formatted,type:c,onChange:a?H=>a(H,l):void 0,rules:b,autoComplete:"false",required:h,tooltip:S,className:f,min:u?null:v,max:i,addonAfter:N,addonBefore:w,name:d,label:s,help:C,isInt:P})}case"date":{const{range:a,disableToday:o,disabledFutureDays:u,disabledPastDays:v,onChange:i,placeholder:N,format:w}=r;return e.jsx(ne,{...q,placeholder:N,required:h,disabled:!m,type:c,format:w,tooltip:S,range:a,name:d,label:s,onChange:x,className:f,disableToday:o,disabledFutureDays:u,disabledPastDays:v,help:C})}case"time":{const{range:a=!1,disableCurrent:o,disabledFuture:u,disabledPast:v,onChange:i,use12Hours:N,format:w,placeholder:P}=r;return e.jsx(ae,{...q,placeholder:P,required:h,format:w,disabled:!m,type:c,tooltip:S,range:a,use12Hours:N,name:d,label:s,onChange:x,className:f,disableCurrent:o,disabledFuture:u,disabledPast:v,help:C})}case"textarea":return e.jsx(de,{...F});case"image":return e.jsx(re.default,{...r,required:h,name:d,label:s,rules:b,fieldHelper:C,fieldClassName:f,onRemoved:r.onRemoved,onUploading:r.onUploading,provider:r.provider});case"file":return e.jsx(ee.default,{...r,required:h,name:d,label:s,rules:b,fieldHelper:C,fieldClassName:f,onRemoved:r.onRemoved,onUploading:r.onUploading,provider:r.provider});case"select":return e.jsx($,{...r,required:h,name:d,label:s,rules:b,fieldClassName:f,form:l,help:C,updatable:m,readonly:y,fieldTooltip:S,fieldHelper:C});case"enum":return e.jsx(W,{...F});case"checkbox":{const{onChange:a,switch:o}=r;return e.jsx(te,{...q,className:f,rules:b,onChange:x,label:s,tooltip:S,disabled:!m,name:d,help:C,switch:o})}case"color":return e.jsx(z,{...r,type:"color",required:h,name:d,label:s,rules:b,fieldClassName:f,updatable:m,readonly:y,fieldTooltip:S,fieldHelper:C});default:return e.jsx(e.Fragment,{children:`${c} Not Implemented`})}}function W(F){const s=p.Form.useFormInstance(),{label:d,name:c,type:h,required:O,hidden:b,rules:m=[],updatable:y=!0,readonly:f=!1,fieldClassName:k,customFormFieldRender:S,fieldTooltip:C,fieldHelper:q,formLayoutProps:r,...l}=F,{t:R}=Z.useTranslationLibNoNS(),{enum:x,translation:a,onChange:o,onSearch:u,multiple:v,tagRender:i}=l,N=Array.isArray(x)?x:Object.keys(x),w=E.useCrudSearchContext(),P=T.useCallback(n=>{w&&w.search(),!f&&o&&o(n,s)},[w,f,o,s]);return"radio"in l&&l.radio?e.jsx(p.Form.Item,{...l,...r,name:c,required:O,tooltip:C,rules:m,label:d,className:["w-100",k].join(" "),help:q,children:e.jsx(p.Radio.Group,{...l,onChange:n=>{var j;return P((j=n==null?void 0:n.target)==null?void 0:j.value)},children:N.map(n=>e.jsx(p.Radio,{disabled:!y,value:n,children:a?R(a[n]):n},n))})}):"checkbox"in l&&l.checkbox?e.jsx(p.Form.Item,{...l,...r,name:c,required:O,tooltip:C,rules:m,label:d,className:["w-100",k].join(" "),help:q,children:e.jsx(p.Checkbox.Group,{className:"w-100",onChange:P,children:N.map(n=>{const j=e.jsx(p.Checkbox,{disabled:!y,value:n,children:a?R(a[n]):n},n);return"checkboxGrid"in l&&l.checkboxGrid?e.jsx(p.Col,{...l.checkboxGrid,children:j}):j})})}):e.jsx(D,{...l,...r,notSearch:!0,tagRender:typeof i=="function"?i:i?n=>{const{value:j,label:H}=n,I=i[j];return I?e.jsx(p.Tag,{color:I.color,children:H}):e.jsx(p.Tag,{children:H})}:void 0,onChange:P,className:["w-100",k].join(" "),name:c,items:N,required:O,tooltip:C,rules:m,label:d,help:q,disabled:!y,onSearch:u?n=>u(n,s):void 0,allowClear:!0,mode:v?"multiple":void 0,showLoadingInEmptyIndicator:!0,itemBuilder:n=>e.jsx(p.Select.Option,{value:n,children:a?R(a[n]):n},n)})}function $(F){const{items:s=[],loading:d,searchOnType:c,onSearch:h,multiple:O,onChange:b,highlightSearch:m,required:y,fieldClassName:f,rules:k,fieldTooltip:S,updatable:C,label:q,name:r,tagRender:l,updatingValue:R,onSet:x,placeholder:a,allowClear:o=!0,selectOptionRender:u,formLayoutProps:v}=F,i=F.form,[N,w]=T.useState(""),P=T.useMemo(()=>_.getRealName(r),[r]),n=T.useMemo(()=>_.getRealName(r,"upsertFieldName"),[r]),j=p.Form.useWatch(P,i),[H,I]=T.useState(!0);T.useEffect(()=>{x&&H&&j&&(x==null||x(j,s,i),I(!1))},[H,i,s,P,x,j]),T.useEffect(()=>{j&&I(!0)},[j]);const J=T.useCallback(async t=>{w(t),c&&(h==null||h(t,i,R))},[i,h,c,R]),K=T.useCallback(t=>u?u(t):t.value,[u]),L=E.useCrudSearchContext(),Q=T.useCallback(t=>{L&&L.search(),b&&(w(""),b(t,i))},[L,b,i]);return e.jsx(D,{...F,...v,showLoadingInEmptyIndicator:!0,maxTagCount:"responsive",maxTagPlaceholder:t=>e.jsxs(ie,{title:e.jsx(e.Fragment,{children:t.map(g=>e.jsxs(e.Fragment,{children:[g.label," ",e.jsx("br",{})]}))}),children:["+",t==null?void 0:t.length]}),placeholder:a,onSelect:t=>{x==null||x(t==null?void 0:t.key,s,i)},onChange:Q,mode:O?"multiple":void 0,className:["w-100",f].join(" "),name:n,items:s,required:y,tooltip:S,tagRender:l,rules:k,disabled:!C,label:q,allowClear:o,onSearch:J,loading:d,filterOption:m?(t,g)=>{var A,B,G;try{const M=t.toLowerCase().split(/\s+/),V=((typeof(g==null?void 0:g.children)=="string"?g==null?void 0:g.children:(B=(A=g==null?void 0:g.children)==null?void 0:A.props)==null?void 0:B.textToHighlight)??"").toLowerCase(),X=(((G=g==null?void 0:g.value)==null?void 0:G.toString())??"").toLowerCase();return M.every(U=>V.indexOf(U)>=0||X.indexOf(U)>=0)}catch{return!0}}:void 0,itemBuilder:m?t=>{const g=t.value?String(t.value):void 0;return e.jsx(p.Select.Option,{value:t.key,title:g,disabled:t.disabled,children:e.jsx(Y,{highlightClassName:"highlight-text",searchWords:(N??"").split(" "),autoEscape:!0,textToHighlight:g??""})},t.key)}:t=>e.jsx(p.Select.Option,{value:t.key,title:t.value,disabled:t.disabled,children:K(t)},t.key)})}function z(F){const{formLayoutProps:s,required:d,fieldClassName:c,rules:h,fieldTooltip:O,updatable:b,label:m,name:y,fieldHelper:f}=F;return e.jsx(p.Form.Item,{...s,label:m,name:y,required:d,rules:h,tooltip:O,help:f,getValueFromEvent:k=>typeof k=="object"?k.toHexString():k,children:e.jsx(p.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:c,disabled:!b,...F.innerProps})})}exports.ColorCrudFieldComponent=z;exports.EnumCrudFieldComponent=W;exports.SelectCrudFieldComponent=$;exports.default=ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("antd"),T=require("react"),Y=require("react-highlight-words"),Z=require("../locale/index.cjs.js"),ee=require("./FileCrudField.cjs.js"),te=require("./ImageCrudField.cjs.js"),re=require("../common/check-box/CheckBox.cjs.js"),ne=require("../common/date-picker/DatePicker.cjs.js"),ae=require("../common/date-picker/TimePicker.cjs.js"),D=require("../common/select/SelectComponent.cjs.js"),oe=require("../common/text-field/NumberField.cjs.js"),le=require("../common/text-field/PhoneNumberField.cjs.js"),se=require("../common/text-field/TextField.cjs.js"),ie=require("../common/tooltip/TooltipComponent.cjs.js"),de=require("./CrudTextAreaComponent.cjs.js"),_=require("../util/CrudUtil.cjs.js"),E=require("../context/CrudSearchContext.cjs.js");function ce(F){const{label:s,name:d,type:c,required:h,hidden:O,rules:b=[],updatable:m=!0,readonly:y=!1,fieldClassName:f,customFormFieldRender:k,fieldTooltip:S,fieldHelper:p,formLayoutProps:q,...t}=F,l=g.Form.useFormInstance();T.useEffect(()=>{if(c==="select"){const{items:a=[],onSearch:o,searchOnType:u}=t;!(a!=null&&a.length)&&!u&&(o==null||o(void 0,l,t==null?void 0:t.updatingValue))}},[l,t,c,t==null?void 0:t.updatingValue]);const R=E.useCrudSearchContext(),x=T.useCallback((a,o)=>{R&&R.search(),!y&&o&&o(a,l)},[R,y,l]);if(y||O)return e.jsx(e.Fragment,{});if(k)return k(l,F);switch(c){case"text":case"email":case"password":{const{maxLength:a,onChange:o,placeholder:u,addonAfter:v,addonBefore:i}=t;return e.jsx(se.default,{...q,maxLength:a,placeholder:u,disabled:!m,rules:b,required:h,onChange:o?N=>o(N,l):void 0,type:c,name:d,tooltip:S,label:s,className:f,autoComplete:"new-password",addonAfter:v,addonBefore:i,help:p})}case"phone":{const{onChange:a,placeholder:o,addonAfter:u,addonBefore:v}=t;return e.jsx(le,{...t,...q,placeholder:o,disabled:!m,rules:b,required:h,onChange:a?i=>a(i,l):void 0,type:c,name:d,tooltip:S,label:s,className:f,autoComplete:"new-password",addonAfter:u,addonBefore:v,help:p})}case"number":{const{onChange:a,placeholder:o,allowMinus:u,min:v,max:i,addonAfter:N,addonBefore:w,int:P,step:n,changeOnWheel:j=!1}=t;return e.jsx(oe,{...q,step:n,changeOnWheel:j,placeholder:o,disabled:!m,moneyField:!!t.formatted,type:c,onChange:a?H=>a(H,l):void 0,rules:b,autoComplete:"false",required:h,tooltip:S,className:f,min:u?null:v,max:i,addonAfter:N,addonBefore:w,name:d,label:s,help:p,isInt:P})}case"date":{const{range:a,disableToday:o,disabledFutureDays:u,disabledPastDays:v,onChange:i,placeholder:N,format:w}=t;return e.jsx(ne,{...q,placeholder:N,required:h,disabled:!m,type:c,format:w,tooltip:S,range:a,name:d,label:s,onChange:x,className:f,disableToday:o,disabledFutureDays:u,disabledPastDays:v,help:p})}case"time":{const{range:a=!1,disableCurrent:o,disabledFuture:u,disabledPast:v,onChange:i,use12Hours:N,format:w,placeholder:P}=t;return e.jsx(ae,{...q,placeholder:P,required:h,format:w,disabled:!m,type:c,tooltip:S,range:a,use12Hours:N,name:d,label:s,onChange:x,className:f,disableCurrent:o,disabledFuture:u,disabledPast:v,help:p})}case"textarea":return e.jsx(de,{...F});case"image":return e.jsx(te.default,{...t,required:h,name:d,label:s,rules:b,fieldHelper:p,fieldClassName:f,onRemoved:t.onRemoved,onUploadComplete:t.onUploadComplete,onUploading:t.onUploading,provider:t.provider});case"file":return e.jsx(ee.default,{...t,required:h,name:d,label:s,rules:b,fieldHelper:p,fieldClassName:f,onRemoved:t.onRemoved,onUploadComplete:t.onUploadComplete,onUploading:t.onUploading,provider:t.provider});case"select":return e.jsx($,{...t,required:h,name:d,label:s,rules:b,fieldClassName:f,form:l,help:p,updatable:m,readonly:y,fieldTooltip:S,fieldHelper:p});case"enum":return e.jsx(W,{...F});case"checkbox":{const{onChange:a,switch:o}=t;return e.jsx(re,{...q,className:f,rules:b,onChange:x,label:s,tooltip:S,disabled:!m,name:d,help:p,switch:o})}case"color":return e.jsx(z,{...t,type:"color",required:h,name:d,label:s,rules:b,fieldClassName:f,updatable:m,readonly:y,fieldTooltip:S,fieldHelper:p});default:return e.jsx(e.Fragment,{children:`${c} Not Implemented`})}}function W(F){const s=g.Form.useFormInstance(),{label:d,name:c,type:h,required:O,hidden:b,rules:m=[],updatable:y=!0,readonly:f=!1,fieldClassName:k,customFormFieldRender:S,fieldTooltip:p,fieldHelper:q,formLayoutProps:t,...l}=F,{t:R}=Z.useTranslationLibNoNS(),{enum:x,translation:a,onChange:o,onSearch:u,multiple:v,tagRender:i}=l,N=Array.isArray(x)?x:Object.keys(x),w=E.useCrudSearchContext(),P=T.useCallback(n=>{w&&w.search(),!f&&o&&o(n,s)},[w,f,o,s]);return"radio"in l&&l.radio?e.jsx(g.Form.Item,{...l,...t,name:c,required:O,tooltip:p,rules:m,label:d,className:["w-100",k].join(" "),help:q,children:e.jsx(g.Radio.Group,{...l,onChange:n=>{var j;return P((j=n==null?void 0:n.target)==null?void 0:j.value)},children:N.map(n=>e.jsx(g.Radio,{disabled:!y,value:n,children:a?R(a[n]):n},n))})}):"checkbox"in l&&l.checkbox?e.jsx(g.Form.Item,{...l,...t,name:c,required:O,tooltip:p,rules:m,label:d,className:["w-100",k].join(" "),help:q,children:e.jsx(g.Checkbox.Group,{className:"w-100",onChange:P,children:N.map(n=>{const j=e.jsx(g.Checkbox,{disabled:!y,value:n,children:a?R(a[n]):n},n);return"checkboxGrid"in l&&l.checkboxGrid?e.jsx(g.Col,{...l.checkboxGrid,children:j}):j})})}):e.jsx(D,{...l,...t,notSearch:!0,tagRender:typeof i=="function"?i:i?n=>{const{value:j,label:H}=n,I=i[j];return I?e.jsx(g.Tag,{color:I.color,children:H}):e.jsx(g.Tag,{children:H})}:void 0,onChange:P,className:["w-100",k].join(" "),name:c,items:N,required:O,tooltip:p,rules:m,label:d,help:q,disabled:!y,onSearch:u?n=>u(n,s):void 0,allowClear:!0,mode:v?"multiple":void 0,showLoadingInEmptyIndicator:!0,itemBuilder:n=>e.jsx(g.Select.Option,{value:n,children:a?R(a[n]):n},n)})}function $(F){const{items:s=[],loading:d,searchOnType:c,onSearch:h,multiple:O,onChange:b,highlightSearch:m,required:y,fieldClassName:f,rules:k,fieldTooltip:S,updatable:p,label:q,name:t,tagRender:l,updatingValue:R,onSet:x,placeholder:a,allowClear:o=!0,selectOptionRender:u,formLayoutProps:v}=F,i=F.form,[N,w]=T.useState(""),P=T.useMemo(()=>_.getRealName(t),[t]),n=T.useMemo(()=>_.getRealName(t,"upsertFieldName"),[t]),j=g.Form.useWatch(P,i),[H,I]=T.useState(!0);T.useEffect(()=>{x&&H&&j&&(x==null||x(j,s,i),I(!1))},[H,i,s,P,x,j]),T.useEffect(()=>{j&&I(!0)},[j]);const J=T.useCallback(async r=>{w(r),c&&(h==null||h(r,i,R))},[i,h,c,R]),K=T.useCallback(r=>u?u(r):r.value,[u]),L=E.useCrudSearchContext(),Q=T.useCallback(r=>{L&&L.search(),b&&(w(""),b(r,i))},[L,b,i]);return e.jsx(D,{...F,...v,showLoadingInEmptyIndicator:!0,maxTagCount:"responsive",maxTagPlaceholder:r=>e.jsxs(ie,{title:e.jsx(e.Fragment,{children:r.map(C=>e.jsxs(e.Fragment,{children:[C.label," ",e.jsx("br",{})]}))}),children:["+",r==null?void 0:r.length]}),placeholder:a,onSelect:r=>{x==null||x(r==null?void 0:r.key,s,i)},onChange:Q,mode:O?"multiple":void 0,className:["w-100",f].join(" "),name:n,items:s,required:y,tooltip:S,tagRender:l,rules:k,disabled:!p,label:q,allowClear:o,onSearch:J,loading:d,filterOption:m?(r,C)=>{var U,A,B;try{const G=r.toLowerCase().split(/\s+/),V=((typeof(C==null?void 0:C.children)=="string"?C==null?void 0:C.children:(A=(U=C==null?void 0:C.children)==null?void 0:U.props)==null?void 0:A.textToHighlight)??"").toLowerCase(),X=(((B=C==null?void 0:C.value)==null?void 0:B.toString())??"").toLowerCase();return G.every(M=>V.indexOf(M)>=0||X.indexOf(M)>=0)}catch{return!0}}:void 0,itemBuilder:m?r=>{const C=r.value?String(r.value):void 0;return e.jsx(g.Select.Option,{value:r.key,title:C,disabled:r.disabled,children:e.jsx(Y,{highlightClassName:"highlight-text",searchWords:(N??"").split(" "),autoEscape:!0,textToHighlight:C??""})},r.key)}:r=>e.jsx(g.Select.Option,{value:r.key,title:r.value,disabled:r.disabled,children:K(r)},r.key)})}function z(F){const{formLayoutProps:s,required:d,fieldClassName:c,rules:h,fieldTooltip:O,updatable:b,label:m,name:y,fieldHelper:f}=F;return e.jsx(g.Form.Item,{...s,label:m,name:y,required:d,rules:h,tooltip:O,help:f,getValueFromEvent:k=>typeof k=="object"?k.toHexString():k,children:e.jsx(g.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:c,disabled:!b,...F.innerProps})})}exports.ColorCrudFieldComponent=z;exports.EnumCrudFieldComponent=W;exports.SelectCrudFieldComponent=$;exports.default=ce;