@kingteza/crud-component 1.0.51 → 1.0.54

package/crud/import/CrudImportComponent.es.js

@@ -1,9 +1,9 @@
 import { jsxs as w, jsx as i } from "react/jsx-runtime";
 import { WarningTwoTone as B, DownloadOutlined as z } from "@ant-design/icons";
 import $ from "papaparse";
-import { Tooltip as V, App as R, Modal as U, Space as O, Spin as Y, Progress as _ } from "antd";
-import { saveAs as G } from "file-saver";
-import { useState as T, useEffect as H, useMemo as A, useCallback as f } from "react";
+import { Tooltip as V, App as H, Modal as R, Space as O, Spin as U, Progress as Y } from "antd";
+import { saveAs as _ } from "file-saver";
+import { useState as T, useEffect as G, useMemo as A, useCallback as f } from "react";
 import { useTranslationLib as J } from "../../locale/index.es.js";
 import K from "../view/CrudViewer.es.js";
 import Q from "../../util/DateUtil.es.js";
@@ -16,7 +16,7 @@ function de({
   importProps: o
 }) {
   const [c, F] = T([]), [g, C] = T(!1), [N, I] = T(0);
-  H(() => {
+  G(() => {
     x || (F([]), C(!1));
   }, [x]);
   const u = A(
@@ -40,7 +40,7 @@ function de({
     async function() {
       const e = `${E.join(",")}
 `, t = new Blob([e], { type: "text/csv;charset=utf-8;" });
-      G(
+      _(
         t,
         (o == null ? void 0 : o.name) + " - " + Q.formatDateTimeWithSecond(/* @__PURE__ */ new Date()).replaceAll(":", "-") + ".csv"
       );
@@ -95,7 +95,7 @@ function de({
     } finally {
       C(!1), I(0);
     }
-  }, [c, o, b, q]), { modal: S } = R.useApp(), M = f(async () => {
+  }, [c, o, b, q]), { modal: S } = H.useApp(), M = f(async () => {
     k ? S.warning ? S.warning({
       title: s("str.warning"),
       content: s("qus.importWithIssues"),
@@ -108,13 +108,13 @@ function de({
     ), window.confirm(s("qus.importWithIssues")) && y()) : y();
   }, [k, y, s]);
   return /* @__PURE__ */ w(
-    U,
+    R,
     {
       title: [s("str.import"), o == null ? void 0 : o.name].filter(Boolean).join(" "),
       width: "100%",
       open: x,
       onOk: M,
-      destroyOnClose: !0,
+      destroyOnHidden: !0,
       onCancel: () => b(!1),
       okText: s("str.import"),
       confirmLoading: g,
@@ -155,11 +155,11 @@ function de({
           )
         ] }),
         /* @__PURE__ */ i(
-          Y,
+          U,
           {
             spinning: g,
             indicator: N ? /* @__PURE__ */ i(
-              _,
+              Y,
               {
                 type: "circle",
                 percent: N * 100,

package/crud/view/CrudViewer.cjs.js

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

package/crud/view/CrudViewer.d.ts

@@ -1,11 +1,20 @@
 import { SizeType } from 'antd/es/config-provider/SizeContext';
 import { ExpandableConfig } from 'antd/es/table/interface';
+import { DragEndEvent } from '@dnd-kit/core';
 import { TableProps } from 'antd/lib';
 import { default as React, ReactElement } from 'react';
 import { default as IdProps } from '../../types/Id';
 import { CrudFieldProps, CrudPaginateProps } from '../CrudComponent';
 import { CrudSearchComponentProps } from '../CrudSearchComponent';
 import { DescListColumn } from './CrudDecListView';
+export type CrudDragableProps<T> = {
+    onDragEnd?: (event: DragEndEvent) => void;
+    onDrag?: (params: {
+        newOrder: T[];
+    }) => void;
+    columnLabel?: string;
+    tooltip?: string;
+};
 export type CrudViewerProps<T, FormType> = {
     fields: CrudFieldProps<T>[];
     decListLayout?: "horizontal" | "vertical";
@@ -38,6 +47,7 @@ export type CrudViewerProps<T, FormType> = {
     scrollToTop?: boolean;
     rowClassName?: TableProps<T>["rowClassName"];
     actionWidth?: string | number;
+    draggable?: CrudDragableProps<T>;
 } & CrudSearchComponentProps<T, FormType>;
-declare function CrudViewer<T, FormType = T>({ idField, loadingData, fields, isDeleting, isHiding, viewable, paginateProps, onDelete, onHide, onUpdate, data, extraAction, onClickUpdate, minusHeight, scroll, onClickClone, className, expandable, size, bordered, descListColumn, extraView, decListLayout, scrollToTop, onClickRefresh, closeViewOnClickUpdate, onExport, confirmHiding, confirmDeleting, rowClassName, actionWidth, ...props }: CrudViewerProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
+declare function CrudViewer<T, FormType = T>({ idField, loadingData, fields, isDeleting, isHiding, viewable, paginateProps, onDelete, onHide, onUpdate, data, extraAction, onClickUpdate, minusHeight, scroll, onClickClone, className, expandable, size, bordered, descListColumn, extraView, decListLayout, scrollToTop, onClickRefresh, closeViewOnClickUpdate, onExport, confirmHiding, confirmDeleting, rowClassName, actionWidth, draggable, ...props }: CrudViewerProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
 export default CrudViewer;

package/crud/view/CrudViewer.es.js

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

package/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./locale/hooks/translation-constants.cjs.js"),u=require("./locale/index.cjs.js"),t=require("./crud/CrudComponent.cjs.js"),r=require("./crud/CrudField.cjs.js"),C=require("./crud/CrudFormWizard.cjs.js"),i=require("./crud/CrudReportComponent.cjs.js"),n=require("./crud/CrudSearchComponent.cjs.js"),a=require("./crud/import/CrudImportComponent.cjs.js"),s=require("./crud/import/CrudImportButton.cjs.js"),m=require("./crud/view/CrudViewer.cjs.js"),d=require("./crud/CrudForm.cjs.js"),e=require("./crud/ImageCrudField.cjs.js"),o=require("./crud/FileCrudField.cjs.js"),F=require("./crud/view/CrudDecListView.cjs.js"),p=require("./crud/view/CrudViewerUtil.cjs.js");exports.TRANSLATION_NAMESPACE=l.TRANSLATION_NAMESPACE;exports.setupI18n=u.setupI18n;exports.updateTranslations=u.updateTranslations;exports.CrudComponent=t;exports.ColorCrudFieldComponent=r.ColorCrudFieldComponent;exports.CrudField=r.default;exports.SelectCrudFieldComponent=r.SelectCrudFieldComponent;exports.CrudFormWizard=C;exports.CrudReportComponent=i;exports.CrudSearchComponent=n;exports.CrudImportComponent=a;exports.CrudImportButton=s;exports.CrudViewer=m;exports.CrudForm=d.CrudForm;exports.CrudFormFields=d.CrudFormFields;exports.FileDownloadProvider=e.FileDownloadProvider;exports.FileUploadProvider=e.FileUploadProvider;exports.ImageCellValue=e.ImageCellValue;exports.ImageCrudCellValue=e.ImageCrudCellValue;exports.ImageCrudField=e.default;exports.FileCellValue=o.FileCellValue;exports.FileCrudCellValue=o.FileCrudCellValue;exports.FileCrudField=o.default;exports.CrudDecListView=F.CrudDecListView;exports.getRendererValueCrudViewer=p.getRendererValueCrudViewer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./locale/hooks/translation-constants.cjs.js"),u=require("./locale/index.cjs.js"),t=require("./crud/CrudComponent.cjs.js"),r=require("./crud/CrudField.cjs.js"),C=require("./crud/CrudFormWizard.cjs.js"),i=require("./crud/CrudReportComponent.cjs.js"),n=require("./crud/CrudSearchComponent.cjs.js"),e=require("./crud/ImageCrudField.cjs.js"),o=require("./crud/FileCrudField.cjs.js"),a=require("./crud/import/CrudImportComponent.cjs.js"),s=require("./crud/import/CrudImportButton.cjs.js"),m=require("./crud/view/CrudViewer.cjs.js"),d=require("./crud/CrudForm.cjs.js"),F=require("./crud/view/CrudDecListView.cjs.js"),p=require("./crud/view/CrudViewerUtil.cjs.js");exports.TRANSLATION_NAMESPACE=l.TRANSLATION_NAMESPACE;exports.setupI18n=u.setupI18n;exports.updateTranslations=u.updateTranslations;exports.CrudComponent=t;exports.ColorCrudFieldComponent=r.ColorCrudFieldComponent;exports.CrudField=r.default;exports.SelectCrudFieldComponent=r.SelectCrudFieldComponent;exports.CrudFormWizard=C;exports.CrudReportComponent=i;exports.CrudSearchComponent=n;exports.FileDownloadProvider=e.FileDownloadProvider;exports.FileUploadProvider=e.FileUploadProvider;exports.ImageCellValue=e.ImageCellValue;exports.ImageCrudCellValue=e.ImageCrudCellValue;exports.ImageCrudField=e.default;exports.FileCellValue=o.FileCellValue;exports.FileCrudCellValue=o.FileCrudCellValue;exports.FileCrudField=o.default;exports.CrudImportComponent=a;exports.CrudImportButton=s;exports.CrudViewer=m;exports.CrudForm=d.CrudForm;exports.CrudFormFields=d.CrudFormFields;exports.CrudDecListView=F.CrudDecListView;exports.getRendererValueCrudViewer=p.getRendererValueCrudViewer;