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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/es/index.js +1 -1
  2. package/package.json +2 -2
package/es/index.js CHANGED
@@ -1 +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 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 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};
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};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itera-web/react-ui-baselist",
3
3
  "description": "查询表格",
4
- "version": "2.2.1",
4
+ "version": "2.2.2",
5
5
  "main": "es/index.js",
6
6
  "types": "es/index.d.ts",
7
7
  "publishConfig": {
@@ -36,5 +36,5 @@
36
36
  "devDependencies": {
37
37
  "@itera-web/cli": "^1.1.54"
38
38
  },
39
- "gitHead": "b32a441d5c11099766314a476c1f12dea6001552"
39
+ "gitHead": "c619b8fc27bf73c9391882e41507cd0215a60389"
40
40
  }