@kingteza/crud-component 1.25.1 → 1.27.0

package/dist/crud/CrudComponent.d.ts

@@ -57,6 +57,7 @@ export interface InitialCrudField<T> {
     };
     hideLabel?: boolean;
     sorter?: ColumnType<T>["sorter"];
+    defaultSortOrder?: ColumnType<T>["defaultSortOrder"];
 }
 export type CrudFieldGrid = {
     xs?: number;

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/dist/crud/view/CrudViewer.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),ht=require("antd"),yt=require("@dnd-kit/core"),qt=require("@dnd-kit/modifiers"),Ct=require("@dnd-kit/utilities"),d=require("@dnd-kit/sortable"),lt=require("../../common/button/Button.cjs.js"),It=require("../../common/button/RefreshButton.cjs.js"),St=require("../../common/button/ViewButtonTable.cjs.js"),Rt=require("../actions/index.cjs.js"),Mt=require("../../common/table/table.cjs.js"),s=require("react"),dt=require("../../locale/index.cjs.js"),Tt=require("../CrudSearchComponent.cjs.js"),Vt=require("./CrudDecListView.cjs.js"),nt=require("./CrudViewerUtil.cjs.js"),Bt=require("@ant-design/icons"),ot=require("../../util/CrudUtil.cjs.js"),Dt=require("../../common/layout/VerticalSpace.cjs.js"),Nt=s.memo(Mt);function kt({summary:j,idField:o="id",loadingData:q,fields:h,isDeleting:R,isHiding:T,viewable:c=!1,paginateProps:m,onDelete:C,onHide:V,onUpdate:B,data:l=[],extraAction:D,onClickUpdate:N,minusHeight:E,scroll:v,onClickClone:z,className:$,expandable:A,size:_,bordered:G,descListColumn:rt,extraView:L,decListLayout:ct,scrollToTop:Ot,onClickRefresh:J,closeViewOnClickUpdate:K,onExport:Q,confirmHiding:X,confirmDeleting:Y,rowClassName:Z,actionWidth:W=190,draggable:t,rowSelection:p,...ut}){const{t:P}=dt.useTranslationLib(),H=s.useMemo(()=>h.map(({hideInTable:e,hidden:r,width:u,label:x,halign:I,...S})=>{const k=ot.getRealName(S.name);return{title:x,width:u,key:k,dataIndex:k,hidden:e||r,align:I??(S.type==="number"?"right":void 0),render:nt.getRendererValueCrudViewer(S),sorter:S.sorter}}),[h]),[i,M]=s.useState(),[U,w]=s.useState(),[y,F]=s.useState([]),it=s.useCallback(e=>{M(e)},[]);s.useEffect(()=>{l&&F(l)},[l]),s.useEffect(()=>{l&&M(e=>{if(e)return l.find(r=>r[o]===e[o])})},[l,o,i]);const a=s.useCallback(e=>{var x;const{active:r,over:u}=e;if(t!=null&&t.onDragEnd&&(t==null||t.onDragEnd(e)),r.id!==(u==null?void 0:u.id)){const I=y.findIndex(f=>f[o]===r.id),S=y.findIndex(f=>f[o]===(u==null?void 0:u.id)),k=d.arrayMove(y,I,S);F(f=>{const ft=f.findIndex(O=>O[o]===(r==null?void 0:r.id)),jt=f.findIndex(O=>O[o]===(u==null?void 0:u.id));return d.arrayMove(f,ft,jt)}),(x=t==null?void 0:t.onDrag)==null||x.call(t,{newOrder:k.map(f=>f[o])})}},[y,o,t]),mt=s.useMemo(()=>{let e=typeof c=="string"?i==null?void 0:i[c]:void 0;if(typeof e=="object"){const r=h.find(u=>ot.getRealName(u.name)===c);e=nt.getRendererValueCrudViewer(r)(e,i,0)}return e},[c,i,h]),b=s.useMemo(()=>({rowSelection:p,rowClassName:Z,className:$,scroll:v??(E?{y:`calc(100vh - ${E})`}:void 0),id:"crud-table",bordered:G,size:_,expandable:A}),[p,Z,$,v,E,G,_,A]),g=s.useMemo(()=>m?{...m,total:m.count,onChange:m.setPage,current:m.page,pageSize:m.pageSize}:void 0,[m]),tt=s.useMemo(()=>{const e=B||N||C||D||c,r=[];return t&&r.push({key:"key",align:"center",width:5,title:t==null?void 0:t.columnLabel,render:()=>n.jsx(Et,{tooltip:t==null?void 0:t.tooltip})}),r.push(...H),e&&e&&r.push({title:P("str.action"),fixed:"right",width:W,render:(u,x)=>n.jsxs(n.Fragment,{children:[c&&n.jsx(St,{value:x,onClick:typeof c=="object"?()=>{var I;return(I=c.onClick)==null?void 0:I.call(c,x)}:it}),n.jsx(Rt,{data:x,idField:o,extraAction:D,onUpdate:B,onClickUpdate:N,onClickClone:z,onDelete:C,onHide:V,onExport:Q,isHiding:T,isDeleting:R,confirmHiding:X,confirmDeleting:Y,closeViewOnClickUpdate:K,recentUpdateOrDeleteId:U,setRecentUpdateOrDeleteId:w,setOpenView:M})]})}),r},[H,B,N,C,D,c,P,W]),et=s.useMemo(()=>y.map(e=>e[o]),[y,o]),xt=s.useCallback(()=>{const e=n.jsx(Nt,{...b,summary:j,dataSource:y,loading:q,components:t?{body:{row:Lt}}:void 0,pagination:g,columns:tt});return t?n.jsx(yt.DndContext,{modifiers:[qt.restrictToVerticalAxis],onDragEnd:a,children:n.jsx(d.SortableContext,{items:et,strategy:d.verticalListSortingStrategy,children:e})}):e},[b,y,q,g,tt,j,t,et,a]);return n.jsxs("div",{children:[(typeof c=="boolean"||typeof c=="string")&&n.jsx(ht.Modal,{width:"100%",open:!!i,title:mt??n.jsx("div",{children:" "}),footer:n.jsx(n.Fragment,{}),closable:!0,onCancel:()=>M(void 0),children:!!i&&n.jsxs("div",{children:[n.jsx(Vt.CrudDecListView,{layout:ct,descListColumn:rt,data:i,fields:h,idField:o,extraAction:D,onUpdate:B,onClickUpdate:N,onClickClone:z,onDelete:C,onHide:V,onExport:Q,isHiding:T,isDeleting:R,confirmHiding:X,confirmDeleting:Y,closeViewOnClickUpdate:K,recentUpdateOrDeleteId:U,setRecentUpdateOrDeleteId:w,setOpenView:M}),L==null?void 0:L(i)]},i==null?void 0:i[o])}),n.jsx(Tt,{fields:h,...ut}),n.jsxs(Dt,{children:[!!J&&n.jsx(It.RefreshButton,{onClick:J}),xt()]})]})}const st=s.createContext({}),Et=({tooltip:j})=>{const{setActivatorNodeRef:o,listeners:q}=s.useContext(st);return n.jsx(lt,{type:"text",size:"small",tooltip:j,icon:n.jsx(Bt.HolderOutlined,{}),style:{cursor:"move",border:"none"},ref:o,...q})},Lt=j=>{const{attributes:o,listeners:q,setNodeRef:h,setActivatorNodeRef:R,transform:T,transition:c,isDragging:m}=d.useSortable({id:j["data-row-key"]}),C={...j.style,transform:Ct.CSS.Translate.toString(T),transition:c,...m?{position:"relative",zIndex:9999}:{}},V=s.useMemo(()=>({setActivatorNodeRef:R,listeners:q}),[R,q]);return n.jsx(st.Provider,{value:V,children:n.jsx("tr",{...j,ref:h,style:C,...o})})};module.exports=kt;
+"use strict";const n=require("react/jsx-runtime"),ht=require("antd"),yt=require("@dnd-kit/core"),qt=require("@dnd-kit/modifiers"),Ct=require("@dnd-kit/utilities"),M=require("@dnd-kit/sortable"),lt=require("../../common/button/Button.cjs.js"),St=require("../../common/button/RefreshButton.cjs.js"),dt=require("../../common/button/ViewButtonTable.cjs.js"),It=require("../actions/index.cjs.js"),Rt=require("../../common/table/table.cjs.js"),s=require("react"),Mt=require("../../locale/index.cjs.js"),Tt=require("../CrudSearchComponent.cjs.js"),Vt=require("./CrudDecListView.cjs.js"),nt=require("./CrudViewerUtil.cjs.js"),Bt=require("@ant-design/icons"),ot=require("../../util/CrudUtil.cjs.js"),Dt=require("../../common/layout/VerticalSpace.cjs.js"),Ot=s.memo(Rt);function Nt({summary:j,idField:o="id",loadingData:q,fields:h,isDeleting:I,isHiding:T,viewable:c=!1,paginateProps:f,onDelete:l,onHide:V,onUpdate:B,data:S=[],extraAction:D,onClickUpdate:O,minusHeight:k,scroll:v,onClickClone:z,className:$,expandable:A,size:_,bordered:G,descListColumn:rt,extraView:E,decListLayout:ct,scrollToTop:Lt,onClickRefresh:J,closeViewOnClickUpdate:K,onExport:Q,confirmHiding:X,confirmDeleting:Y,rowClassName:Z,actionWidth:W=190,draggable:t,rowSelection:P,...ut}){const{t:H}=Mt.useTranslationLib(),U=s.useMemo(()=>h.map(({hideInTable:e,hidden:r,width:u,label:m,halign:d,...C})=>{const N=ot.getRealName(C.name);return{title:m,width:u,key:N,dataIndex:N,hidden:e||r,align:d??(C.type==="number"?"right":void 0),render:nt.getRendererValueCrudViewer(C),sorter:C.sorter,defaultSortOrder:C.defaultSortOrder}}),[h]),[i,R]=s.useState(),[p,w]=s.useState(),[y,a]=s.useState([]),it=s.useCallback(e=>{R(e)},[]);s.useEffect(()=>{S&&a(S)},[S]),s.useEffect(()=>{S&&R(e=>{if(e)return S.find(r=>r[o]===e[o])})},[S,o,i]);const F=s.useCallback(e=>{var m;const{active:r,over:u}=e;if(t!=null&&t.onDragEnd&&(t==null||t.onDragEnd(e)),r.id!==(u==null?void 0:u.id)){const d=y.findIndex(x=>x[o]===r.id),C=y.findIndex(x=>x[o]===(u==null?void 0:u.id)),N=M.arrayMove(y,d,C);a(x=>{const xt=x.findIndex(L=>L[o]===(r==null?void 0:r.id)),jt=x.findIndex(L=>L[o]===(u==null?void 0:u.id));return M.arrayMove(x,xt,jt)}),(m=t==null?void 0:t.onDrag)==null||m.call(t,{newOrder:N.map(x=>x[o])})}},[y,o,t]),ft=s.useMemo(()=>{let e=typeof c=="string"?i==null?void 0:i[c]:void 0;if(typeof e=="object"){const r=h.find(u=>ot.getRealName(u.name)===c);e=nt.getRendererValueCrudViewer(r)(e,i,0)}return e},[c,i,h]),b=s.useMemo(()=>({rowSelection:P,rowClassName:Z,className:$,scroll:v??(k?{y:`calc(100vh - ${k})`}:void 0),id:"crud-table",bordered:G,size:_,expandable:A}),[P,Z,$,v,k,G,_,A]),g=s.useMemo(()=>f?{...f,total:f.count,onChange:f.setPage,current:f.page,pageSize:f.pageSize}:void 0,[f]),tt=s.useMemo(()=>{const e=B||O||l||D||c,r=[];return t&&r.push({key:"key",align:"center",width:5,title:t==null?void 0:t.columnLabel,render:()=>n.jsx(kt,{tooltip:t==null?void 0:t.tooltip})}),r.push(...U),e&&e&&r.push({title:H("str.action"),fixed:"right",width:W,render:(u,m)=>n.jsxs(n.Fragment,{children:[c&&n.jsx(dt,{value:m,onClick:typeof c=="object"?()=>{var d;return(d=c.onClick)==null?void 0:d.call(c,m)}:it}),n.jsx(It,{data:m,idField:o,extraAction:D,onUpdate:B,onClickUpdate:O,onClickClone:z,onDelete:l,onHide:V,onExport:Q,isHiding:T,isDeleting:I,confirmHiding:X,confirmDeleting:Y,closeViewOnClickUpdate:K,recentUpdateOrDeleteId:p,setRecentUpdateOrDeleteId:w,setOpenView:R})]})}),r},[U,B,O,l,D,c,H,W]),et=s.useMemo(()=>y.map(e=>e[o]),[y,o]),mt=s.useCallback(()=>{const e=n.jsx(Ot,{...b,summary:j,dataSource:y,loading:q,components:t?{body:{row:Et}}:void 0,pagination:g,columns:tt});return t?n.jsx(yt.DndContext,{modifiers:[qt.restrictToVerticalAxis],onDragEnd:F,children:n.jsx(M.SortableContext,{items:et,strategy:M.verticalListSortingStrategy,children:e})}):e},[b,y,q,g,tt,j,t,et,F]);return n.jsxs("div",{children:[(typeof c=="boolean"||typeof c=="string")&&n.jsx(ht.Modal,{width:"100%",open:!!i,title:ft??n.jsx("div",{children:" "}),footer:n.jsx(n.Fragment,{}),closable:!0,onCancel:()=>R(void 0),children:!!i&&n.jsxs("div",{children:[n.jsx(Vt.CrudDecListView,{layout:ct,descListColumn:rt,data:i,fields:h,idField:o,extraAction:D,onUpdate:B,onClickUpdate:O,onClickClone:z,onDelete:l,onHide:V,onExport:Q,isHiding:T,isDeleting:I,confirmHiding:X,confirmDeleting:Y,closeViewOnClickUpdate:K,recentUpdateOrDeleteId:p,setRecentUpdateOrDeleteId:w,setOpenView:R}),E==null?void 0:E(i)]},i==null?void 0:i[o])}),n.jsx(Tt,{fields:h,...ut}),n.jsxs(Dt,{children:[!!J&&n.jsx(St.RefreshButton,{onClick:J}),mt()]})]})}const st=s.createContext({}),kt=({tooltip:j})=>{const{setActivatorNodeRef:o,listeners:q}=s.useContext(st);return n.jsx(lt,{type:"text",size:"small",tooltip:j,icon:n.jsx(Bt.HolderOutlined,{}),style:{cursor:"move",border:"none"},ref:o,...q})},Et=j=>{const{attributes:o,listeners:q,setNodeRef:h,setActivatorNodeRef:I,transform:T,transition:c,isDragging:f}=M.useSortable({id:j["data-row-key"]}),l={...j.style,transform:Ct.CSS.Translate.toString(T),transition:c,...f?{position:"relative",zIndex:9999}:{}},V=s.useMemo(()=>({setActivatorNodeRef:I,listeners:q}),[I,q]);return n.jsx(st.Provider,{value:V,children:n.jsx("tr",{...j,ref:h,style:l,...o})})};module.exports=Nt;

package/dist/crud/view/CrudViewer.es.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as L, Fragment as et } from "react/jsx-runtime";
-import { Modal as Rt } from "antd";
-import { DndContext as lt } from "@dnd-kit/core";
-import { restrictToVerticalAxis as Bt } from "@dnd-kit/modifiers";
-import { CSS as Dt } from "@dnd-kit/utilities";
-import { arrayMove as ct, SortableContext as Nt, verticalListSortingStrategy as Ot, useSortable as dt } from "@dnd-kit/sortable";
+import { Modal as lt } from "antd";
+import { DndContext as Rt } from "@dnd-kit/core";
+import { restrictToVerticalAxis as dt } from "@dnd-kit/modifiers";
+import { CSS as Ot } from "@dnd-kit/utilities";
+import { arrayMove as ct, SortableContext as Bt, verticalListSortingStrategy as Dt, useSortable as Nt } from "@dnd-kit/sortable";
 import jt from "../../common/button/Button.es.js";
 import { RefreshButton as Et } from "../../common/button/RefreshButton.es.js";
 import Lt from "../../common/button/ViewButtonTable.es.js";
@@ -22,16 +22,16 @@ function so({
   summary: h,
   idField: n = "id",
   loadingData: C,
-  fields: p,
-  isDeleting: l,
-  isHiding: D,
+  fields: y,
+  isDeleting: R,
+  isHiding: O,
   viewable: c = !1,
   paginateProps: u,
   onDelete: I,
-  onHide: N,
-  onUpdate: O,
-  data: S = [],
-  extraAction: d,
+  onHide: B,
+  onUpdate: D,
+  data: T = [],
+  extraAction: N,
   onClickUpdate: j,
   minusHeight: M,
   scroll: A,
@@ -42,7 +42,7 @@ function so({
   bordered: J,
   descListColumn: ht,
   extraView: V,
-  decListLayout: pt,
+  decListLayout: yt,
   scrollToTop: Kt,
   onClickRefresh: K,
   closeViewOnClickUpdate: Q,
@@ -53,61 +53,62 @@ function so({
   actionWidth: P = 190,
   draggable: t,
   rowSelection: H,
-  ...yt
+  ...pt
 }) {
   const { t: U } = zt(), w = x(
-    () => p.map(({ hideInTable: o, hidden: r, width: s, label: f, halign: T, ...R }) => {
-      const E = ut.getRealName(R.name);
+    () => y.map(({ hideInTable: o, hidden: r, width: s, label: f, halign: l, ...S }) => {
+      const E = ut.getRealName(S.name);
       return {
         title: f,
         width: s,
         key: E,
         dataIndex: E,
         hidden: o || r,
-        align: T ?? (R.type === "number" ? "right" : void 0),
-        render: mt(R),
-        sorter: R.sorter
+        align: l ?? (S.type === "number" ? "right" : void 0),
+        render: mt(S),
+        sorter: S.sorter,
+        defaultSortOrder: S.defaultSortOrder
       };
     }),
-    [p]
-  ), [m, B] = z(), [F, a] = z(), [y, b] = z([]), Ct = v((o) => {
-    B(o);
+    [y]
+  ), [m, d] = z(), [F, a] = z(), [p, b] = z([]), Ct = v((o) => {
+    d(o);
   }, []);
   st(() => {
-    S && b(S);
-  }, [S]), st(() => {
-    S && B((o) => {
+    T && b(T);
+  }, [T]), st(() => {
+    T && d((o) => {
       if (o)
-        return S.find((r) => r[n] === o[n]);
+        return T.find((r) => r[n] === o[n]);
     });
-  }, [S, n, m]);
+  }, [T, n, m]);
   const g = v(
     (o) => {
       var f;
       const { active: r, over: s } = o;
       if (t != null && t.onDragEnd && (t == null || t.onDragEnd(o)), r.id !== (s == null ? void 0 : s.id)) {
-        const T = y.findIndex(
+        const l = p.findIndex(
           (i) => i[n] === r.id
-        ), R = y.findIndex(
+        ), S = p.findIndex(
           (i) => i[n] === (s == null ? void 0 : s.id)
-        ), E = ct(y, T, R);
+        ), E = ct(p, l, S);
         b((i) => {
-          const St = i.findIndex(
+          const It = i.findIndex(
             (k) => k[n] === (r == null ? void 0 : r.id)
           ), Tt = i.findIndex(
             (k) => k[n] === (s == null ? void 0 : s.id)
           );
-          return ct(i, St, Tt);
+          return ct(i, It, Tt);
         }), (f = t == null ? void 0 : t.onDrag) == null || f.call(t, {
           newOrder: E.map((i) => i[n])
         });
       }
     },
-    [y, n, t]
-  ), xt = x(() => {
+    [p, n, t]
+  ), St = x(() => {
     let o = typeof c == "string" ? m == null ? void 0 : m[c] : void 0;
     if (typeof o == "object") {
-      const r = p.find((s) => ut.getRealName(s.name) === c);
+      const r = y.find((s) => ut.getRealName(s.name) === c);
       o = mt(r)(
         o,
         m,
@@ -115,7 +116,7 @@ function so({
       );
     }
     return o;
-  }, [c, m, p]), tt = x(
+  }, [c, m, y]), tt = x(
     () => ({
       rowSelection: H,
       rowClassName: W,
@@ -146,7 +147,7 @@ function so({
     } : void 0,
     [u]
   ), nt = x(() => {
-    const o = O || j || I || d || c, r = [];
+    const o = D || j || I || N || c, r = [];
     return t && r.push({
       key: "key",
       align: "center",
@@ -163,8 +164,8 @@ function so({
           {
             value: f,
             onClick: typeof c == "object" ? () => {
-              var T;
-              return (T = c.onClick) == null ? void 0 : T.call(c, f);
+              var l;
+              return (l = c.onClick) == null ? void 0 : l.call(c, f);
             } : Ct
           }
         ),
@@ -173,61 +174,61 @@ function so({
           {
             data: f,
             idField: n,
-            extraAction: d,
-            onUpdate: O,
+            extraAction: N,
+            onUpdate: D,
             onClickUpdate: j,
             onClickClone: _,
             onDelete: I,
-            onHide: N,
+            onHide: B,
             onExport: X,
-            isHiding: D,
-            isDeleting: l,
+            isHiding: O,
+            isDeleting: R,
             confirmHiding: Y,
             confirmDeleting: Z,
             closeViewOnClickUpdate: Q,
             recentUpdateOrDeleteId: F,
             setRecentUpdateOrDeleteId: a,
-            setOpenView: B
+            setOpenView: d
           }
         )
       ] })
     }), r;
   }, [
     w,
-    O,
+    D,
     j,
     I,
-    d,
+    N,
     c,
     U,
     P
   ]), rt = x(
-    () => y.map((o) => o[n]),
-    [y, n]
-  ), It = v(() => {
+    () => p.map((o) => o[n]),
+    [p, n]
+  ), xt = v(() => {
     const o = /* @__PURE__ */ e(
       qt,
       {
         ...tt,
         summary: h,
-        dataSource: y,
+        dataSource: p,
         loading: C,
         components: t ? { body: { row: Jt } } : void 0,
         pagination: ot,
         columns: nt
       }
     );
-    return t ? /* @__PURE__ */ e(lt, { modifiers: [Bt], onDragEnd: g, children: /* @__PURE__ */ e(
-      Nt,
+    return t ? /* @__PURE__ */ e(Rt, { modifiers: [dt], onDragEnd: g, children: /* @__PURE__ */ e(
+      Bt,
       {
         items: rt,
-        strategy: Ot,
+        strategy: Dt,
         children: o
       }
     ) }) : o;
   }, [
     tt,
-    y,
+    p,
     C,
     ot,
     nt,
@@ -238,48 +239,48 @@ function so({
   ]);
   return /* @__PURE__ */ L("div", { children: [
     (typeof c == "boolean" || typeof c == "string") && /* @__PURE__ */ e(
-      Rt,
+      lt,
       {
         width: "100%",
         open: !!m,
-        title: xt ?? /* @__PURE__ */ e("div", { children: " " }),
+        title: St ?? /* @__PURE__ */ e("div", { children: " " }),
         footer: /* @__PURE__ */ e(et, {}),
         closable: !0,
-        onCancel: () => B(void 0),
+        onCancel: () => d(void 0),
         children: !!m && /* @__PURE__ */ L("div", { children: [
           /* @__PURE__ */ e(
             At,
             {
-              layout: pt,
+              layout: yt,
               descListColumn: ht,
               data: m,
-              fields: p,
+              fields: y,
               idField: n,
-              extraAction: d,
-              onUpdate: O,
+              extraAction: N,
+              onUpdate: D,
               onClickUpdate: j,
               onClickClone: _,
               onDelete: I,
-              onHide: N,
+              onHide: B,
               onExport: X,
-              isHiding: D,
-              isDeleting: l,
+              isHiding: O,
+              isDeleting: R,
               confirmHiding: Y,
               confirmDeleting: Z,
               closeViewOnClickUpdate: Q,
               recentUpdateOrDeleteId: F,
               setRecentUpdateOrDeleteId: a,
-              setOpenView: B
+              setOpenView: d
             }
           ),
           V == null ? void 0 : V(m)
         ] }, m == null ? void 0 : m[n])
       }
     ),
-    /* @__PURE__ */ e(vt, { fields: p, ...yt }),
+    /* @__PURE__ */ e(vt, { fields: y, ...pt }),
     /* @__PURE__ */ L($t, { children: [
       !!K && /* @__PURE__ */ e(Et, { onClick: K }),
-      It()
+      xt()
     ] })
   ] });
 }
@@ -301,21 +302,21 @@ const it = ft.createContext({}), Gt = ({ tooltip: h }) => {
   const {
     attributes: n,
     listeners: C,
-    setNodeRef: p,
-    setActivatorNodeRef: l,
-    transform: D,
+    setNodeRef: y,
+    setActivatorNodeRef: R,
+    transform: O,
     transition: c,
     isDragging: u
-  } = dt({ id: h["data-row-key"] }), I = {
+  } = Nt({ id: h["data-row-key"] }), I = {
     ...h.style,
-    transform: Dt.Translate.toString(D),
+    transform: Ot.Translate.toString(O),
     transition: c,
     ...u ? { position: "relative", zIndex: 9999 } : {}
-  }, N = x(
-    () => ({ setActivatorNodeRef: l, listeners: C }),
-    [l, C]
+  }, B = x(
+    () => ({ setActivatorNodeRef: R, listeners: C }),
+    [R, C]
   );
-  return /* @__PURE__ */ e(it.Provider, { value: N, children: /* @__PURE__ */ e("tr", { ...h, ref: p, style: I, ...n }) });
+  return /* @__PURE__ */ e(it.Provider, { value: B, children: /* @__PURE__ */ e("tr", { ...h, ref: y, style: I, ...n }) });
 };
 export {
   so as default

package/package.json

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