@kingteza/crud-component 1.39.0 → 1.40.0

package/dist/common/text-field/NumberField.cjs.js

@@ -1 +1 @@
-"use strict";const d=require("react/jsx-runtime"),N=require("antd"),i=require("react"),G=require("../../locale/index.cjs.js"),H=require("../tooltip/TooltipComponent.cjs.js"),U=require("./TextField.cjs.js"),R=/\D/g,_=/\B(?=(\d{3})+(?!\d))/g,V=/\$\s?|(,*)/g,z=new Set(["e","E","."]);function J(e,t,s){return`${e??t??""} ${s}`.trim()}function Q(e){if(e==null)return"";const t=String(e);if(!t.includes("."))return t.replace(_,",");const[s,...o]=t.split(".");return[s.replace(_,","),...o].join(".")}function W(e){return(e==null?void 0:e.replace(V,""))??""}function X(e,t){return e==null?"":String(e).replace(t,"")}function Z(e,t){return e==null?"":e.replace(t,"")}const ee=i.forwardRef(function({type:t,required:s,label:o,rules:p=[],placeholder:l,onEnter:m,form:g,nextFocus:E,min:T,moneyField:u,addonAfter:b,minLength:h,defaultValue:v,pattern:w,disabled:M,readOnly:P,onChange:S,value:q,max:y,addonBefore:D,size:L,isInt:n=!1,tooltip:C,help:I,step:O,...j},A){const{t:f}=G.useTranslationLib(),c=T===null,a=n&&!c,k=l??o,K=i.useMemo(()=>{const r=[...p,{required:s,message:J(o,l,f("err.validation.required"))}];return n&&r.push({type:"number",validator:async(re,x)=>{if(!(x==null||Number.isInteger(x)))throw new Error(f("err.validation.integer"))}}),r},[p,o,l,f,s,n]),$=i.useMemo(()=>{if(u)return Q;if(a)return r=>X(r,R)},[u,a]),B=i.useMemo(()=>{if(u)return W;if(a)return r=>Z(r,R)},[u,a]),Y=i.useCallback(r=>U.onEnterInternalTextField(r,E,g,m),[E,g,m]),F=i.useCallback(r=>{if(!c&&r.key==="-"){r.preventDefault();return}z.has(r.key)&&r.preventDefault()},[c]);return d.jsx(H,{title:C,children:d.jsx(N.Form.Item,{...j,label:o,rules:K,help:I,children:d.jsx(N.InputNumber,{ref:A,disabled:M,defaultValue:v,value:q,readOnly:P,addonBefore:D,minLength:h,addonAfter:b,step:n?1:O,inputMode:n?"numeric":void 0,pattern:n?c?"-?[0-9]*":"[0-9]*":w,precision:n?0:void 0,onChange:S,onPressEnter:Y,className:"max-width",min:c?void 0:T??0,max:y,type:u?void 0:"number",size:L,formatter:$,parser:B,onKeyDown:n?F:void 0,placeholder:k})})})});module.exports=ee;
+"use strict";const p=require("react/jsx-runtime"),R=require("antd"),o=require("react"),H=require("../../locale/index.cjs.js"),U=require("../tooltip/TooltipComponent.cjs.js"),V=require("./TextField.cjs.js"),_=/\D/g,b=/\B(?=(\d{3})+(?!\d))/g,z=/\$\s?|(,*)/g,J=new Set(["e","E","."]);function Q(e,t,c){return`${e??t??""} ${c}`.trim()}function W(e){if(e==null)return"";const t=String(e);if(!t.includes("."))return t.replace(b,",");const[c,...s]=t.split(".");return[c.replace(b,","),...s].join(".")}function X(e){return(e==null?void 0:e.replace(z,""))??""}function Z(e,t){return e==null?"":String(e).replace(t,"")}function ee(e,t){return e==null?"":e.replace(t,"")}const re=o.forwardRef(function({changeOnWheel:t,type:c,required:s,label:a,rules:m=[],placeholder:f,onEnter:g,form:E,nextFocus:T,min:x,moneyField:i,addonAfter:h,minLength:v,defaultValue:w,pattern:M,disabled:P,readOnly:S,onChange:q,value:y,max:D,addonBefore:L,size:C,isInt:n=!1,tooltip:I,help:O,step:j,...A},k){const{t:d}=H.useTranslationLib(),u=x===null,l=n&&!u,K=f??a,$=o.useMemo(()=>{const r=[...m,{required:s,message:Q(a,f,d("err.validation.required"))}];return n&&r.push({type:"number",validator:async(te,N)=>{if(!(N==null||Number.isInteger(N)))throw new Error(d("err.validation.integer"))}}),r},[m,a,f,d,s,n]),B=o.useMemo(()=>{if(i)return W;if(l)return r=>Z(r,_)},[i,l]),Y=o.useMemo(()=>{if(i)return X;if(l)return r=>ee(r,_)},[i,l]),F=o.useCallback(r=>V.onEnterInternalTextField(r,T,E,g),[T,E,g]),G=o.useCallback(r=>{if(!u&&r.key==="-"){r.preventDefault();return}J.has(r.key)&&r.preventDefault()},[u]);return p.jsx(U,{title:I,children:p.jsx(R.Form.Item,{...A,label:a,rules:$,help:O,children:p.jsx(R.InputNumber,{ref:k,changeOnWheel:t,disabled:P,defaultValue:w,value:y,readOnly:S,addonBefore:L,minLength:v,addonAfter:h,step:n?1:j,inputMode:n?"numeric":void 0,pattern:n?u?"-?[0-9]*":"[0-9]*":M,precision:n?0:void 0,onChange:q,onPressEnter:F,className:"max-width",min:u?void 0:x??0,max:D,type:i?void 0:"number",size:C,formatter:B,parser:Y,onKeyDown:n?G:void 0,placeholder:K})})})});module.exports=re;

package/dist/common/text-field/NumberField.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { TextFieldProps } from './TextField';
 export interface NumberTextFieldProps extends TextFieldProps {
     moneyField?: boolean;
+    changeOnWheel?: boolean;
     addonAfter?: ReactNode;
     minLength?: number;
     isInt?: boolean;

package/dist/common/text-field/NumberField.es.js

@@ -1,129 +1,131 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Form as H, InputNumber as U } from "antd";
-import { forwardRef as V, useMemo as p, useCallback as _ } from "react";
-import { useTranslationLib as z } from "../../locale/index.es.js";
-import F from "../tooltip/TooltipComponent.es.js";
-import { onEnterInternalTextField as J } from "./TextField.es.js";
-const h = /\D/g, v = /\B(?=(\d{3})+(?!\d))/g, Q = /\$\s?|(,*)/g, W = /* @__PURE__ */ new Set(["e", "E", "."]);
-function X(r, e, i) {
-  return `${r ?? e ?? ""} ${i}`.trim();
+import { jsx as p } from "react/jsx-runtime";
+import { Form as U, InputNumber as V } from "antd";
+import { forwardRef as z, useMemo as m, useCallback as h } from "react";
+import { useTranslationLib as F } from "../../locale/index.es.js";
+import J from "../tooltip/TooltipComponent.es.js";
+import { onEnterInternalTextField as Q } from "./TextField.es.js";
+const v = /\D/g, w = /\B(?=(\d{3})+(?!\d))/g, W = /\$\s?|(,*)/g, X = /* @__PURE__ */ new Set(["e", "E", "."]);
+function Z(r, e, u) {
+  return `${r ?? e ?? ""} ${u}`.trim();
 }
-function Z(r) {
+function rr(r) {
   if (r == null) return "";
   const e = String(r);
   if (!e.includes("."))
-    return e.replace(v, ",");
-  const [i, ...o] = e.split(".");
-  return [i.replace(v, ","), ...o].join(".");
+    return e.replace(w, ",");
+  const [u, ...o] = e.split(".");
+  return [u.replace(w, ","), ...o].join(".");
 }
-function rr(r) {
-  return (r == null ? void 0 : r.replace(Q, "")) ?? "";
+function tr(r) {
+  return (r == null ? void 0 : r.replace(W, "")) ?? "";
 }
-function tr(r, e) {
+function er(r, e) {
   return r == null ? "" : String(r).replace(e, "");
 }
-function er(r, e) {
+function nr(r, e) {
   return r == null ? "" : r.replace(e, "");
 }
-const fr = V(
+const lr = z(
   function({
-    type: e,
-    required: i,
-    label: o,
-    rules: m = [],
-    placeholder: a,
-    onEnter: d,
-    form: g,
-    nextFocus: E,
-    min: N,
-    moneyField: s,
-    addonAfter: w,
-    minLength: P,
-    defaultValue: R,
-    pattern: S,
-    disabled: b,
-    readOnly: y,
-    onChange: D,
-    value: L,
-    max: I,
-    addonBefore: M,
-    size: O,
+    changeOnWheel: e,
+    type: u,
+    required: o,
+    label: c,
+    rules: d = [],
+    placeholder: f,
+    onEnter: g,
+    form: E,
+    nextFocus: N,
+    min: T,
+    moneyField: i,
+    addonAfter: P,
+    minLength: R,
+    defaultValue: S,
+    pattern: b,
+    disabled: y,
+    readOnly: D,
+    onChange: L,
+    value: I,
+    max: M,
+    addonBefore: O,
+    size: x,
     isInt: n = !1,
-    tooltip: x,
-    help: A,
-    step: C,
-    ...K
-  }, k) {
-    const { t: f } = z(), u = N === null, c = n && !u, $ = a ?? o, j = p(() => {
+    tooltip: A,
+    help: C,
+    step: K,
+    ...k
+  }, $) {
+    const { t: l } = F(), s = T === null, a = n && !s, j = f ?? c, B = m(() => {
       const t = [
-        ...m,
+        ...d,
         {
-          required: i,
-          message: X(
-            o,
-            a,
-            f("err.validation.required")
+          required: o,
+          message: Z(
+            c,
+            f,
+            l("err.validation.required")
           )
         }
       ];
       return n && t.push({
         type: "number",
-        validator: async (nr, T) => {
-          if (!(T == null || Number.isInteger(T)))
-            throw new Error(f("err.validation.integer"));
+        validator: async (or, _) => {
+          if (!(_ == null || Number.isInteger(_)))
+            throw new Error(l("err.validation.integer"));
         }
       }), t;
-    }, [m, o, a, f, i, n]), B = p(() => {
-      if (s) return Z;
-      if (c)
-        return (t) => tr(t, h);
-    }, [s, c]), Y = p(() => {
-      if (s) return rr;
-      if (c)
-        return (t) => er(t, h);
-    }, [s, c]), q = _(
-      (t) => J(t, E, g, d),
-      [E, g, d]
-    ), G = _(
+    }, [d, c, f, l, o, n]), Y = m(() => {
+      if (i) return rr;
+      if (a)
+        return (t) => er(t, v);
+    }, [i, a]), q = m(() => {
+      if (i) return tr;
+      if (a)
+        return (t) => nr(t, v);
+    }, [i, a]), G = h(
+      (t) => Q(t, N, E, g),
+      [N, E, g]
+    ), H = h(
       (t) => {
-        if (!u && t.key === "-") {
+        if (!s && t.key === "-") {
           t.preventDefault();
           return;
         }
-        W.has(t.key) && t.preventDefault();
+        X.has(t.key) && t.preventDefault();
       },
-      [u]
+      [s]
     );
-    return /* @__PURE__ */ l(F, { title: x, children: /* @__PURE__ */ l(H.Item, { ...K, label: o, rules: j, help: A, children: /* @__PURE__ */ l(
-      U,
+    return /* @__PURE__ */ p(J, { title: A, children: /* @__PURE__ */ p(U.Item, { ...k, label: c, rules: B, help: C, children: /* @__PURE__ */ p(
+      V,
       {
-        ref: k,
-        disabled: b,
-        defaultValue: R,
-        value: L,
-        readOnly: y,
-        addonBefore: M,
-        minLength: P,
-        addonAfter: w,
-        step: n ? 1 : C,
+        ref: $,
+        changeOnWheel: e,
+        disabled: y,
+        defaultValue: S,
+        value: I,
+        readOnly: D,
+        addonBefore: O,
+        minLength: R,
+        addonAfter: P,
+        step: n ? 1 : K,
         inputMode: n ? "numeric" : void 0,
-        pattern: n ? u ? "-?[0-9]*" : "[0-9]*" : S,
+        pattern: n ? s ? "-?[0-9]*" : "[0-9]*" : b,
         precision: n ? 0 : void 0,
-        onChange: D,
-        onPressEnter: q,
+        onChange: L,
+        onPressEnter: G,
         className: "max-width",
-        min: u ? void 0 : N ?? 0,
-        max: I,
-        type: s ? void 0 : "number",
-        size: O,
-        formatter: B,
-        parser: Y,
-        onKeyDown: n ? G : void 0,
-        placeholder: $
+        min: s ? void 0 : T ?? 0,
+        max: M,
+        type: i ? void 0 : "number",
+        size: x,
+        formatter: Y,
+        parser: q,
+        onKeyDown: n ? H : void 0,
+        placeholder: j
       }
     ) }) });
   }
 );
 export {
-  fr as default
+  lr as default
 };

package/dist/crud/CrudComponent.d.ts

@@ -171,6 +171,7 @@ export interface NumberBasedFieldProps<T> extends InitialCrudField<T>, AddonFiel
     formatted?: boolean;
     int?: boolean;
     step?: number;
+    changeOnWheel?: boolean;
     onChange?: (value: number, form: FormInstance<T>) => void;
 }
 export interface DateBasedFieldProps<T> extends InitialCrudField<T>, Copyable<false> {

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:H,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||H)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}=r;return e.jsx(oe,{...q,step:n,placeholder:o,disabled:!m,moneyField:!!r.formatted,type:c,onChange:a?j=>a(j,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:H,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:H,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:H,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:I}=n,L=i[j];return L?e.jsx(p.Tag,{color:L.color,children:I}):e.jsx(p.Tag,{children:I})}:void 0,onChange:P,className:["w-100",k].join(" "),name:c,items:N,required:H,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:H,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),[I,L]=T.useState(!0);T.useEffect(()=>{x&&I&&j&&(x==null||x(j,s,i),L(!1))},[I,i,s,P,x,j]),T.useEffect(()=>{j&&L(!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]),O=E.useCrudSearchContext(),Q=T.useCallback(t=>{O&&O.search(),b&&(w(""),b(t,i))},[O,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:H?"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:H,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:H,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"),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;

package/dist/crud/CrudField.es.js

@@ -1,17 +1,17 @@
 import { jsx as r, Fragment as A, jsxs as $ } from "react/jsx-runtime";
-import { Form as L, ColorPicker as ae, Radio as z, Checkbox as J, Col as ne, Select as E, Tag as K } from "antd";
+import { Form as O, ColorPicker as ae, Radio as z, Checkbox as J, Col as ne, Select as E, Tag as K } from "antd";
 import { useEffect as G, useCallback as j, useState as Q, useMemo as V } from "react";
 import le from "react-highlight-words";
 import { useTranslationLibNoNS as ie } from "../locale/index.es.js";
-import de from "./FileCrudField.es.js";
-import se from "./ImageCrudField.es.js";
+import se from "./FileCrudField.es.js";
+import de from "./ImageCrudField.es.js";
 import ce from "../common/check-box/CheckBox.es.js";
 import me from "../common/date-picker/DatePicker.es.js";
 import ue from "../common/date-picker/TimePicker.es.js";
 import Y from "../common/select/SelectComponent.es.js";
 import he from "../common/text-field/NumberField.es.js";
-import pe from "../common/text-field/PhoneNumberField.es.js";
-import fe from "../common/text-field/TextField.es.js";
+import fe from "../common/text-field/PhoneNumberField.es.js";
+import pe from "../common/text-field/TextField.es.js";
 import ge from "../common/tooltip/TooltipComponent.es.js";
 import Ce from "./CrudTextAreaComponent.es.js";
 import X from "../util/CrudUtil.es.js";
@@ -19,20 +19,20 @@ import { useCrudSearchContext as U } from "../context/CrudSearchContext.es.js";
 function Ue(y) {
   const {
     label: i,
-    name: s,
+    name: d,
     type: c,
     required: u,
     hidden: I,
     rules: b = [],
     updatable: h = !0,
     readonly: v = !1,
-    fieldClassName: p,
+    fieldClassName: f,
     customFormFieldRender: w,
     fieldTooltip: R,
-    fieldHelper: f,
+    fieldHelper: p,
     formLayoutProps: T,
     ...e
-  } = y, l = L.useFormInstance();
+  } = y, l = O.useFormInstance();
   G(() => {
     if (c === "select") {
       const {
@@ -53,9 +53,9 @@ function Ue(y) {
     case "text":
     case "email":
     case "password": {
-      const { maxLength: a, onChange: n, placeholder: m, addonAfter: N, addonBefore: d } = e;
+      const { maxLength: a, onChange: n, placeholder: m, addonAfter: N, addonBefore: s } = e;
       return /* @__PURE__ */ r(
-        fe,
+        pe,
         {
           ...T,
           maxLength: a,
@@ -65,21 +65,21 @@ function Ue(y) {
           required: u,
           onChange: n ? (F) => n(F, l) : void 0,
           type: c,
-          name: s,
+          name: d,
           tooltip: R,
           label: i,
-          className: p,
+          className: f,
           autoComplete: "new-password",
           addonAfter: N,
-          addonBefore: d,
-          help: f
+          addonBefore: s,
+          help: p
         }
       );
     }
     case "phone": {
       const { onChange: a, placeholder: n, addonAfter: m, addonBefore: N } = e;
       return /* @__PURE__ */ r(
-        pe,
+        fe,
         {
           ...e,
           ...T,
@@ -87,16 +87,16 @@ function Ue(y) {
           disabled: !h,
           rules: b,
           required: u,
-          onChange: a ? (d) => a(d, l) : void 0,
+          onChange: a ? (s) => a(s, l) : void 0,
           type: c,
-          name: s,
+          name: d,
           tooltip: R,
           label: i,
-          className: p,
+          className: f,
           autoComplete: "new-password",
           addonAfter: m,
           addonBefore: N,
-          help: f
+          help: p
         }
       );
     }
@@ -106,34 +106,36 @@ function Ue(y) {
         placeholder: n,
         allowMinus: m,
         min: N,
-        max: d,
+        max: s,
         addonAfter: F,
         addonBefore: k,
         int: H,
-        step: o
+        step: o,
+        changeOnWheel: x = !1
       } = e;
       return /* @__PURE__ */ r(
         he,
         {
           ...T,
           step: o,
+          changeOnWheel: x,
           placeholder: n,
           disabled: !h,
           moneyField: !!e.formatted,
           type: c,
-          onChange: a ? (x) => a(x, l) : void 0,
+          onChange: a ? (L) => a(L, l) : void 0,
           rules: b,
           autoComplete: "false",
           required: u,
           tooltip: R,
-          className: p,
+          className: f,
           min: m ? null : N,
-          max: d,
+          max: s,
           addonAfter: F,
           addonBefore: k,
-          name: s,
+          name: d,
           label: i,
-          help: f,
+          help: p,
           isInt: H
         }
       );
@@ -144,7 +146,7 @@ function Ue(y) {
         disableToday: n,
         disabledFutureDays: m,
         disabledPastDays: N,
-        onChange: d,
+        onChange: s,
         placeholder: F,
         format: k
       } = e;
@@ -159,14 +161,14 @@ function Ue(y) {
           format: k,
           tooltip: R,
           range: a,
-          name: s,
+          name: d,
           label: i,
           onChange: C,
-          className: p,
+          className: f,
           disableToday: n,
           disabledFutureDays: m,
           disabledPastDays: N,
-          help: f
+          help: p
         }
       );
     }
@@ -176,7 +178,7 @@ function Ue(y) {
         disableCurrent: n,
         disabledFuture: m,
         disabledPast: N,
-        onChange: d,
+        onChange: s,
         use12Hours: F,
         format: k,
         placeholder: H
@@ -193,14 +195,14 @@ function Ue(y) {
           tooltip: R,
           range: a,
           use12Hours: F,
-          name: s,
+          name: d,
           label: i,
           onChange: C,
-          className: p,
+          className: f,
           disableCurrent: n,
           disabledFuture: m,
           disabledPast: N,
-          help: f
+          help: p
         }
       );
     }
@@ -208,15 +210,15 @@ function Ue(y) {
       return /* @__PURE__ */ r(Ce, { ...y });
     case "image":
       return /* @__PURE__ */ r(
-        se,
+        de,
         {
           ...e,
           required: u,
-          name: s,
+          name: d,
           label: i,
           rules: b,
-          fieldHelper: f,
-          fieldClassName: p,
+          fieldHelper: p,
+          fieldClassName: f,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
@@ -224,15 +226,15 @@ function Ue(y) {
       );
     case "file":
       return /* @__PURE__ */ r(
-        de,
+        se,
         {
           ...e,
           required: u,
-          name: s,
+          name: d,
           label: i,
           rules: b,
-          fieldHelper: f,
-          fieldClassName: p,
+          fieldHelper: p,
+          fieldClassName: f,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
@@ -244,16 +246,16 @@ function Ue(y) {
         {
           ...e,
           required: u,
-          name: s,
+          name: d,
           label: i,
           rules: b,
-          fieldClassName: p,
+          fieldClassName: f,
           form: l,
-          help: f,
+          help: p,
           updatable: h,
           readonly: v,
           fieldTooltip: R,
-          fieldHelper: f
+          fieldHelper: p
         }
       );
     case "enum":
@@ -264,14 +266,14 @@ function Ue(y) {
         ce,
         {
           ...T,
-          className: p,
+          className: f,
           rules: b,
           onChange: C,
           label: i,
           tooltip: R,
           disabled: !h,
-          name: s,
-          help: f,
+          name: d,
+          help: p,
           switch: n
         }
       );
@@ -283,14 +285,14 @@ function Ue(y) {
           ...e,
           type: "color",
           required: u,
-          name: s,
+          name: d,
           label: i,
           rules: b,
-          fieldClassName: p,
+          fieldClassName: f,
           updatable: h,
           readonly: v,
           fieldTooltip: R,
-          fieldHelper: f
+          fieldHelper: p
         }
       );
     default:
@@ -298,18 +300,18 @@ function Ue(y) {
   }
 }
 function be(y) {
-  const i = L.useFormInstance(), {
-    label: s,
+  const i = O.useFormInstance(), {
+    label: d,
     name: c,
     type: u,
     required: I,
     hidden: b,
     rules: h = [],
     updatable: v = !0,
-    readonly: p = !1,
+    readonly: f = !1,
     fieldClassName: w,
     customFormFieldRender: R,
-    fieldTooltip: f,
+    fieldTooltip: p,
     fieldHelper: T,
     formLayoutProps: e,
     ...l
@@ -319,23 +321,23 @@ function be(y) {
     onChange: n,
     onSearch: m,
     multiple: N,
-    tagRender: d
+    tagRender: s
   } = l, F = Array.isArray(C) ? C : Object.keys(C), k = U(), H = j(
     (o) => {
-      k && k.search(), !p && n && n(o, i);
+      k && k.search(), !f && n && n(o, i);
     },
-    [k, p, n, i]
+    [k, f, n, i]
   );
   return "radio" in l && l.radio ? /* @__PURE__ */ r(
-    L.Item,
+    O.Item,
     {
       ...l,
       ...e,
       name: c,
       required: I,
-      tooltip: f,
+      tooltip: p,
       rules: h,
-      label: s,
+      label: d,
       className: ["w-100", w].join(" "),
       help: T,
       children: /* @__PURE__ */ r(
@@ -351,15 +353,15 @@ function be(y) {
       )
     }
   ) : "checkbox" in l && l.checkbox ? /* @__PURE__ */ r(
-    L.Item,
+    O.Item,
     {
       ...l,
       ...e,
       name: c,
       required: I,
-      tooltip: f,
+      tooltip: p,
       rules: h,
-      label: s,
+      label: d,
       className: ["w-100", w].join(" "),
       help: T,
       children: /* @__PURE__ */ r(J.Group, { className: "w-100", onChange: H, children: F.map((o) => {
@@ -373,18 +375,18 @@ function be(y) {
       ...l,
       ...e,
       notSearch: !0,
-      tagRender: typeof d == "function" ? d : d ? (o) => {
-        const { value: x, label: S } = o, O = d[x];
-        return O ? /* @__PURE__ */ r(K, { color: O.color, children: S }) : /* @__PURE__ */ r(K, { children: S });
+      tagRender: typeof s == "function" ? s : s ? (o) => {
+        const { value: x, label: L } = o, S = s[x];
+        return S ? /* @__PURE__ */ r(K, { color: S.color, children: L }) : /* @__PURE__ */ r(K, { children: L });
       } : void 0,
       onChange: H,
       className: ["w-100", w].join(" "),
       name: c,
       items: F,
       required: I,
-      tooltip: f,
+      tooltip: p,
       rules: h,
-      label: s,
+      label: d,
       help: T,
       disabled: !v,
       onSearch: m ? (o) => m(o, i) : void 0,
@@ -398,17 +400,17 @@ function be(y) {
 function xe(y) {
   const {
     items: i = [],
-    loading: s,
+    loading: d,
     searchOnType: c,
     onSearch: u,
     multiple: I,
     onChange: b,
     highlightSearch: h,
     required: v,
-    fieldClassName: p,
+    fieldClassName: f,
     rules: w,
     fieldTooltip: R,
-    updatable: f,
+    updatable: p,
     label: T,
     name: e,
     tagRender: l,
@@ -418,28 +420,28 @@ function xe(y) {
     allowClear: n = !0,
     selectOptionRender: m,
     formLayoutProps: N
-  } = y, d = y.form, [F, k] = Q(""), H = V(() => X.getRealName(e), [e]), o = V(
+  } = y, s = y.form, [F, k] = Q(""), H = V(() => X.getRealName(e), [e]), o = V(
     () => X.getRealName(e, "upsertFieldName"),
     [e]
-  ), x = L.useWatch(H, d), [S, O] = Q(!0);
+  ), x = O.useWatch(H, s), [L, S] = Q(!0);
   G(() => {
-    C && S && x && (C == null || C(x, i, d), O(!1));
-  }, [S, d, i, H, C, x]), G(() => {
-    x && O(!0);
+    C && L && x && (C == null || C(x, i, s), S(!1));
+  }, [L, s, i, H, C, x]), G(() => {
+    x && S(!0);
   }, [x]);
   const Z = j(
     async (t) => {
-      k(t), c && (u == null || u(t, d, P));
+      k(t), c && (u == null || u(t, s, P));
     },
-    [d, u, c, P]
+    [s, u, c, P]
   ), ee = j(
     (t) => m ? m(t) : t.value,
     [m]
   ), B = U(), re = j(
     (t) => {
-      B && B.search(), b && (k(""), b(t, d));
+      B && B.search(), b && (k(""), b(t, s));
     },
-    [B, b, d]
+    [B, b, s]
   );
   return /* @__PURE__ */ r(
     Y,
@@ -464,27 +466,27 @@ function xe(y) {
       ),
       placeholder: a,
       onSelect: (t) => {
-        C == null || C(t == null ? void 0 : t.key, i, d);
+        C == null || C(t == null ? void 0 : t.key, i, s);
       },
       onChange: re,
       mode: I ? "multiple" : void 0,
-      className: ["w-100", p].join(" "),
+      className: ["w-100", f].join(" "),
       name: o,
       items: i,
       required: v,
       tooltip: R,
       tagRender: l,
       rules: w,
-      disabled: !f,
+      disabled: !p,
       label: T,
       allowClear: n,
       onSearch: Z,
-      loading: s,
+      loading: d,
       filterOption: h ? (t, g) => {
-        var q, D, M;
+        var q, D, W;
         try {
-          const W = t.toLowerCase().split(/\s+/), te = ((typeof (g == null ? void 0 : g.children) == "string" ? g == null ? void 0 : g.children : (D = (q = g == null ? void 0 : g.children) == null ? void 0 : q.props) == null ? void 0 : D.textToHighlight) ?? "").toLowerCase(), oe = (((M = g == null ? void 0 : g.value) == null ? void 0 : M.toString()) ?? "").toLowerCase();
-          return W.every(
+          const M = t.toLowerCase().split(/\s+/), te = ((typeof (g == null ? void 0 : g.children) == "string" ? g == null ? void 0 : g.children : (D = (q = g == null ? void 0 : g.children) == null ? void 0 : q.props) == null ? void 0 : D.textToHighlight) ?? "").toLowerCase(), oe = (((W = g == null ? void 0 : g.value) == null ? void 0 : W.toString()) ?? "").toLowerCase();
+          return M.every(
             (_) => te.indexOf(_) >= 0 || oe.indexOf(_) >= 0
           );
         } catch {
@@ -527,25 +529,25 @@ function xe(y) {
 function ye(y) {
   const {
     formLayoutProps: i,
-    required: s,
+    required: d,
     fieldClassName: c,
     rules: u,
     fieldTooltip: I,
     updatable: b,
     label: h,
     name: v,
-    fieldHelper: p
+    fieldHelper: f
   } = y;
   return /* @__PURE__ */ r(
-    L.Item,
+    O.Item,
     {
       ...i,
       label: h,
       name: v,
-      required: s,
+      required: d,
       rules: u,
       tooltip: I,
-      help: p,
+      help: f,
       getValueFromEvent: (w) => typeof w == "object" ? w.toHexString() : w,
       children: /* @__PURE__ */ r(
         ae,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.39.0",
+  "version": "1.40.0",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",