@para-ui/core 3.0.39 → 3.0.40

package/Drawer/index.js

@@ -70,6 +70,15 @@ var Drawer = function Drawer(props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     setRefresh = _React$useState2[1];
   var destroyCloseRef = React__default.useRef(false); //销毁标识
+  var timerRef = React__default.useRef();
+  React__default.useEffect(function () {
+    return function () {
+      // 销毁时销毁timer
+      if (!timerRef.current) return;
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    };
+  }, []);
   //设置drawer width、height
   var getOffsetStyle = function getOffsetStyle() {
     if (!props.open) {
@@ -190,7 +199,7 @@ var Drawer = function Drawer(props) {
         destroyCloseRef.current = false;
       } else if (destroyOnClose) {
         destroyCloseRef.current = true;
-        setTimeout(function () {
+        timerRef.current = setTimeout(function () {
           setRefresh(Math.random());
         }, 300);
       }

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.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-c2a6ba28.js';
+import { F as FormItem, v as validate } from '../_verture/index-95dffbeb.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';

package/FormItem/index.js

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

package/Pagination/index.js

@@ -43,7 +43,7 @@ import '@para-ui/icons/Check';
 import '@para-ui/icons/Search';
 import '../Popover/index.js';
 
-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}";
+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}";
 styleInject(css_248z);
 
 var en = {

package/README.md

@@ -1,3 +1,10 @@
+## 版本: 3.0.40
+
+     para-ui/core@3.0.40 发布
+        【分页组件-Pagination】跳转页数显示3位
+        【表格-Table】表格修改Popover默认插入容器，提供getPopupContainer参数
+        【抽屉-Drawer】修复 ESC 退出多层抽屉问题；修复抽屉未销毁定时器问题
+
 ## 版本: 3.0.39
 
      para-ui/core@3.0.39 发布

package/Table/index.js

@@ -380,7 +380,8 @@ var TableHead$1 = function TableHead(props) {
     lineWidth = props.lineWidth,
     dragColumn = props.dragColumn,
     changeColumnWidth = props.changeColumnWidth,
-    headDataConfig = props.headDataConfig;
+    headDataConfig = props.headDataConfig,
+    getPopupContainer = props.getPopupContainer;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     indeterminate = _useState2[0],
@@ -808,7 +809,10 @@ var TableHead$1 = function TableHead(props) {
           visible: filterHead.name === headCell.name,
           content: filterPopoverContent(),
           onVisibleChange: clickHideFilter,
-          overlayClassName: str
+          overlayClassName: str,
+          getPopupContainer: getPopupContainer ? getPopupContainer : function () {
+            return document.body;
+          }
         }, {
           children: jsxs("div", Object.assign({
             className: handCellClass(headCell)
@@ -849,7 +853,7 @@ var TableHead$1 = function TableHead(props) {
         }))
       }), headCell.name || index);
     });
-  }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig]);
+  }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer]);
   // 操作栏memo
   var TableOperateMemo = useMemo(function () {
     if (operate) {
@@ -952,7 +956,10 @@ var TableHead$1 = function TableHead(props) {
       visible: Boolean(anchorElColums),
       content: showListContent(),
       onVisibleChange: clickHideColums,
-      overlayClassName: "".concat($prefixCls, "-table-show-colums-popover ").concat($prefixCls, "-scrollbar-small")
+      overlayClassName: "".concat($prefixCls, "-table-show-colums-popover ").concat($prefixCls, "-scrollbar-small"),
+      getPopupContainer: getPopupContainer ? getPopupContainer : function () {
+        return document.body;
+      }
     }, {
       children: jsx(ThElement, Object.assign({
         align: "center",
@@ -967,7 +974,7 @@ var TableHead$1 = function TableHead(props) {
         }))
       }))
     }));
-  }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson]);
+  }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer]);
   // 处理class
   var handClass = function handClass() {
     var str = 'table-head';
@@ -1734,7 +1741,8 @@ var Table = function Table(propsInit) {
     searchKeyName = props.searchKeyName,
     filterSearchCallback = props.filterSearchCallback,
     onClickRow = props.onClickRow,
-    rowClassMapping = props.rowClassMapping;
+    rowClassMapping = props.rowClassMapping,
+    getPopupContainer = props.getPopupContainer;
   var intl = useFormatMessage('Table', localeJson);
   var dayNum = props.expirationTime ? props.expirationTime === 0 ? 100000000 : props.expirationTime : 7; // 过期天数
   var _useState = useState(props.page !== undefined ? props.page : 1),
@@ -2805,9 +2813,10 @@ var Table = function Table(propsInit) {
       lineWidth: lineWidth,
       dragColumn: dragColumn,
       headDataConfig: headDataConfig,
-      changeColumnWidth: changeColumnWidth
+      changeColumnWidth: changeColumnWidth,
+      getPopupContainer: getPopupContainer
     });
-  }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig]);
+  }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig, getPopupContainer]);
   // 表格内容memo
   var TableBodyMemo = useMemo(function () {
     return jsx(TableBody, {

package/Table/interface.d.ts

@@ -259,6 +259,8 @@ export interface TableProps extends TableHeadBodyPublicProps {
         search?: any;
         filter?: any;
     }) => boolean;
+    /** 下拉框弹窗内容 */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     [key: string]: any;
 }
 export interface ExpandableRowItem {

package/Table/tableHeadInterface.d.ts

@@ -32,4 +32,6 @@ export interface TableHeadProps extends TableHeadBodyPublicProps {
     changeFilter?: (val: any) => void;
     /** 改变拖拽列width */
     changeColumnWidth?: (headCell: HeadDataProps, result: DragResultProps) => void;
+    /** 下拉框弹窗内容 */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
 }

package/index.js

@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-be4faaee.js';
 export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-c2a6ba28.js';
+export { F as FormItem } from './_verture/index-95dffbeb.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-44e0b3ea.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.39",
+  "version": "3.0.40",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",
@@ -27,7 +27,7 @@
     "rc-collapse": "3.1.2",
     "rc-cropping": "1.0.1",
     "rc-dialog": "8.9.0",
-    "rc-drawer": "^6.1.0",
+    "rc-drawer": "6.1.3",
     "rc-dropdown": "3.6.2",
     "rc-input-number": "7.3.4",
     "rc-motion": "2.4.4",
@@ -49,9 +49,9 @@
     "react-intl-hooks": "^1.0.11",
     "react-router-dom": "^5.3.0",
     "react-slick": "0.28.1",
+    "react-sortablejs": "6.1.0",
     "react-transition-group": "4.4.2",
-    "sortablejs": "^1.15.0",
-    "react-sortablejs": "6.1.0"
+    "sortablejs": "^1.15.0"
   },
   "devDependencies": {
     "@babel/core": "^7.18.6",