@kingteza/crud-component 1.26.0 → 1.27.0

package/dist/crud/CrudField.cjs.js

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

package/dist/crud/CrudField.es.js

@@ -1,6 +1,6 @@
-import { jsx as o, Fragment as A, jsxs as W } from "react/jsx-runtime";
-import { Form as L, Radio as _, Select as j, Tag as G, ColorPicker as ee } from "antd";
-import { useEffect as B, useState as $, useMemo as z, useCallback as J } from "react";
+import { jsx as o, Fragment as S, jsxs as W } from "react/jsx-runtime";
+import { Form as I, Radio as _, Select as A, Tag as G, ColorPicker as ee } from "antd";
+import { useEffect as j, useState as $, useMemo as z, useCallback as J } from "react";
 import re from "react-highlight-words";
 import { useTranslationLibNoNS as te } from "../locale/index.es.js";
 import oe from "./FileCrudField.es.js";
@@ -15,7 +15,7 @@ import ce from "../common/text-field/TextField.es.js";
 import me from "../common/tooltip/TooltipComponent.es.js";
 import ue from "./CrudTextAreaComponent.es.js";
 import K from "../util/CrudUtil.es.js";
-function Ae(F) {
+function Se(F) {
   const {
     label: n,
     name: m,
@@ -26,13 +26,13 @@ function Ae(F) {
     updatable: f = !0,
     readonly: k = !1,
     fieldClassName: u,
-    customFormFieldRender: w,
+    customFormFieldRender: T,
     fieldTooltip: y,
     fieldHelper: g,
-    formLayoutProps: T,
+    formLayoutProps: w,
     ...e
-  } = F, C = L.useFormInstance();
-  B(() => {
+  } = F, C = I.useFormInstance();
+  j(() => {
     if (v === "select") {
       const {
         items: r = [],
@@ -43,9 +43,9 @@ function Ae(F) {
     }
   }, [C, e, v, e == null ? void 0 : e.updatingValue]);
   const { t: O } = te();
-  if (k || H) return /* @__PURE__ */ o(A, {});
-  if (w)
-    return w(C, F);
+  if (k || H) return /* @__PURE__ */ o(S, {});
+  if (T)
+    return T(C, F);
   switch (v) {
     case "text":
     case "email":
@@ -54,7 +54,7 @@ function Ae(F) {
       return /* @__PURE__ */ o(
         ce,
         {
-          ...T,
+          ...w,
           placeholder: i,
           disabled: !f,
           rules: p,
@@ -78,7 +78,7 @@ function Ae(F) {
         se,
         {
           ...e,
-          ...T,
+          ...w,
           placeholder: i,
           disabled: !f,
           rules: p,
@@ -109,7 +109,7 @@ function Ae(F) {
       return /* @__PURE__ */ o(
         de,
         {
-          ...T,
+          ...w,
           placeholder: i,
           disabled: !f,
           moneyField: !!e.formatted,
@@ -143,7 +143,7 @@ function Ae(F) {
       return /* @__PURE__ */ o(
         ne,
         {
-          ...T,
+          ...w,
           placeholder: b,
           required: d,
           disabled: !f,
@@ -176,7 +176,7 @@ function Ae(F) {
       return /* @__PURE__ */ o(
         ie,
         {
-          ...T,
+          ...w,
           placeholder: x,
           required: d,
           format: N,
@@ -259,10 +259,10 @@ function Ae(F) {
         tagRender: N
       } = e, x = Array.isArray(r) ? r : Object.keys(r);
       return i ? /* @__PURE__ */ o(
-        L.Item,
+        I.Item,
         {
           ...e,
-          ...T,
+          ...w,
           name: m,
           required: d,
           tooltip: y,
@@ -286,10 +286,10 @@ function Ae(F) {
         Q,
         {
           ...e,
-          ...T,
+          ...w,
           tagRender: typeof N == "function" ? N : N ? (a) => {
-            const { value: P, label: R } = a, S = N[P];
-            return S ? /* @__PURE__ */ o(G, { color: S.color, children: R }) : /* @__PURE__ */ o(G, { children: R });
+            const { value: P, label: R } = a, L = N[P];
+            return L ? /* @__PURE__ */ o(G, { color: L.color, children: R }) : /* @__PURE__ */ o(G, { children: R });
           } : void 0,
           onChange: s ? (a) => s(a, C) : void 0,
           className: ["w-100", u].join(" "),
@@ -304,7 +304,8 @@ function Ae(F) {
           onSearch: h ? (a) => h(a, C) : void 0,
           allowClear: !0,
           mode: b ? "multiple" : void 0,
-          itemBuilder: (a) => /* @__PURE__ */ o(j.Option, { value: a, children: l ? O(l[a]) : a }, a)
+          showLoadingInEmptyIndicator: !0,
+          itemBuilder: (a) => /* @__PURE__ */ o(A.Option, { value: a, children: l ? O(l[a]) : a }, a)
         }
       );
     }
@@ -313,7 +314,7 @@ function Ae(F) {
       return /* @__PURE__ */ o(
         le,
         {
-          ...T,
+          ...w,
           className: u,
           rules: p,
           onChange: r ? (l) => r(l, C) : void 0,
@@ -344,7 +345,7 @@ function Ae(F) {
         }
       );
     default:
-      return /* @__PURE__ */ o(A, { children: `${v} Not Implemented` });
+      return /* @__PURE__ */ o(S, { children: `${v} Not Implemented` });
   }
 }
 function he(F) {
@@ -358,10 +359,10 @@ function he(F) {
     highlightSearch: f,
     required: k,
     fieldClassName: u,
-    rules: w,
+    rules: T,
     fieldTooltip: y,
     updatable: g,
-    label: T,
+    label: w,
     name: e,
     tagRender: C,
     updatingValue: O,
@@ -373,11 +374,11 @@ function he(F) {
   } = F, b = F.form, [N, x] = $(""), a = z(() => K.getRealName(e), [e]), P = z(
     () => K.getRealName(e, "upsertFieldName"),
     [e]
-  ), R = L.useWatch(a, b), [S, I] = $(!0);
-  B(() => {
-    r && S && R && (r == null || r(R, n, b), I(!1));
-  }, [S, b, n, a, r, R]), B(() => {
-    R && I(!0);
+  ), R = I.useWatch(a, b), [L, B] = $(!0);
+  j(() => {
+    r && L && R && (r == null || r(R, n, b), B(!1));
+  }, [L, b, n, a, r, R]), j(() => {
+    R && B(!0);
   }, [R]);
   const V = J(
     async (t) => {
@@ -393,11 +394,12 @@ function he(F) {
     {
       ...F,
       ...h,
+      showLoadingInEmptyIndicator: !0,
       maxTagCount: "responsive",
       maxTagPlaceholder: (t) => /* @__PURE__ */ W(
         me,
         {
-          title: /* @__PURE__ */ o(A, { children: t.map((c) => /* @__PURE__ */ W(A, { children: [
+          title: /* @__PURE__ */ o(S, { children: t.map((c) => /* @__PURE__ */ W(S, { children: [
             c.label,
             " ",
             /* @__PURE__ */ o("br", {})
@@ -422,17 +424,17 @@ function he(F) {
       required: k,
       tooltip: y,
       tagRender: C,
-      rules: w,
+      rules: T,
       disabled: !g,
-      label: T,
+      label: w,
       allowClear: l,
       onSearch: V,
       loading: m,
       filterOption: f ? (t, c) => {
-        var U, q, D;
+        var E, U, q;
         try {
-          const E = t.toLowerCase().split(/\s+/), Y = ((typeof (c == null ? void 0 : c.children) == "string" ? c == null ? void 0 : c.children : (q = (U = c == null ? void 0 : c.children) == null ? void 0 : U.props) == null ? void 0 : q.textToHighlight) ?? "").toLowerCase(), Z = (((D = c == null ? void 0 : c.value) == null ? void 0 : D.toString()) ?? "").toLowerCase();
-          return E.every(
+          const D = t.toLowerCase().split(/\s+/), Y = ((typeof (c == null ? void 0 : c.children) == "string" ? c == null ? void 0 : c.children : (U = (E = c == null ? void 0 : c.children) == null ? void 0 : E.props) == null ? void 0 : U.textToHighlight) ?? "").toLowerCase(), Z = (((q = c == null ? void 0 : c.value) == null ? void 0 : q.toString()) ?? "").toLowerCase();
+          return D.every(
             (M) => Y.indexOf(M) >= 0 || Z.indexOf(M) >= 0
           );
         } catch {
@@ -442,7 +444,7 @@ function he(F) {
       itemBuilder: f ? (t) => {
         const c = t.value ? String(t.value) : void 0;
         return /* @__PURE__ */ o(
-          j.Option,
+          A.Option,
           {
             value: t.key,
             title: c,
@@ -460,7 +462,7 @@ function he(F) {
           t.key
         );
       } : (t) => /* @__PURE__ */ o(
-        j.Option,
+        A.Option,
         {
           value: t.key,
           title: t.value,
@@ -485,7 +487,7 @@ function pe(F) {
     fieldHelper: u
   } = F;
   return /* @__PURE__ */ o(
-    L.Item,
+    I.Item,
     {
       ...n,
       label: f,
@@ -494,7 +496,7 @@ function pe(F) {
       rules: d,
       tooltip: H,
       help: u,
-      getValueFromEvent: (w) => typeof w == "object" ? w.toHexString() : w,
+      getValueFromEvent: (T) => typeof T == "object" ? T.toHexString() : T,
       children: /* @__PURE__ */ o(
         ee,
         {
@@ -514,5 +516,5 @@ function pe(F) {
 export {
   pe as ColorCrudFieldComponent,
   he as SelectCrudFieldComponent,
-  Ae as default
+  Se as default
 };

package/package.json

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