@kingteza/crud-component 1.4.3 → 1.6.0

package/dist/App.d.ts

@@ -39,6 +39,7 @@ export declare const useWorkShiftCrudComponentProps: () => {
         label: string;
         type: string;
         required: boolean;
+        copyable: boolean;
         hideInTable?: undefined;
         truncated?: undefined;
         format?: undefined;
@@ -56,6 +57,7 @@ export declare const useWorkShiftCrudComponentProps: () => {
         type: string;
         hideInTable: boolean;
         truncated: boolean;
+        copyable: boolean;
         required?: undefined;
         format?: undefined;
         use12Hours?: undefined;
@@ -73,6 +75,7 @@ export declare const useWorkShiftCrudComponentProps: () => {
         format: string;
         use12Hours: boolean;
         required: boolean;
+        copyable: boolean;
         hideInTable?: undefined;
         truncated?: undefined;
         readonly?: undefined;
@@ -89,6 +92,7 @@ export declare const useWorkShiftCrudComponentProps: () => {
         format: string;
         use12Hours: boolean;
         readonly: boolean;
+        copyable: boolean;
         required?: undefined;
         hideInTable?: undefined;
         truncated?: undefined;
@@ -105,6 +109,7 @@ export declare const useWorkShiftCrudComponentProps: () => {
         int: boolean;
         required: boolean;
         hideInTable: boolean;
+        copyable: boolean;
         truncated?: undefined;
         format?: undefined;
         use12Hours?: undefined;
@@ -122,6 +127,7 @@ export declare const useWorkShiftCrudComponentProps: () => {
         required: boolean;
         hideInTable: boolean;
         max: number;
+        copyable: boolean;
         truncated?: undefined;
         format?: undefined;
         use12Hours?: undefined;
@@ -132,6 +138,7 @@ export declare const useWorkShiftCrudComponentProps: () => {
         type: string;
         int: boolean;
         required: boolean;
+        copyable: boolean;
         grid?: undefined;
         hideInTable?: undefined;
         truncated?: undefined;
@@ -149,6 +156,7 @@ export declare const useWorkShiftCrudComponentProps: () => {
         type: string;
         int: boolean;
         required: boolean;
+        copyable: boolean;
         hideInTable?: undefined;
         truncated?: undefined;
         format?: undefined;

package/dist/common/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./show-more/index.cjs.js"),t=require("./text/index.cjs.js"),o=require("./rich/index.cjs.js"),r=require("./appearance/Hider.cjs.js"),n=require("./button/Button.cjs.js"),i=require("./button/CloneButtonTable.cjs.js"),u=require("./button/DeleteButtonTable.cjs.js"),c=require("./button/HideButtonTable.cjs.js"),s=require("./button/UnHideButton.cjs.js"),a=require("./button/UpdateButtonTable.cjs.js"),l=require("./button/ViewButtonTable.cjs.js"),d=require("./check-box/CheckBox.cjs.js"),q=require("./date-picker/DatePicker.cjs.js"),p=require("./date-picker/TimePicker.cjs.js"),T=require("./description/DescList.cjs.js"),B=require("./layout/VerticalSpace.cjs.js"),m=require("./loading/LoadingIndicator.cjs.js"),b=require("./picker/ImagePicker.cjs.js"),x=require("./select/SelectComponent.cjs.js"),C=require("./select/CustomSelectOption.cjs.js"),R=require("./table/table.cjs.js"),S=require("./tag/StatusTag.cjs.js"),h=require("./text-field/NumberField.cjs.js"),w=require("./text-field/PhoneNumberField.cjs.js"),P=require("./text-field/TextField.cjs.js"),F=require("./text-field/TextArea.cjs.js"),I=require("./tooltip/TooltipComponent.cjs.js"),V=require("./wizard/WizardResult.cjs.js"),g=require("./wizard/WizardViewForm.cjs.js"),k=require("./button/ExportButton.cjs.js"),f=require("./button/ImportButton.cjs.js"),W=require("./button/NewButton.cjs.js"),D=require("./button/PrintButton.cjs.js"),H=require("./button/RefreshButton.cjs.js"),N=require("./radio/RadioGroupComponent.cjs.js"),E=require("./report/SelectFieldInReport.cjs.js"),z=require("./tab/TabViewWithRoute.cjs.js"),L=require("./text/title/index.cjs.js");exports.ShowMore=e.ShowMore;exports.Text=t.Text;exports.RichTextEditor=o.RichTextEditor;exports.Hider=r;exports.ButtonComponent=n;exports.CloneButtonTable=i;exports.DeleteButtonTable=u;exports.HideButtonTable=c;exports.UnHideButton=s;exports.UpdateButtonTable=a;exports.ViewButtonTable=l;exports.CheckBoxComponent=d;exports.DatePickerComponent=q;exports.TimePickerComponent=p;exports.DescList=T;exports.VerticalSpace=B;exports.LoadingIndicator=m;exports.ImagePicker=b.default;exports.SelectComponent=x;exports.CustomSelectOption=C;exports.TableComponent=R;exports.StatusTag=S;exports.NumberTextField=h;exports.PhoneField=w;exports.TextField=P.default;exports.TextAreaComponent=F.default;exports.TooltipComponent=I;exports.WizardResult=V;exports.WizardViewForm=g;exports.ExportButton=k.ExportButton;exports.ImportButton=f.ImportButton;exports.NewButton=W.NewButton;exports.PrintButton=D.PrintButton;exports.RefreshButton=H.RefreshButton;exports.RadioGroupComponent=N;exports.SelectFieldInReport=E.SelectFieldInReport;exports.TabViewWithRoute=z.TabViewWithRoute;exports.Title=L.Title;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text/index.cjs.js"),t=require("./rich/index.cjs.js"),o=require("./appearance/Hider.cjs.js"),r=require("./button/Button.cjs.js"),n=require("./button/CloneButtonTable.cjs.js"),i=require("./button/DeleteButtonTable.cjs.js"),u=require("./button/HideButtonTable.cjs.js"),c=require("./button/UnHideButton.cjs.js"),s=require("./button/UpdateButtonTable.cjs.js"),a=require("./button/ViewButtonTable.cjs.js"),l=require("./check-box/CheckBox.cjs.js"),d=require("./date-picker/DatePicker.cjs.js"),q=require("./date-picker/TimePicker.cjs.js"),p=require("./description/DescList.cjs.js"),T=require("./layout/VerticalSpace.cjs.js"),B=require("./loading/LoadingIndicator.cjs.js"),m=require("./picker/ImagePicker.cjs.js"),b=require("./select/SelectComponent.cjs.js"),C=require("./select/CustomSelectOption.cjs.js"),x=require("./table/table.cjs.js"),R=require("./tag/StatusTag.cjs.js"),S=require("./text-field/NumberField.cjs.js"),h=require("./text-field/PhoneNumberField.cjs.js"),P=require("./text-field/TextField.cjs.js"),F=require("./text-field/TextArea.cjs.js"),w=require("./tooltip/TooltipComponent.cjs.js"),I=require("./wizard/WizardResult.cjs.js"),V=require("./wizard/WizardViewForm.cjs.js"),g=require("./button/ExportButton.cjs.js"),k=require("./button/ImportButton.cjs.js"),f=require("./button/NewButton.cjs.js"),W=require("./button/PrintButton.cjs.js"),D=require("./button/RefreshButton.cjs.js"),H=require("./radio/RadioGroupComponent.cjs.js"),N=require("./report/SelectFieldInReport.cjs.js"),E=require("./tab/TabViewWithRoute.cjs.js"),z=require("./text/title/index.cjs.js");exports.Text=e.Text;exports.RichTextEditor=t.RichTextEditor;exports.Hider=o;exports.ButtonComponent=r;exports.CloneButtonTable=n;exports.DeleteButtonTable=i;exports.HideButtonTable=u;exports.UnHideButton=c;exports.UpdateButtonTable=s;exports.ViewButtonTable=a;exports.CheckBoxComponent=l;exports.DatePickerComponent=d;exports.TimePickerComponent=q;exports.DescList=p;exports.VerticalSpace=T;exports.LoadingIndicator=B;exports.ImagePicker=m.default;exports.SelectComponent=b;exports.CustomSelectOption=C;exports.TableComponent=x;exports.StatusTag=R;exports.NumberTextField=S;exports.PhoneField=h;exports.TextField=P.default;exports.TextAreaComponent=F.default;exports.TooltipComponent=w;exports.WizardResult=I;exports.WizardViewForm=V;exports.ExportButton=g.ExportButton;exports.ImportButton=k.ImportButton;exports.NewButton=f.NewButton;exports.PrintButton=W.PrintButton;exports.RefreshButton=D.RefreshButton;exports.RadioGroupComponent=H;exports.SelectFieldInReport=N.SelectFieldInReport;exports.TabViewWithRoute=E.TabViewWithRoute;exports.Title=z.Title;

package/dist/common/index.d.ts

@@ -9,7 +9,6 @@ export * from './picker';
 export * from './radio';
 export * from './report';
 export * from './select';
-export * from './show-more';
 export * from './tab';
 export * from './table';
 export * from './tag';

package/dist/common/index.es.js

@@ -1,78 +1,76 @@
-import { ShowMore as o } from "./show-more/index.es.js";
-import { Text as a } from "./text/index.es.js";
-import { RichTextEditor as p } from "./rich/index.es.js";
-import { default as l } from "./appearance/Hider.es.js";
-import { default as x } from "./button/Button.es.js";
-import { default as n } from "./button/CloneButtonTable.es.js";
-import { default as i } from "./button/DeleteButtonTable.es.js";
-import { default as B } from "./button/HideButtonTable.es.js";
-import { default as C } from "./button/UnHideButton.es.js";
-import { default as h } from "./button/UpdateButtonTable.es.js";
-import { default as S } from "./button/ViewButtonTable.es.js";
+import { Text as o } from "./text/index.es.js";
+import { RichTextEditor as a } from "./rich/index.es.js";
+import { default as p } from "./appearance/Hider.es.js";
+import { default as l } from "./button/Button.es.js";
+import { default as x } from "./button/CloneButtonTable.es.js";
+import { default as n } from "./button/DeleteButtonTable.es.js";
+import { default as i } from "./button/HideButtonTable.es.js";
+import { default as B } from "./button/UnHideButton.es.js";
+import { default as C } from "./button/UpdateButtonTable.es.js";
+import { default as R } from "./button/ViewButtonTable.es.js";
 import { default as F } from "./check-box/CheckBox.es.js";
-import { default as k } from "./date-picker/DatePicker.es.js";
-import { default as V } from "./date-picker/TimePicker.es.js";
-import { default as D } from "./description/DescList.es.js";
-import { default as W } from "./layout/VerticalSpace.es.js";
-import { default as E } from "./loading/LoadingIndicator.es.js";
-import { default as N } from "./picker/ImagePicker.es.js";
-import { default as A } from "./select/SelectComponent.es.js";
-import { default as M } from "./select/CustomSelectOption.es.js";
-import { default as j } from "./table/table.es.js";
-import { default as v } from "./tag/StatusTag.es.js";
-import { default as J } from "./text-field/NumberField.es.js";
-import { default as Q } from "./text-field/PhoneNumberField.es.js";
-import { default as Y } from "./text-field/TextField.es.js";
-import { default as _ } from "./text-field/TextArea.es.js";
-import { default as ee } from "./tooltip/TooltipComponent.es.js";
-import { default as oe } from "./wizard/WizardResult.es.js";
-import { default as ae } from "./wizard/WizardViewForm.es.js";
-import { ExportButton as pe } from "./button/ExportButton.es.js";
-import { ImportButton as le } from "./button/ImportButton.es.js";
-import { NewButton as xe } from "./button/NewButton.es.js";
-import { PrintButton as ne } from "./button/PrintButton.es.js";
-import { RefreshButton as ie } from "./button/RefreshButton.es.js";
-import { default as Be } from "./radio/RadioGroupComponent.es.js";
-import { SelectFieldInReport as Ce } from "./report/SelectFieldInReport.es.js";
-import { TabViewWithRoute as he } from "./tab/TabViewWithRoute.es.js";
-import { Title as Se } from "./text/title/index.es.js";
+import { default as S } from "./date-picker/DatePicker.es.js";
+import { default as w } from "./date-picker/TimePicker.es.js";
+import { default as V } from "./description/DescList.es.js";
+import { default as D } from "./layout/VerticalSpace.es.js";
+import { default as W } from "./loading/LoadingIndicator.es.js";
+import { default as E } from "./picker/ImagePicker.es.js";
+import { default as N } from "./select/SelectComponent.es.js";
+import { default as A } from "./select/CustomSelectOption.es.js";
+import { default as O } from "./table/table.es.js";
+import { default as q } from "./tag/StatusTag.es.js";
+import { default as y } from "./text-field/NumberField.es.js";
+import { default as K } from "./text-field/PhoneNumberField.es.js";
+import { default as Q } from "./text-field/TextField.es.js";
+import { default as Y } from "./text-field/TextArea.es.js";
+import { default as _ } from "./tooltip/TooltipComponent.es.js";
+import { default as ee } from "./wizard/WizardResult.es.js";
+import { default as oe } from "./wizard/WizardViewForm.es.js";
+import { ExportButton as ae } from "./button/ExportButton.es.js";
+import { ImportButton as pe } from "./button/ImportButton.es.js";
+import { NewButton as le } from "./button/NewButton.es.js";
+import { PrintButton as xe } from "./button/PrintButton.es.js";
+import { RefreshButton as ne } from "./button/RefreshButton.es.js";
+import { default as ie } from "./radio/RadioGroupComponent.es.js";
+import { SelectFieldInReport as Be } from "./report/SelectFieldInReport.es.js";
+import { TabViewWithRoute as Ce } from "./tab/TabViewWithRoute.es.js";
+import { Title as Re } from "./text/title/index.es.js";
 export {
-  x as ButtonComponent,
+  l as ButtonComponent,
   F as CheckBoxComponent,
-  n as CloneButtonTable,
-  M as CustomSelectOption,
-  k as DatePickerComponent,
-  i as DeleteButtonTable,
-  D as DescList,
-  pe as ExportButton,
-  B as HideButtonTable,
-  l as Hider,
-  N as ImagePicker,
-  le as ImportButton,
-  E as LoadingIndicator,
-  xe as NewButton,
-  J as NumberTextField,
-  Q as PhoneField,
-  ne as PrintButton,
-  Be as RadioGroupComponent,
-  ie as RefreshButton,
-  p as RichTextEditor,
-  A as SelectComponent,
-  Ce as SelectFieldInReport,
-  o as ShowMore,
-  v as StatusTag,
-  he as TabViewWithRoute,
-  j as TableComponent,
-  a as Text,
-  _ as TextAreaComponent,
-  Y as TextField,
-  V as TimePickerComponent,
-  Se as Title,
-  ee as TooltipComponent,
-  C as UnHideButton,
-  h as UpdateButtonTable,
-  W as VerticalSpace,
-  S as ViewButtonTable,
-  oe as WizardResult,
-  ae as WizardViewForm
+  x as CloneButtonTable,
+  A as CustomSelectOption,
+  S as DatePickerComponent,
+  n as DeleteButtonTable,
+  V as DescList,
+  ae as ExportButton,
+  i as HideButtonTable,
+  p as Hider,
+  E as ImagePicker,
+  pe as ImportButton,
+  W as LoadingIndicator,
+  le as NewButton,
+  y as NumberTextField,
+  K as PhoneField,
+  xe as PrintButton,
+  ie as RadioGroupComponent,
+  ne as RefreshButton,
+  a as RichTextEditor,
+  N as SelectComponent,
+  Be as SelectFieldInReport,
+  q as StatusTag,
+  Ce as TabViewWithRoute,
+  O as TableComponent,
+  o as Text,
+  Y as TextAreaComponent,
+  Q as TextField,
+  w as TimePickerComponent,
+  Re as Title,
+  _ as TooltipComponent,
+  B as UnHideButton,
+  C as UpdateButtonTable,
+  D as VerticalSpace,
+  R as ViewButtonTable,
+  ee as WizardResult,
+  oe as WizardViewForm
 };

package/dist/crud/CrudComponent.d.ts

@@ -12,6 +12,7 @@ import { SelectTagRenderProps } from '../common/select/SelectComponent';
 import { default as IdProps } from '../types/Id';
 import { TextAreaBasedFieldProps } from './CrudTextAreaComponent';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { Copyable } from 'src/util/CopyUtil';
 export type SelectFieldItem = {
     key?: string | number;
     value: string | number;
@@ -61,7 +62,7 @@ export type CrudFieldGrid = {
     xl?: number;
     xxl?: number;
 };
-export interface SelectCrudField<T, ItemType extends SelectFieldItem = SelectFieldItem> extends Omit<InitialCrudField<T>, "name">, AddonFieldProps {
+export interface SelectCrudField<T, ItemType extends SelectFieldItem = SelectFieldItem> extends Omit<InitialCrudField<T>, "name">, AddonFieldProps, Copyable<false> {
     name: InitialCrudField<T>["name"] | {
         name: keyof T | (string | number)[];
         upsertFieldName: keyof T | (string | number)[];
@@ -105,7 +106,7 @@ export interface SelectCrudField<T, ItemType extends SelectFieldItem = SelectFie
     onChange?: (value: any, form: FormInstance<T>) => void;
     onSet?: (value: any | any[], items: SelectFieldItem[], form: FormInstance<T>) => void;
 }
-export interface EnumCrudField<T> extends InitialCrudField<T> {
+export interface EnumCrudField<T> extends InitialCrudField<T>, Copyable<false> {
     type: "enum";
     placeholder?: string;
     name: keyof T;
@@ -123,17 +124,17 @@ export type AddonFieldProps = {
     addonAfter?: ReactNode;
     addonBefore?: ReactNode;
 };
-export interface ObjectCrudField<T> extends InitialCrudField<T> {
+export interface ObjectCrudField<T> extends InitialCrudField<T>, Copyable<true> {
     type: "object";
     render: (value: any, obj: T, index: number) => any;
     translation?: object;
 }
-export interface TextBasedFieldProps<T> extends InitialCrudField<T>, AddonFieldProps {
+export interface TextBasedFieldProps<T> extends InitialCrudField<T>, AddonFieldProps, Copyable<false> {
     placeholder?: string;
     type: "text" | "time" | "email" | "password";
     onChange?: (value: string, form: FormInstance<T>) => void;
 }
-export interface ColorPickerFieldProps<T> extends Omit<InitialCrudField<T>, "placeholder"> {
+export interface ColorPickerFieldProps<T> extends Omit<InitialCrudField<T>, "placeholder">, Copyable<false> {
     type: "color";
     innerProps?: ColorPickerProps;
 }
@@ -142,7 +143,7 @@ export interface CheckboxBasedFieldProps<T> extends InitialCrudField<T> {
     onChange?: (value: boolean, form: FormInstance<T>) => void;
     switch?: boolean;
 }
-export interface NumberBasedFieldProps<T> extends InitialCrudField<T>, AddonFieldProps {
+export interface NumberBasedFieldProps<T> extends InitialCrudField<T>, AddonFieldProps, Copyable<false> {
     type: "number";
     placeholder?: string;
     allowMinus?: boolean;
@@ -155,7 +156,7 @@ export interface NumberBasedFieldProps<T> extends InitialCrudField<T>, AddonFiel
     int?: boolean;
     onChange?: (value: number, form: FormInstance<T>) => void;
 }
-export interface DateBasedFieldProps<T> extends InitialCrudField<T> {
+export interface DateBasedFieldProps<T> extends InitialCrudField<T>, Copyable<false> {
     type: "date";
     format?: string;
     placeholder?: string;
@@ -173,7 +174,7 @@ export interface DateBasedFieldProps<T> extends InitialCrudField<T> {
     };
     onChange?: (value: Dayjs | undefined, form: FormInstance<T>) => void;
 }
-export interface TimeBasedFieldProps<T> extends InitialCrudField<T> {
+export interface TimeBasedFieldProps<T> extends InitialCrudField<T>, Copyable<false> {
     type: "time";
     placeholder?: string;
     use12Hours?: boolean;

package/dist/crud/CrudTextAreaComponent.d.ts

@@ -1,5 +1,6 @@
 import { InitialCrudField } from './CrudComponent';
 import { FormInstance } from 'antd/lib';
+import { Copyable } from 'src/util/CopyUtil';
 interface InitialTextAreaProps<T> extends InitialCrudField<T> {
     type: "textarea";
     onChange?: (value: string, form: FormInstance<T>) => void;
@@ -17,6 +18,6 @@ interface TextAreaProps<T> extends InitialTextAreaProps<T> {
 interface RichTextAreaProps<T> extends InitialTextAreaProps<T> {
     rich?: true;
 }
-export type TextAreaBasedFieldProps<T> = TextAreaProps<T> & RichTextAreaProps<T>;
+export type TextAreaBasedFieldProps<T> = TextAreaProps<T> & RichTextAreaProps<T> & Copyable<false>;
 declare const CrudTextAreaComponent: <T>({ onChange, label, required, rules, name, updatable, ...props }: TextAreaBasedFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CrudTextAreaComponent;

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

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

package/dist/crud/view/CrudViewer.d.ts

@@ -7,6 +7,7 @@ import { default as React } from 'react';
 import { CrudFieldProps, CrudPaginateProps } from '../CrudComponent';
 import { CrudSearchComponentProps } from '../CrudSearchComponent';
 import { DescListColumn } from './CrudDecListView';
+type TableRowSelection<T> = TableProps<T>['rowSelection'];
 export type CrudDragableProps<T> = {
     onDragEnd?: (event: DragEndEvent) => void;
     onDrag?: (params: {
@@ -32,6 +33,7 @@ export type CrudViewerProps<T, FormType> = {
     size?: SizeType;
     onClickRefresh?: () => void;
     expandable?: ExpandableConfig<T>;
+    rowSelection?: TableRowSelection<T>;
     descListColumn?: DescListColumn;
     extraView?: (t: T) => React.ReactElement;
     scrollToTop?: boolean;
@@ -39,5 +41,5 @@ export type CrudViewerProps<T, FormType> = {
     actionWidth?: string | number;
     draggable?: CrudDragableProps<T>;
 } & CrudActionsProps<T, FormType> & 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, draggable, ...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, rowSelection, ...props }: CrudViewerProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
 export default CrudViewer;