@para-ui/core 3.0.86 → 4.0.0-beta

package/Pagination/index.js

@@ -1,19 +1,20 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default, { useState, useRef, useEffect, useMemo } from 'react';
 import GlobalContext from '@para-ui/core/GlobalContext';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-0d9802f7.js';
 import { TextField } from '../TextField/index.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import Select from '../Select/index.js';
-import DoubleLeft from '@para-ui/icons/DoubleLeft';
+import { Button } from '../Button/index.js';
 import NavigateBefore from '@para-ui/icons/Left';
 import PaginationCom from 'rc-pagination';
 import Right from '@para-ui/icons/Right';
+import DoubleLeft from '@para-ui/icons/DoubleLeft';
 import DoubleRight from '@para-ui/icons/DoubleRight';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-498dd2b1.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -21,22 +22,23 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Help';
 import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
-import '@para-ui/icons/CloseCircle';
+import '@para-ui/icons/CloseCircleF';
 import '../AutoTips/index.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';
 import '../_verture/useGlobalProps-1b846a65.js';
-import '../_verture/index-77f9e0fb.js';
+import '../_verture/index-e9007d6a.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
-import '../_verture/defineProperty-62acccfc.js';
-import '../_verture/toConsumableArray-81040c9e.js';
+import '../_verture/defineProperty-1d116156.js';
+import '../_verture/toConsumableArray-8f4c9589.js';
 import '../Empty/index.js';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/Down';
@@ -46,17 +48,19 @@ import '../Popover/index.js';
 
 var en = {
   total: 'Total {total}',
-  linePerPage: 'Lines per page',
-  currentPage: 'Current page {currentPage}',
-  jumpTo: 'Jump to',
-  page: 'page'
+  barPage: 'Bar/Page',
+  prevPage: 'Prev',
+  nextPage: 'Next',
+  jumpTo: 'Go to',
+  page: ' Page'
 };
 
 var zh = {
   total: '共{total}条',
-  linePerPage: '每页行数',
-  currentPage: '当前第{currentPage}页',
-  jumpTo: '跳转到',
+  barPage: '条/页',
+  prevPage: '上一页',
+  nextPage: '下一页',
+  jumpTo: '前往',
   page: '页'
 };
 
@@ -65,7 +69,7 @@ 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.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: 65px;\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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/10/26 13:57\n* @description 分页样式\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-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: rgb(29, 33, 38);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  opacity: 1;\n}\n.paraui-v4-pagination.paraui-v4-pagination-over {\n  overflow: hidden;\n  height: 32px;\n  opacity: 0;\n  transition: all 0.3s;\n}\n.paraui-v4-pagination.paraui-v4-pagination-no-left-arrow > .pagination-content {\n  padding-left: 0;\n}\n.paraui-v4-pagination.paraui-v4-pagination-no-right-arrow > .pagination-content {\n  padding-right: 0;\n}\n.paraui-v4-pagination > .pagination-space {\n  margin-right: 10px;\n}\n.paraui-v4-pagination > .pagination-space:last-child {\n  margin-right: 0;\n}\n.paraui-v4-pagination > .pagination-content {\n  border-radius: 4px;\n  height: 32px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-pagination > .pagination-content > .left-page, .paraui-v4-pagination > .pagination-content > .right-page {\n  display: inline-block;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div, .paraui-v4-pagination > .pagination-content > .right-page > div {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn {\n  cursor: not-allowed;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn > svg, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn:hover, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn:hover {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn:hover > svg, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div:last-child, .paraui-v4-pagination > .pagination-content > .right-page > div:last-child {\n  margin-right: 0;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div:hover, .paraui-v4-pagination > .pagination-content > .right-page > div:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div:hover > svg, .paraui-v4-pagination > .pagination-content > .right-page > div:hover > svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div > svg, .paraui-v4-pagination > .pagination-content > .right-page > div > svg {\n  font-size: 16px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-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-v4-pagination > .pagination-content > .component-pagination > li {\n  min-width: 32px;\n  height: 32px;\n  line-height: 32px;\n  display: inline-block;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 4px;\n  margin-right: 6px;\n  padding: 0 6px;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li:first-child, .paraui-v4-pagination > .pagination-content > .component-pagination > li:last-child, .paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-next {\n  display: none;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-jump-next, .paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-jump-prev {\n  padding: 0;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon svg, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon svg {\n  display: none;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon span, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon span {\n  display: inline-block;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon:hover svg, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon:hover svg {\n  display: inline-block;\n  vertical-align: middle;\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon:hover span, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon:hover span {\n  display: none;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li:hover {\n  background-color: rgb(247, 248, 250);\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active {\n  color: rgb(46, 101, 230);\n  border: 1px solid;\n  border-color: rgb(46, 101, 230);\n  line-height: 30px;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active:hover {\n  background: rgb(255, 255, 255);\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-pagination > .pagination-btn-content button:first-child {\n  margin-right: 10px;\n}\n.paraui-v4-pagination > .page-line-memo > span {\n  display: inline-block;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n.paraui-v4-pagination > .page-line-memo .page-line-select {\n  width: 110px;\n  vertical-align: middle;\n}\n.paraui-v4-pagination > .skip-page-memo {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-pagination > .skip-page-memo > span {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-pagination > .skip-page-memo > .skip-page-text-field {\n  width: 50px;\n  margin: 0 4px;\n}\n.paraui-v4-pagination > .skip-page-memo > .skip-page-text-field .right-icon {\n  margin-right: 8px;\n}";
 styleInject(css_248z);
 
 var Pagination = function Pagination(props) {
@@ -73,14 +77,16 @@ var Pagination = function Pagination(props) {
     style = props.style,
     _props$type = props.type,
     type = _props$type === void 0 ? 'simple' : _props$type,
+    _props$pagerType = props.pagerType,
+    pagerType = _props$pagerType === void 0 ? 'num' : _props$pagerType,
     _props$autoType = props.autoType,
     autoType = _props$autoType === void 0 ? true : _props$autoType,
     _props$total = props.total,
     total = _props$total === void 0 ? 0 : _props$total,
     _props$rowsPerPage = props.rowsPerPage,
-    rowsPerPage = _props$rowsPerPage === void 0 ? [10, 20, 30] : _props$rowsPerPage,
+    rowsPerPage = _props$rowsPerPage === void 0 ? [10, 20, 50, 100] : _props$rowsPerPage,
     _props$flippingArrow = props.flippingArrow,
-    flippingArrow = _props$flippingArrow === void 0 ? ['first', 'prev', 'last', 'next'] : _props$flippingArrow,
+    flippingArrow = _props$flippingArrow === void 0 ? ['prev', 'next'] : _props$flippingArrow,
     _props$currentRowsPer = props.currentRowsPerPage,
     currentRowsPerPage = _props$currentRowsPer === void 0 ? 10 : _props$currentRowsPer,
     _props$page = props.page,
@@ -145,13 +151,15 @@ var Pagination = function Pagination(props) {
     for (var i = 0, l = rowsPerPage.length; i < l; i++) {
       var item = rowsPerPage[i];
       var arrItem = {
-        label: item.toString(),
+        label: item.toString() + intl({
+          id: 'barPage'
+        }),
         value: item
       };
       arr.push(arrItem);
     }
     setRowsPerPageCom(arr);
-  }, [props.rowsPerPage]);
+  }, [props.rowsPerPage, locale]);
   useEffect(function () {
     var num = Number(totalPage);
     if (pageCom > num && num !== pageCom) {
@@ -236,18 +244,18 @@ var Pagination = function Pagination(props) {
     return function (value) {
       var num = pageCom;
       switch (type) {
-        case "first":
-          if (pageCom === 1) return;
-          num = 1;
-          break;
+        /*case "first":
+            if (pageCom === 1) return;
+            num = 1;
+            break;*/
         case "prev":
           if (pageCom === 1) return;
           num--;
           break;
-        case "last":
-          if (pageCom === totalPage) return;
-          num = totalPage;
-          break;
+        /*case "last":
+            if (pageCom === totalPage) return;
+            num = totalPage;
+            break;*/
         case "next":
           if (pageCom === totalPage) return;
           num++;
@@ -295,19 +303,24 @@ var Pagination = function Pagination(props) {
   var changeSkipValue = function changeSkipValue(event) {
     setSkipValue(event.target.value);
   };
+  var formatNumber = function formatNumber(num) {
+    var reg = /(?=(\B)(\d{3})+$)/g;
+    return num.toString().replace(reg, ",");
+  };
   /* 总数量 */
   var TotalMemo = useMemo(function () {
     if (typeCom === 'simple' || notLayout('sizes')) {
       return null;
     }
     // 共{total}条
+    var totalFormat = formatNumber(total);
     return jsx("div", Object.assign({
       className: "total-num pagination-space"
     }, {
       children: intl({
         id: 'total'
       }, {
-        total: total
+        total: totalFormat
       })
     }));
   }, [total, language, locale, typeCom]);
@@ -316,104 +329,110 @@ var Pagination = function Pagination(props) {
     if (notLayout('pageRow')) {
       return null;
     }
-    return jsxs("div", Object.assign({
+    return jsx("div", Object.assign({
       className: "page-line-memo pagination-space"
     }, {
-      children: [jsx("span", {
-        children: intl({
-          id: 'linePerPage'
-        })
-      }), jsx(Select, {
+      children: jsx(Select, {
         className: 'page-line-select',
-        size: "medium",
+        size: "large",
         value: currentRowsPerPageCom,
         list: rowsPerPageCom,
         hideErrorDom: true,
         onChange: clickRowsPerPage,
         allowClear: false,
         getPopupContainer: getPopupContainer
-      })]
+      })
     }));
   }, [rowsPerPageCom, currentRowsPerPageCom, getPopupContainer, language, locale, typeCom]);
-  /* 当前页面 */
-  var CurrentPageMemo = useMemo(function () {
-    if (notLayout('currentPage')) {
-      return null;
-    }
-    var html = jsxs(React__default.Fragment, {
-      children: [jsx("span", Object.assign({
-        className: "current-page-num"
-      }, {
-        children: pageCom
-      })), jsx("span", Object.assign({
-        className: "current-page-sign"
-      }, {
-        children: "/"
-      })), jsx("span", Object.assign({
-        className: "current-page-last"
-      }, {
-        children: totalPage
-      }))]
-    }, 'fragment');
-    return jsx("div", Object.assign({
-      className: "current-page pagination-space"
+  /** 分页上一页 */
+  var jumpPrevIcon = function jumpPrevIcon() {
+    return jsxs("div", Object.assign({
+      className: "jump-prev-icon"
     }, {
-      children: intl({
-        id: 'currentPage'
-      }, {
-        currentPage: html
-      })
+      children: [jsx("span", {
+        children: "..."
+      }), jsx(DoubleLeft, {})]
     }));
-  }, [pageCom, totalPage, language, locale, typeCom]);
+  };
+  /** 分页下一页 */
+  var jumpNextIcon = function jumpNextIcon() {
+    return jsxs("div", Object.assign({
+      className: "jump-next-icon"
+    }, {
+      children: [jsx("span", {
+        children: "..."
+      }), jsx(DoubleRight, {})]
+    }));
+  };
   /* 页码 */
   var PaginationMemo = useMemo(function () {
-    if (notLayout('pager')) {
+    if (typeCom === 'simple' || pagerType !== 'num' || 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 pagination-space"
     }, {
-      children: [jsxs("div", Object.assign({
+      children: [flippingArrow.indexOf('prev') !== -1 && jsx("div", Object.assign({
         className: "left-page"
       }, {
-        children: [flippingArrow.indexOf('first') !== -1 && jsx("div", Object.assign({
-          onClick: clickPage('first'),
-          className: pageCom === 1 ? 'disabled-btn' : ''
-        }, {
-          children: jsx(DoubleLeft, {})
-        })), flippingArrow.indexOf('prev') !== -1 && jsx("div", Object.assign({
+        children: jsx("div", Object.assign({
           onClick: clickPage('prev'),
           className: pageCom === 1 ? 'disabled-btn' : ''
         }, {
           children: jsx(NavigateBefore, {})
-        }))]
-      })), (typeCom === 'complex' || bol) && jsx(PaginationCom, {
+        }))
+      })), jsx(PaginationCom, {
         prefixCls: $rcPrefixCls + '-pagination',
         current: pageCom,
         pageSize: currentRowsPerPageCom,
         total: total,
-        jumpPrevIcon: '...',
-        jumpNextIcon: '...',
+        jumpPrevIcon: jumpPrevIcon(),
+        jumpNextIcon: jumpNextIcon(),
         onChange: clickPage('pagination'),
         showTitle: false
-      }), jsxs("div", Object.assign({
-        className: "right-page"
+      }), flippingArrow.indexOf('next') !== -1 && jsx("div", Object.assign({
+        className: 'right-page'
       }, {
-        children: [flippingArrow.indexOf('next') !== -1 && jsx("div", Object.assign({
+        children: jsx("div", Object.assign({
           onClick: clickPage('next'),
           className: pageCom === totalPage ? 'disabled-btn' : ''
         }, {
           children: jsx(Right, {})
-        })), flippingArrow.indexOf('last') !== -1 && jsx("div", Object.assign({
-          onClick: clickPage('last'),
-          className: pageCom === totalPage ? 'disabled-btn' : ''
-        }, {
-          children: jsx(DoubleRight, {})
-        }))]
+        }))
+      }))]
+    }));
+  }, [total, pageCom, totalPage, currentRowsPerPageCom, typeCom, props.flippingArrow, pagerType]);
+  /** 页码btn */
+  var PaginationBtnMemo = useMemo(function () {
+    if (notLayout('pager') || typeCom !== 'simple' && pagerType !== 'btn') {
+      return null;
+    }
+    return jsxs("div", Object.assign({
+      className: "pagination-btn-content pagination-space"
+    }, {
+      children: [jsx(Button, Object.assign({
+        variant: "outlined",
+        size: "large",
+        startIcon: jsx(NavigateBefore, {}),
+        onClick: clickPage('prev'),
+        disabled: pageCom === 1
+      }, {
+        children: intl({
+          id: 'prevPage'
+        })
+      })), jsx(Button, Object.assign({
+        variant: "outlined",
+        size: "large",
+        endIcon: jsx(Right, {}),
+        onClick: clickPage('next'),
+        disabled: pageCom === totalPage
+      }, {
+        children: intl({
+          id: 'nextPage'
+        })
       }))]
     }));
-  }, [total, pageCom, totalPage, currentRowsPerPageCom, typeCom, props.flippingArrow]);
+  }, [pageCom, totalPage, pagerType, typeCom, locale]);
   /* 跳转页数 */
   var SkipPageMemo = useMemo(function () {
     if (typeCom === 'simple' || notLayout('jumper')) {
@@ -428,24 +447,27 @@ var Pagination = function Pagination(props) {
         })
       }), jsx(TextField, {
         className: 'skip-page-text-field',
-        size: "medium",
+        size: "large",
         type: "number",
         value: skipValue || '',
         onChange: changeSkipValue,
-        rightIcon: intl({
-          id: 'page'
-        }),
         hideErrorDom: true,
         onKeyDown: keyPress,
         onKeyUp: keyUp
+      }), jsxs("span", {
+        children: ["/ ", totalPage, intl({
+          id: 'page'
+        })]
       })]
     }));
   }, [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 (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;
   };
@@ -454,7 +476,7 @@ var Pagination = function Pagination(props) {
     style: style,
     ref: refDom
   }, {
-    children: [TotalMemo, CurrentPageMemo, PageLineMemo, PaginationMemo, SkipPageMemo]
+    children: [TotalMemo, PaginationMemo, PaginationBtnMemo, PageLineMemo, SkipPageMemo]
   }));
 };
 

package/Pagination/lang/en_US.d.ts

@@ -1,7 +1,8 @@
 declare const _default: {
     total: string;
-    linePerPage: string;
-    currentPage: string;
+    barPage: string;
+    prevPage: string;
+    nextPage: string;
     jumpTo: string;
     page: string;
 };

package/Pagination/lang/index.d.ts

@@ -1,15 +1,17 @@
 declare const _default: {
     zh: {
         total: string;
-        linePerPage: string;
-        currentPage: string;
+        barPage: string;
+        prevPage: string;
+        nextPage: string;
         jumpTo: string;
         page: string;
     };
     en: {
         total: string;
-        linePerPage: string;
-        currentPage: string;
+        barPage: string;
+        prevPage: string;
+        nextPage: string;
         jumpTo: string;
         page: string;
     };

package/Pagination/lang/zh_CN.d.ts

@@ -1,7 +1,8 @@
 declare const _default: {
     total: string;
-    linePerPage: string;
-    currentPage: string;
+    barPage: string;
+    prevPage: string;
+    nextPage: string;
     jumpTo: string;
     page: string;
 };

package/ParauiProvider/index.js

@@ -1,13 +1,13 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import GlobalContext, { changeConfirmLocale } from '@para-ui/core/GlobalContext';
 import { GetLanguage } from '@paraview/lib';
-import { i as i18nIntl } from '../_verture/intl-4a9f1b44.js';
+import { i as i18nIntl } from '../_verture/intl-5c1ec055.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-498dd2b1.js';
+import '../_verture/typeof-adeedc13.js';
 
-var css_248z = "@charset \"UTF-8\";\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: rgba(46, 55, 67, 0.4);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-corner {\n  background: rgb(236, 238, 240);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n\n::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-scrollbar-small *::-webkit-scrollbar, .paraui-v3-scrollbar-small::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v3-scrollbar-small *::-webkit-scrollbar-track, .paraui-v3-scrollbar-small::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n.paraui-v3-scrollbar-small *::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-small::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n}\n\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-track, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-corner, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-corner {\n  background: rgb(79, 89, 105);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-thumb:hover, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-thumb:active, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n\n.paraui-v3-scrollbar-medium *::-webkit-scrollbar, .paraui-v3-scrollbar-medium::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.paraui-v3-scrollbar-medium *::-webkit-scrollbar-track, .paraui-v3-scrollbar-medium::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n.paraui-v3-scrollbar-medium *::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-medium::-webkit-scrollbar-thumb {\n  border-radius: 6px;\n}\n\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-track, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-thumb {\n  border-radius: 6px;\n  background: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-corner, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-corner {\n  background: rgb(79, 89, 105);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:hover, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:active, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n\n.paraui-v3-scrollbar-large *::-webkit-scrollbar, .paraui-v3-scrollbar-large::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n.paraui-v3-scrollbar-large *::-webkit-scrollbar-track, .paraui-v3-scrollbar-large::-webkit-scrollbar-track {\n  border-radius: 8px;\n}\n.paraui-v3-scrollbar-large *::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-large::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n}\n\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-track, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-track {\n  border-radius: 8px;\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n  background: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-corner, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-corner {\n  background: rgb(79, 89, 105);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-thumb:hover, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-thumb:active, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n\n.paraui-v3-form .paraui-v3-helper-text {\n  min-height: 20px;\n}\n\n* {\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  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nhtml, body {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\nol, ul {\n  list-style: none;\n}\n\na,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\nselect,\nbutton,\ntextarea {\n  outline: none;\n}";
+var css_248z = "@charset \"UTF-8\";\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background-color: rgb(234, 236, 241);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: rgb(161, 168, 179);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-corner {\n  background: rgb(234, 236, 241);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: rgb(212, 218, 227);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: rgb(212, 218, 227);\n}\n\n::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgb(161, 168, 179);\n}\n\n.paraui-v4-scrollbar-small *::-webkit-scrollbar, .paraui-v4-scrollbar-small::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v4-scrollbar-small *::-webkit-scrollbar-track, .paraui-v4-scrollbar-small::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n.paraui-v4-scrollbar-small *::-webkit-scrollbar-thumb, .paraui-v4-scrollbar-small::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n}\n\n.paraui-v4-scrollbar-small-deep * ::-webkit-scrollbar, .paraui-v4-scrollbar-small-deep ::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n  background-color: rgb(92, 101, 115);\n}\n.paraui-v4-scrollbar-small-deep * ::-webkit-scrollbar-track, .paraui-v4-scrollbar-small-deep ::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n.paraui-v4-scrollbar-small-deep * ::-webkit-scrollbar-thumb, .paraui-v4-scrollbar-small-deep ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: rgb(212, 218, 227);\n}\n.paraui-v4-scrollbar-small-deep * ::-webkit-scrollbar-corner, .paraui-v4-scrollbar-small-deep ::-webkit-scrollbar-corner {\n  background: rgb(92, 101, 115);\n}\n.paraui-v4-scrollbar-small-deep * ::-webkit-scrollbar-thumb:hover, .paraui-v4-scrollbar-small-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgb(161, 168, 179);\n}\n.paraui-v4-scrollbar-small-deep * ::-webkit-scrollbar-thumb:active, .paraui-v4-scrollbar-small-deep ::-webkit-scrollbar-thumb:active {\n  background: rgb(161, 168, 179);\n}\n.paraui-v4-scrollbar-small-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-v4-scrollbar-small-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgb(212, 218, 227);\n}\n\n.paraui-v4-scrollbar-medium *::-webkit-scrollbar, .paraui-v4-scrollbar-medium::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.paraui-v4-scrollbar-medium *::-webkit-scrollbar-track, .paraui-v4-scrollbar-medium::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n.paraui-v4-scrollbar-medium *::-webkit-scrollbar-thumb, .paraui-v4-scrollbar-medium::-webkit-scrollbar-thumb {\n  border-radius: 6px;\n}\n\n.paraui-v4-scrollbar-medium-deep * ::-webkit-scrollbar, .paraui-v4-scrollbar-medium-deep ::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background-color: rgb(92, 101, 115);\n}\n.paraui-v4-scrollbar-medium-deep * ::-webkit-scrollbar-track, .paraui-v4-scrollbar-medium-deep ::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n.paraui-v4-scrollbar-medium-deep * ::-webkit-scrollbar-thumb, .paraui-v4-scrollbar-medium-deep ::-webkit-scrollbar-thumb {\n  border-radius: 6px;\n  background: rgb(212, 218, 227);\n}\n.paraui-v4-scrollbar-medium-deep * ::-webkit-scrollbar-corner, .paraui-v4-scrollbar-medium-deep ::-webkit-scrollbar-corner {\n  background: rgb(92, 101, 115);\n}\n.paraui-v4-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:hover, .paraui-v4-scrollbar-medium-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgb(161, 168, 179);\n}\n.paraui-v4-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:active, .paraui-v4-scrollbar-medium-deep ::-webkit-scrollbar-thumb:active {\n  background: rgb(161, 168, 179);\n}\n.paraui-v4-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-v4-scrollbar-medium-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgb(212, 218, 227);\n}\n\n.paraui-v4-scrollbar-large *::-webkit-scrollbar, .paraui-v4-scrollbar-large::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n.paraui-v4-scrollbar-large *::-webkit-scrollbar-track, .paraui-v4-scrollbar-large::-webkit-scrollbar-track {\n  border-radius: 8px;\n}\n.paraui-v4-scrollbar-large *::-webkit-scrollbar-thumb, .paraui-v4-scrollbar-large::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n}\n\n.paraui-v4-scrollbar-large-deep * ::-webkit-scrollbar, .paraui-v4-scrollbar-large-deep ::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n  background-color: rgb(92, 101, 115);\n}\n.paraui-v4-scrollbar-large-deep * ::-webkit-scrollbar-track, .paraui-v4-scrollbar-large-deep ::-webkit-scrollbar-track {\n  border-radius: 8px;\n}\n.paraui-v4-scrollbar-large-deep * ::-webkit-scrollbar-thumb, .paraui-v4-scrollbar-large-deep ::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n  background: rgb(212, 218, 227);\n}\n.paraui-v4-scrollbar-large-deep * ::-webkit-scrollbar-corner, .paraui-v4-scrollbar-large-deep ::-webkit-scrollbar-corner {\n  background: rgb(92, 101, 115);\n}\n.paraui-v4-scrollbar-large-deep * ::-webkit-scrollbar-thumb:hover, .paraui-v4-scrollbar-large-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgb(161, 168, 179);\n}\n.paraui-v4-scrollbar-large-deep * ::-webkit-scrollbar-thumb:active, .paraui-v4-scrollbar-large-deep ::-webkit-scrollbar-thumb:active {\n  background: rgb(161, 168, 179);\n}\n.paraui-v4-scrollbar-large-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-v4-scrollbar-large-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgb(212, 218, 227);\n}\n\n.paraui-v4-form .paraui-v4-helper-text {\n  min-height: 20px;\n}\n\n* {\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  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nhtml, body {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\nol, ul {\n  list-style: none;\n}\n\na,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\nselect,\nbutton,\ntextarea {\n  outline: none;\n}\n\nsvg {\n  overflow: hidden;\n}";
 styleInject(css_248z);
 
 var ParauiProvider = function ParauiProvider(props) {

package/PasswordRules/index.js

@@ -1,13 +1,13 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
-import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import CompleteIcon from '@para-ui/icons/CheckCircleF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-password-rules {\n  padding: 14px 16px;\n  line-height: 1.43;\n}\n.paraui-v3-password-rules > .password-rules-item:first-child > .password-rules-item-title {\n  margin-top: 0px;\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  font-weight: 700;\n  margin-bottom: 6px;\n  margin-top: 10px;\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail {\n  display: flex;\n  margin-bottom: 6px;\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail:last-child {\n  margin-bottom: 0;\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-flag {\n  min-width: 24px;\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-label {\n  flex: 1;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag {\n  margin-top: 0px;\n  line-height: 1;\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag svg {\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.4);\n  margin-top: 2px;\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order > .item-flag {\n  margin-top: -1px;\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-success.rules-item-detail-icon > .item-flag svg {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-flag {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-label {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-password-rules.paraui-v3-password-rules-box-shadow {\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-password-rules {\n  padding: 14px 16px;\n  line-height: 1.43;\n}\n.paraui-v4-password-rules > .password-rules-item:first-child > .password-rules-item-title {\n  margin-top: 0px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-title {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  font-weight: 700;\n  margin-bottom: 6px;\n  margin-top: 10px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail {\n  display: flex;\n  margin-bottom: 6px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail:last-child {\n  margin-bottom: 0;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-flag {\n  min-width: 24px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-label {\n  flex: 1;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag {\n  margin-top: 0px;\n  line-height: 1;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag svg {\n  font-size: 16px;\n  color: rgb(161, 168, 179);\n  margin-top: 2px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order > .item-flag {\n  margin-top: -1px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-success.rules-item-detail-icon > .item-flag svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-flag {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-label {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules.paraui-v4-password-rules-box-shadow {\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  border-radius: 4px;\n}";
 styleInject(css_248z);
 
 var PasswordRules = function PasswordRules(props) {
@@ -76,7 +76,7 @@ var PasswordRules = function PasswordRules(props) {
           return inx + 1 + '、';
         }
         if (result === true) return jsx(CompleteIcon, {}); // 成功
-        return jsx(CloseCircleFilled, {});
+        return jsx(CloseCircleF, {});
       };
       // 处理内容
       var handLabel = function handLabel() {

package/PopConfirm/index.d.ts

@@ -3,11 +3,11 @@
  * @date 2021/8/9 下午3:45
  * @description popConfirm
  */
-import React, { FunctionComponent, ReactNode } from 'react';
-import { ButtonProps } from "../Button";
-import { TooltipProps } from "../Tooltip";
+import React, { FC, ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+import { TooltipProps } from '../Tooltip';
 import './index.scss';
-type ConfirmType = "success" | "info" | "error" | "warning";
+type ConfirmType = 'success' | 'info' | 'error' | 'warning';
 export interface PopConfirmProps {
     /**触发方式*/
     trigger?: 'click' | 'hover';
@@ -21,6 +21,8 @@ export interface PopConfirmProps {
     title?: ReactNode;
     /**内容*/
     content?: ReactNode;
+    /** 辅助说明 */
+    description?: ReactNode;
     /**自定义图标*/
     icon?: ReactNode;
     /**ok 文本*/
@@ -35,6 +37,12 @@ export interface PopConfirmProps {
     okButtonProps?: ButtonProps;
     /** 取消按钮属性*/
     cancelButtonProps?: ButtonProps;
+    /** 确认按钮展示高危样式，不再接受okButtonProps控制样式 */
+    okButtonDanger?: boolean;
+    /** 确认按钮倒计时状态，倒计时进行时按钮为禁用，倒计时完成后解除禁用 */
+    countdown?: boolean;
+    /** 倒计时时长（单位是s），countdown启用后生效，默认5s */
+    countdownTime?: number;
     /** 位置*/
     placement?: TooltipProps['placement'];
     /** cls*/
@@ -53,9 +61,11 @@ export interface PopConfirmProps {
     actions?: ReactNode;
     /** 关闭回调*/
     onClose?: () => void;
+    /** 倒计时完成回调 */
+    onCountdownFinish?: () => void;
     /** 浮层渲染容器，默认body */
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     [name: string]: any;
 }
-export declare const PopConfirm: FunctionComponent<PopConfirmProps>;
+export declare const PopConfirm: FC<PopConfirmProps>;
 export default PopConfirm;