@kingteza/crud-component 1.10.2 → 1.10.4

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

package/dist/crud/CrudField.es.js

@@ -1,173 +1,182 @@
-import { jsx as e, Fragment as A, jsxs as M } from "react/jsx-runtime";
-import { Form as j, Radio as W, Select as B, Tag as G, ColorPicker as Y } from "antd";
-import { useEffect as I, Suspense as k, useState as _, useMemo as $, useCallback as Z } from "react";
-import V from "react-highlight-words";
-import { useTranslationLibNoNS as ee } from "../locale/index.es.js";
-import le from "./FileCrudField.es.js";
-import re from "./ImageCrudField.es.js";
-import ae from "../common/check-box/CheckBox.es.js";
+import { jsx as e, Fragment as B, jsxs as W } from "react/jsx-runtime";
+import { Form as j, Radio as G, Select as I, Tag as _, ColorPicker as Z } from "antd";
+import { useEffect as L, Suspense as k, useState as $, useMemo as z, useCallback as V } from "react";
+import ee from "react-highlight-words";
+import { useTranslationLibNoNS as le } from "../locale/index.es.js";
+import re from "./FileCrudField.es.js";
+import ae from "./ImageCrudField.es.js";
+import ne from "../common/check-box/CheckBox.es.js";
 import te from "../common/date-picker/DatePicker.es.js";
-import ne from "../common/date-picker/TimePicker.es.js";
-import J from "../common/select/SelectComponent.es.js";
+import ie from "../common/date-picker/TimePicker.es.js";
+import K from "../common/select/SelectComponent.es.js";
 import oe from "../common/text-field/NumberField.es.js";
-import ie from "../common/text-field/TextField.es.js";
-import de from "../common/tooltip/TooltipComponent.es.js";
+import de from "../common/text-field/TextField.es.js";
+import ce from "../common/tooltip/TooltipComponent.es.js";
 import se from "./CrudTextAreaComponent.es.js";
-import z from "../util/CrudUtil.es.js";
-function He(N) {
+import J from "../util/CrudUtil.es.js";
+import { ErrorBoundaryComponent as y } from "../common/error/ErrorBoundaryComponent.es.js";
+function Oe(F) {
   const {
-    label: i,
+    label: o,
     name: m,
     type: b,
-    required: s,
-    hidden: R,
+    required: c,
+    hidden: H,
     rules: h = [],
     updatable: f = !0,
-    readonly: w = !1,
+    readonly: R = !1,
     fieldClassName: C,
-    customFormFieldRender: O,
-    fieldTooltip: y,
+    customFormFieldRender: P,
+    fieldTooltip: x,
     fieldHelper: p,
     ...l
-  } = N, c = j.useFormInstance();
-  I(() => {
+  } = F, s = j.useFormInstance();
+  L(() => {
     if (b === "select") {
       const {
-        items: t = [],
+        items: n = [],
         onSearch: a,
         searchOnType: d
       } = l;
-      !(t != null && t.length) && !d && (a == null || a(void 0, c, l == null ? void 0 : l.updatingValue));
+      !(n != null && n.length) && !d && (a == null || a(void 0, s, l == null ? void 0 : l.updatingValue));
     }
-  }, [c, l, b, l == null ? void 0 : l.updatingValue]);
-  const { t: P } = ee();
-  if (w || R) return /* @__PURE__ */ e(A, {});
-  if (O)
-    return O(c, N);
+  }, [s, l, b, l == null ? void 0 : l.updatingValue]);
+  const { t: A } = le();
+  if (R || H) return /* @__PURE__ */ e(B, {});
+  if (P)
+    return /* @__PURE__ */ e(k, { fallback: null, children: P(s, F) });
   switch (b) {
     case "text":
     case "email":
     case "password": {
-      const { onChange: t, placeholder: a, addonAfter: d, addonBefore: g } = l;
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
-        ie,
+      const { onChange: n, placeholder: a, addonAfter: d, addonBefore: g } = l;
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+        de,
         {
           placeholder: a,
           disabled: !f,
           rules: h,
-          required: s,
-          onChange: t ? (o) => t(o, c) : void 0,
+          required: c,
+          onChange: n ? (i) => n(i, s) : void 0,
           type: b,
           name: m,
-          tooltip: y,
-          label: i,
+          tooltip: x,
+          label: o,
           className: C,
           autoComplete: "new-password",
           addonAfter: d,
           addonBefore: g,
           help: p
         }
-      ) });
+      ) }) });
     }
     case "number": {
-      const { onChange: t, placeholder: a, allowMinus: d, min: g, max: o, addonAfter: T, addonBefore: v } = l;
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+      const {
+        onChange: n,
+        placeholder: a,
+        allowMinus: d,
+        min: g,
+        max: i,
+        addonAfter: w,
+        addonBefore: v
+      } = l;
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
         oe,
         {
           placeholder: a,
           disabled: !f,
           moneyField: !!l.formatted,
           type: b,
-          onChange: t ? (x) => t(x, c) : void 0,
+          onChange: n ? (N) => n(N, s) : void 0,
           rules: h,
           autoComplete: "false",
-          required: s,
-          tooltip: y,
+          required: c,
+          tooltip: x,
           className: C,
           min: d ? null : g,
-          max: o,
-          addonAfter: T,
+          max: i,
+          addonAfter: w,
           addonBefore: v,
           name: m,
-          label: i,
+          label: o,
           help: p
         }
-      ) });
+      ) }) });
     }
     case "date": {
       const {
-        range: t,
+        range: n,
         disableToday: a,
         disabledFutureDays: d,
         disabledPastDays: g,
-        onChange: o,
-        placeholder: T,
+        onChange: i,
+        placeholder: w,
         format: v
       } = l;
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
         te,
         {
-          placeholder: T,
-          required: s,
+          placeholder: w,
+          required: c,
           disabled: !f,
           type: b,
           format: v,
-          tooltip: y,
-          range: t,
+          tooltip: x,
+          range: n,
           name: m,
-          label: i,
-          onChange: o ? (x) => o(x, c) : void 0,
+          label: o,
+          onChange: i ? (N) => i(N, s) : void 0,
           className: C,
           disableToday: a,
           disabledFutureDays: d,
           disabledPastDays: g,
           help: p
         }
-      ) });
+      ) }) });
     }
     case "time": {
       const {
-        range: t = !1,
+        range: n = !1,
         disableCurrent: a,
         disabledFuture: d,
         disabledPast: g,
-        onChange: o,
-        use12Hours: T,
+        onChange: i,
+        use12Hours: w,
         format: v,
-        placeholder: x
+        placeholder: N
       } = l;
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
-        ne,
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+        ie,
         {
-          placeholder: x,
-          required: s,
+          placeholder: N,
+          required: c,
           format: v,
           disabled: !f,
           type: b,
-          tooltip: y,
-          range: t,
-          use12Hours: T,
+          tooltip: x,
+          range: n,
+          use12Hours: w,
           name: m,
-          label: i,
-          onChange: o ? (n) => o(n, c) : void 0,
+          label: o,
+          onChange: i ? (t) => i(t, s) : void 0,
           className: C,
           disableCurrent: a,
           disabledFuture: d,
           disabledPast: g,
           help: p
         }
-      ) });
+      ) }) });
     }
     case "textarea":
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(se, { ...N }) });
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(se, { ...F }) }) });
     case "image":
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
-        re,
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+        ae,
         {
           ...l,
-          required: s,
+          required: c,
           name: m,
-          label: i,
+          label: o,
           rules: h,
           fieldHelper: p,
           fieldClassName: C,
@@ -175,15 +184,15 @@ function He(N) {
           onUploading: l.onUploading,
           provider: l.provider
         }
-      ) });
+      ) }) });
     case "file":
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
-        le,
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+        re,
         {
           ...l,
-          required: s,
+          required: c,
           name: m,
-          label: i,
+          label: o,
           rules: h,
           fieldHelper: p,
           fieldClassName: C,
@@ -191,163 +200,166 @@ function He(N) {
           onUploading: l.onUploading,
           provider: l.provider
         }
-      ) });
+      ) }) });
     case "select":
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
-        ce,
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+        ue,
         {
           ...l,
-          required: s,
+          required: c,
           name: m,
-          label: i,
+          label: o,
           rules: h,
           fieldClassName: C,
-          form: c,
+          form: s,
           help: p,
           updatable: f,
-          readonly: w,
-          fieldTooltip: y,
+          readonly: R,
+          fieldTooltip: x,
           fieldHelper: p
         }
-      ) });
+      ) }) });
     case "enum": {
       const {
-        enum: t,
+        enum: n,
         radio: a = !1,
         translation: d,
         onChange: g,
-        onSearch: o,
-        multiple: T,
+        onSearch: i,
+        multiple: w,
         tagRender: v
-      } = l, x = Array.isArray(t) ? t : Object.keys(t);
-      return a ? /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+      } = l, N = Array.isArray(n) ? n : Object.keys(n);
+      return a ? /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
         j.Item,
         {
           ...l,
           name: m,
-          required: s,
-          tooltip: y,
+          required: c,
+          tooltip: x,
           rules: h,
-          label: i,
+          label: o,
           className: ["w-100", C].join(" "),
           help: p,
           children: /* @__PURE__ */ e(
-            W.Group,
+            G.Group,
             {
               ...l,
-              onChange: g ? (n) => {
-                var F;
-                return g((F = n == null ? void 0 : n.target) == null ? void 0 : F.value, c);
+              onChange: g ? (t) => {
+                var T;
+                return g((T = t == null ? void 0 : t.target) == null ? void 0 : T.value, s);
               } : void 0,
-              children: x.map((n) => /* @__PURE__ */ e(W, { disabled: !f, value: n, children: d ? P(d[n]) : n }, n))
+              children: N.map((t) => /* @__PURE__ */ e(G, { disabled: !f, value: t, children: d ? A(d[t]) : t }, t))
             }
           )
         }
-      ) }) : /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
-        J,
+      ) }) }) : /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+        K,
         {
           ...l,
-          tagRender: typeof v == "function" ? v : v ? (n) => {
-            const { value: F, label: H } = n, S = v[F];
-            return S ? /* @__PURE__ */ e(G, { color: S.color, children: H }) : /* @__PURE__ */ e(G, { children: H });
+          tagRender: typeof v == "function" ? v : v ? (t) => {
+            const { value: T, label: S } = t, O = v[T];
+            return O ? /* @__PURE__ */ e(_, { color: O.color, children: S }) : /* @__PURE__ */ e(_, { children: S });
           } : void 0,
-          onChange: g ? (n) => g(n, c) : void 0,
+          onChange: g ? (t) => g(t, s) : void 0,
           className: ["w-100", C].join(" "),
           name: m,
-          items: x,
-          required: s,
-          tooltip: y,
+          items: N,
+          required: c,
+          tooltip: x,
           rules: h,
-          label: i,
+          label: o,
           help: p,
           disabled: !f,
-          onSearch: o ? (n) => o(n, c) : void 0,
+          onSearch: i ? (t) => i(t, s) : void 0,
           allowClear: !0,
-          mode: T ? "multiple" : void 0,
-          itemBuilder: (n) => /* @__PURE__ */ e(B.Option, { value: n, children: d ? P(d[n]) : n }, n)
+          mode: w ? "multiple" : void 0,
+          itemBuilder: (t) => /* @__PURE__ */ e(I.Option, { value: t, children: d ? A(d[t]) : t }, t)
         }
-      ) });
+      ) }) });
     }
     case "checkbox": {
-      const { onChange: t, switch: a } = l;
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
-        ae,
+      const { onChange: n, switch: a } = l;
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+        ne,
         {
           className: C,
           rules: h,
-          onChange: t ? (d) => t(d, c) : void 0,
-          label: i,
-          tooltip: y,
+          onChange: n ? (d) => n(d, s) : void 0,
+          label: o,
+          tooltip: x,
           disabled: !f,
           name: m,
           help: p,
           switch: a
         }
-      ) });
+      ) }) });
     }
     case "color":
-      return /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
-        ue,
+      return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { fallback: null, children: /* @__PURE__ */ e(
+        me,
         {
           ...l,
           type: "color",
-          required: s,
+          required: c,
           name: m,
-          label: i,
+          label: o,
           rules: h,
           fieldClassName: C,
           updatable: f,
-          readonly: w,
-          fieldTooltip: y,
+          readonly: R,
+          fieldTooltip: x,
           fieldHelper: p
         }
-      ) });
+      ) }) });
     default:
-      return /* @__PURE__ */ e(A, { children: `${b} Not Implemented` });
+      return /* @__PURE__ */ e(B, { children: `${b} Not Implemented` });
   }
 }
-function ce(N) {
+function ue(F) {
   const {
-    items: i = [],
+    items: o = [],
     loading: m,
     searchOnType: b,
-    onSearch: s,
-    multiple: R,
+    onSearch: c,
+    multiple: H,
     onChange: h,
     highlightSearch: f,
-    required: w,
+    required: R,
     fieldClassName: C,
-    rules: O,
-    fieldTooltip: y,
+    rules: P,
+    fieldTooltip: x,
     updatable: p,
     label: l,
-    name: c,
-    tagRender: P,
-    updatingValue: t,
+    name: s,
+    tagRender: A,
+    updatingValue: n,
     onSet: a,
     placeholder: d,
     allowClear: g = !0
-  } = N, o = N.form, [T, v] = _(""), x = $(() => z.getRealName(c), [c]), n = $(() => z.getRealName(c, "upsertFieldName"), [c]), F = j.useWatch(x, o), [H, S] = _(!0);
-  I(() => {
-    a && H && F && (a == null || a(F, i, o), S(!1));
-  }, [H, o, i, x, a, F]), I(() => {
-    F && S(!0);
-  }, [F]);
-  const K = Z(
+  } = F, i = F.form, [w, v] = $(""), N = z(() => J.getRealName(s), [s]), t = z(
+    () => J.getRealName(s, "upsertFieldName"),
+    [s]
+  ), T = j.useWatch(N, i), [S, O] = $(!0);
+  L(() => {
+    a && S && T && (a == null || a(T, o, i), O(!1));
+  }, [S, i, o, N, a, T]), L(() => {
+    T && O(!0);
+  }, [T]);
+  const Q = V(
     async (r) => {
-      v(r), b && (s == null || s(r, o, t));
+      v(r), b && (c == null || c(r, i, n));
     },
-    [o, s, b, t]
+    [i, c, b, n]
   );
   return /* @__PURE__ */ e(
-    J,
+    K,
     {
-      ...N,
+      ...F,
       maxTagCount: "responsive",
-      maxTagPlaceholder: (r) => /* @__PURE__ */ M(
-        de,
+      maxTagPlaceholder: (r) => /* @__PURE__ */ W(
+        ce,
         {
-          title: /* @__PURE__ */ e(A, { children: r.map((u) => /* @__PURE__ */ M(A, { children: [
+          title: /* @__PURE__ */ e(B, { children: r.map((u) => /* @__PURE__ */ W(B, { children: [
             u.label,
             " ",
             /* @__PURE__ */ e("br", {})
@@ -360,30 +372,30 @@ function ce(N) {
       ),
       placeholder: d,
       onSelect: (r) => {
-        a == null || a(r == null ? void 0 : r.key, i, o);
+        a == null || a(r == null ? void 0 : r.key, o, i);
       },
       onChange: h ? (r) => {
-        v(""), h(r, o);
+        v(""), h(r, i);
       } : void 0,
-      mode: R ? "multiple" : void 0,
+      mode: H ? "multiple" : void 0,
       className: ["w-100", C].join(" "),
-      name: n,
-      items: i,
-      required: w,
-      tooltip: y,
-      tagRender: P,
-      rules: O,
+      name: t,
+      items: o,
+      required: R,
+      tooltip: x,
+      tagRender: A,
+      rules: P,
       disabled: !p,
       label: l,
       allowClear: g,
-      onSearch: K,
+      onSearch: Q,
       loading: m,
       filterOption: f ? (r, u) => {
-        var L, U, q;
+        var U, q, D;
         try {
-          const D = r.toLowerCase().split(/\s+/), Q = ((typeof (u == null ? void 0 : u.children) == "string" ? u == null ? void 0 : u.children : (U = (L = u == null ? void 0 : u.children) == null ? void 0 : L.props) == null ? void 0 : U.textToHighlight) ?? "").toLowerCase(), X = (((q = u == null ? void 0 : u.value) == null ? void 0 : q.toString()) ?? "").toLowerCase();
-          return D.every(
-            (E) => Q.indexOf(E) >= 0 || X.indexOf(E) >= 0
+          const E = r.toLowerCase().split(/\s+/), X = ((typeof (u == null ? void 0 : u.children) == "string" ? u == null ? void 0 : u.children : (q = (U = u == null ? void 0 : u.children) == null ? void 0 : U.props) == null ? void 0 : q.textToHighlight) ?? "").toLowerCase(), Y = (((D = u == null ? void 0 : u.value) == null ? void 0 : D.toString()) ?? "").toLowerCase();
+          return E.every(
+            (M) => X.indexOf(M) >= 0 || Y.indexOf(M) >= 0
           );
         } catch {
           return !0;
@@ -392,16 +404,16 @@ function ce(N) {
       itemBuilder: f ? (r) => {
         const u = r.value ? String(r.value) : void 0;
         return /* @__PURE__ */ e(
-          B.Option,
+          I.Option,
           {
             value: r.key,
             title: u,
             disabled: r.disabled,
             children: /* @__PURE__ */ e(
-              V,
+              ee,
               {
                 highlightClassName: "highlight-text",
-                searchWords: (T ?? "").split(" "),
+                searchWords: (w ?? "").split(" "),
                 autoEscape: !0,
                 textToHighlight: u ?? ""
               }
@@ -410,7 +422,7 @@ function ce(N) {
           r.key
         );
       } : (r) => /* @__PURE__ */ e(
-        B.Option,
+        I.Option,
         {
           value: r.key,
           title: r.value,
@@ -422,28 +434,28 @@ function ce(N) {
     }
   );
 }
-function ue(N) {
+function me(F) {
   const {
-    required: i,
+    required: o,
     fieldClassName: m,
     rules: b,
-    fieldTooltip: s,
-    updatable: R,
+    fieldTooltip: c,
+    updatable: H,
     label: h,
     name: f,
-    fieldHelper: w
-  } = N;
+    fieldHelper: R
+  } = F;
   return /* @__PURE__ */ e(
     j.Item,
     {
       label: h,
       name: f,
-      required: i,
+      required: o,
       rules: b,
-      tooltip: s,
-      help: w,
+      tooltip: c,
+      help: R,
       children: /* @__PURE__ */ e(
-        Y,
+        Z,
         {
           disabledAlpha: !0,
           format: "hex",
@@ -451,15 +463,15 @@ function ue(N) {
           showText: !0,
           trigger: "click",
           className: m,
-          disabled: !R,
-          ...N.innerProps
+          disabled: !H,
+          ...F.innerProps
         }
       )
     }
   );
 }
 export {
-  ue as ColorCrudFieldComponent,
-  ce as SelectCrudFieldComponent,
-  He as default
+  me as ColorCrudFieldComponent,
+  ue as SelectCrudFieldComponent,
+  Oe as default
 };

package/package.json

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