@para-ui/core 3.0.27 → 3.0.28

package/ComboSelect/index.js

@@ -40,18 +40,18 @@ import '../_verture/useGlobalProps-af9a2af6.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
 import '../Pagination/index.js';
-import 'rc-pagination';
-import '@para-ui/icons/DoubleLeft';
-import '@para-ui/icons/DoubleRight';
-import '@para-ui/icons/Left';
-import '@para-ui/icons/Right';
-import '../Select/index.js';
-import '@para-ui/icons/Check';
-import '../Loading/index.js';
-import '@para-ui/icons/LoadingF';
 import '../TextField/index.js';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../Select/index.js';
+import '@para-ui/icons/Check';
+import '@para-ui/icons/DoubleLeft';
+import '@para-ui/icons/Left';
+import 'rc-pagination';
+import '@para-ui/icons/Right';
+import '@para-ui/icons/DoubleRight';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.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-c40bd040.js';
+import { F as FormItem, v as validate } from '../_verture/index-48875ffd.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';
@@ -63,11 +63,11 @@ import '@para-ui/icons/Panel';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
 import '../Pagination/index.js';
-import 'rc-pagination';
 import '@para-ui/icons/DoubleLeft';
-import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Left';
+import 'rc-pagination';
 import '@para-ui/icons/Right';
+import '@para-ui/icons/DoubleRight';
 import '../_verture/index-31ce5a11.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-c40bd040.js';
+export { F as default } from '../_verture/index-48875ffd.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-bf34e6fa.js';
@@ -63,11 +63,11 @@ import '@para-ui/icons/Panel';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
 import '../Pagination/index.js';
-import 'rc-pagination';
 import '@para-ui/icons/DoubleLeft';
-import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Left';
+import 'rc-pagination';
 import '@para-ui/icons/Right';
+import '@para-ui/icons/DoubleRight';
 import '../_verture/index-31ce5a11.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';

package/Pagination/index.d.ts

@@ -1,18 +1,29 @@
 /**
  * @author linhd
- * @date 2021/10/26 13:57
- * @description 分页
+ * @date 2022/12/13 2:19 PM
+ * @description 分页组件
  */
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent } from "react";
 import './index.scss';
+/**
+ * sizes: 总数
+ * currentPage：当前第...页
+ * pageRow：每页行数
+ * pager: 切换页数
+ * jumper： 跳转到
+ * */
+export declare type PaginationLayout = 'sizes' | 'currentPage' | 'pageRow' | 'pager' | 'jumper';
+export declare type PaginationFlippingArrow = 'first' | 'prev' | 'next' | 'last';
 export interface PaginationProps {
     /** class名称 */
     className?: string;
     /** style */
     style?: React.CSSProperties;
     /** 模式 */
-    type?: 'simple' | 'complex';
-    /** 自适应模式 只有type=complex生效 */
+    type?: 'simple' | 'complex' | PaginationLayout[];
+    /** 方向键layout，默认全有 */
+    flippingArrow?: PaginationFlippingArrow[];
+    /** 自适应模式 只有type=complex生效，默认true */
     autoType?: boolean;
     /** 总数 */
     total?: number;

package/Pagination/index.js

@@ -1,47 +1,50 @@
 import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useState, useRef, useEffect, useMemo } from 'react';
-import PaginationCom from 'rc-pagination';
+import GlobalContext from '@para-ui/core/GlobalContext';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
+import { TextField } from '../TextField/index.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
+import Select from '../Select/index.js';
 import DoubleLeft from '@para-ui/icons/DoubleLeft';
-import DoubleRight from '@para-ui/icons/DoubleRight';
 import NavigateBefore from '@para-ui/icons/Left';
+import PaginationCom from 'rc-pagination';
 import Right from '@para-ui/icons/Right';
-import Select from '../Select/index.js';
-import { TextField } from '../TextField/index.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
-import GlobalContext from '@para-ui/core/GlobalContext';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/defineProperty-0590dc61.js';
-import '../_verture/toConsumableArray-f8047a75.js';
+import DoubleRight from '@para-ui/icons/DoubleRight';
 import '../_verture/typeof-498dd2b1.js';
-import '../Empty/index.js';
-import 'clsx';
-import '../_verture/useGlobalProps-af9a2af6.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
-import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import 'clsx';
 import '@para-ui/icons/Help';
+import '@paraview/lib';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircle';
+import '../AutoTips/index.js';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../HelperText/index.js';
+import '../_verture/useGlobalProps-af9a2af6.js';
 import '../_verture/index-bbed73a3.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-b8ab7cab.js';
 import 'dayjs';
-import '@paraview/lib';
+import '../_verture/defineProperty-0590dc61.js';
+import '../_verture/toConsumableArray-f8047a75.js';
+import '../Empty/index.js';
 import '@para-ui/icons/Close';
-import '@para-ui/icons/CloseCircle';
 import '@para-ui/icons/Down';
 import '@para-ui/icons/Check';
 import '@para-ui/icons/Search';
-import '../AutoTips/index.js';
-import '../Loading/index.js';
-import '@para-ui/icons/LoadingF';
 import '../Popover/index.js';
-import '../HelperText/index.js';
-import '@para-ui/icons/PreviewClose';
-import '@para-ui/icons/PreviewOpen';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/10/26 13:57\n* @description 分页样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-pagination {\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  color: rgba(46, 55, 67, 0.7);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  opacity: 1;\n}\n.paraui-v3-pagination.paraui-v3-pagination-over {\n  overflow: hidden;\n  height: 32px;\n  opacity: 0;\n  transition: all 0.3s;\n}\n.paraui-v3-pagination.paraui-v3-pagination-no-left-arrow > .pagination-content {\n  padding-left: 0;\n}\n.paraui-v3-pagination.paraui-v3-pagination-no-right-arrow > .pagination-content {\n  padding-right: 0;\n}\n.paraui-v3-pagination > .pagination-space {\n  margin-right: 24px;\n}\n.paraui-v3-pagination > .pagination-space:last-child {\n  margin-right: 0;\n}\n.paraui-v3-pagination > .current-page > .current-page-num {\n  color: rgb(46, 55, 67);\n  margin-right: 4px;\n  margin-left: 4px;\n}\n.paraui-v3-pagination > .current-page > .current-page-sign {\n  margin-right: 3px;\n}\n.paraui-v3-pagination > .page-line-memo > span {\n  display: inline-block;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n.paraui-v3-pagination > .page-line-memo .page-line-select {\n  min-width: 80px;\n  width: inherit;\n  vertical-align: middle;\n}\n.paraui-v3-pagination > .pagination-content {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  height: 32px;\n  line-height: 30px;\n  padding: 0 12px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-pagination > .pagination-content > .left-page, .paraui-v3-pagination > .pagination-content > .right-page {\n  display: inline-block;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div, .paraui-v3-pagination > .pagination-content > .right-page > div {\n  display: inline-block;\n  line-height: 0;\n  vertical-align: top;\n  cursor: pointer;\n  width: 20px;\n  height: 20px;\n  border-radius: 2px;\n  margin-right: 8px;\n  position: relative;\n  top: 5px;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn > svg, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn:hover, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn:hover {\n  background-color: white;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn:hover > svg, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:last-child, .paraui-v3-pagination > .pagination-content > .right-page > div:last-child {\n  margin-right: 0;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:hover, .paraui-v3-pagination > .pagination-content > .right-page > div:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:hover > svg, .paraui-v3-pagination > .pagination-content > .right-page > div:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div > svg, .paraui-v3-pagination > .pagination-content > .right-page > div > svg {\n  font-size: 16px;\n  position: relative;\n  top: 2px;\n  left: 2px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-pagination > .pagination-content > .left-page {\n  margin-right: 8px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination {\n  height: 100%;\n  display: inline-block;\n  box-shadow: none;\n  vertical-align: top;\n  line-height: 30px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li {\n  min-width: 20px;\n  height: 20px;\n  line-height: 20px;\n  display: inline-block;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 2px;\n  padding: 0 5px;\n  margin: 0 3px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li:first-child, .paraui-v3-pagination > .pagination-content > .component-pagination > li:last-child, .paraui-v3-pagination > .pagination-content > .component-pagination > li.component-pagination-next {\n  display: none;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .right-page {\n  margin-left: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo {\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-pagination > .skip-page-memo > span {\n  margin-right: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field {\n  width: 58px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .right-icon {\n  margin-right: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 8px;\n  padding-right: 4px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding: 0 8px;\n}";
+styleInject(css_248z);
 
 var en = {
   total: 'Total {total}',
@@ -64,9 +67,6 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/10/26 13:57\n* @description 分页样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-pagination {\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  color: rgba(46, 55, 67, 0.7);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  opacity: 1;\n}\n.paraui-v3-pagination.paraui-v3-pagination-over {\n  overflow: hidden;\n  height: 32px;\n  opacity: 0;\n  transition: all 0.3s;\n}\n.paraui-v3-pagination > .total-num {\n  margin-right: 24px;\n}\n.paraui-v3-pagination > .current-page {\n  margin-right: 24px;\n}\n.paraui-v3-pagination > .current-page > .current-page-num {\n  color: rgb(46, 55, 67);\n  margin-right: 4px;\n  margin-left: 4px;\n}\n.paraui-v3-pagination > .current-page > .current-page-sign {\n  margin-right: 3px;\n}\n.paraui-v3-pagination > .page-line-memo {\n  margin-right: 24px;\n}\n.paraui-v3-pagination > .page-line-memo > span {\n  display: inline-block;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n.paraui-v3-pagination > .page-line-memo .page-line-select {\n  min-width: 80px;\n  width: inherit;\n  vertical-align: middle;\n}\n.paraui-v3-pagination > .pagination-content {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  height: 32px;\n  line-height: 30px;\n  padding: 0 12px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-pagination > .pagination-content > .left-page, .paraui-v3-pagination > .pagination-content > .right-page {\n  display: inline-block;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div, .paraui-v3-pagination > .pagination-content > .right-page > div {\n  display: inline-block;\n  line-height: 0;\n  vertical-align: top;\n  cursor: pointer;\n  width: 20px;\n  height: 20px;\n  border-radius: 2px;\n  margin-right: 8px;\n  position: relative;\n  top: 5px;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn > svg, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn:hover, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn:hover {\n  background-color: white;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn:hover > svg, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:last-child, .paraui-v3-pagination > .pagination-content > .right-page > div:last-child {\n  margin-right: 0;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:hover, .paraui-v3-pagination > .pagination-content > .right-page > div:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:hover > svg, .paraui-v3-pagination > .pagination-content > .right-page > div:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div > svg, .paraui-v3-pagination > .pagination-content > .right-page > div > svg {\n  font-size: 16px;\n  position: relative;\n  top: 2px;\n  left: 2px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-pagination > .pagination-content > .left-page {\n  margin-right: 8px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination {\n  height: 100%;\n  display: inline-block;\n  box-shadow: none;\n  vertical-align: top;\n  line-height: 30px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li {\n  min-width: 20px;\n  height: 20px;\n  line-height: 20px;\n  display: inline-block;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 2px;\n  padding: 0 5px;\n  margin: 0 3px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li:first-child, .paraui-v3-pagination > .pagination-content > .component-pagination > li:last-child, .paraui-v3-pagination > .pagination-content > .component-pagination > li.component-pagination-next {\n  display: none;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .right-page {\n  margin-left: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo {\n  margin-left: 24px;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-pagination > .skip-page-memo > span {\n  margin-right: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field {\n  width: 58px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .right-icon {\n  margin-right: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 8px;\n  padding-right: 4px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding: 0 8px;\n}";
-styleInject(css_248z);
-
 var Pagination = function Pagination(props) {
   var className = props.className,
       style = props.style,
@@ -78,6 +78,8 @@ var Pagination = function Pagination(props) {
       total = _props$total === void 0 ? 0 : _props$total,
       _props$rowsPerPage = props.rowsPerPage,
       rowsPerPage = _props$rowsPerPage === void 0 ? [10, 20, 30] : _props$rowsPerPage,
+      _props$flippingArrow = props.flippingArrow,
+      flippingArrow = _props$flippingArrow === void 0 ? ['first', 'prev', 'last', 'next'] : _props$flippingArrow,
       _props$currentRowsPer = props.currentRowsPerPage,
       currentRowsPerPage = _props$currentRowsPer === void 0 ? 10 : _props$currentRowsPer,
       _props$page = props.page,
@@ -91,76 +93,67 @@ var Pagination = function Pagination(props) {
       language = _React$useContext.language,
       locale = _React$useContext.locale;
 
+  var intl = useFormatMessage('Pagination', localeJson);
+
   var _useState = useState(currentRowsPerPage),
       _useState2 = _slicedToArray(_useState, 2),
       currentRowsPerPageCom = _useState2[0],
       setCurrentRowsPerPageCom = _useState2[1]; // 当前选中每页行数
 
 
-  var _useState3 = useState(page),
+  var _useState3 = useState([]),
       _useState4 = _slicedToArray(_useState3, 2),
-      pageCom = _useState4[0],
-      setPageCom = _useState4[1]; // 当前页数
+      rowsPerPageCom = _useState4[0],
+      setRowsPerPageCom = _useState4[1]; // 每页显示的行数
 
 
-  var _useState5 = useState(),
+  var _useState5 = useState(page),
       _useState6 = _slicedToArray(_useState5, 2),
-      totalPage = _useState6[0],
-      setTotalPage = _useState6[1]; // 总页数
+      pageCom = _useState6[0],
+      setPageCom = _useState6[1]; // 当前页数
 
 
   var _useState7 = useState(),
       _useState8 = _slicedToArray(_useState7, 2),
-      skipValue = _useState8[0],
-      setSkipValue = _useState8[1];
+      totalPage = _useState8[0],
+      setTotalPage = _useState8[1]; // 总页数
 
-  var _useState9 = useState([]),
+
+  var _useState9 = useState(),
       _useState10 = _slicedToArray(_useState9, 2),
-      rowsPerPageCom = _useState10[0],
-      setRowsPerPageCom = _useState10[1];
+      skipValue = _useState10[0],
+      setSkipValue = _useState10[1]; // 跳转页数
+
 
   var _useState11 = useState(),
       _useState12 = _slicedToArray(_useState11, 2),
       typeCom = _useState12[0],
-      setTypeCom = _useState12[1];
-
-  var refDom = useRef();
+      setTypeCom = _useState12[1]; // 组件类型
 
-  var _useState13 = useState({}),
-      _useState14 = _slicedToArray(_useState13, 1),
-      constData = _useState14[0];
 
-  constData.type = type;
-  constData.autoType = autoType;
-  var intl = useFormatMessage('Pagination', localeJson);
+  var refDom = useRef();
+  var constData = useRef({});
+  constData.current.type = type;
+  constData.current.autoType = autoType;
   useEffect(function () {
     return function () {
       window.removeEventListener("resize", changeSize);
-      clearTimeout(constData.timer);
-      clearTimeout(constData.timerClass);
-      clearTimeout(constData.changePagination);
+      clearTimeout(constData.current.timer);
+      clearTimeout(constData.current.timerClass);
+      clearTimeout(constData.current.changePagination);
     };
   }, []);
   useEffect(function () {
-    if (currentRowsPerPage !== currentRowsPerPageCom) setCurrentRowsPerPageCom(currentRowsPerPage);
-  }, [currentRowsPerPage]);
-  useEffect(function () {
-    if (page !== pageCom) {
-      setPageCom(page);
-    }
-  }, [page]);
+    setTypeCom(type);
+  }, [type]);
   useEffect(function () {
-    var num = Number(totalPage);
+    setPageCom(page);
+  }, [page]); // 当前选中每页行数
 
-    if (pageCom > num && num !== pageCom) {
-      setPageCom(num);
-    }
-  }, [pageCom, totalPage]);
   useEffect(function () {
-    var num = Math.ceil(total / currentRowsPerPageCom); // props.page 防止外部传入自定义页面,设置无效(表格分页)
+    setCurrentRowsPerPageCom(currentRowsPerPage);
+  }, [currentRowsPerPage]); // 下拉页数列表
 
-    setTotalPage(num || props.page || 1);
-  }, [currentRowsPerPageCom, total]);
   useEffect(function () {
     var arr = [];
 
@@ -176,8 +169,17 @@ var Pagination = function Pagination(props) {
     setRowsPerPageCom(arr);
   }, [props.rowsPerPage]);
   useEffect(function () {
-    setTypeCom(type);
-  }, [type]);
+    var num = Number(totalPage);
+
+    if (pageCom > num && num !== pageCom) {
+      setPageCom(num);
+    }
+  }, [pageCom, totalPage]);
+  useEffect(function () {
+    var num = Math.ceil(total / currentRowsPerPageCom); // props.page 防止外部传入自定义页面,设置无效(表格分页)
+
+    setTotalPage(num || props.page || 1);
+  }, [currentRowsPerPageCom, total]);
   useEffect(function () {
     if (type === 'complex' && autoType) {
       changeSize(); // 复杂模式,且开启自适应模式
@@ -189,7 +191,7 @@ var Pagination = function Pagination(props) {
     }
   }, [type, autoType]);
   useEffect(function () {
-    if (constData.type === 'complex' && constData.autoType) {
+    if (constData.current.type === 'complex' && constData.current.autoType) {
       changePagination();
     }
   }, [total, currentRowsPerPageCom, pageCom, language]);
@@ -198,8 +200,8 @@ var Pagination = function Pagination(props) {
    * */
 
   var changePagination = function changePagination() {
-    clearTimeout(constData.changePagination);
-    constData.changePagination = setTimeout(function () {
+    clearTimeout(constData.current.changePagination);
+    constData.current.changePagination = setTimeout(function () {
       var current = refDom.current;
       var skipDom = current && current.querySelector('.skip-page-memo'); // 简单模式,不存在跳转
 
@@ -215,16 +217,16 @@ var Pagination = function Pagination(props) {
       }
     });
   };
-  /** 屏幕宽度发生变化 */
+  /** 改变屏幕大小 */
 
 
   var changeSize = function changeSize() {
-    clearTimeout(constData.timer);
-    clearTimeout(constData.timerClass);
+    clearTimeout(constData.current.timer);
+    clearTimeout(constData.current.timerClass);
     var current = refDom.current;
     if (!current) return;
     current.classList.add($prefixCls + '-pagination-over');
-    constData.timer = setTimeout(function () {
+    constData.current.timer = setTimeout(function () {
       if (!current) return;
       var skipDom = current.querySelector('.skip-page-memo'); // 简单模式,不存在跳转
 
@@ -239,17 +241,18 @@ var Pagination = function Pagination(props) {
         changeSize();
       }
 
-      constData.timerClass = setTimeout(function () {
+      constData.current.timerClass = setTimeout(function () {
         current.classList.remove($prefixCls + '-pagination-over');
       }, 200);
     }, 200);
-  }; // 点击每页行数下拉
+  };
+  /**
+   * 是否存在当前类型
+   * */
 
 
-  var clickRowsPerPage = function clickRowsPerPage(num) {
-    if (num === currentRowsPerPageCom) return;
-    setCurrentRowsPerPageCom(num);
-    if (changeRowsPerPage) changeRowsPerPage(num);
+  var notLayout = function notLayout(layout) {
+    return constData.current.type instanceof Array && constData.current.type.indexOf(layout) === -1;
   }; // 点击分页
 
 
@@ -286,6 +289,13 @@ var Pagination = function Pagination(props) {
       if (num !== undefined) setPageCom(num);
       changePage && changePage(num);
     };
+  }; // 点击每页行数下拉
+
+
+  var clickRowsPerPage = function clickRowsPerPage(num) {
+    if (num === currentRowsPerPageCom) return;
+    setCurrentRowsPerPageCom(num);
+    if (changeRowsPerPage) changeRowsPerPage(num);
   }; // 鼠标按下
 
 
@@ -327,9 +337,13 @@ var Pagination = function Pagination(props) {
 
 
   var TotalMemo = useMemo(function () {
-    // 共{total}条
+    if (typeCom === 'simple' || notLayout('sizes')) {
+      return null;
+    } // 共{total}条
+
+
     return jsx("div", Object.assign({
-      className: "total-num"
+      className: "total-num pagination-space"
     }, {
       children: intl({
         id: 'total'
@@ -337,12 +351,16 @@ var Pagination = function Pagination(props) {
         total: total
       })
     }));
-  }, [total, language, locale]);
+  }, [total, language, locale, typeCom]);
   /* 每页行数 */
 
   var PageLineMemo = useMemo(function () {
+    if (notLayout('pageRow')) {
+      return null;
+    }
+
     return jsxs("div", Object.assign({
-      className: "page-line-memo"
+      className: "page-line-memo pagination-space"
     }, {
       children: [jsx("span", {
         children: intl({
@@ -359,10 +377,14 @@ var Pagination = function Pagination(props) {
         getPopupContainer: getPopupContainer
       })]
     }));
-  }, [rowsPerPageCom, currentRowsPerPageCom, getPopupContainer, language, locale]);
+  }, [rowsPerPageCom, currentRowsPerPageCom, getPopupContainer, language, locale, typeCom]);
   /* 当前页面 */
 
   var CurrentPageMemo = useMemo(function () {
+    if (notLayout('currentPage')) {
+      return null;
+    }
+
     var html = jsxs(Fragment, {
       children: [jsx("span", Object.assign({
         className: "current-page-num"
@@ -380,7 +402,7 @@ var Pagination = function Pagination(props) {
     });
 
     return jsx("div", Object.assign({
-      className: "current-page"
+      className: "current-page pagination-space"
     }, {
       children: intl({
         id: 'currentPage'
@@ -388,28 +410,33 @@ var Pagination = function Pagination(props) {
         currentPage: html
       })
     }));
-  }, [pageCom, totalPage, language, locale]);
+  }, [pageCom, totalPage, language, locale, typeCom]);
   /* 页码 */
 
   var PaginationMemo = useMemo(function () {
+    if (notLayout('pager')) {
+      return null;
+    }
+
+    var bol = constData.current.type instanceof Array && constData.current.type.indexOf('pager') !== -1;
     return jsxs("div", Object.assign({
-      className: "pagination-content"
+      className: "pagination-content pagination-space"
     }, {
       children: [jsxs("div", Object.assign({
         className: "left-page"
       }, {
-        children: [jsx("div", Object.assign({
+        children: [flippingArrow.indexOf('first') !== -1 && jsx("div", Object.assign({
           onClick: clickPage('first'),
           className: pageCom === 1 ? 'disabled-btn' : ''
         }, {
           children: jsx(DoubleLeft, {})
-        })), jsx("div", Object.assign({
+        })), flippingArrow.indexOf('prev') !== -1 && jsx("div", Object.assign({
           onClick: clickPage('prev'),
           className: pageCom === 1 ? 'disabled-btn' : ''
         }, {
           children: jsx(NavigateBefore, {})
         }))]
-      })), typeCom === 'complex' && jsx(PaginationCom, {
+      })), (typeCom === 'complex' || bol) && jsx(PaginationCom, {
         prefixCls: $rcPrefixCls + '-pagination',
         current: pageCom,
         pageSize: currentRowsPerPageCom,
@@ -421,12 +448,12 @@ var Pagination = function Pagination(props) {
       }), jsxs("div", Object.assign({
         className: "right-page"
       }, {
-        children: [jsx("div", Object.assign({
+        children: [flippingArrow.indexOf('next') !== -1 && jsx("div", Object.assign({
           onClick: clickPage('next'),
           className: pageCom === totalPage ? 'disabled-btn' : ''
         }, {
           children: jsx(Right, {})
-        })), jsx("div", Object.assign({
+        })), flippingArrow.indexOf('last') !== -1 && jsx("div", Object.assign({
           onClick: clickPage('last'),
           className: pageCom === totalPage ? 'disabled-btn' : ''
         }, {
@@ -434,12 +461,16 @@ var Pagination = function Pagination(props) {
         }))]
       }))]
     }));
-  }, [total, pageCom, totalPage, currentRowsPerPageCom, typeCom]);
+  }, [total, pageCom, totalPage, currentRowsPerPageCom, typeCom, props.flippingArrow]);
   /* 跳转页数 */
 
   var SkipPageMemo = useMemo(function () {
+    if (typeCom === 'simple' || notLayout('jumper')) {
+      return null;
+    }
+
     return jsxs("div", Object.assign({
-      className: "skip-page-memo"
+      className: "skip-page-memo pagination-space"
     }, {
       children: [jsx("span", {
         children: intl({
@@ -459,10 +490,12 @@ var Pagination = function Pagination(props) {
         onKeyUp: keyUp
       })]
     }));
-  }, [skipValue, totalPage, language, locale]); // 处理class
+  }, [skipValue, totalPage, language, locale, typeCom]); // 处理class
 
   var handClass = function handClass() {
     var str = $prefixCls + '-pagination';
+    if (flippingArrow.indexOf('first') === -1 && flippingArrow.indexOf('prev') === -1) str += ' ' + $prefixCls + '-pagination-no-left-arrow';
+    if (flippingArrow.indexOf('next') === -1 && flippingArrow.indexOf('last') === -1) str += ' ' + $prefixCls + '-pagination-no-right-arrow';
     if (className) str += ' ' + className;
     return str;
   };
@@ -472,7 +505,7 @@ var Pagination = function Pagination(props) {
     style: style,
     ref: refDom
   }, {
-    children: [typeCom === 'complex' && TotalMemo, CurrentPageMemo, PageLineMemo, PaginationMemo, typeCom === 'complex' && SkipPageMemo]
+    children: [TotalMemo, CurrentPageMemo, PageLineMemo, PaginationMemo, SkipPageMemo]
   }));
 };
 

package/README.md

@@ -1,3 +1,13 @@
+## 版本: 3.0.28
+
+     para-ui/core@3.0.28 发布
+        【分页-Pagination】增加自定义渲染布局
+        【表格-Table】增加 rowClassMapping 用来增加行的class
+        【选择器-Selector】修改主标题，副标题超出...，不显示提示
+        【表格-Table】HeadDataProps增加autoTips参数，来控制是否显示...
+        【穿梭款-Transfer】优化穿梭款初始化排序
+        【下拉选择器-SelectorPicker】默认挂载容器须同时满足overflow属性和出现滚动条，否则挂载到body
+
 ## 版本: 3.0.27
 
      para-ui/core@3.0.27 发布

package/Selector/index.js

@@ -7,6 +7,7 @@ import { useState, useRef, useEffect, Fragment as Fragment$1 } from 'react';
 import { Radio } from '../Radio/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { Popover } from '../Popover/index.js';
+import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
 import CloseIcon from '@para-ui/icons/Close';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
@@ -18,7 +19,6 @@ import Empty from '../Empty/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import Refresh from '@para-ui/icons/Refresh';
 import { ArrayToObject, Get, Post, Cancel } from '@paraview/lib';
-import AutoTips from '../AutoTips/index.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -264,11 +264,15 @@ var SelectorNode = function SelectorNode(props) {
         children: [mainTitle && jsx("span", Object.assign({
           className: "main-title"
         }, {
-          children: mainTitle
+          children: jsx(AutoTips, {
+            children: mainTitle
+          })
         })), subTitle && jsx("span", Object.assign({
           className: "sub-title"
         }, {
-          children: subTitle
+          children: jsx(AutoTips, {
+            children: subTitle
+          })
         })), tag && jsx("span", Object.assign({
           className: "tag"
         }, {
@@ -287,7 +291,9 @@ var SelectorNode = function SelectorNode(props) {
           children: [mainTitle && jsx("span", Object.assign({
             className: "main-title"
           }, {
-            children: mainTitle
+            children: jsx(AutoTips, {
+              children: mainTitle
+            })
           })), tag && jsx("span", Object.assign({
             className: "tag"
           }, {
@@ -296,7 +302,9 @@ var SelectorNode = function SelectorNode(props) {
         })), subTitle && jsx("div", Object.assign({
           className: "sub-title"
         }, {
-          children: subTitle
+          children: jsx(AutoTips, {
+            children: subTitle
+          })
         }))]
       }));
     }

package/SelectorPicker/index.d.ts

@@ -43,6 +43,8 @@ export interface SelectorPickerProps extends HelperTextDetailProps {
     onChange?: (val: Record<string, any>[] | Record<string, any> | null, node: Record<string, any>, rowData: Record<string, any>) => void;
     /** 选择器属性 */
     selectorProps?: Omit<SelectorProps, 'layout' | 'disabled' | 'value' | 'defaultValue' | 'disabled' | 'onChange' | 'selectMode'>;
+    /** 浮层渲染容器 */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
 }
 declare const SelectorPicker: React.FC<SelectorPickerProps>;
 export default SelectorPicker;

package/SelectorPicker/index.js

@@ -79,7 +79,8 @@ var SelectorPicker = function SelectorPicker(props) {
       selectorProps = props.selectorProps,
       onChange = props.onChange,
       onClear = props.onClear,
-      tagRender = props.tagRender;
+      tagRender = props.tagRender,
+      getPopupContainer = props.getPopupContainer;
   var fieldConfigHand = handFieldConfig((_a = props.selectorProps) === null || _a === void 0 ? void 0 : _a.fieldConfig, ((_b = props.selectorProps) === null || _b === void 0 ? void 0 : _b.rowKey) || 'key'); // 字段配置,对应数据字段
 
   var selectorFieldConfigHand = Object.assign(Object.assign({}, fieldConfigHand), (_c = props.selectorProps) === null || _c === void 0 ? void 0 : _c.backDataFieldConfig); // 选中值字段配置,对应数据字段
@@ -325,7 +326,8 @@ var SelectorPicker = function SelectorPicker(props) {
       onVisibleChange: function onVisibleChange(vis) {
         return setOpen(vis);
       },
-      overlayClassName: $prefixCls + '-selector-picker-dropdown'
+      overlayClassName: $prefixCls + '-selector-picker-dropdown',
+      getPopupContainer: getPopupContainer
     }, {
       children: renderAnchor()
     })), jsx(HelperText, {

package/Table/index.js

@@ -40,20 +40,20 @@ import 'rc-dropdown';
 import 'dayjs';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/More';
-import 'rc-pagination';
-import '@para-ui/icons/DoubleLeft';
-import '@para-ui/icons/DoubleRight';
-import '@para-ui/icons/Left';
-import '@para-ui/icons/Right';
+import '../TextField/index.js';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircle';
+import '../HelperText/index.js';
 import '../Select/index.js';
 import '@para-ui/icons/Close';
-import '@para-ui/icons/CloseCircle';
 import '@para-ui/icons/Check';
 import '@para-ui/icons/Search';
-import '../HelperText/index.js';
-import '../TextField/index.js';
-import '@para-ui/icons/PreviewClose';
-import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/DoubleLeft';
+import '@para-ui/icons/Left';
+import 'rc-pagination';
+import '@para-ui/icons/Right';
+import '@para-ui/icons/DoubleRight';
 
 /**
  * 发送请求
@@ -1193,7 +1193,8 @@ var TableBody = function TableBody(props) {
       _onRefresh = props.onRefresh,
       posFixed = props.posFixed,
       beyondText = props.beyondText,
-      onClickRow = props.onClickRow;
+      onClickRow = props.onClickRow,
+      rowClassMapping = props.rowClassMapping;
 
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1599,11 +1600,11 @@ var TableBody = function TableBody(props) {
         colSpan: colSpan,
         style: handStyle(item)
       }, {
-        children: jsx(AutoTips, Object.assign({
+        children: item.autoTips === undefined || item.autoTips === true ? jsx(AutoTips, Object.assign({
           beyondText: item.beyondText === undefined ? beyondText : item.beyondText
         }, {
           children: text
-        }))
+        })) : text
       }), item.name || index);
     });
   }, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn]); // 操作栏useCallback
@@ -1698,9 +1699,15 @@ var TableBody = function TableBody(props) {
   var TableBodySubjectContentMemo = useMemo(function () {
     return jsx(Fragment, {
       children: rowData.map(function (row, index) {
+        var str = 'table-body-row';
+
+        if (rowClassMapping && rowClassMapping[row[rowKey]]) {
+          str += ' ' + rowClassMapping[row[rowKey]];
+        }
+
         return jsxs(Fragment$1, {
           children: [jsxs(TrElement, Object.assign({
-            className: "table-body-row",
+            className: str,
             onClick: function onClick(e) {
               onClickRow && onClickRow(row, e);
             }
@@ -1710,13 +1717,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]); // 内容memo
+  }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping]); // 内容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]); // 处理内容
+  }, [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]); // 处理内容
 
   var handContent = function handContent() {
     // 无数据,且不再请求,显示暂无数据
@@ -1733,6 +1740,7 @@ var TableBody = function TableBody(props) {
 
 var TableHead = function TableHead(props) {
   var paginationType = props.paginationType,
+      flippingArrow = props.flippingArrow,
       autoPagination = props.autoPagination,
       total = props.total,
       page = props.page,
@@ -1756,6 +1764,7 @@ var TableHead = function TableHead(props) {
     children: jsx(Pagination, {
       type: paginationType,
       autoType: autoPagination,
+      flippingArrow: flippingArrow,
       total: total,
       page: page,
       rowsPerPage: rowsPerPage,
@@ -1832,7 +1841,9 @@ var Table = function Table(propsInit) {
     props.fixedColumn = false;
   }
 
-  var url = props.url,
+  var className = props.className,
+      style = props.style,
+      url = props.url,
       ctx = props.ctx,
       emptyProps = props.emptyProps,
       _props$method = props.method,
@@ -1849,6 +1860,7 @@ var Table = function Table(propsInit) {
       pagination = _props$pagination === void 0 ? true : _props$pagination,
       _props$paginationType = props.paginationType,
       paginationType = _props$paginationType === void 0 ? 'complex' : _props$paginationType,
+      flippingArrow = props.flippingArrow,
       _props$autoPagination = props.autoPagination,
       autoPagination = _props$autoPagination === void 0 ? true : _props$autoPagination,
       tableCell = props.tableCell,
@@ -1906,8 +1918,6 @@ var Table = function Table(propsInit) {
       _props$defaultExpandA = props.defaultExpandAllRows,
       defaultExpandAllRows = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
       onClickColumns = props.onClickColumns,
-      className = props.className,
-      style = props.style,
       _props$beyondText = props.beyondText,
       beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
       loading = props.loading,
@@ -1915,7 +1925,8 @@ var Table = function Table(propsInit) {
       defaultFilterValue = props.defaultFilterValue,
       searchKeyName = props.searchKeyName,
       filterSearchCallback = props.filterSearchCallback,
-      onClickRow = props.onClickRow;
+      onClickRow = props.onClickRow,
+      rowClassMapping = props.rowClassMapping;
   var intl = useFormatMessage('Table', localeJson);
   var dayNum = props.expirationTime ? props.expirationTime === 0 ? 100000000 : props.expirationTime : 7; // 过期天数
 
@@ -3266,14 +3277,16 @@ var Table = function Table(propsInit) {
       beyondText: beyondText,
       fixedColumn: fixedColumn,
       fixedTable: fixedTable,
-      onClickRow: onClickRow
+      onClickRow: onClickRow,
+      rowClassMapping: rowClassMapping
     });
-  }, [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]); // 表格分页memo
+  }, [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]); // 表格分页memo
 
   var TablePaginationMemo = useMemo(function () {
     if (constData.current.page === null || constData.current.size === null || loadMore) return;
     return pagination && jsx(TableHead, {
       paginationType: paginationType,
+      flippingArrow: flippingArrow,
       autoPagination: autoPagination,
       total: total,
       page: pageCom,
@@ -3282,7 +3295,7 @@ var Table = function Table(propsInit) {
       changePage: changePage,
       changeRowsPerPage: changeRowsPerPage
     });
-  }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType]); // 表格内容滚动
+  }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType, flippingArrow]); // 表格内容滚动
 
   var tableBoxScroll = function tableBoxScroll(e) {
     var dom = tableRef.current;

package/Table/interface.d.ts

@@ -6,6 +6,7 @@
 import React, { ReactNode } from 'react';
 import { EmptyProps } from "../Empty";
 import { OperateBtnProps } from "../OperateBtn";
+import { PaginationFlippingArrow, PaginationLayout } from "../Pagination";
 /** 任意类型 */
 export interface Anyjson {
     [name: string]: any;
@@ -52,6 +53,8 @@ export interface HeadDataProps {
     width?: string | number;
     /** 超出内容显示文字还是dom */
     beyondText?: boolean;
+    /** 超出不显示... */
+    autoTips?: boolean;
     /** 排序,请求才有 */
     orderNum?: number;
     [name: string]: any;
@@ -149,7 +152,9 @@ export interface TableProps extends TableHeadBodyPublicProps {
     /** 是否分页 */
     pagination?: boolean;
     /** 分页模式 */
-    paginationType?: 'simple' | 'complex';
+    paginationType?: 'simple' | 'complex' | PaginationLayout[];
+    /** 方向键layout，默认全有 */
+    flippingArrow?: PaginationFlippingArrow[];
     /** 自适应分页,根据外容器大小,改变分页模式 */
     autoPagination?: boolean;
     /** 渲染表格一行数据 (跟表格头部head里面的render参数互斥) */
@@ -214,6 +219,10 @@ export interface TableProps extends TableHeadBodyPublicProps {
     paramsCallback?: (data: any, cb: (handObj: ReqProps) => void) => void;
     /** 用来格式化内容 */
     formatter?: (row: any, item: any, val: any, index: number, rowIndex: number) => ReactNode;
+    /** 行class mapping */
+    rowClassMapping?: {
+        [name: string]: string;
+    };
     /** 展开事件 */
     onExpand?: (row: any, status: ExpandableStatus) => void;
     /** 点击加载更多 */

package/Table/tableBodyInterface.d.ts

@@ -14,6 +14,10 @@ export interface TableBodyProps extends TableHeadBodyPublicProps {
     emptyProps?: EmptyProps;
     /** 当前表格页数据 */
     rowData?: any[];
+    /** 行class mapping */
+    rowClassMapping?: {
+        [name: string]: string;
+    };
     /** 渲染表格一行数据 (跟表格头部head里面的render参数互斥) */
     tableCell?: (row: any, params: any) => ReactNode;
     /** 禁用key的map */

package/Table/tablePagination.d.ts

@@ -4,6 +4,6 @@
  * @description 表格分页
  */
 import { FunctionComponent } from 'react';
-import { TablePaginationProps } from './tablePaginationInterFace';
+import { TablePaginationProps } from './tablePaginationInterface';
 export declare const TableHead: FunctionComponent<TablePaginationProps>;
 export default TableHead;

package/Table/{tablePaginationInterFace.d.ts → tablePaginationInterface.d.ts}

@@ -3,12 +3,15 @@
 * @date 2021/8/6 11:07
 * @description 表格分页参数
 */
+import { PaginationFlippingArrow, PaginationLayout } from "../Pagination";
 /** 表格分页参数 */
 export interface TablePaginationProps {
     /** 自适应分页,根据外容器大小,改变分页模式 */
     autoPagination?: boolean;
     /** 分页模式 */
-    paginationType?: 'simple' | 'complex';
+    paginationType?: 'simple' | 'complex' | PaginationLayout[];
+    /** 方向键layout，默认全有 */
+    flippingArrow?: PaginationFlippingArrow[];
     /** 总条数 */
     total?: number;
     /** 当前页 */

package/Transfer/index.js

@@ -3172,7 +3172,7 @@ var Box = function Box(props) {
     if (item.disabled) return;
     onchange(e, !item.checked, index, direction, multiple);
   }, function (e, index, item) {
-    if (item.disabled) return;
+    if (item === null || item === void 0 ? void 0 : item.disabled) return;
     onchange(e, true, index, direction, false);
     onMove(direction === "right" ? 'left' : 'right');
   });
@@ -3201,10 +3201,10 @@ var Box = function Box(props) {
       ref: ref
     }, {
       children: data.map(function (item, index) {
-        if (item.hide) return null;
+        if (item === null || item === void 0 ? void 0 : item.hide) return null;
         return jsxs("div", Object.assign({
-          className: clsx('item', item.disabled && 'item-disabled', item.checked && 'item-checked', fluctuationPosition === index && 'item-fluctuation', fluctuationOrther === index && 'item-fluctuationOrther'),
-          style: item.tagColor ? {
+          className: clsx('item', (item === null || item === void 0 ? void 0 : item.disabled) && 'item-disabled', (item === null || item === void 0 ? void 0 : item.checked) && 'item-checked', fluctuationPosition === index && 'item-fluctuation', fluctuationOrther === index && 'item-fluctuationOrther'),
+          style: (item === null || item === void 0 ? void 0 : item.tagColor) ? {
             borderLeft: "4px solid ".concat(item.tagColor)
           } : undefined,
           onClick: function onClick(e) {
@@ -3215,7 +3215,7 @@ var Box = function Box(props) {
             className: 'item-label'
           }, {
             children: jsx(AutoTips, {
-              children: item.name || item[item[customKey]]
+              children: (item === null || item === void 0 ? void 0 : item.name) || item[item[customKey]]
             })
           })), rightIcon ? jsx("div", Object.assign({
             className: 'right-icon'
@@ -3506,13 +3506,15 @@ var Transfer = function Transfer(props) {
   useEffect(function () {
     var rData = [];
     var lData = [];
+    value === null || value === void 0 ? void 0 : value.forEach(function (item) {
+      if (transData[item]) {
+        rData.push(transData[item]);
+        delete transData[item];
+      }
+    });
 
     for (var key in transData) {
-      if (value && value.indexOf(key) >= 0) {
-        rData.push(transData[key]);
-      } else {
-        lData.push(transData[key]);
-      }
+      lData.push(transData[key]);
     }
 
     setRightData([].concat(rData));

package/index.js

@@ -20,7 +20,7 @@ export { Drawer } from './Drawer/index.js';
 export { D as Dropdown } from './_verture/index-bbed73a3.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-c40bd040.js';
+export { F as FormItem } from './_verture/index-48875ffd.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-d646d9db.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -134,8 +134,8 @@ import 'rc-dialog';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/PlusCircleF';
 import 'rc-notification';
-import 'rc-pagination';
 import '@para-ui/icons/Left';
+import 'rc-pagination';
 import '@para-ui/icons/CheckCircle';
 import 'rc-progress';
 import '@para-ui/icons/Check';

package/package.json

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