@para-ui/core 4.0.48 → 4.0.50

package/Cascader/index.js

@@ -1,13 +1,14 @@
-import { C as Cascader } from '../_verture/index-063009f8.js';
-export { C as default } from '../_verture/index-063009f8.js';
+import { C as Cascader } from '../_verture/index-972707a5.js';
+export { C as default } from '../_verture/index-972707a5.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
-import '../_verture/Portal-42560ff0.js';
+import '../_verture/Portal-f9bedb3a.js';
 import '../_verture/slicedToArray-75fa4188.js';
 import 'react';
 import 'react-dom';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-motion';
 import 'clsx';
 import '../_verture/typeof-6ec38efd.js';

package/ComboSelect/index.js

@@ -6,7 +6,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-72981a9e.js';
+import { T as Tree } from '../_verture/index-6647cbf6.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Popover } from '../Popover/index.js';
@@ -62,7 +62,8 @@ import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/CycleSelector/index.js

@@ -19,6 +19,9 @@ import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/EditOutline';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/typeof-adeedc13.js';
 import '../AutoTips/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
@@ -28,7 +31,7 @@ import '@paraview/lib';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-picker';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';

package/DatePicker/index.js

@@ -2,7 +2,7 @@ import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from '../Button/index.js';
 import { Tag } from '../Tag/index.js';
-import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import React__default, { forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
@@ -33,6 +33,9 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';

package/DynamicMultiBox/index.js

@@ -71,10 +71,11 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-72981a9e.js';
+import '../_verture/index-6647cbf6.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-caffc0da.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-bd0da612.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';
@@ -72,9 +72,10 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-72981a9e.js';
+import '../_verture/index-6647cbf6.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-caffc0da.js';
+export { F as default } from '../_verture/index-bd0da612.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -72,9 +72,10 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-72981a9e.js';
+import '../_verture/index-6647cbf6.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/Image/index.js

@@ -2,9 +2,10 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useMemo } from 'react';
-import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-42560ff0.js';
-import { _ as _typeof, a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
+import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-f9bedb3a.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import Dialog from 'rc-dialog';
 import ReactDOM from 'react-dom';
 import CSSMotion from 'rc-motion';

package/README.md

@@ -1,3 +1,13 @@
+## 🎉 para-ui/core@4.0.50 发布
+
+🔧【Bugfix】
+- 【表格-Table】表格修改尺寸变化方法，计算分页超出模式
+
+## 🎉 para-ui/core@4.0.49 发布
+
+🎁【Feature】
+- 【Dragger-拖拽】支持height
+
 ## 🎉 para-ui/core@4.0.48 发布
 
 🔧【Bugfix】

package/SingleBox/index.js

@@ -39,8 +39,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-single-box {\n  display: inline-block;\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-single-box > .single-box-content {\n  line-height: 0;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item {\n  display: flex;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item .content-box {\n  flex: 1;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item .content-box .single-box-text-field .paraui-v4-helper-text {\n  min-height: 10px;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-single-box > .single-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-single-box > .single-box-add > svg {\n  font-size: 16px;\n  color: rgb(46, 101, 230);\n  margin-right: 4px;\n}\n.paraui-v4-single-box > .single-box-add:hover {\n  border-color: rgb(87, 131, 235);\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  cursor: not-allowed;\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n  background-color: transparent;\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-add {\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-add > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-add:hover {\n  border-color: rgb(212, 218, 227);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-single-box.paraui-v4-single-box-small > .single-box-content > .single-box-content-item > .opera-box {\n  height: 28px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-small > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  width: 28px;\n  height: 28px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-small > .single-box-add {\n  height: 28px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-medium > .single-box-content > .single-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-medium > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-medium > .single-box-add {\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-large > .single-box-content > .single-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-large > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-large > .single-box-add {\n  height: 32px;\n}";

package/Stepper/index.js

@@ -24,7 +24,7 @@ import '@para-ui/icons/Forbid';
 import '@paraview/lib';
 
 //默认图标
-const Icons = {
+var Icons = {
   1: jsx(One, {
     size: "medium"
   }),

package/Table/index.js

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
-import { Get, Post, DeepClone, GetBrowserClass, Cancel, ArrayToObject } from '@paraview/lib';
+import { Get, Post, DeepClone, GetBrowserClass, Cancel, ArrayToObject, UUID } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Popover } from '../Popover/index.js';
@@ -1869,6 +1869,57 @@ const TableElement = props => {
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-table {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: white;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  position: relative;\n}\n.paraui-v4-table.paraui-v4-virtual > .table-contain {\n  margin-right: 8px;\n}\n.paraui-v4-table.paraui-v4-virtual > .table-contain::-webkit-scrollbar {\n  width: 0;\n}\n.paraui-v4-table.paraui-v4-virtual.paraui-v4-table-pagination .paraui-v4-scroll-bar {\n  height: calc(100% - 36px);\n}\n.paraui-v4-table.paraui-v4-virtual.table-scroll-left .paraui-v4-scroll-bar, .paraui-v4-table.paraui-v4-virtual.table-scroll-right .paraui-v4-scroll-bar, .paraui-v4-table.paraui-v4-virtual.table-scroll-middle .paraui-v4-scroll-bar {\n  padding-bottom: 8px;\n}\n.paraui-v4-table.paraui-v4-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v4-table.paraui-v4-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-radio.paraui-v4-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check.paraui-v4-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table .paraui-v4-empty {\n  overflow: hidden;\n}\n.paraui-v4-table.paraui-v4-table-load.paraui-v4-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v4-table.paraui-v4-table-pagination > .table-contain {\n  height: calc(100% - 36px);\n}\n.paraui-v4-table.paraui-v4-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-load-more.paraui-v4-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v4-table > .table-contain > table > .table-head > tr th {\n  height: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box {\n  height: 47px;\n  line-height: 47px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgb(92, 101, 115);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 3px;\n  transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n  transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(244, 66, 66);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n  max-width: calc(100% - 40px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums {\n  width: 53px;\n  cursor: pointer;\n  border-left: 1px solid rgb(234, 236, 241);\n  right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .drag-row {\n  width: 53px;\n  cursor: pointer;\n  border-left: 1px solid rgb(234, 236, 241);\n  right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate {\n  padding-right: 16px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-btn-line {\n  display: inline-block;\n  width: 1px;\n  height: 12px;\n  background-color: rgb(213, 224, 250);\n  margin: 0 10px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-row-btn {\n  cursor: all-scroll;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-row-btn svg {\n  font-size: 18px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate.table-operate-center {\n  padding-right: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate.table-operate-center > .table-operate-box {\n  justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(233, 239, 255);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n  transform: rotate(270deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(360deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  position: relative;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n  padding-left: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v4-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(46, 101, 230);\n  z-index: 1000;\n}\n.paraui-v4-table > .table-pagination {\n  width: 100%;\n  height: 36px;\n  display: flex;\n  align-items: flex-end;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right {\n  display: flex;\n  height: 32px;\n  align-items: center;\n  color: rgb(29, 33, 38);\n  line-height: 32px;\n  padding-left: 16px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .all-select {\n  margin-left: 12px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 10px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .check-number {\n  width: 65px;\n  display: inline-block;\n}\n.paraui-v4-table > .table-pagination .table-pagination-com {\n  flex: 1;\n  justify-content: flex-end;\n}\n.paraui-v4-table > .table-pagination .refresh-btn {\n  margin-left: 20px;\n}\n\n.paraui-v4-table-show-colums-popover > .component-popover-content {\n  min-width: 200px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 10px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  padding-left: 8px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 14px);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled {\n  cursor: inherit;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled > span {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled:hover {\n  background: transparent;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n}\n\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 10px;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  padding-left: 8px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 14px);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  margin: 0;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select.filter-select-none {\n  text-align: center;\n  padding: 20px 0;\n}\n.paraui-v4-filter-popover.paraui-v4-filter-popover-default > .component-popover-content {\n  min-width: 200px;\n}";
 styleInject(css_248z);
 
+/**
+ * @author linhd
+ * @date 2024/12/23 10:45
+ * @description 监听元素发生变化
+ */
+var useResizeObserver = function useResizeObserver(props) {
+  var constData = useRef({});
+  useEffect(function () {
+    resizeObserverDom();
+    return function () {
+      clearInterval(constData.current.resizeTimer);
+      clearTimeout(constData.current.resizeLimit);
+    };
+  }, [props.dom]);
+  // 判断宽高发生变化
+  var isChangeSize = function isChangeSize(rect) {
+    var width = rect.width;
+    var height = rect.height;
+    if (width === constData.current.width && height === constData.current.height) {
+      return;
+    }
+    constData.current.width = width;
+    constData.current.height = height;
+    clearTimeout(constData.current.resizeLimit);
+    constData.current.resizeLimit = setTimeout(function () {
+      props.cb();
+    }, 100);
+  };
+  // 监听表格容器宽高发生变化
+  var resizeObserverDom = function resizeObserverDom() {
+    var dom = props.dom;
+    if (!dom) return;
+    if (window.ResizeObserver === undefined) {
+      clearInterval(constData.current.resizeTimer);
+      constData.current.resizeTimer = setInterval(function () {
+        var tableRefEleRect = dom.getBoundingClientRect();
+        isChangeSize(tableRefEleRect);
+      });
+    } else {
+      // 创建一个ResizeObserver实例并传入回调函数
+      var resizeObserver = new ResizeObserver(function (entries) {
+        var _a;
+        var contentRect = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.contentRect;
+        isChangeSize(contentRect);
+      });
+      // 开始观察元素
+      resizeObserver.observe(dom);
+    }
+  };
+};
+
 const Table = propsInit => {
   const props = useGlobalProps(propsInit, 'Table');
   // 判断浏览器
@@ -1947,7 +1998,6 @@ const Table = propsInit => {
     refreshInside = props.url ? true : false,
     checkCount = props.check ? true : false,
     onDragRow,
-    resizePaginationLine,
     virtual = false
   } = props;
   const intl = useFormatMessage('Table', localeJson);
@@ -1979,7 +2029,7 @@ const Table = propsInit => {
   const [virtualCom, setVirtualCom] = useState(false);
   const [virtualIndex, setVirtualIndex] = useState([0, 0]);
   const [scrollTop, setScrollTop] = useState(0);
-  useState(0);
+  const [resizePaginationLine, setResizePaginationLine] = useState();
   const containerRef = useRef(); // 表格内容高度
   const tableRef = useRef(); // 表格
   const tableEleRef = useRef(); // 表格元素
@@ -1987,6 +2037,10 @@ const Table = propsInit => {
     page: props.page !== undefined ? props.page : 1,
     headDataConfig: {}
   }); // 存储常量
+  useResizeObserver({
+    dom: tableRef.current,
+    cb: () => changeResize()
+  });
   constData.current.loadMoreUrl = loadMore && url; // 用来判断加载更多请求是否放在表格里面
   constData.current.search = search;
   constData.current.url = url;
@@ -1997,14 +2051,15 @@ const Table = propsInit => {
   constData.current.searchKeyName = searchKeyName;
   constData.current.filterSearchCallback = filterSearchCallback;
   constData.current.onError = onError;
+  constData.current.sizeCom = sizeCom;
+  constData.current.virtual = virtual;
+  constData.current.expandable = expandable;
   useEffect(() => {
-    window.addEventListener('resize', changeResize);
     return () => {
       constData.current.isDestroy = true;
       clearTimeout(constData.current.reqTimer);
       clearTimeout(constData.current.loadingTimer);
       Cancel(reqId);
-      window.removeEventListener('resize', changeResize);
     };
   }, []);
   useEffect(() => {
@@ -2232,6 +2287,7 @@ const Table = propsInit => {
   });
   // 可视化窗口显示条数 / 第一次显示条数
   const getVisibleWinNum = () => {
+    if (!containerRef.current) return size;
     let height = containerRef.current.clientHeight - 48;
     if (props.loadMore) height -= lineHeight;
     let num = Math.floor(height / lineHeight);
@@ -3078,7 +3134,7 @@ const Table = propsInit => {
       resizePaginationLine: resizePaginationLine
     });
   }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType, flippingArrow, refreshInside, checkCount, headSelectStatus, rowData, checkJson, disabledJson, totalDataJson, resizePaginationLine]);
-  // 表格内容滚动
+  // 表格内容左右滚动
   const tableBoxScroll = e => {
     const dom = tableRef.current;
     const scrollDom = e.target;
@@ -3097,31 +3153,13 @@ const Table = propsInit => {
     }
     dom.classList.add('table-scroll-middle');
   };
-  // 处理class
-  const handClass = () => {
-    let str = "".concat($prefixCls, "-table");
-    if (showColumns === 'inside') str += " ".concat($prefixCls, "-table-columns-inside");
-    if (pagination) str += " ".concat($prefixCls, "-table-pagination");
-    if (loadMore) str += " ".concat($prefixCls, "-table-load-more");
-    if (fixedTable) str += " ".concat($prefixCls, "-table-fixed-table");
-    if (fixedColumn) str += " ".concat($prefixCls, "-table-fixed-cloumn");
-    if (dragColumn) str += " ".concat($prefixCls, "-table-drag-column");
-    if (dragRow) str += " ".concat($prefixCls, "-table-drag-row");
-    if (check) str += " ".concat($prefixCls, "-table-check");
-    if (radio) str += " ".concat($prefixCls, "-table-radio");
-    if (expandable) str += " ".concat($prefixCls, "-table-expandable");
-    if (rowData.length === 0) str += " ".concat($prefixCls, "-table-no-data");
-    if (loadState) str += " ".concat($prefixCls, "-table-load");
-    if (virtualCom) str += " ".concat($prefixCls, "-virtual");
-    if (className) str += " ".concat(className);
-    return str;
-  };
   // 改变屏幕大小
   const changeResize = () => {
     handleVirtualizedIndex();
     tableBoxScroll({
       target: containerRef.current
     });
+    setResizePaginationLine(UUID());
   };
   // 计算虚拟列表滚动索引
   const handleVirtualizedIndex = () => {
@@ -3130,7 +3168,7 @@ const Table = propsInit => {
     // 索引差量 上下10条
     const indexDiff = 10;
     // 每页显示条数 > 可视窗口显示条数 + 2倍索引差量 + 开启条数 开启虚拟滚动
-    if (virtual && !expandable && Number(sizeCom) > visibleWinNum + 2 * indexDiff) {
+    if (constData.current.virtual && !constData.current.expandable && Number(constData.current.sizeCom) > visibleWinNum + 2 * indexDiff) {
       setVirtualCom(true);
       // 最大滚动距离 超出说明到底部，定制向下滚动
       const maxScroll = tableEleRef.current.clientHeight - containerRef.current.clientHeight;
@@ -3151,6 +3189,7 @@ const Table = propsInit => {
       setVirtualCom(false); // 不显示虚拟滚动条
     }
   };
+  // 渲染虚拟滚动条
   const handleVirtualScroll = () => {
     if (!virtualCom) return null;
     return jsx(ScrollBar, {
@@ -3167,6 +3206,25 @@ const Table = propsInit => {
       }
     });
   };
+  // 处理class
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-table");
+    if (showColumns === 'inside') str += " ".concat($prefixCls, "-table-columns-inside");
+    if (pagination) str += " ".concat($prefixCls, "-table-pagination");
+    if (loadMore) str += " ".concat($prefixCls, "-table-load-more");
+    if (fixedTable) str += " ".concat($prefixCls, "-table-fixed-table");
+    if (fixedColumn) str += " ".concat($prefixCls, "-table-fixed-cloumn");
+    if (dragColumn) str += " ".concat($prefixCls, "-table-drag-column");
+    if (dragRow) str += " ".concat($prefixCls, "-table-drag-row");
+    if (check) str += " ".concat($prefixCls, "-table-check");
+    if (radio) str += " ".concat($prefixCls, "-table-radio");
+    if (expandable) str += " ".concat($prefixCls, "-table-expandable");
+    if (rowData.length === 0) str += " ".concat($prefixCls, "-table-no-data");
+    if (loadState) str += " ".concat($prefixCls, "-table-load");
+    if (virtualCom) str += " ".concat($prefixCls, "-virtual");
+    if (className) str += " ".concat(className);
+    return str;
+  };
   return jsxs("div", Object.assign({
     className: handClass(),
     style: style,

package/Table/interface.d.ts

@@ -191,8 +191,6 @@ export interface TableProps extends TableHeadBodyPublicProps {
     flippingArrow?: PaginationFlippingArrow[];
     /** 自适应分页,根据外容器大小,改变分页模式 */
     autoPagination?: boolean;
-    /** 重新计算分页换行不换行 */
-    resizePaginationLine?: string | number;
     /** 渲染表格一行数据 (跟表格头部head里面的render参数互斥) */
     tableCell?: (row: any, params: any) => ReactNode;
     /** 请求回调参数 requestCallback(data, cb) cb(data) 需要回调数据回来 */