@kingteza/crud-component 1.45.0 → 1.46.0

package/dist/_virtual/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";const e=require("./_commonjsHelpers.cjs.js"),r=require("../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.cjs.js");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;

package/dist/_virtual/index.cjs2.js

@@ -1 +1 @@
-"use strict";const e=require("./_commonjsHelpers.cjs.js"),r=require("../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.cjs.js");var s=r.__require();const o=e.getDefaultExportFromCjs(s);module.exports=o;
+"use strict";const s=require("./_commonjsHelpers.cjs.js"),e=require("../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js");var r=e.__require();const t=s.getDefaultExportFromCjs(r);module.exports=t;

package/dist/_virtual/index.cjs3.js

@@ -1 +1 @@
-"use strict";const s=require("./_commonjsHelpers.cjs.js"),e=require("../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js");var r=e.__require();const t=s.getDefaultExportFromCjs(r);module.exports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/_virtual/index.es.js

@@ -1,4 +1,7 @@
-var p = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
+import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.es.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  p as __module
+  s as default
 };

package/dist/_virtual/index.es2.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
-import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.es.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.es.js";
+import { __require as r } from "../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
+var a = r();
+const t = /* @__PURE__ */ s(a);
 export {
-  s as default
+  t as default
 };

package/dist/_virtual/index.es3.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.es.js";
-import { __require as r } from "../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
-var a = r();
-const t = /* @__PURE__ */ s(a);
+var p = { exports: {} };
 export {
-  t as default
+  p as __module
 };

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;

package/dist/crud/CrudField.es.js

@@ -1,39 +1,39 @@
-import { jsx as r, Fragment as A, jsxs as $ } from "react/jsx-runtime";
-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 { jsx as r, Fragment as j, jsxs as $ } from "react/jsx-runtime";
+import { Form as O, ColorPicker as ae, Radio as z, Checkbox as J, Col as ne, Select as B, Tag as K } from "antd";
+import { useEffect as E, useCallback as U, useState as Q, useMemo as V } from "react";
 import le from "react-highlight-words";
 import { useTranslationLibNoNS as ie } from "../locale/index.es.js";
-import se from "./FileCrudField.es.js";
-import de from "./ImageCrudField.es.js";
+import de from "./FileCrudField.es.js";
+import se 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 fe from "../common/text-field/PhoneNumberField.es.js";
-import pe from "../common/text-field/TextField.es.js";
+import pe from "../common/text-field/PhoneNumberField.es.js";
+import fe 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";
-import { useCrudSearchContext as U } from "../context/CrudSearchContext.es.js";
-function Ue(y) {
+import { useCrudSearchContext as G } from "../context/CrudSearchContext.es.js";
+function Ge(y) {
   const {
     label: i,
-    name: d,
+    name: s,
     type: c,
     required: u,
     hidden: I,
     rules: b = [],
     updatable: h = !0,
     readonly: v = !1,
-    fieldClassName: f,
+    fieldClassName: p,
     customFormFieldRender: w,
     fieldTooltip: R,
-    fieldHelper: p,
+    fieldHelper: f,
     formLayoutProps: T,
     ...e
   } = y, l = O.useFormInstance();
-  G(() => {
+  E(() => {
     if (c === "select") {
       const {
         items: a = [],
@@ -43,19 +43,19 @@ function Ue(y) {
       !(a != null && a.length) && !m && (n == null || n(void 0, l, e == null ? void 0 : e.updatingValue));
     }
   }, [l, e, c, e == null ? void 0 : e.updatingValue]);
-  const P = U(), C = j((a, n) => {
+  const P = G(), C = U((a, n) => {
     P && P.search(), !v && n && n(a, l);
   }, [P, v, l]);
-  if (v || I) return /* @__PURE__ */ r(A, {});
+  if (v || I) return /* @__PURE__ */ r(j, {});
   if (w)
     return w(l, y);
   switch (c) {
     case "text":
     case "email":
     case "password": {
-      const { maxLength: a, onChange: n, placeholder: m, addonAfter: N, addonBefore: s } = e;
+      const { maxLength: a, onChange: n, placeholder: m, addonAfter: N, addonBefore: d } = e;
       return /* @__PURE__ */ r(
-        pe,
+        fe,
         {
           ...T,
           maxLength: a,
@@ -65,21 +65,21 @@ function Ue(y) {
           required: u,
           onChange: n ? (F) => n(F, l) : void 0,
           type: c,
-          name: d,
+          name: s,
           tooltip: R,
           label: i,
-          className: f,
+          className: p,
           autoComplete: "new-password",
           addonAfter: N,
-          addonBefore: s,
-          help: p
+          addonBefore: d,
+          help: f
         }
       );
     }
     case "phone": {
       const { onChange: a, placeholder: n, addonAfter: m, addonBefore: N } = e;
       return /* @__PURE__ */ r(
-        fe,
+        pe,
         {
           ...e,
           ...T,
@@ -87,16 +87,16 @@ function Ue(y) {
           disabled: !h,
           rules: b,
           required: u,
-          onChange: a ? (s) => a(s, l) : void 0,
+          onChange: a ? (d) => a(d, l) : void 0,
           type: c,
-          name: d,
+          name: s,
           tooltip: R,
           label: i,
-          className: f,
+          className: p,
           autoComplete: "new-password",
           addonAfter: m,
           addonBefore: N,
-          help: p
+          help: f
         }
       );
     }
@@ -106,7 +106,7 @@ function Ue(y) {
         placeholder: n,
         allowMinus: m,
         min: N,
-        max: s,
+        max: d,
         addonAfter: F,
         addonBefore: k,
         int: H,
@@ -128,14 +128,14 @@ function Ue(y) {
           autoComplete: "false",
           required: u,
           tooltip: R,
-          className: f,
+          className: p,
           min: m ? null : N,
-          max: s,
+          max: d,
           addonAfter: F,
           addonBefore: k,
-          name: d,
+          name: s,
           label: i,
-          help: p,
+          help: f,
           isInt: H
         }
       );
@@ -146,7 +146,7 @@ function Ue(y) {
         disableToday: n,
         disabledFutureDays: m,
         disabledPastDays: N,
-        onChange: s,
+        onChange: d,
         placeholder: F,
         format: k
       } = e;
@@ -161,14 +161,14 @@ function Ue(y) {
           format: k,
           tooltip: R,
           range: a,
-          name: d,
+          name: s,
           label: i,
           onChange: C,
-          className: f,
+          className: p,
           disableToday: n,
           disabledFutureDays: m,
           disabledPastDays: N,
-          help: p
+          help: f
         }
       );
     }
@@ -178,7 +178,7 @@ function Ue(y) {
         disableCurrent: n,
         disabledFuture: m,
         disabledPast: N,
-        onChange: s,
+        onChange: d,
         use12Hours: F,
         format: k,
         placeholder: H
@@ -195,14 +195,14 @@ function Ue(y) {
           tooltip: R,
           range: a,
           use12Hours: F,
-          name: d,
+          name: s,
           label: i,
           onChange: C,
-          className: f,
+          className: p,
           disableCurrent: n,
           disabledFuture: m,
           disabledPast: N,
-          help: p
+          help: f
         }
       );
     }
@@ -210,32 +210,34 @@ function Ue(y) {
       return /* @__PURE__ */ r(Ce, { ...y });
     case "image":
       return /* @__PURE__ */ r(
-        de,
+        se,
         {
           ...e,
           required: u,
-          name: d,
+          name: s,
           label: i,
           rules: b,
-          fieldHelper: p,
-          fieldClassName: f,
+          fieldHelper: f,
+          fieldClassName: p,
           onRemoved: e.onRemoved,
+          onUploadComplete: e.onUploadComplete,
           onUploading: e.onUploading,
           provider: e.provider
         }
       );
     case "file":
       return /* @__PURE__ */ r(
-        se,
+        de,
         {
           ...e,
           required: u,
-          name: d,
+          name: s,
           label: i,
           rules: b,
-          fieldHelper: p,
-          fieldClassName: f,
+          fieldHelper: f,
+          fieldClassName: p,
           onRemoved: e.onRemoved,
+          onUploadComplete: e.onUploadComplete,
           onUploading: e.onUploading,
           provider: e.provider
         }
@@ -246,16 +248,16 @@ function Ue(y) {
         {
           ...e,
           required: u,
-          name: d,
+          name: s,
           label: i,
           rules: b,
-          fieldClassName: f,
+          fieldClassName: p,
           form: l,
-          help: p,
+          help: f,
           updatable: h,
           readonly: v,
           fieldTooltip: R,
-          fieldHelper: p
+          fieldHelper: f
         }
       );
     case "enum":
@@ -266,14 +268,14 @@ function Ue(y) {
         ce,
         {
           ...T,
-          className: f,
+          className: p,
           rules: b,
           onChange: C,
           label: i,
           tooltip: R,
           disabled: !h,
-          name: d,
-          help: p,
+          name: s,
+          help: f,
           switch: n
         }
       );
@@ -285,33 +287,33 @@ function Ue(y) {
           ...e,
           type: "color",
           required: u,
-          name: d,
+          name: s,
           label: i,
           rules: b,
-          fieldClassName: f,
+          fieldClassName: p,
           updatable: h,
           readonly: v,
           fieldTooltip: R,
-          fieldHelper: p
+          fieldHelper: f
         }
       );
     default:
-      return /* @__PURE__ */ r(A, { children: `${c} Not Implemented` });
+      return /* @__PURE__ */ r(j, { children: `${c} Not Implemented` });
   }
 }
 function be(y) {
   const i = O.useFormInstance(), {
-    label: d,
+    label: s,
     name: c,
     type: u,
     required: I,
     hidden: b,
     rules: h = [],
     updatable: v = !0,
-    readonly: f = !1,
+    readonly: p = !1,
     fieldClassName: w,
     customFormFieldRender: R,
-    fieldTooltip: p,
+    fieldTooltip: f,
     fieldHelper: T,
     formLayoutProps: e,
     ...l
@@ -321,12 +323,12 @@ function be(y) {
     onChange: n,
     onSearch: m,
     multiple: N,
-    tagRender: s
-  } = l, F = Array.isArray(C) ? C : Object.keys(C), k = U(), H = j(
+    tagRender: d
+  } = l, F = Array.isArray(C) ? C : Object.keys(C), k = G(), H = U(
     (o) => {
-      k && k.search(), !f && n && n(o, i);
+      k && k.search(), !p && n && n(o, i);
     },
-    [k, f, n, i]
+    [k, p, n, i]
   );
   return "radio" in l && l.radio ? /* @__PURE__ */ r(
     O.Item,
@@ -335,9 +337,9 @@ function be(y) {
       ...e,
       name: c,
       required: I,
-      tooltip: p,
+      tooltip: f,
       rules: h,
-      label: d,
+      label: s,
       className: ["w-100", w].join(" "),
       help: T,
       children: /* @__PURE__ */ r(
@@ -359,9 +361,9 @@ function be(y) {
       ...e,
       name: c,
       required: I,
-      tooltip: p,
+      tooltip: f,
       rules: h,
-      label: d,
+      label: s,
       className: ["w-100", w].join(" "),
       help: T,
       children: /* @__PURE__ */ r(J.Group, { className: "w-100", onChange: H, children: F.map((o) => {
@@ -375,8 +377,8 @@ function be(y) {
       ...l,
       ...e,
       notSearch: !0,
-      tagRender: typeof s == "function" ? s : s ? (o) => {
-        const { value: x, label: L } = o, S = s[x];
+      tagRender: typeof d == "function" ? d : d ? (o) => {
+        const { value: x, label: L } = o, S = d[x];
         return S ? /* @__PURE__ */ r(K, { color: S.color, children: L }) : /* @__PURE__ */ r(K, { children: L });
       } : void 0,
       onChange: H,
@@ -384,33 +386,33 @@ function be(y) {
       name: c,
       items: F,
       required: I,
-      tooltip: p,
+      tooltip: f,
       rules: h,
-      label: d,
+      label: s,
       help: T,
       disabled: !v,
       onSearch: m ? (o) => m(o, i) : void 0,
       allowClear: !0,
       mode: N ? "multiple" : void 0,
       showLoadingInEmptyIndicator: !0,
-      itemBuilder: (o) => /* @__PURE__ */ r(E.Option, { value: o, children: a ? P(a[o]) : o }, o)
+      itemBuilder: (o) => /* @__PURE__ */ r(B.Option, { value: o, children: a ? P(a[o]) : o }, o)
     }
   );
 }
 function xe(y) {
   const {
     items: i = [],
-    loading: d,
+    loading: s,
     searchOnType: c,
     onSearch: u,
     multiple: I,
     onChange: b,
     highlightSearch: h,
     required: v,
-    fieldClassName: f,
+    fieldClassName: p,
     rules: w,
     fieldTooltip: R,
-    updatable: p,
+    updatable: f,
     label: T,
     name: e,
     tagRender: l,
@@ -420,28 +422,28 @@ function xe(y) {
     allowClear: n = !0,
     selectOptionRender: m,
     formLayoutProps: N
-  } = y, s = y.form, [F, k] = Q(""), H = V(() => X.getRealName(e), [e]), o = V(
+  } = y, d = y.form, [F, k] = Q(""), H = V(() => X.getRealName(e), [e]), o = V(
     () => X.getRealName(e, "upsertFieldName"),
     [e]
-  ), x = O.useWatch(H, s), [L, S] = Q(!0);
-  G(() => {
-    C && L && x && (C == null || C(x, i, s), S(!1));
-  }, [L, s, i, H, C, x]), G(() => {
+  ), x = O.useWatch(H, d), [L, S] = Q(!0);
+  E(() => {
+    C && L && x && (C == null || C(x, i, d), S(!1));
+  }, [L, d, i, H, C, x]), E(() => {
     x && S(!0);
   }, [x]);
-  const Z = j(
+  const Z = U(
     async (t) => {
-      k(t), c && (u == null || u(t, s, P));
+      k(t), c && (u == null || u(t, d, P));
     },
-    [s, u, c, P]
-  ), ee = j(
+    [d, u, c, P]
+  ), ee = U(
     (t) => m ? m(t) : t.value,
     [m]
-  ), B = U(), re = j(
+  ), A = G(), re = U(
     (t) => {
-      B && B.search(), b && (k(""), b(t, s));
+      A && A.search(), b && (k(""), b(t, d));
     },
-    [B, b, s]
+    [A, b, d]
   );
   return /* @__PURE__ */ r(
     Y,
@@ -453,7 +455,7 @@ function xe(y) {
       maxTagPlaceholder: (t) => /* @__PURE__ */ $(
         ge,
         {
-          title: /* @__PURE__ */ r(A, { children: t.map((g) => /* @__PURE__ */ $(A, { children: [
+          title: /* @__PURE__ */ r(j, { children: t.map((g) => /* @__PURE__ */ $(j, { children: [
             g.label,
             " ",
             /* @__PURE__ */ r("br", {})
@@ -466,22 +468,22 @@ function xe(y) {
       ),
       placeholder: a,
       onSelect: (t) => {
-        C == null || C(t == null ? void 0 : t.key, i, s);
+        C == null || C(t == null ? void 0 : t.key, i, d);
       },
       onChange: re,
       mode: I ? "multiple" : void 0,
-      className: ["w-100", f].join(" "),
+      className: ["w-100", p].join(" "),
       name: o,
       items: i,
       required: v,
       tooltip: R,
       tagRender: l,
       rules: w,
-      disabled: !p,
+      disabled: !f,
       label: T,
       allowClear: n,
       onSearch: Z,
-      loading: d,
+      loading: s,
       filterOption: h ? (t, g) => {
         var q, D, W;
         try {
@@ -496,7 +498,7 @@ function xe(y) {
       itemBuilder: h ? (t) => {
         const g = t.value ? String(t.value) : void 0;
         return /* @__PURE__ */ r(
-          E.Option,
+          B.Option,
           {
             value: t.key,
             title: g,
@@ -514,7 +516,7 @@ function xe(y) {
           t.key
         );
       } : (t) => /* @__PURE__ */ r(
-        E.Option,
+        B.Option,
         {
           value: t.key,
           title: t.value,
@@ -529,14 +531,14 @@ function xe(y) {
 function ye(y) {
   const {
     formLayoutProps: i,
-    required: d,
+    required: s,
     fieldClassName: c,
     rules: u,
     fieldTooltip: I,
     updatable: b,
     label: h,
     name: v,
-    fieldHelper: f
+    fieldHelper: p
   } = y;
   return /* @__PURE__ */ r(
     O.Item,
@@ -544,10 +546,10 @@ function ye(y) {
       ...i,
       label: h,
       name: v,
-      required: d,
+      required: s,
       rules: u,
       tooltip: I,
-      help: f,
+      help: p,
       getValueFromEvent: (w) => typeof w == "object" ? w.toHexString() : w,
       children: /* @__PURE__ */ r(
         ae,
@@ -569,5 +571,5 @@ export {
   ye as ColorCrudFieldComponent,
   be as EnumCrudFieldComponent,
   xe as SelectCrudFieldComponent,
-  Ue as default
+  Ge as default
 };