@kingteza/crud-component 1.17.0 → 1.17.2

package/dist/common/table/table.cjs.js

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),c=require("antd"),l=require("react");function d({minusHeight:h,onRow:g,count:m=1,onPageSizeChanged:f,pagination:e=!1,rowKey:s="id",columns:t,className:o,scroll:n,...i}){const r=l.useMemo(()=>t.filter(u=>!u.hidden),[t]);return a.jsx(c.Table,{className:`custom-scroll ${o}`,style:{width:"100%"},columns:r,rowKey:s,...i,scroll:n||{x:!0},pagination:e&&{...e,hideOnSinglePage:!0,showSizeChanger:!1}})}module.exports=d;
+"use strict";const u=require("react/jsx-runtime"),a=require("antd"),l=require("react");function d({minusHeight:m,onRow:h,count:x=1,onPageSizeChanged:f,pagination:s=!1,rowKey:n="id",columns:e,className:o,scroll:t,...i}){const r=l.useMemo(()=>e.filter(c=>!c.hidden),[e]);return u.jsx(a.Table,{className:`custom-scroll ${o}`,style:{width:"100%"},columns:r,rowKey:n,...i,scroll:t||{x:!0},pagination:s})}module.exports=d;

package/dist/common/table/table.d.ts

@@ -5,7 +5,7 @@ export type TableComponentColumnProp<T> = {
     render?: (value: any, record: T, index: number) => React.ReactNode;
     hidden?: boolean;
     title?: any;
-    align?: 'right' | 'left' | 'center';
+    align?: "right" | "left" | "center";
     width?: number | string;
 }[] & ColumnsType<T>;
 export interface TableComponentProps<T> extends TableProps<T> {

package/dist/common/table/table.es.js

@@ -1,40 +1,39 @@
 import { jsx as l } from "react/jsx-runtime";
-import { Table as m } from "antd";
+import { Table as a } from "antd";
 import { useMemo as u } from "react";
-function x({
-  minusHeight: f,
-  onRow: c,
+function b({
+  minusHeight: c,
+  onRow: f,
   count: d = 1,
-  onPageSizeChanged: h,
-  pagination: e = !1,
+  onPageSizeChanged: p,
+  pagination: t = !1,
   rowKey: n = "id",
   columns: o,
-  className: i,
-  scroll: t,
-  ...r
+  className: r,
+  scroll: e,
+  ...s
 }) {
-  const s = u(() => o.filter((a) => !a.hidden), [o]);
+  const i = u(
+    () => o.filter((m) => !m.hidden),
+    [o]
+  );
   return /* @__PURE__ */ l(
-    m,
+    a,
     {
-      className: `custom-scroll ${i}`,
+      className: `custom-scroll ${r}`,
       style: { width: "100%" },
-      columns: s,
+      columns: i,
       rowKey: n,
-      ...r,
-      scroll: t || {
+      ...s,
+      scroll: e || {
         // y: `calc(100vh - ${minusHeight ?? 0}px)`,
         x: !0
         // scrollToFirstRowOnChange: true,
       },
-      pagination: e && {
-        ...e,
-        hideOnSinglePage: !0,
-        showSizeChanger: !1
-      }
+      pagination: t
     }
   );
 }
 export {
-  x as default
+  b as default
 };

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

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

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

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

package/package.json

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