@itera-web/react-ui-baselist 2.2.2 → 2.3.1

package/es/BaseList.d.ts

@@ -20,6 +20,7 @@ export interface IBaseListProps {
     locales?: string;
     onRowChangeCallback?: (a: any, b: any) => void;
     border?: boolean;
+    drag?: boolean;
     listClassName?: string;
 }
 export interface IStateProps {

package/es/Components/Drag.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export type IconProps = {
+    className?: string;
+};
+export declare const Drag: React.FC<IconProps>;

package/es/Components/ListBody/ResizableTitle.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ResizableTitle: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLTableCellElement>>>;

package/es/Components/ListBody/TableWrapper.d.ts

@@ -1,18 +1,6 @@
-import React from 'react';
 interface TableWrapperProps {
     borderColor?: string;
     rowHoverBg?: string;
 }
-export type AlignType = 'left' | 'center' | 'right';
-export interface RcColumn<T> {
-    key: string;
-    title: React.ReactNode;
-    dataIndex?: keyof T;
-    width?: number;
-    align?: AlignType;
-    fixed?: 'left' | 'right';
-    wrap?: boolean;
-    render?: (value: any, record: T, index: number) => React.ReactNode;
-}
-export declare const TableWrapper: React.MemoExoticComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TableWrapperProps>> & string>;
+export declare const TableWrapper: import("react").MemoExoticComponent<import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TableWrapperProps>> & string>;
 export {};

package/es/Components/ListBody/index.d.ts

@@ -19,6 +19,7 @@ export interface DataTableProps<T> {
     rowSelectionType?: 'checkbox' | 'radio';
     density?: 'compact' | 'normal' | 'loose';
     border?: boolean;
+    drag?: boolean;
     scroll?: object;
 }
 export declare const ListBody: React.MemoExoticComponent<React.ForwardRefExoticComponent<DataTableProps<{

package/es/index.js

@@ -1 +1 @@
-import*as e from"lodash";import*as n from"react";import*as r from"uuid";import*as t from"@itera-web/hooks-setstate";import*as l from"@itera-web/react-ui-conditionalrender";import*as o from"@itera-web/react-ui-functioncontrol";import*as a from"@itera-web/react-ui-pagination-push";import*as i from"@itera-web/react-ui-searchform";import*as c from"@itera-web/react-ui-spin";import*as d from"@itera-web/utils-cn";import*as b from"@itera-web/utils-locale-toggle";import*as s from"rc-table";import*as p from"@itera-web/react-ui-checkbox";import*as f from"@itera-web/react-ui-empty";import*as u from"@itera-web/react-ui-radio";import*as x from"styled-components";var h={d:(e,n)=>{for(var r in n)h.o(n,r)&&!h.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)},g={};h.d(g,{D:()=>q,Y:()=>A});const v=(e=>{var n={};return h.d(n,e),n})({default:()=>e.default});const m=(e=>{var n={};return h.d(n,e),n})({createElement:()=>n.createElement,default:()=>n.default,forwardRef:()=>n.forwardRef,memo:()=>n.memo,useCallback:()=>n.useCallback,useEffect:()=>n.useEffect,useImperativeHandle:()=>n.useImperativeHandle,useMemo:()=>n.useMemo,useRef:()=>n.useRef});const w=(e=>{var n={};return h.d(n,e),n})({v4:()=>r.v4});const y=(e=>{var n={};return h.d(n,e),n})({useSetState:()=>t.useSetState});const k=(e=>{var n={};return h.d(n,e),n})({ConditionalRender:()=>l.ConditionalRender});const S=(e=>{var n={};return h.d(n,e),n})({FunctionControl:()=>o.FunctionControl});const C=(e=>{var n={};return h.d(n,e),n})({Pagination:()=>a.Pagination});const R=(e=>{var n={};return h.d(n,e),n})({SearchForm:()=>i.SearchForm});const E=(e=>{var n={};return h.d(n,e),n})({Spin:()=>c.Spin});const O=(e=>{var n={};return h.d(n,e),n})({cn:()=>d.cn});const z=(e=>{var n={};return h.d(n,e),n})({Intl:()=>b.Intl});var N=function(e){var n=e.className;return m.createElement("svg",{className:n,fill:"none",height:"18",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"18",xmlns:"http://www.w3.org/2000/svg"},m.createElement("line",{x1:"18",x2:"6",y1:"6",y2:"18"}),m.createElement("line",{x1:"6",x2:"18",y1:"6",y2:"18"}))};const P=(e=>{var n={};return h.d(n,e),n})({default:()=>s.default});const j=(e=>{var n={};return h.d(n,e),n})({Checkbox:()=>p.Checkbox});const I=(e=>{var n={};return h.d(n,e),n})({Empty:()=>f.Empty});const T=(e=>{var n={};return h.d(n,e),n})({RadioGroup:()=>u.RadioGroup,RadioGroupItem:()=>u.RadioGroupItem});const F=(e=>{var n={};return h.d(n,e),n})({default:()=>x.default});var H,K=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},B=F.default.div(H||(H=K(["\n  .rc-table {\n    position: relative;\n    box-sizing: border-box;\n    color: var(--font-3-color, #666);\n    border-collapse: collapse;\n    overflow: hidden;\n    font-size: 14px;\n    height: 100%;\n  }\n\n  .rc-table-rtl {\n    direction: rtl;\n  }\n\n  .rc-table table {\n    width: 100%;\n    border-spacing: 0;\n  }\n\n  .rc-table th,\n  .rc-table td {\n    position: relative;\n    box-sizing: border-box;\n    padding: var(--rc-table-padding, 16px 8px);\n    white-space: normal;\n    word-break: break-word;\n    border-top: 0;\n    border-left: 0;\n    border-bottom: 1px solid var(--rc-table-header-color, red);\n    border-right: 1px solid var(--border-color, red);\n    transition: box-shadow 0.3s;\n  }\n\n  .rc-table th {\n    border-right: 1px solid var(--rc-table-header-color, red);\n  }\n\n  .rc-table-rtl.rc-table th,\n  .rc-table-rtl.rc-table td {\n    border-right: 0;\n    border-left: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-fixed-column-gapped .rc-table-cell-fix-left-last::after,\n  .rc-table-fixed-column-gapped .rc-table-cell-fix-right-first::after {\n    display: none !important;\n  }\n\n  .rc-table-cell {\n    background: var(--primary-section-color, #f4f4f4);\n  }\n\n  .rc-table-cell-fix-left,\n  .rc-table-cell-fix-right {\n    z-index: 2;\n  }\n\n  .rc-table-cell-fix-right:last-child:not(.rc-table-cell-fix-sticky) {\n    border-right-color: transparent;\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-right:last-child {\n    border-right-color: var(--border-color, red);\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-left:last-child {\n    border-left-color: transparent;\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-left-first {\n    box-shadow: 1px 0 0 var(--border-color, red);\n  }\n\n  .rc-table-cell-fix-left-first::after,\n  .rc-table-cell-fix-left-last::after {\n    position: absolute;\n    top: 0;\n    right: 1px;\n    bottom: -1px;\n    width: 20px;\n    transform: translateX(100%);\n    transition: box-shadow 0.3s;\n    content: '';\n    pointer-events: none;\n  }\n\n  .rc-table-cell-fix-left-all::after {\n    display: none;\n  }\n\n  .rc-table-cell-fix-right-first,\n  .rc-table-cell-fix-right-last {\n    box-shadow: -1px 0 0 var(--border-color, red);\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-right-first,\n  .rc-table-rtl .rc-table-cell-fix-right-last {\n    box-shadow: none;\n  }\n\n  .rc-table-cell-fix-right-first::after,\n  .rc-table-cell-fix-right-last::after {\n    position: absolute;\n    top: 0;\n    bottom: -1px;\n    left: 1px;\n    width: 20px;\n    transform: translateX(-100%);\n    transition: box-shadow 0.3s;\n    content: '';\n    pointer-events: none;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first\n    .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last {\n    overflow: visible;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first .rc-table-cell-content,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last .rc-table-cell-content,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first\n    .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last\n    .rc-table-cell-content {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .rc-table-cell.rc-table-cell-row-hover {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  .rc-table-ping-left .rc-table-cell-fix-left-first::after,\n  .rc-table-ping-left .rc-table-cell-fix-left-last::after {\n    box-shadow: inset 10px 0 8px -8px var(--rc-table-sticky-color, green);\n  }\n\n  .rc-table-ping-right .rc-table-cell-fix-right-first::after,\n  .rc-table-ping-right .rc-table-cell-fix-right-last::after {\n    box-shadow: inset -10px 0 8px -8px var(--rc-table-sticky-color, green);\n  }\n\n  .rc-table-expand-icon-col {\n    width: 60px;\n  }\n\n  .rc-table-row-expand-icon-cell {\n    text-align: center;\n  }\n\n  .rc-table thead th {\n    text-align: center;\n    background: var(--rc-table-header-color, #f7f7f7);\n  }\n\n  .rc-table thead .rc-table-cell-scrollbar::after {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: -1px;\n    width: 1px;\n    background: var(--rc-table-header-color, #f7f7f7);\n    content: '';\n  }\n\n  .rc-table-rtl.rc-table thead .rc-table-cell-scrollbar::after {\n    right: -1px;\n    left: auto;\n  }\n\n  .rc-table-header {\n    border: 1px solid var(--rc-table-header-color, red);\n    border-right: 0;\n    border-bottom: 0;\n    flex-shrink: 0;\n  }\n\n  .rc-table-placeholder {\n    text-align: center;\n  }\n\n  .rc-table tbody tr td {\n    background: var(--primary-section-color, #fff);\n  }\n\n  .rc-table tbody tr th {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  th.rc-table-measure-cell {\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top: 0;\n    border-bottom: 0;\n  }\n\n  .rc-table-measure-cell-content {\n    height: 0;\n    overflow: hidden;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .rc-table-content {\n    border-top: 1px solid var(--rc-table-header-color, red);\n    border-right: 0;\n    border-bottom: 0;\n    border-left: 1px solid var(--border-color, red);\n    border-radius: 5px 0 0 0;\n  }\n\n  .rc-table-body {\n    border: 0;\n    border-left: 1px solid var(--border-color, red);\n    scrollbar-width: thin;\n    overflow: auto !important;\n    flex-grow: 1;\n  }\n\n  .rc-table-body::-webkit-scrollbar {\n    width: 12px;\n    height: 12px;\n  }\n\n  .rc-table-fixed-column .rc-table-body::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n    border-right: 1px solid var(--border-color, red);\n    content: '';\n  }\n\n  .rc-table-expanded-row .rc-table-cell {\n    box-shadow: inset 0 8px 8px -8px var(--border-color, green);\n  }\n\n  .rc-table-expanded-row-fixed {\n    box-sizing: border-box;\n    margin: -16px -10px -16px -8px;\n    padding: var(--rc-table-padding, 16px 8px);\n  }\n\n  .rc-table-expanded-row-fixed::after {\n    position: absolute;\n    top: 0;\n    right: 1px;\n    bottom: 0;\n    width: 0;\n    border-right: 1px solid var(--border-color, red);\n    content: '';\n  }\n\n  .rc-table-row-expand-icon {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    color: var(--font-3-color, #aaa);\n    line-height: 16px;\n    text-align: center;\n    vertical-align: middle;\n    border: 1px solid currentColor;\n    cursor: pointer;\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-expanded::after {\n    content: '-';\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-collapsed::after {\n    content: '+';\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-spaced {\n    visibility: hidden;\n  }\n\n  .rc-table-title {\n    padding: var(--rc-table-padding, 16px 8px);\n    border: 1px solid var(--border-color, red);\n    border-bottom: 0;\n  }\n\n  .rc-table-caption {\n    padding: var(--rc-table-padding, 16px 8px);\n    border-right: 1px solid var(--border-color, red);\n    border-bottom: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-footer {\n    padding: var(--rc-table-padding, 16px 8px);\n    border: 1px solid var(--border-color, red);\n    border-top: 0;\n  }\n\n  .rc-table tfoot td {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  .rc-table-summary {\n    border-top: 1px solid var(--border-color, var(--border-color, red));\n    border-left: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-sticky-holder {\n    position: sticky;\n    z-index: 2;\n  }\n\n  .rc-table-sticky-scroll {\n    position: sticky;\n    bottom: 0;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    border-top: 1px solid var(--border-color, red);\n    opacity: 0.6;\n    transition: transform 0.1s ease-in 0s;\n  }\n\n  .rc-table-sticky-scroll:hover {\n    transform: scaleY(1.2);\n    transform-origin: center bottom;\n  }\n\n  .rc-table-sticky-scroll-bar {\n    height: 8px;\n    background-color: #bbb;\n    border-radius: 4px;\n  }\n\n  .rc-table-sticky-scroll-bar:hover {\n    background-color: #999;\n  }\n\n  .rc-table-sticky-scroll-bar-active {\n    background-color: #999;\n  }\n\n  .rc-table-select-col {\n    position: relative;\n  }\n\n  .rc-table-select-col::after {\n    position: absolute;\n    content: '';\n    right: -2px;\n    top: 0;\n    display: block;\n    width: 2px;\n    background-color: var(--primary-section-color, red);\n    height: 100%;\n  }\n\n  .rc-table-container {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n"],["\n  .rc-table {\n    position: relative;\n    box-sizing: border-box;\n    color: var(--font-3-color, #666);\n    border-collapse: collapse;\n    overflow: hidden;\n    font-size: 14px;\n    height: 100%;\n  }\n\n  .rc-table-rtl {\n    direction: rtl;\n  }\n\n  .rc-table table {\n    width: 100%;\n    border-spacing: 0;\n  }\n\n  .rc-table th,\n  .rc-table td {\n    position: relative;\n    box-sizing: border-box;\n    padding: var(--rc-table-padding, 16px 8px);\n    white-space: normal;\n    word-break: break-word;\n    border-top: 0;\n    border-left: 0;\n    border-bottom: 1px solid var(--rc-table-header-color, red);\n    border-right: 1px solid var(--border-color, red);\n    transition: box-shadow 0.3s;\n  }\n\n  .rc-table th {\n    border-right: 1px solid var(--rc-table-header-color, red);\n  }\n\n  .rc-table-rtl.rc-table th,\n  .rc-table-rtl.rc-table td {\n    border-right: 0;\n    border-left: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-fixed-column-gapped .rc-table-cell-fix-left-last::after,\n  .rc-table-fixed-column-gapped .rc-table-cell-fix-right-first::after {\n    display: none !important;\n  }\n\n  .rc-table-cell {\n    background: var(--primary-section-color, #f4f4f4);\n  }\n\n  .rc-table-cell-fix-left,\n  .rc-table-cell-fix-right {\n    z-index: 2;\n  }\n\n  .rc-table-cell-fix-right:last-child:not(.rc-table-cell-fix-sticky) {\n    border-right-color: transparent;\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-right:last-child {\n    border-right-color: var(--border-color, red);\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-left:last-child {\n    border-left-color: transparent;\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-left-first {\n    box-shadow: 1px 0 0 var(--border-color, red);\n  }\n\n  .rc-table-cell-fix-left-first::after,\n  .rc-table-cell-fix-left-last::after {\n    position: absolute;\n    top: 0;\n    right: 1px;\n    bottom: -1px;\n    width: 20px;\n    transform: translateX(100%);\n    transition: box-shadow 0.3s;\n    content: '';\n    pointer-events: none;\n  }\n\n  .rc-table-cell-fix-left-all::after {\n    display: none;\n  }\n\n  .rc-table-cell-fix-right-first,\n  .rc-table-cell-fix-right-last {\n    box-shadow: -1px 0 0 var(--border-color, red);\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-right-first,\n  .rc-table-rtl .rc-table-cell-fix-right-last {\n    box-shadow: none;\n  }\n\n  .rc-table-cell-fix-right-first::after,\n  .rc-table-cell-fix-right-last::after {\n    position: absolute;\n    top: 0;\n    bottom: -1px;\n    left: 1px;\n    width: 20px;\n    transform: translateX(-100%);\n    transition: box-shadow 0.3s;\n    content: '';\n    pointer-events: none;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first\n    .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last {\n    overflow: visible;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first .rc-table-cell-content,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last .rc-table-cell-content,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first\n    .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last\n    .rc-table-cell-content {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .rc-table-cell.rc-table-cell-row-hover {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  .rc-table-ping-left .rc-table-cell-fix-left-first::after,\n  .rc-table-ping-left .rc-table-cell-fix-left-last::after {\n    box-shadow: inset 10px 0 8px -8px var(--rc-table-sticky-color, green);\n  }\n\n  .rc-table-ping-right .rc-table-cell-fix-right-first::after,\n  .rc-table-ping-right .rc-table-cell-fix-right-last::after {\n    box-shadow: inset -10px 0 8px -8px var(--rc-table-sticky-color, green);\n  }\n\n  .rc-table-expand-icon-col {\n    width: 60px;\n  }\n\n  .rc-table-row-expand-icon-cell {\n    text-align: center;\n  }\n\n  .rc-table thead th {\n    text-align: center;\n    background: var(--rc-table-header-color, #f7f7f7);\n  }\n\n  .rc-table thead .rc-table-cell-scrollbar::after {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: -1px;\n    width: 1px;\n    background: var(--rc-table-header-color, #f7f7f7);\n    content: '';\n  }\n\n  .rc-table-rtl.rc-table thead .rc-table-cell-scrollbar::after {\n    right: -1px;\n    left: auto;\n  }\n\n  .rc-table-header {\n    border: 1px solid var(--rc-table-header-color, red);\n    border-right: 0;\n    border-bottom: 0;\n    flex-shrink: 0;\n  }\n\n  .rc-table-placeholder {\n    text-align: center;\n  }\n\n  .rc-table tbody tr td {\n    background: var(--primary-section-color, #fff);\n  }\n\n  .rc-table tbody tr th {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  th.rc-table-measure-cell {\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top: 0;\n    border-bottom: 0;\n  }\n\n  .rc-table-measure-cell-content {\n    height: 0;\n    overflow: hidden;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .rc-table-content {\n    border-top: 1px solid var(--rc-table-header-color, red);\n    border-right: 0;\n    border-bottom: 0;\n    border-left: 1px solid var(--border-color, red);\n    border-radius: 5px 0 0 0;\n  }\n\n  .rc-table-body {\n    border: 0;\n    border-left: 1px solid var(--border-color, red);\n    scrollbar-width: thin;\n    overflow: auto !important;\n    flex-grow: 1;\n  }\n\n  .rc-table-body::-webkit-scrollbar {\n    width: 12px;\n    height: 12px;\n  }\n\n  .rc-table-fixed-column .rc-table-body::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n    border-right: 1px solid var(--border-color, red);\n    content: '';\n  }\n\n  .rc-table-expanded-row .rc-table-cell {\n    box-shadow: inset 0 8px 8px -8px var(--border-color, green);\n  }\n\n  .rc-table-expanded-row-fixed {\n    box-sizing: border-box;\n    margin: -16px -10px -16px -8px;\n    padding: var(--rc-table-padding, 16px 8px);\n  }\n\n  .rc-table-expanded-row-fixed::after {\n    position: absolute;\n    top: 0;\n    right: 1px;\n    bottom: 0;\n    width: 0;\n    border-right: 1px solid var(--border-color, red);\n    content: '';\n  }\n\n  .rc-table-row-expand-icon {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    color: var(--font-3-color, #aaa);\n    line-height: 16px;\n    text-align: center;\n    vertical-align: middle;\n    border: 1px solid currentColor;\n    cursor: pointer;\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-expanded::after {\n    content: '-';\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-collapsed::after {\n    content: '+';\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-spaced {\n    visibility: hidden;\n  }\n\n  .rc-table-title {\n    padding: var(--rc-table-padding, 16px 8px);\n    border: 1px solid var(--border-color, red);\n    border-bottom: 0;\n  }\n\n  .rc-table-caption {\n    padding: var(--rc-table-padding, 16px 8px);\n    border-right: 1px solid var(--border-color, red);\n    border-bottom: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-footer {\n    padding: var(--rc-table-padding, 16px 8px);\n    border: 1px solid var(--border-color, red);\n    border-top: 0;\n  }\n\n  .rc-table tfoot td {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  .rc-table-summary {\n    border-top: 1px solid var(--border-color, var(--border-color, red));\n    border-left: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-sticky-holder {\n    position: sticky;\n    z-index: 2;\n  }\n\n  .rc-table-sticky-scroll {\n    position: sticky;\n    bottom: 0;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    border-top: 1px solid var(--border-color, red);\n    opacity: 0.6;\n    transition: transform 0.1s ease-in 0s;\n  }\n\n  .rc-table-sticky-scroll:hover {\n    transform: scaleY(1.2);\n    transform-origin: center bottom;\n  }\n\n  .rc-table-sticky-scroll-bar {\n    height: 8px;\n    background-color: #bbb;\n    border-radius: 4px;\n  }\n\n  .rc-table-sticky-scroll-bar:hover {\n    background-color: #999;\n  }\n\n  .rc-table-sticky-scroll-bar-active {\n    background-color: #999;\n  }\n\n  .rc-table-select-col {\n    position: relative;\n  }\n\n  .rc-table-select-col::after {\n    position: absolute;\n    content: '';\n    right: -2px;\n    top: 0;\n    display: block;\n    width: 2px;\n    background-color: var(--primary-section-color, red);\n    height: 100%;\n  }\n\n  .rc-table-container {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n"]))),D=(0,m.memo)(B),G=function(){return G=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var l in n=arguments[r])Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l]);return e},G.apply(this,arguments)},L=function(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)n.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(r[t[l]]=e[t[l]])}return r},_=function(e,n,r){if(r||2===arguments.length)for(var t,l=0,o=n.length;l<o;l++)!t&&l in n||(t||(t=Array.prototype.slice.call(n,0,l)),t[l]=n[l]);return e.concat(t||Array.prototype.slice.call(n))};function M(e,n){var r=e.columns,t=e.data,l=e.openRowSelection,o=e.selectedRowKeys,a=e.onRowChange,i=e.rowSelectionType,c=void 0===i?"checkbox":i,d=e.density,b=void 0===d?"normal":d,s=e.border,p=void 0!==s&&s,f=e.scroll,u=void 0===f?{}:f,x=L(e,["columns","data","openRowSelection","selectedRowKeys","onRowChange","rowSelectionType","density","border","scroll"]),h=(0,m.useMemo)(function(){var e=[];return l&&e.push({key:"__select__",width:48,fixed:"left",align:"center",className:"rc-table-select-col",title:"radio"===c?null:m.default.createElement(j.Checkbox,{checked:(null==o?void 0:o.length)===t.length||(null==o?void 0:o.length)>0&&"indeterminate",onCheckedChange:function(e){var n=e?t.map(function(e){return e.id}):[];null==a||a(n,t.filter(function(e){return n.includes(e.id)}))}}),render:function(e,n){var r=null==o?void 0:o.includes(n.id);return"radio"===c?m.default.createElement(T.RadioGroup,{onValueChange:function(e){var n=t.find(function(n){return n.id===e});null==a||a([e],n?[n]:[])},value:null==o?void 0:o[0]},m.default.createElement(T.RadioGroupItem,{checked:r,value:n.id})):m.default.createElement(j.Checkbox,{checked:r,onCheckedChange:function(e){var r=e?_(_([],o||[],!0),[n.id],!1):(o||[]).filter(function(e){return e!==n.id});null==a||a(r,t.filter(function(e){return r.includes(e.id)}))}})}}),e.push.apply(e,r.map(function(e){return{key:e.key,title:e.title,dataIndex:e.key,width:e.width,align:e.align||"left",fixed:e.fixed,ellipsis:!e.wrap,render:e.render}})),e},[r,l,o,t]),g=(0,m.useMemo)(function(){var e="10px 6px";switch(b){case"loose":e="16px 8px";break;case"compact":e="6px 2px"}return e},[b]);return m.default.createElement(D,{className:"h-full",style:{"--border-color":p?"":"#ffffff01","--primary-section-color":"","--rc-table-padding":g}},m.default.createElement(k.ConditionalRender,{conditional:(null==t?void 0:t.length)>0,noMatch:function(){return m.default.createElement(I.Empty,null)}},function(){return m.default.createElement(P.default,G({className:"rc-table",columns:h,data:t,ref:n,rowKey:function(e,n){var r;return null!==(r=e.id)&&void 0!==r?r:n},scroll:u,sticky:!0},x))}))}var A=(0,m.memo)((0,m.forwardRef)(M)),V=function(){return V=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var l in n=arguments[r])Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l]);return e},V.apply(this,arguments)},X=function(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)n.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(r[t[l]]=e[t[l]])}return r},Y=function(e,n,r){if(r||2===arguments.length)for(var t,l=0,o=n.length;l<o;l++)!t&&l in n||(t||(t=Array.prototype.slice.call(n,0,l)),t[l]=n[l]);return e.concat(t||Array.prototype.slice.call(n))},W=function(e,n){var r=e.serviceFunc,t=void 0===r?function(e,n){}:r,l=e.functionControlTableTitle,o=void 0===l?"查询表格":l,a=e.columns,i=void 0===a?[]:a,c=e.optionButtonGroup,d=void 0===c?[]:c,b=e.searchParamList,s=void 0===b?[]:b,p=e.functionControlHide,f=void 0!==p&&p,u=e.topPagination,x=void 0!==u&&u,h=e.bottomPagination,g=void 0===h||h,P=e.isShowRowTitleName,j=void 0===P?"":P,I=e.noSearch,T=void 0!==I&&I,F=e.className,H=e.openRowSelection,K=void 0!==H&&H,B=e.rowSelectionType,D=void 0===B?"checkbox":B,G=e.locales,L=void 0===G?"zh_CN":G,_=e.onRowChangeCallback,M=void 0===_?function(){}:_,W=e.border,q=void 0!==W&&W,J=e.listClassName,Q=void 0===J?"":J,U=e.scroll,Z=void 0===U?{}:U,$=X(e,["serviceFunc","functionControlTableTitle","columns","optionButtonGroup","searchParamList","functionControlHide","topPagination","bottomPagination","isShowRowTitleName","noSearch","className","openRowSelection","rowSelectionType","locales","onRowChangeCallback","border","listClassName","scroll"]),ee=(0,m.useRef)(),ne=(0,m.useRef)(),re=(0,y.useSetState)({isHideFormItem:!0,tableDensity:"normal",loading:!1,dataSource:[],selectedRows:[],selectedRowKeys:[],isShowRowTitleName:j,Condition:{},current:1,pageSize:10,total:1}),te=re[0],le=re[1],oe=re[2];function ae(e){le({tableDensity:e})}function ie(){le({isHideFormItem:!te.isHideFormItem})}var ce=function(e){var n,r,t=e||(null===(r=null===(n=null==ee?void 0:ee.current)||void 0===n?void 0:n.searchForm)||void 0===r?void 0:r.getValues());for(var l in t)void 0===t[l]&&delete t[l];le({current:1,Condition:t},de)},de=function(e){void 0===e&&(e={}),le({loading:!0});var n=e.current||te.current,r=e.pageSize||te.pageSize,l=e.Condition||te.Condition,o=V(V({},l),{page:n,limit:r});setTimeout(function(){return le({loading:!1})},5e3),null==t||t(o,function(e){var n,r=e.dataSource,t=void 0===r?[]:r,l=e.total,a=void 0===l?0:l;le({loading:!1});var i=null===(n=null==t?void 0:t.map)||void 0===n?void 0:n.call(t,function(e,n){return V(V({},e||{}),{rowKey:(null==e?void 0:e.id)||(0,w.v4)(),index:(o.page-1)*o.limit+(n+1)})});le({dataSource:i,total:a})})},be=function(){var e;return null===(e=ee.current)||void 0===e?void 0:e.onReset()},se=function(e,n){le({current:e,pageSize:n},de)},pe=function(e,n){return le({current:e,pageSize:n},de)},fe=(0,m.useCallback)(function(e,n){var r,t,l=(null===(r=v.default.cloneDeep(te.selectedRows||[]))||void 0===r?void 0:r.concat(n))||[],o=null===(t=e.map(function(e){return null==l?void 0:l.find(function(n){return String(n.id)==String(e)})}))||void 0===t?void 0:t.filter(Boolean);le({selectedRowKeys:e,selectedRows:o}),M(e,o)},[te]),ue=(0,m.useCallback)(function(e){var n,r,t=null===(n=te.selectedRowKeys)||void 0===n?void 0:n.filter(function(n){return String(n)!==String(e)}),l=null===(r=te.selectedRows)||void 0===r?void 0:r.filter(function(n){return n.id!==e});fe(t,l)},[te]),xe=function(e){var n,r=String(e).split(","),t=null===(n=te.selectedRows)||void 0===n?void 0:n.filter(function(e){return!r.includes(String(e.id))}),l=null==t?void 0:t.map(function(e){return String(e.id)});le({selectedRowKeys:l,selectedRows:t})},he=(0,m.useMemo)(function(){var e;return null===(e=v.default.cloneDeep(i))||void 0===e?void 0:e.map(function(e){return V(V({},e),{header:z.Intl.v(e.header)})})},[L,i]);return(0,m.useImperativeHandle)(n,function(){return{state:function(){return oe()},onSearch:ce,onChangeRowSelection:xe,onRowChange:fe,setState:le,rcTable:function(){return ne.current}}},[te]),(0,m.useEffect)(function(){!T&&ce()},[]),m.default.createElement(E.Spin,{size:"large",spinning:te.loading},m.default.createElement("div",{className:(0,O.cn)("relative flex flex-col h-full",F)},m.default.createElement(k.ConditionalRender,{conditional:(null==s?void 0:s.length)>0},function(){return m.default.createElement(R.SearchForm,{defaultValues:Object.assign.apply(Object,Y([{}],s.map(function(e){var n,r;return(n={})[e.key]=null!==(r=e.defaultValue)&&void 0!==r?r:"",n}),!1)),loading:te.loading,locales:L,noSearch:!0,onSearch:function(){return ce()},ref:ee,searchParamList:s})}),m.default.createElement(k.ConditionalRender,{conditional:0!==te.total&&x},function(){return m.default.createElement("div",{className:"flex justify-end box-border w-full h-[60px] p-[10px_20px] rounded-b-lg bg-section"},m.default.createElement(C.Pagination,{current:te.current,onChange:se,onShowSizeChange:pe,pageSize:te.pageSize,total:te.total}))}),m.default.createElement(k.ConditionalRender,{conditional:!f},function(){return m.default.createElement("div",{className:"min-h-[45px] mt-5 overflow-hidden rounded-t-lg flex-shrink-0 FunctionControl"},m.default.createElement(S.FunctionControl,{dataSource:te.dataSource,functionControlHide:f,functionControlTableTitle:o,isHideFormItem:te.isHideFormItem,isHideText:(null==s?void 0:s.length)>0,locales:L,onChangeIsHideFormItem:ie,onChangeListSize:ae,onResetForm:be,onSearch:function(){return ce()},optionButtonGroup:d,tableDensity:te.tableDensity}))}),m.default.createElement("div",{className:(0,O.cn)("flex flex-col grow box-border p-[15px] overflow-hidden bg-section ListBodyBox",Q)},m.default.createElement(k.ConditionalRender,{conditional:te.isShowRowTitleName},function(){var e;return m.default.createElement("div",{className:"flex flex-wrap gap-3 max-h-[100px] overflow-y-auto"},null===(e=te.selectedRows)||void 0===e?void 0:e.map(function(e,n){return m.default.createElement("div",{className:"flex gap-1 items-center mb-[5px] p-[2px_5px] h-auto rounded-[8px] text-white bg-primary",key:e.id||n},m.default.createElement("span",{className:"text-white"},e[te.isShowRowTitleName]),m.default.createElement("span",{className:"text-white cursor-pointer text-[16px]",onClick:function(){return ue(e.id)}},m.default.createElement(N,{className:"hover:text-red-400 transition-colors duration-200"})))}))}),m.default.createElement(A,V({border:q,columns:he||[],data:te.dataSource,density:te.tableDensity,onRowChange:fe,openRowSelection:K,ref:ne,rowSelectionType:D,scroll:Z,selectedRowKeys:te.selectedRowKeys},$))),m.default.createElement(k.ConditionalRender,{conditional:0!==te.total&&g},function(){return m.default.createElement("div",{className:"flex justify-end box-border w-full h-[60px] p-[10px_20px] rounded-b-lg bg-section Pagination"},m.default.createElement(C.Pagination,{current:te.current,onChange:se,onShowSizeChange:pe,pageSize:te.pageSize,total:te.total}))})))},q=(0,m.memo)((0,m.forwardRef)(W)),J=g.D,Q=g.Y;export{J as BaseList,Q as ListBody};
+import*as e from"lodash";import*as n from"react";import*as r from"uuid";import*as t from"@itera-web/hooks-setstate";import*as o from"@itera-web/react-ui-conditionalrender";import*as l from"@itera-web/react-ui-functioncontrol";import*as a from"@itera-web/react-ui-pagination-push";import*as i from"@itera-web/react-ui-searchform";import*as c from"@itera-web/react-ui-spin";import*as d from"@itera-web/utils-cn";import*as s from"@itera-web/utils-locale-toggle";import*as b from"rc-table";import*as p from"@itera-web/react-ui-checkbox";import*as f from"@itera-web/react-ui-empty";import*as u from"@itera-web/react-ui-radio";import*as x from"react-resizable";import*as h from"styled-components";var g={d:(e,n)=>{for(var r in n)g.o(n,r)&&!g.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)},m={};g.d(m,{D:()=>ne,Y:()=>V});const v=(e=>{var n={};return g.d(n,e),n})({default:()=>e.default});const w=(e=>{var n={};return g.d(n,e),n})({createElement:()=>n.createElement,default:()=>n.default,forwardRef:()=>n.forwardRef,memo:()=>n.memo,useCallback:()=>n.useCallback,useEffect:()=>n.useEffect,useImperativeHandle:()=>n.useImperativeHandle,useMemo:()=>n.useMemo,useRef:()=>n.useRef,useState:()=>n.useState});const y=(e=>{var n={};return g.d(n,e),n})({v4:()=>r.v4});const k=(e=>{var n={};return g.d(n,e),n})({useSetState:()=>t.useSetState});const z=(e=>{var n={};return g.d(n,e),n})({ConditionalRender:()=>o.ConditionalRender});const S=(e=>{var n={};return g.d(n,e),n})({FunctionControl:()=>l.FunctionControl});const R=(e=>{var n={};return g.d(n,e),n})({Pagination:()=>a.Pagination});const C=(e=>{var n={};return g.d(n,e),n})({SearchForm:()=>i.SearchForm});const I=(e=>{var n={};return g.d(n,e),n})({Spin:()=>c.Spin});const E=(e=>{var n={};return g.d(n,e),n})({cn:()=>d.cn});const N=(e=>{var n={};return g.d(n,e),n})({Intl:()=>s.Intl});var O=function(e){var n=e.className;return w.createElement("svg",{className:n,fill:"none",height:"18",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"18",xmlns:"http://www.w3.org/2000/svg"},w.createElement("line",{x1:"18",x2:"6",y1:"6",y2:"18"}),w.createElement("line",{x1:"6",x2:"18",y1:"6",y2:"18"}))};const P=(e=>{var n={};return g.d(n,e),n})({default:()=>b.default});const j=(e=>{var n={};return g.d(n,e),n})({Checkbox:()=>p.Checkbox});const M=(e=>{var n={};return g.d(n,e),n})({Empty:()=>f.Empty});const H=(e=>{var n={};return g.d(n,e),n})({RadioGroup:()=>u.RadioGroup,RadioGroupItem:()=>u.RadioGroupItem});const D=(e=>{var n={};return g.d(n,e),n})({Resizable:()=>x.Resizable});var A=function(e){var n=e.className;return w.createElement("svg",{className:n,height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},w.createElement("circle",{cx:"9",cy:"12",r:"1"}),w.createElement("circle",{cx:"9",cy:"5",r:"1"}),w.createElement("circle",{cx:"9",cy:"19",r:"1"}),w.createElement("circle",{cx:"15",cy:"12",r:"1"}),w.createElement("circle",{cx:"15",cy:"5",r:"1"}),w.createElement("circle",{cx:"15",cy:"19",r:"1"}))},B=function(){return B=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},B.apply(this,arguments)},T=function(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]])}return r},L=w.default.forwardRef(function(e,n){var r=e.width,t=e.drag,o=e.onResizeStart,l=e.onResizeStop,a=e.children,i=T(e,["width","drag","onResizeStart","onResizeStop","children"]);return r&&t?w.default.createElement(D.Resizable,{draggableOpts:{enableUserSelectHack:!1},handle:w.default.createElement("span",{className:"rc-table-resize-handle",onClick:function(e){return e.stopPropagation()}},w.default.createElement(A,null)),height:0,onResizeStart:o,onResizeStop:l,width:r},w.default.createElement("th",B({ref:n},i),a)):w.default.createElement("th",B({ref:n},i),a)}),Z=(0,w.memo)(L);const F=(e=>{var n={};return g.d(n,e),n})({default:()=>h.default});var G,W=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Y=F.default.div(G||(G=W(["\n  .rc-table {\n    position: relative;\n    box-sizing: border-box;\n    color: var(--font-3-color, #666);\n    border-collapse: collapse;\n    overflow: hidden;\n    font-size: 14px;\n    height: 100%;\n  }\n\n  .rc-table-rtl {\n    direction: rtl;\n  }\n\n  .rc-table table {\n    width: 100%;\n    border-spacing: 0;\n  }\n\n  .rc-table th,\n  .rc-table td {\n    position: relative;\n    box-sizing: border-box;\n    padding: var(--rc-table-padding, 16px 8px);\n    white-space: normal;\n    word-break: break-word;\n    border-top: 0;\n    border-left: 0;\n    border-bottom: 1px solid var(--rc-table-header-color, red);\n    border-right: 1px solid var(--border-color, red);\n    transition: box-shadow 0.3s;\n  }\n\n  .rc-table th {\n    border-right: 1px solid var(--rc-table-header-color, red);\n  }\n\n  .rc-table-rtl.rc-table th,\n  .rc-table-rtl.rc-table td {\n    border-right: 0;\n    border-left: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-fixed-column-gapped .rc-table-cell-fix-left-last::after,\n  .rc-table-fixed-column-gapped .rc-table-cell-fix-right-first::after {\n    display: none !important;\n  }\n\n  .rc-table-cell {\n    background: var(--primary-section-color, #f4f4f4);\n  }\n\n  .rc-table-cell-fix-left,\n  .rc-table-cell-fix-right {\n    z-index: 2;\n  }\n\n  .rc-table-cell-fix-right:last-child:not(.rc-table-cell-fix-sticky) {\n    border-right-color: transparent;\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-right:last-child {\n    border-right-color: var(--border-color, red);\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-left:last-child {\n    border-left-color: transparent;\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-left-first {\n    box-shadow: 1px 0 0 var(--border-color, red);\n  }\n\n  .rc-table-cell-fix-left-first::after,\n  .rc-table-cell-fix-left-last::after {\n    position: absolute;\n    top: 0;\n    right: 1px;\n    bottom: -1px;\n    width: 20px;\n    transform: translateX(100%);\n    transition: box-shadow 0.3s;\n    content: '';\n    pointer-events: none;\n  }\n\n  .rc-table-cell-fix-left-all::after {\n    display: none;\n  }\n\n  .rc-table-cell-fix-right-first,\n  .rc-table-cell-fix-right-last {\n    box-shadow: -1px 0 0 var(--border-color, red);\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-right-first,\n  .rc-table-rtl .rc-table-cell-fix-right-last {\n    box-shadow: none;\n  }\n\n  .rc-table-cell-fix-right-first::after,\n  .rc-table-cell-fix-right-last::after {\n    position: absolute;\n    top: 0;\n    bottom: -1px;\n    left: 1px;\n    width: 20px;\n    transform: translateX(-100%);\n    transition: box-shadow 0.3s;\n    content: '';\n    pointer-events: none;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first\n    .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last {\n    overflow: visible;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first .rc-table-cell-content,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last .rc-table-cell-content,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first\n    .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last\n    .rc-table-cell-content {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .rc-table-cell.rc-table-cell-row-hover {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  .rc-table-ping-left .rc-table-cell-fix-left-first::after,\n  .rc-table-ping-left .rc-table-cell-fix-left-last::after {\n    box-shadow: inset 10px 0 8px -8px var(--rc-table-sticky-color, green);\n  }\n\n  .rc-table-ping-right .rc-table-cell-fix-right-first::after,\n  .rc-table-ping-right .rc-table-cell-fix-right-last::after {\n    box-shadow: inset -10px 0 8px -8px var(--rc-table-sticky-color, green);\n  }\n\n  .rc-table-expand-icon-col {\n    width: 60px;\n  }\n\n  .rc-table-row-expand-icon-cell {\n    text-align: center;\n  }\n\n  .rc-table thead th {\n    text-align: center;\n    background: var(--rc-table-header-color, #f7f7f7);\n  }\n\n  .rc-table thead .rc-table-cell-scrollbar::after {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: -1px;\n    width: 1px;\n    background: var(--rc-table-header-color, #f7f7f7);\n    content: '';\n  }\n\n  .rc-table-rtl.rc-table thead .rc-table-cell-scrollbar::after {\n    right: -1px;\n    left: auto;\n  }\n\n  .rc-table-header {\n    border: 1px solid var(--rc-table-header-color, red);\n    border-right: 0;\n    border-bottom: 0;\n    flex-shrink: 0;\n  }\n\n  .rc-table-placeholder {\n    text-align: center;\n  }\n\n  .rc-table tbody tr td {\n    background: var(--primary-section-color, #fff);\n  }\n\n  .rc-table tbody tr th {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  th.rc-table-measure-cell {\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top: 0;\n    border-bottom: 0;\n  }\n\n  .rc-table-measure-cell-content {\n    height: 0;\n    overflow: hidden;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .rc-table-content {\n    border-top: 1px solid var(--rc-table-header-color, red);\n    border-right: 0;\n    border-bottom: 0;\n    border-left: 1px solid var(--border-color, red);\n    border-radius: 5px 0 0 0;\n  }\n\n  .rc-table-body {\n    border: 0;\n    scrollbar-width: thin;\n    overflow: auto !important;\n    flex-grow: 1;\n  }\n\n  .rc-table-body::-webkit-scrollbar {\n    width: 12px;\n    height: 12px;\n  }\n\n  .rc-table-fixed-column .rc-table-body::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n    border-right: 1px solid var(--border-color, red);\n    content: '';\n  }\n\n  .rc-table-expanded-row .rc-table-cell {\n    box-shadow: inset 0 8px 8px -8px var(--border-color, green);\n  }\n\n  .rc-table-expanded-row-fixed {\n    box-sizing: border-box;\n    margin: -16px -10px -16px -8px;\n    padding: var(--rc-table-padding, 16px 8px);\n  }\n\n  .rc-table-expanded-row-fixed::after {\n    position: absolute;\n    top: 0;\n    right: 1px;\n    bottom: 0;\n    width: 0;\n    border-right: 1px solid var(--border-color, red);\n    content: '';\n  }\n\n  .rc-table-row-expand-icon {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    color: var(--font-3-color, #aaa);\n    line-height: 16px;\n    text-align: center;\n    vertical-align: middle;\n    border: 1px solid currentColor;\n    cursor: pointer;\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-expanded::after {\n    content: '-';\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-collapsed::after {\n    content: '+';\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-spaced {\n    visibility: hidden;\n  }\n\n  .rc-table-title {\n    padding: var(--rc-table-padding, 16px 8px);\n    border: 1px solid var(--border-color, red);\n    border-bottom: 0;\n  }\n\n  .rc-table-caption {\n    padding: var(--rc-table-padding, 16px 8px);\n    border-right: 1px solid var(--border-color, red);\n    border-bottom: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-footer {\n    padding: var(--rc-table-padding, 16px 8px);\n    border: 1px solid var(--border-color, red);\n    border-top: 0;\n  }\n\n  .rc-table tfoot td {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  .rc-table-summary {\n    border-top: 1px solid var(--border-color, var(--border-color, red));\n    border-left: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-sticky-holder {\n    position: sticky;\n    z-index: 2;\n  }\n\n  .rc-table-sticky-scroll {\n    position: sticky;\n    bottom: 0;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    border-top: 1px solid var(--border-color, red);\n    opacity: 0.6;\n    transition: transform 0.1s ease-in 0s;\n  }\n\n  .rc-table-sticky-scroll:hover {\n    transform: scaleY(1.2);\n    transform-origin: center bottom;\n  }\n\n  .rc-table-sticky-scroll-bar {\n    height: 8px;\n    background-color: #bbb;\n    border-radius: 4px;\n  }\n\n  .rc-table-sticky-scroll-bar:hover {\n    background-color: #999;\n  }\n\n  .rc-table-sticky-scroll-bar-active {\n    background-color: #999;\n  }\n\n  .rc-table-select-col {\n    position: relative;\n  }\n\n  .rc-table-select-col::after {\n    position: absolute;\n    content: '';\n    right: -2px;\n    top: 0;\n    display: block;\n    width: 2px;\n    background-color: var(--primary-section-color, red);\n    height: 100%;\n  }\n\n  .rc-table-container {\n    max-height: 100%;\n    display: flex;\n    flex-direction: column;\n    border: 1px solid var(--border-color, red);\n  }\n\n  .react-resizable {\n    position: relative;\n  }\n  .react-resizable-handle {\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    background-repeat: no-repeat;\n    background-origin: content-box;\n    box-sizing: border-box;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');\n    background-position: bottom right;\n    padding: 0 3px 3px 0;\n  }\n  .react-resizable-handle-sw {\n    bottom: 0;\n    left: 0;\n    cursor: sw-resize;\n    transform: rotate(90deg);\n  }\n  .react-resizable-handle-se {\n    bottom: 0;\n    right: 0;\n    cursor: se-resize;\n  }\n  .react-resizable-handle-nw {\n    top: 0;\n    left: 0;\n    cursor: nw-resize;\n    transform: rotate(180deg);\n  }\n  .react-resizable-handle-ne {\n    top: 0;\n    right: 0;\n    cursor: ne-resize;\n    transform: rotate(270deg);\n  }\n  .react-resizable-handle-w,\n  .react-resizable-handle-e {\n    top: 50%;\n    margin-top: -10px;\n    cursor: ew-resize;\n  }\n  .react-resizable-handle-w {\n    left: 0;\n    transform: rotate(135deg);\n  }\n  .react-resizable-handle-e {\n    right: 0;\n    transform: rotate(315deg);\n  }\n  .react-resizable-handle-n,\n  .react-resizable-handle-s {\n    left: 50%;\n    margin-left: -10px;\n    cursor: ns-resize;\n  }\n  .react-resizable-handle-n {\n    top: 0;\n    transform: rotate(225deg);\n  }\n  .react-resizable-handle-s {\n    bottom: 0;\n    transform: rotate(45deg);\n  }\n  .rc-table-resize-handle {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    right: 0;\n    top: 0;\n    width: 14px;\n    height: 100%;\n    cursor: col-resize;\n  }\n"],["\n  .rc-table {\n    position: relative;\n    box-sizing: border-box;\n    color: var(--font-3-color, #666);\n    border-collapse: collapse;\n    overflow: hidden;\n    font-size: 14px;\n    height: 100%;\n  }\n\n  .rc-table-rtl {\n    direction: rtl;\n  }\n\n  .rc-table table {\n    width: 100%;\n    border-spacing: 0;\n  }\n\n  .rc-table th,\n  .rc-table td {\n    position: relative;\n    box-sizing: border-box;\n    padding: var(--rc-table-padding, 16px 8px);\n    white-space: normal;\n    word-break: break-word;\n    border-top: 0;\n    border-left: 0;\n    border-bottom: 1px solid var(--rc-table-header-color, red);\n    border-right: 1px solid var(--border-color, red);\n    transition: box-shadow 0.3s;\n  }\n\n  .rc-table th {\n    border-right: 1px solid var(--rc-table-header-color, red);\n  }\n\n  .rc-table-rtl.rc-table th,\n  .rc-table-rtl.rc-table td {\n    border-right: 0;\n    border-left: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-fixed-column-gapped .rc-table-cell-fix-left-last::after,\n  .rc-table-fixed-column-gapped .rc-table-cell-fix-right-first::after {\n    display: none !important;\n  }\n\n  .rc-table-cell {\n    background: var(--primary-section-color, #f4f4f4);\n  }\n\n  .rc-table-cell-fix-left,\n  .rc-table-cell-fix-right {\n    z-index: 2;\n  }\n\n  .rc-table-cell-fix-right:last-child:not(.rc-table-cell-fix-sticky) {\n    border-right-color: transparent;\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-right:last-child {\n    border-right-color: var(--border-color, red);\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-left:last-child {\n    border-left-color: transparent;\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-left-first {\n    box-shadow: 1px 0 0 var(--border-color, red);\n  }\n\n  .rc-table-cell-fix-left-first::after,\n  .rc-table-cell-fix-left-last::after {\n    position: absolute;\n    top: 0;\n    right: 1px;\n    bottom: -1px;\n    width: 20px;\n    transform: translateX(100%);\n    transition: box-shadow 0.3s;\n    content: '';\n    pointer-events: none;\n  }\n\n  .rc-table-cell-fix-left-all::after {\n    display: none;\n  }\n\n  .rc-table-cell-fix-right-first,\n  .rc-table-cell-fix-right-last {\n    box-shadow: -1px 0 0 var(--border-color, red);\n  }\n\n  .rc-table-rtl .rc-table-cell-fix-right-first,\n  .rc-table-rtl .rc-table-cell-fix-right-last {\n    box-shadow: none;\n  }\n\n  .rc-table-cell-fix-right-first::after,\n  .rc-table-cell-fix-right-last::after {\n    position: absolute;\n    top: 0;\n    bottom: -1px;\n    left: 1px;\n    width: 20px;\n    transform: translateX(-100%);\n    transition: box-shadow 0.3s;\n    content: '';\n    pointer-events: none;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first\n    .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last {\n    overflow: visible;\n  }\n\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first .rc-table-cell-content,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last .rc-table-cell-content,\n  .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first\n    .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last\n    .rc-table-cell-content {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .rc-table-cell.rc-table-cell-row-hover {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  .rc-table-ping-left .rc-table-cell-fix-left-first::after,\n  .rc-table-ping-left .rc-table-cell-fix-left-last::after {\n    box-shadow: inset 10px 0 8px -8px var(--rc-table-sticky-color, green);\n  }\n\n  .rc-table-ping-right .rc-table-cell-fix-right-first::after,\n  .rc-table-ping-right .rc-table-cell-fix-right-last::after {\n    box-shadow: inset -10px 0 8px -8px var(--rc-table-sticky-color, green);\n  }\n\n  .rc-table-expand-icon-col {\n    width: 60px;\n  }\n\n  .rc-table-row-expand-icon-cell {\n    text-align: center;\n  }\n\n  .rc-table thead th {\n    text-align: center;\n    background: var(--rc-table-header-color, #f7f7f7);\n  }\n\n  .rc-table thead .rc-table-cell-scrollbar::after {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: -1px;\n    width: 1px;\n    background: var(--rc-table-header-color, #f7f7f7);\n    content: '';\n  }\n\n  .rc-table-rtl.rc-table thead .rc-table-cell-scrollbar::after {\n    right: -1px;\n    left: auto;\n  }\n\n  .rc-table-header {\n    border: 1px solid var(--rc-table-header-color, red);\n    border-right: 0;\n    border-bottom: 0;\n    flex-shrink: 0;\n  }\n\n  .rc-table-placeholder {\n    text-align: center;\n  }\n\n  .rc-table tbody tr td {\n    background: var(--primary-section-color, #fff);\n  }\n\n  .rc-table tbody tr th {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  th.rc-table-measure-cell {\n    padding-top: 0;\n    padding-bottom: 0;\n    border-top: 0;\n    border-bottom: 0;\n  }\n\n  .rc-table-measure-cell-content {\n    height: 0;\n    overflow: hidden;\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  .rc-table-content {\n    border-top: 1px solid var(--rc-table-header-color, red);\n    border-right: 0;\n    border-bottom: 0;\n    border-left: 1px solid var(--border-color, red);\n    border-radius: 5px 0 0 0;\n  }\n\n  .rc-table-body {\n    border: 0;\n    scrollbar-width: thin;\n    overflow: auto !important;\n    flex-grow: 1;\n  }\n\n  .rc-table-body::-webkit-scrollbar {\n    width: 12px;\n    height: 12px;\n  }\n\n  .rc-table-fixed-column .rc-table-body::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n    border-right: 1px solid var(--border-color, red);\n    content: '';\n  }\n\n  .rc-table-expanded-row .rc-table-cell {\n    box-shadow: inset 0 8px 8px -8px var(--border-color, green);\n  }\n\n  .rc-table-expanded-row-fixed {\n    box-sizing: border-box;\n    margin: -16px -10px -16px -8px;\n    padding: var(--rc-table-padding, 16px 8px);\n  }\n\n  .rc-table-expanded-row-fixed::after {\n    position: absolute;\n    top: 0;\n    right: 1px;\n    bottom: 0;\n    width: 0;\n    border-right: 1px solid var(--border-color, red);\n    content: '';\n  }\n\n  .rc-table-row-expand-icon {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    color: var(--font-3-color, #aaa);\n    line-height: 16px;\n    text-align: center;\n    vertical-align: middle;\n    border: 1px solid currentColor;\n    cursor: pointer;\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-expanded::after {\n    content: '-';\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-collapsed::after {\n    content: '+';\n  }\n\n  .rc-table-row-expand-icon.rc-table-row-spaced {\n    visibility: hidden;\n  }\n\n  .rc-table-title {\n    padding: var(--rc-table-padding, 16px 8px);\n    border: 1px solid var(--border-color, red);\n    border-bottom: 0;\n  }\n\n  .rc-table-caption {\n    padding: var(--rc-table-padding, 16px 8px);\n    border-right: 1px solid var(--border-color, red);\n    border-bottom: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-footer {\n    padding: var(--rc-table-padding, 16px 8px);\n    border: 1px solid var(--border-color, red);\n    border-top: 0;\n  }\n\n  .rc-table tfoot td {\n    background: var(--primary-section-color, #f7f7f7);\n  }\n\n  .rc-table-summary {\n    border-top: 1px solid var(--border-color, var(--border-color, red));\n    border-left: 1px solid var(--border-color, red);\n  }\n\n  .rc-table-sticky-holder {\n    position: sticky;\n    z-index: 2;\n  }\n\n  .rc-table-sticky-scroll {\n    position: sticky;\n    bottom: 0;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    border-top: 1px solid var(--border-color, red);\n    opacity: 0.6;\n    transition: transform 0.1s ease-in 0s;\n  }\n\n  .rc-table-sticky-scroll:hover {\n    transform: scaleY(1.2);\n    transform-origin: center bottom;\n  }\n\n  .rc-table-sticky-scroll-bar {\n    height: 8px;\n    background-color: #bbb;\n    border-radius: 4px;\n  }\n\n  .rc-table-sticky-scroll-bar:hover {\n    background-color: #999;\n  }\n\n  .rc-table-sticky-scroll-bar-active {\n    background-color: #999;\n  }\n\n  .rc-table-select-col {\n    position: relative;\n  }\n\n  .rc-table-select-col::after {\n    position: absolute;\n    content: '';\n    right: -2px;\n    top: 0;\n    display: block;\n    width: 2px;\n    background-color: var(--primary-section-color, red);\n    height: 100%;\n  }\n\n  .rc-table-container {\n    max-height: 100%;\n    display: flex;\n    flex-direction: column;\n    border: 1px solid var(--border-color, red);\n  }\n\n  .react-resizable {\n    position: relative;\n  }\n  .react-resizable-handle {\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    background-repeat: no-repeat;\n    background-origin: content-box;\n    box-sizing: border-box;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');\n    background-position: bottom right;\n    padding: 0 3px 3px 0;\n  }\n  .react-resizable-handle-sw {\n    bottom: 0;\n    left: 0;\n    cursor: sw-resize;\n    transform: rotate(90deg);\n  }\n  .react-resizable-handle-se {\n    bottom: 0;\n    right: 0;\n    cursor: se-resize;\n  }\n  .react-resizable-handle-nw {\n    top: 0;\n    left: 0;\n    cursor: nw-resize;\n    transform: rotate(180deg);\n  }\n  .react-resizable-handle-ne {\n    top: 0;\n    right: 0;\n    cursor: ne-resize;\n    transform: rotate(270deg);\n  }\n  .react-resizable-handle-w,\n  .react-resizable-handle-e {\n    top: 50%;\n    margin-top: -10px;\n    cursor: ew-resize;\n  }\n  .react-resizable-handle-w {\n    left: 0;\n    transform: rotate(135deg);\n  }\n  .react-resizable-handle-e {\n    right: 0;\n    transform: rotate(315deg);\n  }\n  .react-resizable-handle-n,\n  .react-resizable-handle-s {\n    left: 50%;\n    margin-left: -10px;\n    cursor: ns-resize;\n  }\n  .react-resizable-handle-n {\n    top: 0;\n    transform: rotate(225deg);\n  }\n  .react-resizable-handle-s {\n    bottom: 0;\n    transform: rotate(45deg);\n  }\n  .rc-table-resize-handle {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    right: 0;\n    top: 0;\n    width: 14px;\n    height: 100%;\n    cursor: col-resize;\n  }\n"]))),X=(0,w.memo)(Y),K=function(){return K=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},K.apply(this,arguments)},Q=function(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]])}return r},_=function(e,n,r){if(r||2===arguments.length)for(var t,o=0,l=n.length;o<l;o++)!t&&o in n||(t||(t=Array.prototype.slice.call(n,0,o)),t[o]=n[o]);return e.concat(t||Array.prototype.slice.call(n))};function J(e,n){var r=e.columns,t=e.data,o=e.openRowSelection,l=e.selectedRowKeys,a=e.onRowChange,i=e.rowSelectionType,c=void 0===i?"checkbox":i,d=e.density,s=void 0===d?"normal":d,b=e.border,p=void 0!==b&&b,f=e.scroll,u=void 0===f?{x:"100%"}:f,x=e.drag,h=Q(e,["columns","data","openRowSelection","selectedRowKeys","onRowChange","rowSelectionType","density","border","scroll","drag"]),g=(0,w.useState)(r),m=g[0],v=g[1],y=(0,w.useRef)(null),k=(0,w.useRef)([]),z=(0,w.useRef)(null),S=(0,w.useRef)(!1),R=(0,w.useRef)(0),C=(0,w.useMemo)(function(){var e="10px 6px";switch(s){case"loose":e="16px 8px";break;case"compact":e="6px 2px"}return e},[s]),I=(0,w.useMemo)(function(){var e=[];o&&e.push({key:"__select__",width:48,fixed:"left",align:"center",className:"rc-table-select-col",title:"radio"===c?null:w.default.createElement(j.Checkbox,{checked:(null==l?void 0:l.length)===t.length||(null==l?void 0:l.length)>0&&"indeterminate",onCheckedChange:function(e){var n=e?t.map(function(e){return e.id}):[];null==a||a(n,t.filter(function(e){return n.includes(e.id)}))}}),render:function(e,n){var r=null==l?void 0:l.includes(n.id);return"radio"===c?w.default.createElement(H.RadioGroup,{onValueChange:function(e){var n=t.find(function(n){return n.id===e});null==a||a([e],n?[n]:[])},value:null==l?void 0:l[0]},w.default.createElement(H.RadioGroupItem,{checked:r,value:n.id})):w.default.createElement(j.Checkbox,{checked:r,onCheckedChange:function(e){var r=e?_(_([],l||[],!0),[n.id],!1):(l||[]).filter(function(e){return e!==n.id});null==a||a(r,t.filter(function(e){return r.includes(e.id)}))}})}});var n=function(e){return function(n,r){var t,o=r.size;S.current=!1,k.current&&(null===(t=k.current)||void 0===t||t.forEach(function(e){e.style.userSelect=""})),z.current&&(z.current.style.left="0px",z.current.style.display="none"),R.current=n.clientX-R.current,v(function(n){var r=_([],n,!0);return r[e]=K(K({},r[e]),{width:o.width+R.current}),r})}};return e.push.apply(e,m.map(function(e,r){return{key:e.key,title:e.title,dataIndex:e.key,width:e.width,align:e.align||"left",fixed:e.fixed,ellipsis:!e.wrap,render:e.render,onHeaderCell:function(){return{width:e.width,drag:x,onResizeStart:function(e){var n;if(S.current=!0,k.current&&(null===(n=k.current)||void 0===n||n.forEach(function(e){e.style.userSelect="none"})),z.current){var r=y.current.nativeElement.getBoundingClientRect().left;z.current.style.left=e.clientX-r+"px",z.current.style.display="inherit"}R.current=e.clientX},onResizeStop:n(r),ref:function(e){k.current[r]=e}}}}})),e},[m,o,l,t]);return(0,w.useImperativeHandle)(n,function(){return{rcTable:function(){return y.current}}}),(0,w.useEffect)(function(){var e=function(e){if(z.current&&S.current){var n=y.current.nativeElement.getBoundingClientRect().left;z.current.style.left="".concat(e.clientX-n,"px")}};return window.addEventListener("mousemove",e),function(){window.removeEventListener("mousemove",e)}},[]),w.default.createElement(X,{className:"h-full relative",style:{"--border-color":p?"":"#ffffff01","--primary-section-color":"","--rc-table-padding":C}},w.default.createElement(P.default,K({className:"rc-table",columns:I,components:{header:{cell:Z}},data:t,emptyText:w.default.createElement(M.Empty,null),ref:y,rowKey:function(e,n){var r;return null!==(r=e.id)&&void 0!==r?r:n},scroll:u,sticky:!0},h)),w.default.createElement("div",{className:"absolute h-full w-[1px] top-0 z-10 bg-primary hidden",ref:z}))}var V=(0,w.memo)((0,w.forwardRef)(J)),U=function(){return U=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},U.apply(this,arguments)},q=function(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]])}return r},$=function(e,n,r){if(r||2===arguments.length)for(var t,o=0,l=n.length;o<l;o++)!t&&o in n||(t||(t=Array.prototype.slice.call(n,0,o)),t[o]=n[o]);return e.concat(t||Array.prototype.slice.call(n))},ee=function(e,n){var r=e.serviceFunc,t=void 0===r?function(e,n){}:r,o=e.functionControlTableTitle,l=void 0===o?"查询表格":o,a=e.columns,i=void 0===a?[]:a,c=e.optionButtonGroup,d=void 0===c?[]:c,s=e.searchParamList,b=void 0===s?[]:s,p=e.functionControlHide,f=void 0!==p&&p,u=e.topPagination,x=void 0!==u&&u,h=e.bottomPagination,g=void 0===h||h,m=e.isShowRowTitleName,P=void 0===m?"":m,j=e.noSearch,M=void 0!==j&&j,H=e.className,D=e.openRowSelection,A=void 0!==D&&D,B=e.rowSelectionType,T=void 0===B?"checkbox":B,L=e.locales,Z=void 0===L?"zh_CN":L,F=e.onRowChangeCallback,G=void 0===F?function(){}:F,W=e.border,Y=void 0!==W&&W,X=e.drag,K=void 0!==X&&X,Q=e.listClassName,_=void 0===Q?"":Q,J=e.scroll,ee=void 0===J?{}:J,ne=q(e,["serviceFunc","functionControlTableTitle","columns","optionButtonGroup","searchParamList","functionControlHide","topPagination","bottomPagination","isShowRowTitleName","noSearch","className","openRowSelection","rowSelectionType","locales","onRowChangeCallback","border","drag","listClassName","scroll"]),re=(0,w.useRef)(),te=(0,w.useRef)(),oe=(0,k.useSetState)({isHideFormItem:!0,tableDensity:"normal",loading:!1,dataSource:[],selectedRows:[],selectedRowKeys:[],isShowRowTitleName:P,Condition:{},current:1,pageSize:10,total:1}),le=oe[0],ae=oe[1],ie=oe[2];function ce(e){ae({tableDensity:e})}function de(){ae({isHideFormItem:!le.isHideFormItem})}var se=function(e){var n,r,t=e||(null===(r=null===(n=null==re?void 0:re.current)||void 0===n?void 0:n.searchForm)||void 0===r?void 0:r.getValues());for(var o in t)void 0===t[o]&&delete t[o];ae({current:1,Condition:t},be)},be=function(e){void 0===e&&(e={}),ae({loading:!0});var n=e.current||le.current,r=e.pageSize||le.pageSize,o=e.Condition||le.Condition,l=U(U({},o),{page:n,limit:r});setTimeout(function(){return ae({loading:!1})},5e3),null==t||t(l,function(e){var n,r=e.dataSource,t=void 0===r?[]:r,o=e.total,a=void 0===o?0:o;ae({loading:!1});var i=null===(n=null==t?void 0:t.map)||void 0===n?void 0:n.call(t,function(e,n){return U(U({},e||{}),{rowKey:(null==e?void 0:e.id)||(0,y.v4)(),index:(l.page-1)*l.limit+(n+1)})});ae({dataSource:i,total:a})})},pe=function(){var e;return null===(e=re.current)||void 0===e?void 0:e.onReset()},fe=function(e,n){ae({current:e,pageSize:n},be)},ue=function(e,n){return ae({current:e,pageSize:n},be)},xe=(0,w.useCallback)(function(e,n){var r,t,o=(null===(r=v.default.cloneDeep(le.selectedRows||[]))||void 0===r?void 0:r.concat(n))||[],l=null===(t=e.map(function(e){return null==o?void 0:o.find(function(n){return String(n.id)==String(e)})}))||void 0===t?void 0:t.filter(Boolean);ae({selectedRowKeys:e,selectedRows:l}),G(e,l)},[le]),he=(0,w.useCallback)(function(e){var n,r,t=null===(n=le.selectedRowKeys)||void 0===n?void 0:n.filter(function(n){return String(n)!==String(e)}),o=null===(r=le.selectedRows)||void 0===r?void 0:r.filter(function(n){return n.id!==e});xe(t,o)},[le]),ge=function(e){var n,r=String(e).split(","),t=null===(n=le.selectedRows)||void 0===n?void 0:n.filter(function(e){return!r.includes(String(e.id))}),o=null==t?void 0:t.map(function(e){return String(e.id)});ae({selectedRowKeys:o,selectedRows:t})},me=(0,w.useMemo)(function(){var e;return null===(e=v.default.cloneDeep(i))||void 0===e?void 0:e.map(function(e){return U(U({},e),{header:N.Intl.v(e.header)})})},[Z,i]);return(0,w.useImperativeHandle)(n,function(){return{state:function(){return ie()},onSearch:se,onChangeRowSelection:ge,onRowChange:xe,setState:ae,rcTable:function(){return te.current}}},[le]),(0,w.useEffect)(function(){!M&&se()},[]),w.default.createElement(I.Spin,{size:"large",spinning:le.loading},w.default.createElement("div",{className:(0,E.cn)("relative flex flex-col h-full",H)},w.default.createElement(z.ConditionalRender,{conditional:(null==b?void 0:b.length)>0},function(){return w.default.createElement(C.SearchForm,{defaultValues:Object.assign.apply(Object,$([{}],b.map(function(e){var n,r;return(n={})[e.key]=null!==(r=e.defaultValue)&&void 0!==r?r:"",n}),!1)),loading:le.loading,locales:Z,noSearch:!0,onSearch:function(){return se()},ref:re,searchParamList:b})}),w.default.createElement(z.ConditionalRender,{conditional:0!==le.total&&x},function(){return w.default.createElement("div",{className:"flex justify-end box-border w-full h-[60px] p-[10px_20px] rounded-b-lg bg-section"},w.default.createElement(R.Pagination,{current:le.current,onChange:fe,onShowSizeChange:ue,pageSize:le.pageSize,total:le.total}))}),w.default.createElement(z.ConditionalRender,{conditional:!f},function(){return w.default.createElement("div",{className:"min-h-[45px] mt-5 overflow-hidden rounded-t-lg flex-shrink-0 FunctionControl"},w.default.createElement(S.FunctionControl,{dataSource:le.dataSource,functionControlHide:f,functionControlTableTitle:l,isHideFormItem:le.isHideFormItem,isHideText:(null==b?void 0:b.length)>0,locales:Z,onChangeIsHideFormItem:de,onChangeListSize:ce,onResetForm:pe,onSearch:function(){return se()},optionButtonGroup:d,tableDensity:le.tableDensity}))}),w.default.createElement("div",{className:(0,E.cn)("flex flex-col grow box-border p-[15px] overflow-hidden bg-section ListBodyBox",_)},w.default.createElement(z.ConditionalRender,{conditional:le.isShowRowTitleName},function(){var e;return w.default.createElement("div",{className:"flex flex-wrap gap-3 max-h-[100px] overflow-y-auto"},null===(e=le.selectedRows)||void 0===e?void 0:e.map(function(e,n){return w.default.createElement("div",{className:"flex gap-1 items-center mb-[5px] p-[2px_5px] h-auto rounded-[8px] text-white bg-primary",key:e.id||n},w.default.createElement("span",{className:"text-white"},e[le.isShowRowTitleName]),w.default.createElement("span",{className:"text-white cursor-pointer text-[16px]",onClick:function(){return he(e.id)}},w.default.createElement(O,{className:"hover:text-red-400 transition-colors duration-200"})))}))}),w.default.createElement(V,U({border:Y,columns:me||[],data:le.dataSource,density:le.tableDensity,drag:K,onRowChange:xe,openRowSelection:A,ref:te,rowSelectionType:T,scroll:ee,selectedRowKeys:le.selectedRowKeys},ne))),w.default.createElement(z.ConditionalRender,{conditional:0!==le.total&&g},function(){return w.default.createElement("div",{className:"flex justify-end box-border w-full h-[60px] p-[10px_20px] rounded-b-lg bg-section Pagination"},w.default.createElement(R.Pagination,{current:le.current,onChange:fe,onShowSizeChange:ue,pageSize:le.pageSize,total:le.total}))})))},ne=(0,w.memo)((0,w.forwardRef)(ee)),re=m.D,te=m.Y;export{re as BaseList,te as ListBody};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@itera-web/react-ui-baselist",
   "description": "查询表格",
-  "version": "2.2.2",
+  "version": "2.3.1",
   "main": "es/index.js",
   "types": "es/index.d.ts",
   "publishConfig": {
@@ -26,6 +26,7 @@
     "@itera-web/utils-locale-toggle": "^1.22.0",
     "lodash": "^4.17.21",
     "rc-table": "^7.55.1",
+    "react-resizable": "^3.1.3",
     "styled-components": "^6.3.8",
     "uuid": "^9.0.0"
   },
@@ -36,5 +37,5 @@
   "devDependencies": {
     "@itera-web/cli": "^1.1.54"
   },
-  "gitHead": "c619b8fc27bf73c9391882e41507cd0215a60389"
+  "gitHead": "1ab46dede6f6c68214405ffb858e262a8f925aef"
 }