@itera-web/react-ui-baselist 2.4.2 → 2.4.3
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.
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 s from"@itera-web/utils-locale-toggle";import*as b from"rc-table";import*as u from"@itera-web/react-ui-checkbox";import*as f from"@itera-web/react-ui-empty";import*as p from"@itera-web/react-ui-radio";import*as h from"react-resizable";import*as x 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:()=>l.ConditionalRender});const S=(e=>{var n={};return g.d(n,e),n})({FunctionControl:()=>o.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 j=(e=>{var n={};return g.d(n,e),n})({default:()=>b.default});const P=(e=>{var n={};return g.d(n,e),n})({Checkbox:()=>u.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:()=>p.RadioGroup,RadioGroupItem:()=>p.RadioGroupItem});const D=(e=>{var n={};return g.d(n,e),n})({Resizable:()=>h.Resizable});var B=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"}))},A=function(){return A=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},A.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 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},L=w.default.forwardRef(function(e,n){var r=e.width,t=e.drag,l=e.onResizeStart,o=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(B,null)),height:0,onResizeStart:l,onResizeStop:o,width:r},w.default.createElement("th",A({ref:n},i),a)):w.default.createElement("th",A({ref:n},i),a)}),Z=(0,w.memo)(L);const F=(e=>{var n={};return g.d(n,e),n})({default:()=>x.default});var G,X=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},Y=F.default.div(G||(G=X(["\n .rc-table-tbody-virtual {\n border-left: 1px solid var(--border-color);\n }\n\n .rc-table-tbody-virtual * {\n box-sizing: border-box;\n }\n\n .rc-table-tbody-virtual .rc-table-row {\n display: flex;\n box-sizing: border-box;\n width: 100%;\n }\n\n .rc-table-tbody-virtual .rc-table-row-extra .rc-table-cell {\n background: rgba(200, 200, 255) !important;\n }\n\n .rc-table-tbody-virtual .rc-table-cell {\n flex: 0 0 var(--virtual-width);\n width: var(--virtual-width);\n padding: 8px 16px;\n border-right: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .rc-table {\n position: relative;\n box-sizing: border-box;\n color: var(--font-3-color);\n font-size: 14px;\n line-height: 1.5;\n max-height: 100%;\n }\n\n .rc-table-container {\n max-height: 100%;\n display: flex;\n flex-direction: column;\n border-right: 1px solid var(--border-color);\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-body {\n border-left: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n max-height: 100%;\n flex: 1;\n }\n\n .rc-table th,\n .rc-table td {\n position: relative;\n box-sizing: border-box;\n padding: var(--rc-table-padding);\n white-space: normal;\n border-bottom: 1px solid var(--border-color);\n transition: box-shadow 0.3s;\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);\n }\n\n .rc-table-cell:not(\n .rc-table-ping-left .rc-table-cell-fix-left-last,\n .rc-table-ping-right .rc-table-cell-fix-right-first\n )::after,\n .rc-table-cell-fix-right-first::before {\n content: '';\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n background-color: var(--border-color);\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: #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);\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);\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: 0;\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);\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: 0;\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-bg-color);\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);\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);\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);\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);\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(--border-color);\n border-right: 0;\n border-bottom: 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);\n }\n\n .rc-table tbody tr th {\n background: var(--primary-section-color);\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: 1px solid var(--border-color);\n border-right: 0;\n border-bottom: 0;\n border-radius: 5px 0 0 0;\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);\n // content: '';\n //}\n\n .rc-table-expanded-row .rc-table-cell {\n box-shadow: inset 0 8px 8px -8px var(--rc-table-sticky-color);\n }\n\n .rc-table-expanded-row-fixed {\n box-sizing: border-box;\n margin: -16px -10px -16px -8px;\n 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);\n // content: '';\n //}\n\n .rc-table-row-expand-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n 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: 16px 8px;\n border: 1px solid var(--border-color);\n border-bottom: 0;\n }\n\n .rc-table-caption {\n padding: 16px 8px;\n border-right: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .rc-table-footer {\n padding: 16px 8px;\n border: 1px solid var(--border-color);\n border-top: 0;\n }\n\n .rc-table tfoot td {\n background: var(--primary-section-color);\n }\n\n .rc-table-summary {\n border-top: 1px solid var(--border-color);\n border-left: 1px solid var(--border-color);\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 opacity: 0.6;\n transition: transform 0.1s ease-in 0s;\n }\n\n .rc-table-sticky-scroll:hover {\n transform-origin: center bottom;\n }\n\n .rc-table-sticky-scroll-bar {\n height: 8px;\n background-color: var(--primary-section-color);\n border-radius: 4px;\n }\n\n .rc-table-sticky-scroll-bar:hover {\n background-color: var(--scrollbar-color);\n }\n\n .rc-table-sticky-scroll-bar-active {\n background-color: var(--scrollbar-color-hover);\n }\n\n .rc-table .rc-table-tbody .rc-table-row-selected td {\n background-color: var(--primary-bg-color);\n }\n\n .react-resizable {\n position: relative;\n }\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\n .react-resizable-handle-sw {\n bottom: 0;\n left: 0;\n cursor: sw-resize;\n transform: rotate(90deg);\n }\n\n .react-resizable-handle-se {\n bottom: 0;\n right: 0;\n cursor: se-resize;\n }\n\n .react-resizable-handle-nw {\n top: 0;\n left: 0;\n cursor: nw-resize;\n transform: rotate(180deg);\n }\n\n .react-resizable-handle-ne {\n top: 0;\n right: 0;\n cursor: ne-resize;\n transform: rotate(270deg);\n }\n\n .react-resizable-handle-w,\n .react-resizable-handle-e {\n top: 50%;\n margin-top: -10px;\n cursor: ew-resize;\n }\n\n .react-resizable-handle-w {\n left: 0;\n transform: rotate(135deg);\n }\n\n .react-resizable-handle-e {\n right: 0;\n transform: rotate(315deg);\n }\n\n .react-resizable-handle-n,\n .react-resizable-handle-s {\n left: 50%;\n margin-left: -10px;\n cursor: ns-resize;\n }\n\n .react-resizable-handle-n {\n top: 0;\n transform: rotate(225deg);\n }\n\n .react-resizable-handle-s {\n bottom: 0;\n transform: rotate(45deg);\n }\n\n .rc-table-resize-handle {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 2px;\n top: 0;\n width: 14px;\n height: 100%;\n cursor: col-resize;\n }\n"],["\n .rc-table-tbody-virtual {\n border-left: 1px solid var(--border-color);\n }\n\n .rc-table-tbody-virtual * {\n box-sizing: border-box;\n }\n\n .rc-table-tbody-virtual .rc-table-row {\n display: flex;\n box-sizing: border-box;\n width: 100%;\n }\n\n .rc-table-tbody-virtual .rc-table-row-extra .rc-table-cell {\n background: rgba(200, 200, 255) !important;\n }\n\n .rc-table-tbody-virtual .rc-table-cell {\n flex: 0 0 var(--virtual-width);\n width: var(--virtual-width);\n padding: 8px 16px;\n border-right: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .rc-table {\n position: relative;\n box-sizing: border-box;\n color: var(--font-3-color);\n font-size: 14px;\n line-height: 1.5;\n max-height: 100%;\n }\n\n .rc-table-container {\n max-height: 100%;\n display: flex;\n flex-direction: column;\n border-right: 1px solid var(--border-color);\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-body {\n border-left: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n max-height: 100%;\n flex: 1;\n }\n\n .rc-table th,\n .rc-table td {\n position: relative;\n box-sizing: border-box;\n padding: var(--rc-table-padding);\n white-space: normal;\n border-bottom: 1px solid var(--border-color);\n transition: box-shadow 0.3s;\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);\n }\n\n .rc-table-cell:not(\n .rc-table-ping-left .rc-table-cell-fix-left-last,\n .rc-table-ping-right .rc-table-cell-fix-right-first\n )::after,\n .rc-table-cell-fix-right-first::before {\n content: '';\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n background-color: var(--border-color);\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: #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);\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);\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: 0;\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);\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: 0;\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-bg-color);\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);\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);\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);\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);\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(--border-color);\n border-right: 0;\n border-bottom: 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);\n }\n\n .rc-table tbody tr th {\n background: var(--primary-section-color);\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: 1px solid var(--border-color);\n border-right: 0;\n border-bottom: 0;\n border-radius: 5px 0 0 0;\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);\n // content: '';\n //}\n\n .rc-table-expanded-row .rc-table-cell {\n box-shadow: inset 0 8px 8px -8px var(--rc-table-sticky-color);\n }\n\n .rc-table-expanded-row-fixed {\n box-sizing: border-box;\n margin: -16px -10px -16px -8px;\n 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);\n // content: '';\n //}\n\n .rc-table-row-expand-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n 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: 16px 8px;\n border: 1px solid var(--border-color);\n border-bottom: 0;\n }\n\n .rc-table-caption {\n padding: 16px 8px;\n border-right: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .rc-table-footer {\n padding: 16px 8px;\n border: 1px solid var(--border-color);\n border-top: 0;\n }\n\n .rc-table tfoot td {\n background: var(--primary-section-color);\n }\n\n .rc-table-summary {\n border-top: 1px solid var(--border-color);\n border-left: 1px solid var(--border-color);\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 opacity: 0.6;\n transition: transform 0.1s ease-in 0s;\n }\n\n .rc-table-sticky-scroll:hover {\n transform-origin: center bottom;\n }\n\n .rc-table-sticky-scroll-bar {\n height: 8px;\n background-color: var(--primary-section-color);\n border-radius: 4px;\n }\n\n .rc-table-sticky-scroll-bar:hover {\n background-color: var(--scrollbar-color);\n }\n\n .rc-table-sticky-scroll-bar-active {\n background-color: var(--scrollbar-color-hover);\n }\n\n .rc-table .rc-table-tbody .rc-table-row-selected td {\n background-color: var(--primary-bg-color);\n }\n\n .react-resizable {\n position: relative;\n }\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\n .react-resizable-handle-sw {\n bottom: 0;\n left: 0;\n cursor: sw-resize;\n transform: rotate(90deg);\n }\n\n .react-resizable-handle-se {\n bottom: 0;\n right: 0;\n cursor: se-resize;\n }\n\n .react-resizable-handle-nw {\n top: 0;\n left: 0;\n cursor: nw-resize;\n transform: rotate(180deg);\n }\n\n .react-resizable-handle-ne {\n top: 0;\n right: 0;\n cursor: ne-resize;\n transform: rotate(270deg);\n }\n\n .react-resizable-handle-w,\n .react-resizable-handle-e {\n top: 50%;\n margin-top: -10px;\n cursor: ew-resize;\n }\n\n .react-resizable-handle-w {\n left: 0;\n transform: rotate(135deg);\n }\n\n .react-resizable-handle-e {\n right: 0;\n transform: rotate(315deg);\n }\n\n .react-resizable-handle-n,\n .react-resizable-handle-s {\n left: 50%;\n margin-left: -10px;\n cursor: ns-resize;\n }\n\n .react-resizable-handle-n {\n top: 0;\n transform: rotate(225deg);\n }\n\n .react-resizable-handle-s {\n bottom: 0;\n transform: rotate(45deg);\n }\n\n .rc-table-resize-handle {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 2px;\n top: 0;\n width: 14px;\n height: 100%;\n cursor: col-resize;\n }\n"]))),W=(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 l in n=arguments[r])Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l]);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 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 J(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,s=void 0===d?"normal":d,b=e.border,u=void 0!==b&&b,f=e.scrollX,p=void 0===f?"100%":f,h=e.scrollY,x=e.drag,g=e.className,m=Q(e,["columns","data","openRowSelection","selectedRowKeys","onRowChange","rowSelectionType","density","border","scrollX","scrollY","drag","className"]),v=(0,w.useState)(null),y=v[0],k=v[1],z=(0,w.useState)(function(){return T(r)}),S=z[0],R=z[1],C=(0,w.useRef)(null),I=(0,w.useRef)(null),E=(0,w.useRef)({}),N=(0,w.useRef)(null),O=(0,w.useRef)(!1),D=(0,w.useRef)(0),B=(0,w.useMemo)(function(){var e="10px 6px";switch(s){case"loose":e="16px 8px";break;case"compact":e="6px 2px"}return e},[s]),A=(0,w.useMemo)(function(){var e=[];function n(e,r,t){return e.map(function(e){if(e.key===r)return K(K({},e),{width:t});if(e.children){var l=n(e.children,r,t);return K(K({},e),{children:l,width:l.reduce(function(e,n){return e+(n.width||0)},0)})}return e})}l&&e.push({key:"__select__",width:48,fixed:"left",align:"center",className:"rc-table-select-col",title:"radio"===c?null:w.default.createElement(P.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?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==o?void 0:o[0]},w.default.createElement(H.RadioGroupItem,{checked:r,value:n.id})):w.default.createElement(P.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)}))}})}});var r=function(e){return function(e){if(O.current=!0,E.current&&Object.values(E.current).forEach(function(e){e&&(e.style.userSelect="none")}),N.current){var n=I.current.nativeElement.getBoundingClientRect().left;N.current.style.left=e.clientX-n+"px",N.current.style.display="inherit"}D.current=e.clientX}},i=function(e){return function(r,t){var l=t.size;O.current=!1,E.current&&Object.values(E.current).forEach(function(e){e&&(e.style.userSelect="")}),N.current&&(N.current.style.left="0px",N.current.style.display="none"),D.current=r.clientX-D.current,R(function(r){return n(r,e,l.width+D.current)})}};return e.push.apply(e,function e(n){return n.map(function(n){var t,l=!n.children||0===n.children.length;return{key:n.key,title:n.title,dataIndex:null!==(t=n.dataIndex)&&void 0!==t?t:n.key,width:n.width,align:n.align||"left",fixed:n.fixed,ellipsis:!n.wrap,render:n.render,children:n.children?e(n.children):void 0,onHeaderCell:l?function(){return{width:n.width,drag:x,onResizeStart:r(n.key),onResizeStop:i(n.key),ref:function(e){E.current[n.key]=e}}}:void 0}})}(S)),e},[S,l,o,t]);function T(e){return e.map(function(e){if(e.children&&e.children.length){var n=T(e.children);return K(K({},e),{width:n.reduce(function(e,n){return e+(n.width||0)},0),children:n})}return e})}return(0,w.useImperativeHandle)(n,function(){return{rcTable:function(){return I.current}}}),(0,w.useEffect)(function(){R(T(r))},[r]),(0,w.useEffect)(function(){var e,n=function(e){if(N.current&&O.current){var n=I.current.nativeElement.getBoundingClientRect().left;N.current.style.left="".concat(e.clientX-n,"px")}},r=null===(e=I.current)||void 0===e?void 0:e.nativeElement,t=document.querySelector(".ListBodyBox"),l=r.querySelector(".rc-table-container > .rc-table-header"),o=r.querySelector(".rc-table-container > .rc-table-body");function a(){var e=o.getBoundingClientRect(),n=l.getBoundingClientRect(),r=t.getBoundingClientRect();"auto"!==h&&k(e.bottom>r.bottom-48?r.height-n.height-48:null)}var i=new ResizeObserver(a);return t&&i.observe(t),o&&i.observe(o),a(),window.addEventListener("mousemove",n),function(){window.removeEventListener("mousemove",n),i.disconnect()}},[]),w.default.createElement(W,{className:"flex-1 relative",ref:C,style:{"--border-color":u?"":"#ffffff01","--primary-section-color":"","--rc-table-padding":B}},w.default.createElement(j.default,K({className:g,columns:A,components:{header:{cell:Z}},data:t,emptyText:w.default.createElement(M.Empty,null),ref:I,rowClassName:function(e,n){var r;return o.includes(String(null!==(r=e.id)&&void 0!==r?r:n))?"rc-table-row-selected":""},rowKey:function(e,n){var r;return null!==(r=e.id)&&void 0!==r?r:n},scroll:{x:p,y:h||y},sticky:!0},m)),w.default.createElement("div",{className:"absolute h-full w-[1px] top-0 z-10 bg-primary hidden",ref:N}))}var V=(0,w.memo)((0,w.forwardRef)(J)),q=function(){return q=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},q.apply(this,arguments)},U=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))},ee=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,s=e.searchParamList,b=void 0===s?[]:s,u=e.functionControlHide,f=void 0!==u&&u,p=e.topPagination,h=void 0!==p&&p,x=e.bottomPagination,g=void 0===x||x,m=e.isShowRowTitleName,j=void 0===m?"":m,P=e.noSearch,M=void 0!==P&&P,H=e.className,D=e.openRowSelection,B=void 0!==D&&D,A=e.rowSelectionType,T=void 0===A?"checkbox":A,L=e.locales,Z=void 0===L?"zh_CN":L,F=e.onRowChangeCallback,G=void 0===F?function(){}:F,X=e.border,Y=void 0!==X&&X,W=e.drag,K=void 0!==W&&W,Q=e.listClassName,_=void 0===Q?"":Q,J=e.scrollX,ee=e.scrollY,ne=U(e,["serviceFunc","functionControlTableTitle","columns","optionButtonGroup","searchParamList","functionControlHide","topPagination","bottomPagination","isShowRowTitleName","noSearch","className","openRowSelection","rowSelectionType","locales","onRowChangeCallback","border","drag","listClassName","scrollX","scrollY"]),re=(0,w.useRef)(),te=(0,w.useRef)(),le=(0,k.useSetState)({isHideFormItem:!0,tableDensity:"normal",loading:!1,dataSource:[],selectedRows:[],selectedRowKeys:[],isShowRowTitleName:j,Condition:{},current:1,pageSize:10,total:1}),oe=le[0],ae=le[1],ie=le[2];function ce(e){ae({tableDensity:e})}function de(){ae({isHideFormItem:!oe.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 l in t)void 0===t[l]&&delete t[l];ae({current:1,Condition:t},be)},be=function(e){void 0===e&&(e={}),ae({loading:!0});var n=e.current||oe.current,r=e.pageSize||oe.pageSize,l=e.Condition||oe.Condition,o=q(q({},l),{page:n,limit:r});setTimeout(function(){return ae({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;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 q(q({},e||{}),{rowKey:(null==e?void 0:e.id)||(0,y.v4)(),index:(o.page-1)*o.limit+(n+1)})});ae({dataSource:i,total:a})})},ue=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)},pe=function(e,n){return ae({current:e,pageSize:n},be)},he=(0,w.useCallback)(function(e,n){var r,t,l=(null===(r=v.default.cloneDeep(oe.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);ae({selectedRowKeys:e,selectedRows:o}),G(e,o)},[oe]),xe=(0,w.useCallback)(function(e){var n,r,t=null===(n=oe.selectedRowKeys)||void 0===n?void 0:n.filter(function(n){return String(n)!==String(e)}),l=null===(r=oe.selectedRows)||void 0===r?void 0:r.filter(function(n){return n.id!==e});he(t,l)},[oe]),ge=function(e){var n,r=String(e).split(","),t=null===(n=oe.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)});ae({selectedRowKeys:l,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 q(q({},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:he,setState:ae,rcTable:function(){return te.current}}},[oe]),(0,w.useEffect)(function(){!M&&se()},[]),w.default.createElement(I.Spin,{size:"large",spinning:oe.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:oe.loading,locales:Z,noSearch:!0,onSearch:function(){return se()},ref:re,searchParamList:b})}),w.default.createElement(z.ConditionalRender,{conditional:0!==oe.total&&h},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:oe.current,onChange:fe,onShowSizeChange:pe,pageSize:oe.pageSize,total:oe.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 shrink-0 FunctionControl"},w.default.createElement(S.FunctionControl,{dataSource:oe.dataSource,functionControlHide:f,functionControlTableTitle:o,isHideFormItem:oe.isHideFormItem,isHideText:(null==b?void 0:b.length)>0,locales:Z,onChangeIsHideFormItem:de,onChangeListSize:ce,onResetForm:ue,onSearch:function(){return se()},optionButtonGroup:d,tableDensity:oe.tableDensity}))}),w.default.createElement("div",{className:"flex flex-col flex-1 box-border p-[15px] overflow-hidden bg-section min-h-0 ListBodyBox"},w.default.createElement(z.ConditionalRender,{conditional:oe.isShowRowTitleName},function(){var e;return w.default.createElement("div",{className:"flex flex-wrap gap-3 shrink-0 max-h-[100px] overflow-y-auto"},null===(e=oe.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[oe.isShowRowTitleName]),w.default.createElement("span",{className:"text-white cursor-pointer text-[16px]",onClick:function(){return xe(e.id)}},w.default.createElement(O,{className:"hover:text-red-400 transition-colors duration-200"})))}))}),w.default.createElement(V,q({border:Y,className:(0,E.cn)("flex-1",_),columns:me||[],data:oe.dataSource,density:oe.tableDensity,drag:K,onRowChange:he,openRowSelection:B,ref:te,rowSelectionType:T,scrollX:J,scrollY:ee,selectedRowKeys:oe.selectedRowKeys},ne))),w.default.createElement(z.ConditionalRender,{conditional:0!==oe.total&&g},function(){return w.default.createElement("div",{className:"flex shrink-0 justify-end box-border w-full h-[60px] p-[10px_20px] rounded-b-lg bg-section Pagination"},w.default.createElement(R.Pagination,{current:oe.current,onChange:fe,onShowSizeChange:pe,pageSize:oe.pageSize,total:oe.total}))})))},ne=(0,w.memo)((0,w.forwardRef)(ee)),re=m.D,te=m.Y;export{re as BaseList,te 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 s from"@itera-web/utils-locale-toggle";import*as b from"rc-table";import*as u from"@itera-web/react-ui-checkbox";import*as f from"@itera-web/react-ui-empty";import*as p from"@itera-web/react-ui-radio";import*as h from"react-resizable";import*as x 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:()=>ee,Y:()=>J});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:()=>l.ConditionalRender});const S=(e=>{var n={};return g.d(n,e),n})({FunctionControl:()=>o.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 j=(e=>{var n={};return g.d(n,e),n})({default:()=>b.default});const P=(e=>{var n={};return g.d(n,e),n})({Checkbox:()=>u.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:()=>p.RadioGroup,RadioGroupItem:()=>p.RadioGroupItem});const D=(e=>{var n={};return g.d(n,e),n})({Resizable:()=>h.Resizable});var B=function(){return B=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},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 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},A=w.default.forwardRef(function(e,n){var r=e.width,t=e.drag,l=e.customTh,o=e.onResizeStart,a=e.onResizeStop,i=e.children,c=T(e,["width","drag","customTh","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()}}),height:0,onResizeStart:o,onResizeStop:a,width:r},w.default.createElement("th",B({ref:n},c),l||i)):w.default.createElement("th",B({ref:n},c),l||i)}),L=(0,w.memo)(A);const Z=(e=>{var n={};return g.d(n,e),n})({default:()=>x.default});var F,G=function(e,n){return Object.defineProperty?Object.defineProperty(e,"raw",{value:n}):e.raw=n,e},X=Z.default.div(F||(F=G(["\n .rc-table-tbody-virtual {\n border-left: 1px solid var(--border-color);\n }\n\n .rc-table-tbody-virtual * {\n box-sizing: border-box;\n }\n\n .rc-table-tbody-virtual .rc-table-row {\n display: flex;\n box-sizing: border-box;\n width: 100%;\n }\n\n .rc-table-tbody-virtual .rc-table-row-extra .rc-table-cell {\n background: rgba(200, 200, 255) !important;\n }\n\n .rc-table-tbody-virtual .rc-table-cell {\n flex: 0 0 var(--virtual-width);\n width: var(--virtual-width);\n padding: 8px 16px;\n border-right: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .rc-table {\n position: relative;\n box-sizing: border-box;\n color: var(--font-3-color);\n font-size: 14px;\n line-height: 1.5;\n max-height: 100%;\n }\n\n .rc-table-container {\n max-height: 100%;\n display: flex;\n flex-direction: column;\n border-right: 1px solid var(--border-color);\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-body {\n border-left: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n max-height: 100%;\n flex: 1;\n }\n\n .rc-table th,\n .rc-table td {\n position: relative;\n box-sizing: border-box;\n padding: var(--rc-table-padding);\n white-space: normal;\n border-bottom: 1px solid var(--border-color);\n transition: box-shadow 0.3s;\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);\n }\n\n .rc-table-cell:not(\n .rc-table-ping-left .rc-table-cell-fix-left-last,\n .rc-table-ping-right .rc-table-cell-fix-right-first\n )::after,\n .rc-table-cell-fix-right-first::before {\n content: '';\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n background-color: var(--border-color);\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: #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);\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);\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: 0;\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);\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: 0;\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-bg-color);\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);\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);\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);\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);\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(--border-color);\n border-right: 0;\n border-bottom: 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);\n }\n\n .rc-table tbody tr th {\n background: var(--primary-section-color);\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: 1px solid var(--border-color);\n border-right: 0;\n border-bottom: 0;\n border-radius: 5px 0 0 0;\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);\n // content: '';\n //}\n\n .rc-table-expanded-row .rc-table-cell {\n box-shadow: inset 0 8px 8px -8px var(--rc-table-sticky-color);\n }\n\n .rc-table-expanded-row-fixed {\n box-sizing: border-box;\n margin: -16px -10px -16px -8px;\n 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);\n // content: '';\n //}\n\n .rc-table-row-expand-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n 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: 16px 8px;\n border: 1px solid var(--border-color);\n border-bottom: 0;\n }\n\n .rc-table-caption {\n padding: 16px 8px;\n border-right: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .rc-table-footer {\n padding: 16px 8px;\n border: 1px solid var(--border-color);\n border-top: 0;\n }\n\n .rc-table tfoot td {\n background: var(--primary-section-color);\n }\n\n .rc-table-summary {\n border-top: 1px solid var(--border-color);\n border-left: 1px solid var(--border-color);\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 opacity: 0.6;\n transition: transform 0.1s ease-in 0s;\n }\n\n .rc-table-sticky-scroll:hover {\n transform-origin: center bottom;\n }\n\n .rc-table-sticky-scroll-bar {\n height: 8px;\n background-color: var(--primary-section-color);\n border-radius: 4px;\n }\n\n .rc-table-sticky-scroll-bar:hover {\n background-color: var(--scrollbar-color);\n }\n\n .rc-table-sticky-scroll-bar-active {\n background-color: var(--scrollbar-color-hover);\n }\n\n .rc-table .rc-table-tbody .rc-table-row-selected td {\n background-color: var(--primary-bg-color);\n }\n\n .react-resizable {\n position: relative;\n }\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\n .react-resizable-handle-sw {\n bottom: 0;\n left: 0;\n cursor: sw-resize;\n transform: rotate(90deg);\n }\n\n .react-resizable-handle-se {\n bottom: 0;\n right: 0;\n cursor: se-resize;\n }\n\n .react-resizable-handle-nw {\n top: 0;\n left: 0;\n cursor: nw-resize;\n transform: rotate(180deg);\n }\n\n .react-resizable-handle-ne {\n top: 0;\n right: 0;\n cursor: ne-resize;\n transform: rotate(270deg);\n }\n\n .react-resizable-handle-w,\n .react-resizable-handle-e {\n top: 50%;\n margin-top: -10px;\n cursor: ew-resize;\n }\n\n .react-resizable-handle-w {\n left: 0;\n transform: rotate(135deg);\n }\n\n .react-resizable-handle-e {\n right: 0;\n transform: rotate(315deg);\n }\n\n .react-resizable-handle-n,\n .react-resizable-handle-s {\n left: 50%;\n margin-left: -10px;\n cursor: ns-resize;\n }\n\n .react-resizable-handle-n {\n top: 0;\n transform: rotate(225deg);\n }\n\n .react-resizable-handle-s {\n bottom: 0;\n transform: rotate(45deg);\n }\n\n .rc-table-resize-handle {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n right: -4px;\n top: 0;\n width: 10px;\n height: 100%;\n cursor: col-resize;\n }\n"],["\n .rc-table-tbody-virtual {\n border-left: 1px solid var(--border-color);\n }\n\n .rc-table-tbody-virtual * {\n box-sizing: border-box;\n }\n\n .rc-table-tbody-virtual .rc-table-row {\n display: flex;\n box-sizing: border-box;\n width: 100%;\n }\n\n .rc-table-tbody-virtual .rc-table-row-extra .rc-table-cell {\n background: rgba(200, 200, 255) !important;\n }\n\n .rc-table-tbody-virtual .rc-table-cell {\n flex: 0 0 var(--virtual-width);\n width: var(--virtual-width);\n padding: 8px 16px;\n border-right: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .rc-table {\n position: relative;\n box-sizing: border-box;\n color: var(--font-3-color);\n font-size: 14px;\n line-height: 1.5;\n max-height: 100%;\n }\n\n .rc-table-container {\n max-height: 100%;\n display: flex;\n flex-direction: column;\n border-right: 1px solid var(--border-color);\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-body {\n border-left: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n max-height: 100%;\n flex: 1;\n }\n\n .rc-table th,\n .rc-table td {\n position: relative;\n box-sizing: border-box;\n padding: var(--rc-table-padding);\n white-space: normal;\n border-bottom: 1px solid var(--border-color);\n transition: box-shadow 0.3s;\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);\n }\n\n .rc-table-cell:not(\n .rc-table-ping-left .rc-table-cell-fix-left-last,\n .rc-table-ping-right .rc-table-cell-fix-right-first\n )::after,\n .rc-table-cell-fix-right-first::before {\n content: '';\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 0;\n top: 0;\n width: 1px;\n height: 100%;\n background-color: var(--border-color);\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: #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);\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);\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: 0;\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);\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: 0;\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-bg-color);\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);\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);\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);\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);\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(--border-color);\n border-right: 0;\n border-bottom: 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);\n }\n\n .rc-table tbody tr th {\n background: var(--primary-section-color);\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: 1px solid var(--border-color);\n border-right: 0;\n border-bottom: 0;\n border-radius: 5px 0 0 0;\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);\n // content: '';\n //}\n\n .rc-table-expanded-row .rc-table-cell {\n box-shadow: inset 0 8px 8px -8px var(--rc-table-sticky-color);\n }\n\n .rc-table-expanded-row-fixed {\n box-sizing: border-box;\n margin: -16px -10px -16px -8px;\n 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);\n // content: '';\n //}\n\n .rc-table-row-expand-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n 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: 16px 8px;\n border: 1px solid var(--border-color);\n border-bottom: 0;\n }\n\n .rc-table-caption {\n padding: 16px 8px;\n border-right: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n }\n\n .rc-table-footer {\n padding: 16px 8px;\n border: 1px solid var(--border-color);\n border-top: 0;\n }\n\n .rc-table tfoot td {\n background: var(--primary-section-color);\n }\n\n .rc-table-summary {\n border-top: 1px solid var(--border-color);\n border-left: 1px solid var(--border-color);\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 opacity: 0.6;\n transition: transform 0.1s ease-in 0s;\n }\n\n .rc-table-sticky-scroll:hover {\n transform-origin: center bottom;\n }\n\n .rc-table-sticky-scroll-bar {\n height: 8px;\n background-color: var(--primary-section-color);\n border-radius: 4px;\n }\n\n .rc-table-sticky-scroll-bar:hover {\n background-color: var(--scrollbar-color);\n }\n\n .rc-table-sticky-scroll-bar-active {\n background-color: var(--scrollbar-color-hover);\n }\n\n .rc-table .rc-table-tbody .rc-table-row-selected td {\n background-color: var(--primary-bg-color);\n }\n\n .react-resizable {\n position: relative;\n }\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\n .react-resizable-handle-sw {\n bottom: 0;\n left: 0;\n cursor: sw-resize;\n transform: rotate(90deg);\n }\n\n .react-resizable-handle-se {\n bottom: 0;\n right: 0;\n cursor: se-resize;\n }\n\n .react-resizable-handle-nw {\n top: 0;\n left: 0;\n cursor: nw-resize;\n transform: rotate(180deg);\n }\n\n .react-resizable-handle-ne {\n top: 0;\n right: 0;\n cursor: ne-resize;\n transform: rotate(270deg);\n }\n\n .react-resizable-handle-w,\n .react-resizable-handle-e {\n top: 50%;\n margin-top: -10px;\n cursor: ew-resize;\n }\n\n .react-resizable-handle-w {\n left: 0;\n transform: rotate(135deg);\n }\n\n .react-resizable-handle-e {\n right: 0;\n transform: rotate(315deg);\n }\n\n .react-resizable-handle-n,\n .react-resizable-handle-s {\n left: 50%;\n margin-left: -10px;\n cursor: ns-resize;\n }\n\n .react-resizable-handle-n {\n top: 0;\n transform: rotate(225deg);\n }\n\n .react-resizable-handle-s {\n bottom: 0;\n transform: rotate(45deg);\n }\n\n .rc-table-resize-handle {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n right: -4px;\n top: 0;\n width: 10px;\n height: 100%;\n cursor: col-resize;\n }\n"]))),Y=(0,w.memo)(X),W=function(){return W=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},W.apply(this,arguments)},K=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},Q=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 _(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,s=void 0===d?"normal":d,b=e.border,u=void 0!==b&&b,f=e.scrollX,p=void 0===f?"100%":f,h=e.scrollY,x=e.drag,g=e.className,m=K(e,["columns","data","openRowSelection","selectedRowKeys","onRowChange","rowSelectionType","density","border","scrollX","scrollY","drag","className"]),v=(0,w.useState)(null),y=v[0],k=v[1],z=(0,w.useState)(function(){return A(r)}),S=z[0],R=z[1],C=(0,w.useRef)(null),I=(0,w.useRef)(null),E=(0,w.useRef)({}),N=(0,w.useRef)(null),O=(0,w.useRef)(!1),D=(0,w.useRef)(0),B=(0,w.useMemo)(function(){var e="10px 6px";switch(s){case"loose":e="16px 8px";break;case"compact":e="6px 2px"}return e},[s]),T=(0,w.useMemo)(function(){var e=[];function n(e,r,t){return e.map(function(e){if(e.key===r)return W(W({},e),{width:t});if(e.children){var l=n(e.children,r,t);return W(W({},e),{children:l,width:l.reduce(function(e,n){return e+(n.width||0)},0)})}return e})}l&&e.push({key:"__select__",width:48,fixed:"left",align:"center",className:"rc-table-select-col",title:"radio"===c?null:w.default.createElement(P.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?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==o?void 0:o[0]},w.default.createElement(H.RadioGroupItem,{checked:r,value:n.id})):w.default.createElement(P.Checkbox,{checked:r,onCheckedChange:function(e){var r=e?Q(Q([],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)}))}})}});var r=function(e){return function(e){if(O.current=!0,E.current&&Object.values(E.current).forEach(function(e){e&&(e.style.userSelect="none")}),N.current){var n=I.current.nativeElement.getBoundingClientRect().left;N.current.style.left=e.clientX-n+"px",N.current.style.display="inherit"}D.current=e.clientX}},i=function(e){return function(r,t){var l=t.size;O.current=!1,E.current&&Object.values(E.current).forEach(function(e){e&&(e.style.userSelect="")}),N.current&&(N.current.style.left="0px",N.current.style.display="none"),D.current=r.clientX-D.current,R(function(r){return n(r,e,l.width+D.current)})}};return e.push.apply(e,function e(n){return n.map(function(n){var t,l=!n.children||0===n.children.length;return{key:n.key,title:n.title,dataIndex:null!==(t=n.dataIndex)&&void 0!==t?t:n.key,width:n.width,align:n.align||"left",fixed:n.fixed,ellipsis:!n.wrap,render:n.render,children:n.children?e(n.children):void 0,onHeaderCell:l?function(){return{width:n.width,drag:x,onResizeStart:r(n.key),onResizeStop:i(n.key),customTh:n.customTh,ref:function(e){E.current[n.key]=e}}}:void 0}})}(S)),e},[S,l,o,t]);function A(e){return e.map(function(e){if(e.children&&e.children.length){var n=A(e.children);return W(W({},e),{width:n.reduce(function(e,n){return e+(n.width||0)},0),children:n})}return e})}return(0,w.useImperativeHandle)(n,function(){return{rcTable:function(){return I.current}}}),(0,w.useEffect)(function(){R(A(r))},[r]),(0,w.useEffect)(function(){var e,n=function(e){if(N.current&&O.current){var n=I.current.nativeElement.getBoundingClientRect().left;N.current.style.left="".concat(e.clientX-n,"px")}},r=null===(e=I.current)||void 0===e?void 0:e.nativeElement,t=document.querySelector(".ListBodyBox"),l=r.querySelector(".rc-table-container > .rc-table-header"),o=r.querySelector(".rc-table-container > .rc-table-body");function a(){var e=o.getBoundingClientRect(),n=l.getBoundingClientRect(),r=t.getBoundingClientRect();"auto"!==h&&k(e.bottom>r.bottom-48?r.height-n.height-48:null)}var i=new ResizeObserver(a);return t&&i.observe(t),o&&i.observe(o),a(),window.addEventListener("mousemove",n),function(){window.removeEventListener("mousemove",n),i.disconnect()}},[]),w.default.createElement(Y,{className:"flex-1 relative",ref:C,style:{"--border-color":u?"":"#ffffff01","--primary-section-color":"","--rc-table-padding":B}},w.default.createElement(j.default,W({className:g,columns:T,components:{header:{cell:L}},data:t,emptyText:w.default.createElement(M.Empty,null),ref:I,rowClassName:function(e,n){var r;return o.includes(String(null!==(r=e.id)&&void 0!==r?r:n))?"rc-table-row-selected":""},rowKey:function(e,n){var r;return null!==(r=e.id)&&void 0!==r?r:n},scroll:{x:p,y:"auto"===h?void 0:h||y},sticky:!0},m)),w.default.createElement("div",{className:"absolute h-full w-[1px] top-0 z-10 bg-primary hidden",ref:N}))}var J=(0,w.memo)((0,w.forwardRef)(_)),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)},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 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},U=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(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,s=e.searchParamList,b=void 0===s?[]:s,u=e.functionControlHide,f=void 0!==u&&u,p=e.topPagination,h=void 0!==p&&p,x=e.bottomPagination,g=void 0===x||x,m=e.isShowRowTitleName,j=void 0===m?"":m,P=e.noSearch,M=void 0!==P&&P,H=e.className,D=e.openRowSelection,B=void 0!==D&&D,T=e.rowSelectionType,A=void 0===T?"checkbox":T,L=e.locales,Z=void 0===L?"zh_CN":L,F=e.onRowChangeCallback,G=void 0===F?function(){}:F,X=e.border,Y=void 0!==X&&X,W=e.drag,K=void 0!==W&&W,Q=e.listClassName,_=void 0===Q?"":Q,$=e.scrollX,ee=e.scrollY,ne=q(e,["serviceFunc","functionControlTableTitle","columns","optionButtonGroup","searchParamList","functionControlHide","topPagination","bottomPagination","isShowRowTitleName","noSearch","className","openRowSelection","rowSelectionType","locales","onRowChangeCallback","border","drag","listClassName","scrollX","scrollY"]),re=(0,w.useRef)(),te=(0,w.useRef)(),le=(0,k.useSetState)({isHideFormItem:!0,tableDensity:"normal",loading:!1,dataSource:[],selectedRows:[],selectedRowKeys:[],isShowRowTitleName:j,Condition:{},current:1,pageSize:10,total:1}),oe=le[0],ae=le[1],ie=le[2];function ce(e){ae({tableDensity:e})}function de(){ae({isHideFormItem:!oe.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 l in t)void 0===t[l]&&delete t[l];ae({current:1,Condition:t},be)},be=function(e){void 0===e&&(e={}),ae({loading:!0});var n=e.current||oe.current,r=e.pageSize||oe.pageSize,l=e.Condition||oe.Condition,o=V(V({},l),{page:n,limit:r});setTimeout(function(){return ae({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;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 V(V({},e||{}),{rowKey:(null==e?void 0:e.id)||(0,y.v4)(),index:(o.page-1)*o.limit+(n+1)})});ae({dataSource:i,total:a})})},ue=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)},pe=function(e,n){return ae({current:e,pageSize:n},be)},he=(0,w.useCallback)(function(e,n){var r,t,l=(null===(r=v.default.cloneDeep(oe.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);ae({selectedRowKeys:e,selectedRows:o}),G(e,o)},[oe]),xe=(0,w.useCallback)(function(e){var n,r,t=null===(n=oe.selectedRowKeys)||void 0===n?void 0:n.filter(function(n){return String(n)!==String(e)}),l=null===(r=oe.selectedRows)||void 0===r?void 0:r.filter(function(n){return n.id!==e});he(t,l)},[oe]),ge=function(e){var n,r=String(e).split(","),t=null===(n=oe.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)});ae({selectedRowKeys:l,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 V(V({},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:he,setState:ae,rcTable:function(){return te.current}}},[oe]),(0,w.useEffect)(function(){!M&&se()},[]),w.default.createElement(I.Spin,{size:"large",spinning:oe.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,U([{}],b.map(function(e){var n,r;return(n={})[e.key]=null!==(r=e.defaultValue)&&void 0!==r?r:"",n}),!1)),loading:oe.loading,locales:Z,noSearch:!0,onSearch:function(){return se()},ref:re,searchParamList:b})}),w.default.createElement(z.ConditionalRender,{conditional:0!==oe.total&&h},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:oe.current,onChange:fe,onShowSizeChange:pe,pageSize:oe.pageSize,total:oe.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 shrink-0 FunctionControl"},w.default.createElement(S.FunctionControl,{dataSource:oe.dataSource,functionControlHide:f,functionControlTableTitle:o,isHideFormItem:oe.isHideFormItem,isHideText:(null==b?void 0:b.length)>0,locales:Z,onChangeIsHideFormItem:de,onChangeListSize:ce,onResetForm:ue,onSearch:function(){return se()},optionButtonGroup:d,tableDensity:oe.tableDensity}))}),w.default.createElement("div",{className:"flex flex-col flex-1 box-border p-[15px] overflow-hidden bg-section min-h-0 ListBodyBox"},w.default.createElement(z.ConditionalRender,{conditional:oe.isShowRowTitleName},function(){var e;return w.default.createElement("div",{className:"flex flex-wrap gap-3 shrink-0 max-h-[100px] overflow-y-auto"},null===(e=oe.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[oe.isShowRowTitleName]),w.default.createElement("span",{className:"text-white cursor-pointer text-[16px]",onClick:function(){return xe(e.id)}},w.default.createElement(O,{className:"hover:text-red-400 transition-colors duration-200"})))}))}),w.default.createElement(J,V({border:Y,className:(0,E.cn)("flex-1",_),columns:me||[],data:oe.dataSource,density:oe.tableDensity,drag:K,onRowChange:he,openRowSelection:B,ref:te,rowSelectionType:A,scrollX:$,scrollY:ee,selectedRowKeys:oe.selectedRowKeys},ne))),w.default.createElement(z.ConditionalRender,{conditional:0!==oe.total&&g},function(){return w.default.createElement("div",{className:"flex shrink-0 justify-end box-border w-full h-[60px] p-[10px_20px] rounded-b-lg bg-section Pagination"},w.default.createElement(R.Pagination,{current:oe.current,onChange:fe,onShowSizeChange:pe,pageSize:oe.pageSize,total:oe.total}))})))},ee=(0,w.memo)((0,w.forwardRef)($)),ne=m.D,re=m.Y;export{ne as BaseList,re 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.4.
|
|
4
|
+
"version": "2.4.3",
|
|
5
5
|
"main": "es/index.js",
|
|
6
6
|
"types": "es/index.d.ts",
|
|
7
7
|
"publishConfig": {
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@itera-web/cli": "^1.1.54"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "65f4ba75b07c33829d2ab8f6f379aebe6a312493"
|
|
41
41
|
}
|