@kingteza/crud-component 1.27.2 → 1.29.0

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

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

package/package.json

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