@para-ui/core 3.0.78 → 3.0.80

package/AutoBox/index.d.ts

@@ -4,6 +4,7 @@
  * @description 超出自适应盒子
  */
 import React, { FunctionComponent, ReactNode } from 'react';
+import { TooltipPlacement } from "../Tooltip/interface";
 import './index.scss';
 export interface AutoBoxProps {
     /** 样式class */
@@ -28,6 +29,10 @@ export interface AutoBoxProps {
     onCloseMore?: () => void;
     /** 显示更多 */
     onShowMore?: (bol: boolean) => void;
+    /** 更多触发方式 */
+    trigger?: 'click' | 'hover';
+    /** 位置 */
+    placement?: TooltipPlacement;
     [name: string]: any;
 }
 export declare const AutoBox: FunctionComponent<AutoBoxProps>;

package/AutoBox/index.js

@@ -122,7 +122,11 @@ var AutoBox = function AutoBox(props) {
     showNum = props.showNum,
     onCloseMore = props.onCloseMore,
     onShowMore = props.onShowMore,
-    style = props.style;
+    style = props.style,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement;
   var _useState = useState('auto-box-' + UUID()),
     _useState2 = _slicedToArray(_useState, 1),
     classOne = _useState2[0]; // 唯一class
@@ -233,18 +237,28 @@ var AutoBox = function AutoBox(props) {
   /** 处理更多按钮 */
   var handMoreBtn = function handMoreBtn() {
     if (morePos !== null && list.length > morePos && !hideMore) {
+      var handContent = function handContent() {
+        if (moreCustomize) {
+          if (typeof moreCustomize === 'function') {
+            return moreCustomize(morePos);
+          }
+          return moreCustomize;
+        }
+        return jsx(More, {});
+      };
       return jsx(Popover, Object.assign({
         open: openMoreCom,
         content: handMoreDom(),
         overlayClassName: handClassPopover(),
-        placement: "bottomLeft",
+        placement: placement,
+        trigger: trigger,
         onVisibleChange: onVisibleChange
       }, {
         children: jsx("div", Object.assign({
           className: "auto-box-more",
           ref: posDom
         }, {
-          children: moreCustomize ? moreCustomize : jsx(More, {})
+          children: handContent()
         }))
       }));
     }

package/Container/index.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-container {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-container > .container-body {\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-top {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-body-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-body-right > .container-right {\n  height: 100%;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-top {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-trb {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-trb > .container-right {\n  flex: 1;\n  overflow: auto;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-container {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-container > .container-body {\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-top {\n  flex: none;\n  z-index: 1;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-body-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-body-right > .container-right {\n  height: 100%;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-tlr > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-top {\n  flex: none;\n  z-index: 1;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body {\n  display: flex;\n  overflow: hidden;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-tlrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-body > .container-right {\n  flex: 1;\n  overflow: auto;\n}\n.paraui-v3-container.paraui-v3-ltrb > .container-left {\n  flex: none;\n}\n.paraui-v3-container.paraui-v3-trb {\n  flex-direction: column;\n}\n.paraui-v3-container.paraui-v3-trb > .container-right {\n  flex: 1;\n  overflow: auto;\n}";
 styleInject(css_248z);
 
 // 通用布局容器

package/DynamicMultiBox/index.js

@@ -945,6 +945,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
     onAdd = props.onAdd,
     onFilter = props.onFilter,
     onDelete = props.onDelete,
+    deleteRender = props.deleteRender,
     onSort = props.onSort,
     _props$keepLastItem = props.keepLastItem,
     keepLastItem = _props$keepLastItem === void 0 ? true : _props$keepLastItem;
@@ -1229,7 +1230,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
                   return onDeleteEvent(rowIndex);
                 }
               }, {
-                children: jsx(Delete, {})
+                children: deleteRender ? deleteRender(rowIndex, item, valueList) : jsx(Delete, {})
               })), isSort && jsx("div", Object.assign({
                 className: !showDeleteIcon || deleteDisable.includes(id) ? 'hidden-icon' : 'center-line'
               }, {
@@ -1245,8 +1246,8 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
           }), id);
         })
       });
-    } else return null;
-  }, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem]);
+    }
+  }, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem, deleteRender]);
   /**
    * @desc 删除事件
    * */

package/DynamicMultiBox/interface.d.ts

@@ -90,6 +90,10 @@ export interface IMultiValueProps {
      * @param deleteItem 删除项
      */
     onDelete?: (valueList: IValueList[], errors: IErrors[]) => void;
+    /**
+     * 自定义删除
+     * */
+    deleteRender?: (index: number, item: IValueList, valueList: IValueList[]) => ReactNode;
     /**
      * @desc 筛选函数
      * @param name 当前筛选项的name

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-e56d852b.js';
+import { F as FormItem, v as validate } from '../_verture/index-9f78d308.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../TextField/index.js';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-e56d852b.js';
+export { F as default } from '../_verture/index-9f78d308.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-66aa48a1.js';

package/README.md

@@ -1,3 +1,17 @@
+## 版本: 3.0.80
+
+    para-ui/core@3.0.80 发布
+        【容器-Container】增加top的层级
+        【下拉框-Select】下拉输入模式，只有在safari浏览器且存在下拉浮层，输入框才延迟得到焦点
+
+## 版本: 3.0.79
+
+    para-ui/core@3.0.79 发布
+        【表格-Table】表格支持tbody行高设置
+        【表格-Table】表格修改左下角每页总数显示错误
+        【超出自适应盒子-AutoBox】增加trigger参数，moreCustomize函数类型抛出超出下标
+        【动态多值框-DynamicMultiBox】增加deleteRender参数
+
 ## 版本: 3.0.78
 
     para-ui/core@3.0.78 发布

package/Select/index.js

@@ -199,6 +199,7 @@ var Select = function Select(props) {
     language = _React$useContext.language,
     locale = _React$useContext.locale;
   var intl = useFormatMessage('Select', localeJson);
+  constData.listCom = listCom;
   useEffect(function () {
     if (props.defaultValue !== undefined) {
       if (props.multiple) {
@@ -391,13 +392,20 @@ var Select = function Select(props) {
   // 输入框的到焦点
   var inputFocus = function inputFocus() {
     var inputDom = textDom && textDom.current;
-    // 延迟为了解决safari浏览器,页面滚动问题
-    clearTimeout(constData.inputFocusTimer);
-    constData.inputFocusTimer = setTimeout(function () {
+    var userAgent = navigator.userAgent;
+    if (/Safari/.test(userAgent) && !/Chrome/.test(userAgent) && constData.listCom.length > 0) {
+      // 延迟为了解决safari浏览器,页面滚动问题
+      clearTimeout(constData.inputFocusTimer);
+      constData.inputFocusTimer = setTimeout(function () {
+        inputDom && inputDom.focus({
+          preventScroll: true
+        });
+      }, 800);
+    } else {
       inputDom && inputDom.focus({
         preventScroll: true
       });
-    }, 800);
+    }
   };
   /**
    * 查找元素

package/Table/index.js

@@ -1105,7 +1105,8 @@ var TableBody = function TableBody(props) {
     beyondText = props.beyondText,
     onClickRow = props.onClickRow,
     rowClassMapping = props.rowClassMapping,
-    tipMaxWidth = props.tipMaxWidth;
+    tipMaxWidth = props.tipMaxWidth,
+    lineHeight = props.lineHeight;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     expandableColSpan = _useState2[0],
@@ -1549,6 +1550,9 @@ var TableBody = function TableBody(props) {
         return jsxs(Fragment$1, {
           children: [jsxs(TrElement, Object.assign({
             className: str,
+            style: {
+              height: lineHeight + 'px'
+            },
             onClick: function onClick(e) {
               onClickRow && onClickRow(row, e);
             }
@@ -1558,13 +1562,13 @@ var TableBody = function TableBody(props) {
         }, index);
       })
     });
-  }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth]);
+  }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth, lineHeight]);
   // 内容memo
   var TableBodyContentMemo = useMemo(function () {
     return jsxs(Fragment$1, {
       children: [TableBodySubjectContentMemo, MoreMemo]
     });
-  }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, loadMore, loadMoreRender, onClickMore, changePage, loadMoreUrl, disabledExpandJson, onExpand, showMoreBtn, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth]);
+  }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, loadMore, loadMoreRender, onClickMore, changePage, loadMoreUrl, disabledExpandJson, onExpand, showMoreBtn, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth, lineHeight]);
   // 处理内容
   var handContent = function handContent() {
     // 无数据,且不再请求,显示暂无数据
@@ -1594,7 +1598,9 @@ var TableHead = function TableHead(props) {
     selectAll = props.selectAll,
     selectStatus = props.selectStatus,
     _props$checkNumber = props.checkNumber,
-    checkNumber = _props$checkNumber === void 0 ? 0 : _props$checkNumber;
+    checkNumber = _props$checkNumber === void 0 ? 0 : _props$checkNumber,
+    _props$currentPageTot = props.currentPageTotal,
+    currentPageTotal = _props$currentPageTot === void 0 ? 0 : _props$currentPageTot;
   var intl = useFormatMessage('Table', localeJson);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -1660,7 +1666,7 @@ var TableHead = function TableHead(props) {
       }), jsxs("span", Object.assign({
         className: 'check-number'
       }, {
-        children: [checkNumber, " / ", currentRowsPerPage]
+        children: [checkNumber, " / ", currentPageTotal]
       }))]
     }));
   };
@@ -1743,7 +1749,7 @@ var TableElement = function TableElement(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-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-v3-table.paraui-v3-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v3-table.paraui-v3-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-radio.paraui-v3-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check.paraui-v3-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table .paraui-v3-empty {\n  overflow: hidden;\n}\n.paraui-v3-table.paraui-v3-table-load.paraui-v3-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v3-table.paraui-v3-table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-v3-table.paraui-v3-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load-more.paraui-v3-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v3-table > .table-contain > table > .table-head > tr th {\n  height: 50px;\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box {\n  height: 49px;\n  line-height: 49px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v3-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-v3-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-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n}\n.paraui-v3-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-v3-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-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-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(235, 96, 84);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v3-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-v3-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-v3-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-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums {\n  width: 56px;\n  cursor: pointer;\n  border-left: 1px solid rgba(171, 176, 185, 0.12);\n  right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 55px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr {\n  height: 56px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(249, 250, 251);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(237, 241, 249);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-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-v3-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  position: relative;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n  padding-left: 8px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v3-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(54, 102, 214);\n  z-index: 1000;\n}\n.paraui-v3-table > .table-pagination {\n  width: 100%;\n  height: 60px;\n  padding-right: 10px;\n  display: flex;\n  align-items: flex-end;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right {\n  display: flex;\n  height: 32px;\n  align-items: center;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 32px;\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right .all-select {\n  margin-left: 12px;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right .line {\n  width: 1px;\n  height: 12px;\n  background-color: rgba(171, 176, 185, 0.2);\n  margin: 0 12px;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right .check-number {\n  width: 65px;\n  display: inline-block;\n}\n.paraui-v3-table > .table-pagination .table-pagination-com {\n  flex: 1;\n  justify-content: flex-end;\n}\n.paraui-v3-table > .table-pagination .refresh-btn {\n  margin-left: 16px;\n}\n\n.paraui-v3-table-show-colums-popover > .component-popover-content {\n  width: 200px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover.paraui-v3-filter-popover-default > .component-popover-content {\n  width: 200px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-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-v3-table.paraui-v3-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v3-table.paraui-v3-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-radio.paraui-v3-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check.paraui-v3-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table .paraui-v3-empty {\n  overflow: hidden;\n}\n.paraui-v3-table.paraui-v3-table-load.paraui-v3-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v3-table.paraui-v3-table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-v3-table.paraui-v3-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load-more.paraui-v3-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v3-table > .table-contain > table > .table-head > tr th {\n  height: 50px;\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box {\n  height: 49px;\n  line-height: 49px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v3-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-v3-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-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n}\n.paraui-v3-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-v3-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-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-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(235, 96, 84);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v3-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-v3-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-v3-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-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums {\n  width: 56px;\n  cursor: pointer;\n  border-left: 1px solid rgba(171, 176, 185, 0.12);\n  right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 55px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(249, 250, 251);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(237, 241, 249);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-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-v3-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  position: relative;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n  padding-left: 8px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v3-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(54, 102, 214);\n  z-index: 1000;\n}\n.paraui-v3-table > .table-pagination {\n  width: 100%;\n  height: 60px;\n  padding-right: 10px;\n  display: flex;\n  align-items: flex-end;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right {\n  display: flex;\n  height: 32px;\n  align-items: center;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 32px;\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right .all-select {\n  margin-left: 12px;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right .line {\n  width: 1px;\n  height: 12px;\n  background-color: rgba(171, 176, 185, 0.2);\n  margin: 0 12px;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right .check-number {\n  width: 65px;\n  display: inline-block;\n}\n.paraui-v3-table > .table-pagination .table-pagination-com {\n  flex: 1;\n  justify-content: flex-end;\n}\n.paraui-v3-table > .table-pagination .refresh-btn {\n  margin-left: 16px;\n}\n\n.paraui-v3-table-show-colums-popover > .component-popover-content {\n  width: 200px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover.paraui-v3-filter-popover-default > .component-popover-content {\n  width: 200px;\n}";
 styleInject(css_248z);
 
 var Table = function Table(propsInit) {
@@ -1997,7 +2003,7 @@ var Table = function Table(propsInit) {
     } else {
       if (containerRef && containerRef.current) {
         var height = containerRef.current.clientHeight - 50;
-        if (props.loadMore) height -= 56;
+        if (props.loadMore) height -= lineHeight;
         var num = Math.floor(height / lineHeight);
         var columnsNUmber = num < 1 ? size : num;
         if (sizeArr.indexOf(columnsNUmber) === -1) {
@@ -3009,9 +3015,10 @@ var Table = function Table(propsInit) {
       fixedTable: fixedTable,
       onClickRow: onClickRow,
       rowClassMapping: rowClassMapping,
-      tipMaxWidth: tipMaxWidth
+      tipMaxWidth: tipMaxWidth,
+      lineHeight: lineHeight
     });
-  }, [showColumns, formatter, rowKey, rowData, headDataCom, expandable, check, radio, checkJson, sortTable, orderTypeArr, orderFieldArr, radioValue, disabledJson, align, tableCell, operate, setRadio, setCheck, totalDataJson, loadMore, loadMoreRender, onClickMore, total, pageCom, sizeCom, loadMoreUrl, expandValue, expandMultiple, disabledExpand, onExpand, defaultExpandAllRows, loadState, emptyProps, url, disabledArrStatus, posFixed, beyondText, fixedTable, fixedColumn, onClickRow, rowClassMapping, tipMaxWidth]);
+  }, [showColumns, formatter, rowKey, rowData, headDataCom, expandable, check, radio, checkJson, sortTable, orderTypeArr, orderFieldArr, radioValue, disabledJson, align, tableCell, operate, setRadio, setCheck, totalDataJson, loadMore, loadMoreRender, onClickMore, total, pageCom, sizeCom, loadMoreUrl, expandValue, expandMultiple, disabledExpand, onExpand, defaultExpandAllRows, loadState, emptyProps, url, disabledArrStatus, posFixed, beyondText, fixedTable, fixedColumn, onClickRow, rowClassMapping, tipMaxWidth, lineHeight]);
   // 表格分页memo
   var TablePaginationMemo = useMemo(function () {
     if (constData.current.page === null || constData.current.size === null || loadMore) return;
@@ -3032,9 +3039,10 @@ var Table = function Table(propsInit) {
       },
       selectStatus: headSelectStatus,
       selectAll: setAllCheck,
-      checkNumber: Object.keys(checkJson).length
+      checkNumber: Object.keys(checkJson).length,
+      currentPageTotal: rowData.length
     });
-  }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType, flippingArrow, refreshInside, checkCount, headSelectStatus, rowData, checkJson, disabledJson, totalDataJson]);
+  }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType, flippingArrow, refreshInside, checkCount, headSelectStatus, rowData, checkJson, disabledJson, totalDataJson, rowData]);
   // 表格内容滚动
   var tableBoxScroll = function tableBoxScroll(e) {
     var dom = tableRef.current;

package/Table/tableBodyInterface.d.ts

@@ -70,4 +70,6 @@ export interface TableBodyProps extends TableHeadBodyPublicProps {
     onRefresh?: () => void;
     /** 点击行 */
     onClickRow?: (row: any, e: any) => void;
+    /** 用来计算表格行数 */
+    lineHeight?: number;
 }

package/Table/tablePaginationInterface.d.ts

@@ -38,4 +38,6 @@ export interface TablePaginationProps {
     selectStatus?: SelectStatus;
     /** 选中个数 */
     checkNumber?: number;
+    /** 当前页面总数 */
+    currentPageTotal?: number;
 }

package/index.js

@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-77f9e0fb.js';
 export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-e56d852b.js';
+export { F as FormItem } from './_verture/index-9f78d308.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-20780c9a.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.78",
+  "version": "3.0.80",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",

package/umd/AutoBox.js

@@ -40,4 +40,4 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function(t,e){var o={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(o[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(t);r<n.length;r++)e.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r])&&(o[n[r]]=t[n[r]])}return o}(t,["path","className","color","size","dataName","style"]);return(0,l.jsx)("svg",Object.assign({className:(o="paraui-icon",o+=" svg-icon",r&&(o+=" "+r),"primary"!==a&&"secondary"!==a&&"thirdary"!==a||(o+=" paraui-icon-"+a),u&&(o+=" paraui-icon-"+u),o),viewBox:"0 0 1024 1024","data-name":s,style:(e=Object.assign({},f),a&&"primary"!==a&&"secondary"!==a&&"thirdary"!==a&&(e.color=a),e)},m,{children:n}))},m=function(t){return(0,l.jsx)(f,Object.assign({dataName:"More",path:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("path",{d:"M298.666667 490.666667A64 64 0 1 1 234.666667 426.666667 64 64 0 0 1 298.666667 490.666667"}),(0,l.jsx)("path",{d:"M568.96 490.666667a64 64 0 1 1-64-64 64 64 0 0 1 64 64"}),(0,l.jsx)("path",{d:"M839.253333 490.666667a64 64 0 1 1-64-64 64 64 0 0 1 64 64"})]})},t))};i(43753);function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=new Array(e);o<e;o++)n[o]=t[o];return n}function v(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var n,r,i=[],a=!0,c=!1;try{for(o=o.call(t);!(a=(n=o.next()).done)&&(i.push(n.value),!e||i.length!==e);a=!0);}catch(t){c=!0,r=t}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return d(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);"Object"===o&&t.constructor&&(o=t.constructor.name);if("Map"===o||"Set"===o)return Array.from(o);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return d(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=function(n){var i=n.className,a=n.list,u=void 0===a?[]:a,p=n.popoverClassName,l=n.moreCustomize,f=n.anchorEl,d=n.hideMore,h=void 0!==d&&d,g=n.showNum,y=n.onCloseMore,b=n.onShowMore,w=n.style,x=v((0,t.useState)("auto-box-"+(0,r.UUID)()),1)[0],O=v((0,t.useState)(null),2),Z=O[0],E=O[1],C=v((0,t.useState)(!1),2),k=C[0],T=C[1],S=v((0,t.useState)({}),1)[0],P=(0,t.useRef)();(0,t.useEffect)((function(){void 0!==n.openMore&&T(n.openMore)}),[n.openMore]),(0,t.useEffect)((function(){if(void 0===n.showNum)return R(),window.addEventListener("resize",R),function(){window.removeEventListener("resize",R),clearTimeout(S.timer)}}),[u]),(0,t.useEffect)((function(){void 0!==g&&(E(g),window.removeEventListener("resize",R))}),[g]),(0,t.useEffect)((function(){null!==Z&&u.length>Z?b&&b(!0):b&&b(!1)}),[u,Z,b]);var j,M=function(t){if(t)return T(!0);_()},_=function(){T(!1),y&&y()},L=function(t){if(null!==t&&0!==t){void 0===t&&(t=u.length);var e=document.querySelector("."+x);if(e)if(e.scrollWidth>e.clientWidth){var o=Number(t)-1;E(o),L(o)}else u.length<=t&&_()}},R=function(){clearTimeout(S.timer),_(),S.timer=setTimeout((function(){E(u.length),L()}),100)},D=function(){var t=c.W+"-auto-box-popover";return p&&(t+=" "+p),t},A=function(){return e().createElement("div",{className:"auto-box-popover-content"},u&&u.map((function(o,n){return null!==Z&&Z>n?null:e().createElement(t.Fragment,{key:n},o)})))};return e().createElement("div",{className:(j=c.W+"-auto-box",x&&(j+=" "+x),i&&(j+=" "+i),j),style:w},u.map((function(o,n){return null!==Z&&Z<=n?null:e().createElement(t.Fragment,{key:n},o)})),function(){if(null!==Z&&u.length>Z&&!h)return e().createElement(o.default,{open:k,content:A(),overlayClassName:D(),placement:"bottomLeft",onVisibleChange:M},e().createElement("div",{className:"auto-box-more",ref:P},l||e().createElement(m,null)))}(),function(){if(f&&k)return e().createElement(s,{className:D(),anchorEl:f,onClose:_},A())}())},g=h}(),a}()}));
+function(t,e){var o={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(o[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(t);r<n.length;r++)e.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r])&&(o[n[r]]=t[n[r]])}return o}(t,["path","className","color","size","dataName","style"]);return(0,l.jsx)("svg",Object.assign({className:(o="paraui-icon",o+=" svg-icon",r&&(o+=" "+r),"primary"!==a&&"secondary"!==a&&"thirdary"!==a||(o+=" paraui-icon-"+a),u&&(o+=" paraui-icon-"+u),o),viewBox:"0 0 1024 1024","data-name":s,style:(e=Object.assign({},f),a&&"primary"!==a&&"secondary"!==a&&"thirdary"!==a&&(e.color=a),e)},m,{children:n}))},m=function(t){return(0,l.jsx)(f,Object.assign({dataName:"More",path:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("path",{d:"M298.666667 490.666667A64 64 0 1 1 234.666667 426.666667 64 64 0 0 1 298.666667 490.666667"}),(0,l.jsx)("path",{d:"M568.96 490.666667a64 64 0 1 1-64-64 64 64 0 0 1 64 64"}),(0,l.jsx)("path",{d:"M839.253333 490.666667a64 64 0 1 1-64-64 64 64 0 0 1 64 64"})]})},t))};i(43753);function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=new Array(e);o<e;o++)n[o]=t[o];return n}function v(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var n,r,i=[],a=!0,c=!1;try{for(o=o.call(t);!(a=(n=o.next()).done)&&(i.push(n.value),!e||i.length!==e);a=!0);}catch(t){c=!0,r=t}finally{try{a||null==o.return||o.return()}finally{if(c)throw r}}return i}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return d(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);"Object"===o&&t.constructor&&(o=t.constructor.name);if("Map"===o||"Set"===o)return Array.from(o);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return d(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=function(n){var i=n.className,a=n.list,u=void 0===a?[]:a,p=n.popoverClassName,l=n.moreCustomize,f=n.anchorEl,d=n.hideMore,h=void 0!==d&&d,g=n.showNum,y=n.onCloseMore,b=n.onShowMore,w=n.style,x=n.trigger,O=void 0===x?"click":x,Z=n.placement,E=void 0===Z?"bottomLeft":Z,C=v((0,t.useState)("auto-box-"+(0,r.UUID)()),1)[0],k=v((0,t.useState)(null),2),T=k[0],S=k[1],P=v((0,t.useState)(!1),2),j=P[0],M=P[1],_=v((0,t.useState)({}),1)[0],L=(0,t.useRef)();(0,t.useEffect)((function(){void 0!==n.openMore&&M(n.openMore)}),[n.openMore]),(0,t.useEffect)((function(){if(void 0===n.showNum)return z(),window.addEventListener("resize",z),function(){window.removeEventListener("resize",z),clearTimeout(_.timer)}}),[u]),(0,t.useEffect)((function(){void 0!==g&&(S(g),window.removeEventListener("resize",z))}),[g]),(0,t.useEffect)((function(){null!==T&&u.length>T?b&&b(!0):b&&b(!1)}),[u,T,b]);var R,D=function(t){if(t)return M(!0);A()},A=function(){M(!1),y&&y()},N=function(t){if(null!==t&&0!==t){void 0===t&&(t=u.length);var e=document.querySelector("."+C);if(e)if(e.scrollWidth>e.clientWidth){var o=Number(t)-1;S(o),N(o)}else u.length<=t&&A()}},z=function(){clearTimeout(_.timer),A(),_.timer=setTimeout((function(){S(u.length),N()}),100)},H=function(){var t=c.W+"-auto-box-popover";return p&&(t+=" "+p),t},B=function(){return e().createElement("div",{className:"auto-box-popover-content"},u&&u.map((function(o,n){return null!==T&&T>n?null:e().createElement(t.Fragment,{key:n},o)})))};return e().createElement("div",{className:(R=c.W+"-auto-box",C&&(R+=" "+C),i&&(R+=" "+i),R),style:w},u.map((function(o,n){return null!==T&&T<=n?null:e().createElement(t.Fragment,{key:n},o)})),function(){if(null!==T&&u.length>T&&!h){return e().createElement(o.default,{open:j,content:B(),overlayClassName:H(),placement:E,trigger:O,onVisibleChange:D},e().createElement("div",{className:"auto-box-more",ref:L},l?"function"==typeof l?l(T):l:e().createElement(m,null)))}}(),function(){if(f&&j)return e().createElement(s,{className:H(),anchorEl:f,onClose:A},B())}())},g=h}(),a}()}));