@kingteza/crud-component 1.0.55 → 1.0.57

package/crud/FileCrudField.es.js

@@ -1,70 +1,71 @@
 import { jsxs as f, jsx as s, Fragment as O } from "react/jsx-runtime";
 /* empty css             */
-import { FileOutlined as J, FilePptOutlined as K, FileExcelOutlined as Q, FileTextOutlined as R, FileWordOutlined as X, FilePdfOutlined as Y, FileImageOutlined as Z, ExportOutlined as v } from "@ant-design/icons";
-import { Form as P, Upload as y, Modal as m } from "antd";
+import { FileOutlined as J, FilePptOutlined as K, FileExcelOutlined as Q, FileTextOutlined as X, FileWordOutlined as Y, FilePdfOutlined as Z, FileImageOutlined as v, ExportOutlined as y } from "@ant-design/icons";
+import { Form as P, Upload as m, Modal as T } from "antd";
 import S from "mime";
-import { useState as p, useCallback as j, useEffect as A, useMemo as N } from "react";
-import { useTranslationLib as T } from "../locale/index.es.js";
-import tt from "../util/ValidationUtil.es.js";
+import { useState as p, useCallback as $, useEffect as A, useMemo as j } from "react";
+import { useTranslationLib as tt } from "../locale/index.es.js";
+import et from "../util/ValidationUtil.es.js";
 import C from "../common/button/Button.es.js";
-import et from "../common/layout/VerticalSpace.es.js";
-function ht({
+import st from "../common/layout/VerticalSpace.es.js";
+import rt from "../util/CrudUtil.es.js";
+function wt({
   name: n,
   label: t,
-  required: l,
+  required: r,
   provider: e,
   onUploading: a,
   onRemoved: u,
-  fieldClassName: w,
+  fieldClassName: F,
   accept: b,
   rules: H,
   maxCount: I = 1,
   block: L,
   ...W
 }) {
-  const d = P.useFormInstance(), h = P.useWatch(n, d), [V, D] = p(!1), [U, _] = p(!1), q = j(
-    async (r) => {
+  const d = P.useFormInstance(), _ = rt.getRealName(n, "upsertFieldName"), h = P.useWatch(_, d), [V, D] = p(!1), [N, q] = p(!1), B = $(
+    async (l) => {
       var c, i;
       try {
-        const { file: o } = r, x = o.name;
-        D(!0), _(!0), a == null || a(!0);
-        const g = x ?? "", E = g.split("."), z = E[E.length - 1], G = e.generateFileName(g), M = `${await e.getInitialPath()}/${G}.${z}`;
-        console.log({ filePath: M });
-        const $ = await e.upload(
+        const { file: o } = l, g = o.name;
+        D(!0), q(!0), a == null || a(!0);
+        const x = g ?? "", k = x.split("."), z = k[k.length - 1], G = e.generateFileName(x), E = `${await e.getInitialPath()}/${G}.${z}`;
+        console.log({ filePath: E });
+        const M = await e.upload(
           { ...o, originFileObj: o },
-          M
+          E
         );
-        a == null || a(!1), d.setFieldValue(n, $), (c = r.onSuccess) == null || c.call(r, $);
+        a == null || a(!1), d.setFieldValue(n, M), (c = l.onSuccess) == null || c.call(l, M);
       } catch (o) {
-        (i = r.onError) == null || i.call(r, o);
+        (i = l.onError) == null || i.call(l, o);
       } finally {
         D(!1);
       }
     },
     [d, n, a, e]
-  ), [F, k] = p([]);
+  ), [w, U] = p([]);
   A(() => {
-    !U && h && Promise.all(
+    !N && h && Promise.all(
       (Array.isArray(h) ? h : [h]).map(
-        async (r) => {
-          const c = S.getType(r), i = r.split("/").pop(), o = await e.getRealUrl(r);
+        async (l) => {
+          const c = S.getType(l), i = l.split("/").pop(), o = await e.getRealUrl(l);
           return {
-            uid: r,
+            uid: l,
             url: o,
             type: c,
             name: i
           };
         }
       )
-    ).then((r) => k(() => {
-      const c = r.map(({ url: i, type: o, uid: x, name: g }) => ({ uid: x, url: i, type: o, response: x, thumbUrl: i, name: g }));
+    ).then((l) => U(() => {
+      const c = l.map(({ url: i, type: o, uid: g, name: x }) => ({ uid: g, url: i, type: o, response: g, thumbUrl: i, name: x }));
       return console.log(c), c;
     }));
-  }, [h, U, V, e]);
-  const B = j(
-    async (r) => {
-      const c = r.response, i = c || d.getFieldValue(n);
-      await e.delete(i), u == null || u(), r && d.setFieldsValue({ [n]: null });
+  }, [h, N, V, e]);
+  const R = $(
+    async (l) => {
+      const c = l.response, i = c || d.getFieldValue(n);
+      await e.delete(i), u == null || u(), l && d.setFieldsValue({ [n]: null });
     },
     [d, n, u, e]
   );
@@ -72,27 +73,27 @@ function ht({
     P.Item,
     {
       label: t,
-      required: l,
+      required: r,
       name: n,
-      className: w,
+      className: F,
       rules: [
-        ...l ? tt.required(t) : [],
+        ...r ? et.required(t) : [],
         ...H ?? []
       ],
       children: [
         /* @__PURE__ */ s("input", { hidden: !0 }),
         /* @__PURE__ */ s(
-          y,
+          m,
           {
             ...W,
-            fileList: F,
-            className: ((F == null ? void 0 : F.length) ?? 0) >= I ? "hide-upload" : "",
+            fileList: w,
+            className: ((w == null ? void 0 : w.length) ?? 0) >= I ? "hide-upload" : "",
             maxCount: I,
-            customRequest: q,
-            onRemove: B,
+            customRequest: B,
+            onRemove: R,
             listType: "picture",
-            onChange: ({ fileList: r }) => {
-              k(r);
+            onChange: ({ fileList: l }) => {
+              U(l);
             },
             style: L ? { width: "100%" } : void 0,
             children: /* @__PURE__ */ s(C, { loading: V, children: "Upload File" })
@@ -102,8 +103,8 @@ function ht({
     }
   );
 }
-const pt = ({ provider: n, value: t }) => {
-  const [l, e] = p();
+const gt = ({ provider: n, value: t }) => {
+  const [r, e] = p();
   return A(() => {
     t && n.getRealUrl(t).then((a) => {
       e({
@@ -112,25 +113,25 @@ const pt = ({ provider: n, value: t }) => {
         fileName: t.split("/").pop() ?? t
       });
     });
-  }, [n, t]), l ? /* @__PURE__ */ s(
-    st,
+  }, [n, t]), r ? /* @__PURE__ */ s(
+    lt,
     {
-      fileName: l.fileName,
-      url: l == null ? void 0 : l.url,
-      mimeType: l == null ? void 0 : l.mimeType
+      fileName: r.fileName,
+      url: r == null ? void 0 : r.url,
+      mimeType: r == null ? void 0 : r.mimeType
     }
   ) : /* @__PURE__ */ s(O, {});
-}, st = ({ url: n, mimeType: t = "", fileName: l }) => {
-  const e = N(() => t != null && t.includes("image") ? "image" : t != null && t.includes("pdf") ? "pdf" : t != null && t.includes("word") ? "word" : t != null && t.includes("text") ? "text" : t != null && t.includes("presentation") ? "presentation" : t != null && t.includes("excel") || t != null && t.includes("spreadsheet") ? "excel" : "file", [t]), a = N(() => {
+}, lt = ({ url: n, mimeType: t = "", fileName: r }) => {
+  const e = j(() => t != null && t.includes("image") ? "image" : t != null && t.includes("pdf") ? "pdf" : t != null && t.includes("word") ? "word" : t != null && t.includes("text") ? "text" : t != null && t.includes("presentation") ? "presentation" : t != null && t.includes("excel") || t != null && t.includes("spreadsheet") ? "excel" : "file", [t]), a = j(() => {
     switch (e) {
       case "image":
-        return /* @__PURE__ */ s(Z, {});
+        return /* @__PURE__ */ s(v, {});
       case "pdf":
-        return /* @__PURE__ */ s(Y, {});
+        return /* @__PURE__ */ s(Z, {});
       case "word":
-        return /* @__PURE__ */ s(X, {});
+        return /* @__PURE__ */ s(Y, {});
       case "text":
-        return /* @__PURE__ */ s(R, {});
+        return /* @__PURE__ */ s(X, {});
       case "excel":
         return /* @__PURE__ */ s(Q, {});
       case "presentation":
@@ -138,37 +139,37 @@ const pt = ({ provider: n, value: t }) => {
       default:
         return /* @__PURE__ */ s(J, {});
     }
-  }, [e]), [u, w] = p(!1), { t: b } = T();
+  }, [e]), [u, F] = p(!1), { t: b } = tt();
   return e !== "file" && e !== "text" ? /* @__PURE__ */ f(O, { children: [
     /* @__PURE__ */ s(
-      m,
+      T,
       {
         open: u,
-        title: l,
-        onCancel: () => w(!1),
+        title: r,
+        onCancel: () => F(!1),
         footer: /* @__PURE__ */ s(O, {}),
         width: "100%",
         style: { top: "8px", minHeight: "700px" },
         destroyOnHidden: !0,
-        children: /* @__PURE__ */ f(et, { children: [
+        children: /* @__PURE__ */ f(st, { children: [
           /* @__PURE__ */ s(
             C,
             {
-              tooltip: l,
-              icon: /* @__PURE__ */ s(v, {}),
+              tooltip: r,
+              icon: /* @__PURE__ */ s(y, {}),
               target: "_blank",
               href: n,
               style: { textDecoration: "none" },
               children: b("str.openInNewTab")
             }
           ),
-          e === "image" ? /* @__PURE__ */ s("img", { src: n, alt: l, style: { width: "100%" } }) : e === "pdf" ? /* @__PURE__ */ f("iframe", { title: l, src: n, width: "100%", height: "700px", children: [
+          e === "image" ? /* @__PURE__ */ s("img", { src: n, alt: r, style: { width: "100%" } }) : e === "pdf" ? /* @__PURE__ */ f("iframe", { title: r, src: n, width: "100%", height: "700px", children: [
             "This browser does not support PDFs. Please download the PDF to view it:",
             /* @__PURE__ */ s("a", { href: n, children: "Download PDF" })
           ] }) : /* @__PURE__ */ f(
             "iframe",
             {
-              title: l,
+              title: r,
               src: `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(
                 n
               )}`,
@@ -194,16 +195,16 @@ const pt = ({ provider: n, value: t }) => {
     /* @__PURE__ */ s(
       C,
       {
-        tooltip: l,
+        tooltip: r,
         icon: a,
         shape: "circle",
-        onClick: () => w(!0)
+        onClick: () => F(!0)
       }
     )
   ] }) : /* @__PURE__ */ s(
     C,
     {
-      tooltip: l,
+      tooltip: r,
       icon: a,
       target: "_blank",
       href: n,
@@ -212,7 +213,7 @@ const pt = ({ provider: n, value: t }) => {
   );
 };
 export {
-  st as FileCellValue,
-  pt as FileCrudCellValue,
-  ht as default
+  lt as FileCellValue,
+  gt as FileCrudCellValue,
+  wt as default
 };

package/crud/view/CrudDecListView.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("../../common/description/DescList.cjs.js"),q=require("react"),x=require("../../locale/index.cjs.js"),V=require("./CrudViewerUtil.cjs.js");function d({className:o,fields:u,data:e,descListColumn:c={xs:1,md:3,sm:2,lg:4},layout:m,action:t,keepEmptyValues:b}){const{t:n}=x.useTranslationLib(),g=q.useMemo(()=>{const l=u.filter(({hidden:r,hideInDescList:i})=>!r&&!i).map((r,i)=>({label:r.label,noFormatting:!0,value:V.getRendererValueCrudViewer(r)(e==null?void 0:e[r.name],e,i)}));return t&&l.push({label:n("str.action"),value:t}),l},[t,e,u,n]);return e?s.jsx(f,{keepEmptyValues:b,bordered:!0,column:c,className:o,layout:m,list:g}):s.jsx(s.Fragment,{})}exports.CrudDecListView=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),q=require("../../common/description/DescList.cjs.js"),f=require("react"),x=require("../../locale/index.cjs.js"),C=require("./CrudViewerUtil.cjs.js"),V=require("../../util/CrudUtil.cjs.js");function j({className:o,fields:s,data:e,descListColumn:c={xs:1,md:3,sm:2,lg:4},layout:m,action:t,keepEmptyValues:b}){const{t:n}=x.useTranslationLib(),g=f.useMemo(()=>{const l=s.filter(({hidden:r,hideInDescList:u})=>!r&&!u).map((r,u)=>{const d=V.getRealName(r.name);return{label:r.label,noFormatting:!0,value:C.getRendererValueCrudViewer(r)(e==null?void 0:e[d],e,u)}});return t&&l.push({label:n("str.action"),value:t}),l},[t,e,s,n]);return e?i.jsx(q,{keepEmptyValues:b,bordered:!0,column:c,className:o,layout:m,list:g}):i.jsx(i.Fragment,{})}exports.CrudDecListView=j;

package/crud/view/CrudDecListView.es.js

@@ -1,40 +1,44 @@
-import { jsx as l, Fragment as b } from "react/jsx-runtime";
-import g from "../../common/description/DescList.es.js";
-import { useMemo as x } from "react";
-import { useTranslationLib as L } from "../../locale/index.es.js";
-import { getRendererValueCrudViewer as V } from "./CrudViewerUtil.es.js";
+import { jsx as s, Fragment as g } from "react/jsx-runtime";
+import x from "../../common/description/DescList.es.js";
+import { useMemo as C } from "react";
+import { useTranslationLib as F } from "../../locale/index.es.js";
+import { getRendererValueCrudViewer as L } from "./CrudViewerUtil.es.js";
+import V from "../../util/CrudUtil.es.js";
 function h({
-  className: n,
+  className: u,
   fields: m,
   data: r,
-  descListColumn: u = { xs: 1, md: 3, sm: 2, lg: 4 },
+  descListColumn: n = { xs: 1, md: 3, sm: 2, lg: 4 },
   layout: f,
-  action: o,
+  action: t,
   keepEmptyValues: p
 }) {
-  const { t: i } = L(), c = x(() => {
-    const s = m.filter(({ hidden: e, hideInDescList: t }) => !e && !t).map((e, t) => ({
-      label: e.label,
-      noFormatting: !0,
-      value: V(e)(
-        r == null ? void 0 : r[e.name],
-        r,
-        t
-      )
-    }));
-    return o && s.push({ label: i("str.action"), value: o }), s;
-  }, [o, r, m, i]);
-  return r ? /* @__PURE__ */ l(
-    g,
+  const { t: i } = F(), c = C(() => {
+    const l = m.filter(({ hidden: e, hideInDescList: o }) => !e && !o).map((e, o) => {
+      const b = V.getRealName(e.name);
+      return {
+        label: e.label,
+        noFormatting: !0,
+        value: L(e)(
+          r == null ? void 0 : r[b],
+          r,
+          o
+        )
+      };
+    });
+    return t && l.push({ label: i("str.action"), value: t }), l;
+  }, [t, r, m, i]);
+  return r ? /* @__PURE__ */ s(
+    x,
     {
       keepEmptyValues: p,
       bordered: !0,
-      column: u,
-      className: n,
+      column: n,
+      className: u,
       layout: f,
       list: c
     }
-  ) : /* @__PURE__ */ l(b, {});
+  ) : /* @__PURE__ */ s(g, {});
 }
 export {
   h as CrudDecListView

package/crud/view/CrudViewer.cjs.js

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